/* ----- BASE ----- */
html {
    font-size: 16px;
}
*, *::before, *::after {
    box-sizing: border-box;
}
html, body {
    width: 100%;
    height: 100%;
    margin: 0;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', Helvetica, sans-serif;
    font-size: 1.1rem;
}
img {
    width: auto;
    max-width: 100%;
    height: auto;
}
.main-content {
    width: 100%;
}
.page-wrap {
    width: 100%;
    height: 100%;
}
a, button {
    transition: 0.4s;
    cursor: pointer;
}
a {
    text-decoration: none;
    color: initial;
}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.row {
    display: flex;
    flex-wrap: wrap;
}
.attr-title strong {
    font-size: 0.9rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: #76767a;
    margin-top: 1.5rem;
    display: block;
    }
    
    
/* ----- /BASE ----- */
/*  */
/* ----- TYPOGRAPHY ----- */
h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;
    margin-bottom: 1rem;
}
h6 {
    font-family: 'Poppins', sans-serif;
    font-size: 0.875rem;
    line-height: 1.375rem;
    font-weight: 600;
    color: #46464a;
}
/* ----- /TYPOGRAPHY ----- */
/*  */
/* ----- BUTTONS ----- */
.btn {
    display: inline-block;
    font-weight: 600;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.25rem 0.375rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 0.5rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-family: 'Poppins', sans-serif;
}
.btn-outline-blue {
    border-color: #c1c4ff;
    color: #4a46e0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn-outline-blue:hover {
    border-color: color-mix(in srgb,#c1c4ff,#000 20%);
    color: color-mix(in srgb,#4a46e0,#000 20%);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, .05), 0px 1px 4px 0px rgba(0, 0, 0, .1);
}
.btn-outline-blue .icon {
    width: 1rem;
    height: 1rem;
}
.btn-outline-blue .icon svg {
    fill: #4a46e0;
    max-width: 100%;
    max-height: 100%;
}
.btn-outline-blue span {
    padding: 0 0.25rem;
}
.btn-outline-grey {
    border-color: #f0f0f4;
    color: #4a46e0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn-outline-grey:hover {
    border-color: color-mix(in srgb,#f0f0f4,#000 20%);
    color: color-mix(in srgb,#4a46e0,#000 20%);
}
.btn-outline-grey .icon {
    width: 1rem;
    height: 1rem;
}
.btn-outline-grey .icon svg {
    fill: #4a46e0;
    max-width: 100%;
    max-height: 100%;
}
.btn-outline-grey span {
    padding: 0 0.25rem;
}
.btn-pink-gradient {
    color: #fff;
    border-radius: 0.8rem;
    font-size: 1rem;
    font-weight: 600;
    background: linear-gradient(to right, #FF2D55, #ff006a);
    padding: 0.7rem 1.2rem;
    z-index: 1;
    position: relative;
}
.btn-pink-gradient::after {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: 0.8rem;
    /*background: linear-gradient(314deg,#fa7250 8.49%,#ff1893 43.72%,#a78aff 99.51%);*/
    background: linear-gradient(to right, #ff006aac, #ff2d53b7);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
.btn-pink-gradient:hover::after {
    opacity: 1;
    visibility: visible;
}
.btn-pink-gradient:hover {
    background: transparent;
}
/* ----- /BUTTONS ----- */
/*  */
/* ----- HOME SEARCH ----- */
.home-search {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    min-height: 100vh;
}
.home-search::before, .home-search::after {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    width: 100%;
    background-size: 150% 100%;
}
.home-search::before {
    top: 0;
    background-position: left bottom;
    height: 25%;
    /* background-image: url(../images/home-bg-top.svg); */
}
.home-search::after {
    /* background-image: url(../images/home-bg-bottom.svg); */
    background-position: right bottom;
    bottom: 0;
    height: 30%;
}
.home-search .logo {
    display: block;
    margin-bottom: 1.75rem;
    width: 12.938rem;
}
.home-search .logo img {
    width: 100%;
}
.search-wrap {
    padding-left: 3.25rem;
    margin-bottom: 9rem;
    position: relative;
    max-width: 43.25rem;
    height: 3.625rem;
    width: 100%;
    right: 1.625rem;
    transition: 0.4s;
}
.search-wrap.search-open {
    padding-left: 1rem;
    right: 0.5rem;
}
.search-wrap form {
    background-color: #fff;
    border-radius: 0.8rem;
    /*box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, .05), 0px 4px 8px -1px rgba(0, 0, 0, .1);*/
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    outline: 1px solid rgb(209 213 219);
    /*transition: box-shadow 0.12s cubic-bezier(.3, 0, .5, 1);*/
    position: relative;
    width: 100%;
}
.search-wrap .search-icon {
    display: none;
    align-items: center;
    justify-content: center;
    color: #46464a;
    height: 3.625rem;
    padding: 0 1rem 0 1.5rem;
}
.search-wrap .search-icon.icon-visible {
    display: flex;
}
.search-wrap .search-icon svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: #46464a;
}
.search-wrap input {
    height: 3.625rem;
    padding: 0.8rem 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border-radius: 0;
    border: none;
    box-shadow: none;
    color: #1b1b1f;
    outline: none;
    padding: 1rem 1.125rem 1rem 1.5rem;
    position: relative;
    resize: none;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    flex: 1;
    font-family: 'Inter', Helvetica, sans-serif;
}
.search-wrap.search-open input {
    padding-left: 0;
}
.search-wrap .search-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    height: 3.625rem;
    padding-right: 0.75rem;
    position: relative;
}
.search-wrap .btn-clear {
    border: 1px solid transparent;
    width: 2.125rem;
    height: 2.125rem;
    border-radius: 0.5rem;
    padding: 0.5rem;
    align-items: center;
    justify-content: center;
    display: none;
    background-color: transparent;
}
.search-wrap .btn-clear svg {
    fill: #909094;
}
.search-wrap.search-open .search-actions .btn-clear, .search-wrap input:not(:placeholder-shown)+.search-actions .btn-clear {
    display: flex;
}
.search-wrap .search-actions .btn-clear:hover {
    border-color: #f0f0f4;
}
.search-wrap .search-actions .btn-clear:hover svg {
    fill: #46464a;
}
.search-wrap .search-actions .divider {
    display: none;
    height: 1.5rem;
    width: 1px;
    margin: 0 0.5rem;
    background-color: #f0f0f4;
}
.search-wrap.search-open .search-actions .divider, .search-wrap input:not(:placeholder-shown)+.search-actions .divider {
    display: flex;
}
.search-wrap .search-actions .search-form-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    width: 2.125rem;
    height: 2.125rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    position: relative;
    z-index: 1;
}
.search-wrap .search-actions .search-form-btn::before {
    content: '';
    border-radius: 0.5rem;
    position: absolute;
    inset: 0;
    /*background: linear-gradient(314deg,#fa7250 8.49%,#ff1893 43.72%,#a78aff 99.51%);*/
    background: linear-gradient(314deg,#FF2D55 8.49%,#ff006a 43.72%);
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    z-index: -1;
}
.search-wrap .search-actions .search-form-btn svg {
    fill: url(#gradient-icons);
    max-width: 100%;
    max-height: 100%;
}
.search-wrap.search-open .search-actions .search-form-btn:hover::before {
    opacity: 1;
    visibility: visible;
}
.search-wrap.search-open .search-actions .search-form-btn:hover svg {
    fill: #fff;
}
.search-wrap .search-resuts {
    position: absolute;
    top: 100%;
    outline: 1px solid transparent;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    padding: 0 0.5rem;
    background-color: #fff;  
    max-height: 0;
    overflow: hidden;
    z-index: 1000;
}
.search-wrap.search-open .search-resuts {
    max-height: 2000px;
    outline-color: #f0f0f4;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.search-wrap.search-open form {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.search-wrap .search-resuts-button {
    display: flex;
    align-items: center;
    background-color: transparent;
    border: 0;
    padding: 0;
    text-align: left;
    padding: 0.25rem 0.5rem;
    font-family: 'Inter', Helvetica, sans-serif;
    color: #46464a;
    margin-bottom: 0.125rem;
    border-radius: 0.5rem;
    transition: 0.4s;
}
.search-wrap .search-resuts-button:hover {
    background-color: #f0f0f4;
}
.search-wrap .search-resuts-button .button-image {
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    margin-right: 0.75rem;
    background-color: #f0f0f4;
    border-radius: 0.25rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s;
}
.search-wrap .search-resuts-button:hover .button-image {
    background-color: #fff;
}
.search-wrap .search-resuts-button .button-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.search-wrap .search-resuts-button .button-image-logo img {
    max-width: 70%;
    max-height: 70%;
}
.search-wrap .search-resuts-button .button-title {
    font-size: 1rem;
    line-height: 1.375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.search-wrap .search-resuts-button .button-sub-title {
    font-size: 0.75rem;
    line-height: 1.125rem;
    color: #76767a;
}
.search-wrap .search-resuts-button .button-icon {
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    margin-right: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.375rem;
}
.search-wrap .ai-generate-button {
    background: linear-gradient(172deg, #eef6ffb3 1.26%, #fff2eeb3 51.7%, #f0fdffb3 95.84%, #fff2eeb3 141.39%);
    margin-top: 0.3rem;
}
.search-wrap .ai-generate-button:hover {
    background: linear-gradient(172deg, #eef6ffb3 1.26%, #fff2eeb3 51.7%, #f0fdffb3 95.84%, #fff2eeb3 141.39%);
}
.search-wrap .ai-generate-button .button-icon {
    border-radius: 0.5rem;
    position: relative;
}
.search-wrap .ai-generate-button .button-icon::before {
    background: linear-gradient(352deg, #fa72501a 8.49%, #ff18931a 43.72%, #a78aff1a 99.51%) border-box;
    border-radius: 0.5rem;
    bottom: 0;
    content: "";
    left: 0;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    position: absolute;
    right: 0;
    padding: 1px;
    top: 0;
}
.search-wrap .ai-generate-button .button-icon svg {
    fill: url(#gradient-icons);
}
.search-wrap .ai-generate-button .press-up {
    /*background: linear-gradient(321.5013256215316deg, rgb(250, 114, 80) 3%, rgb(255, 24, 147) 40%, rgb(167, 138, 255) 99%);*/
    background: linear-gradient(321.5013256215316deg,#FF2D55 8.49%,#ff006a 43.72%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: flex;
    align-items: center;
    margin-left: auto;
    flex-wrap: wrap;
    font-size: 0.75rem;
    line-height: 1.125rem;
    gap: 0.25rem;
    margin-right: 0.3rem;
}
.search-wrap .ai-generate-button .press-up .arrow-up {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    box-shadow: 0 1px 0 0 #e3e3e8;
    height: 1.375rem;
    position: relative;
    justify-content: center;
    padding: 0 0.25rem;
    font-size: 0.75rem;
}
.search-wrap .ai-generate-button .press-up .arrow-up svg {
    width: 1rem;
    height: 1rem;
    fill: url(#gradient-icons);
}
.search-wrap .ai-generate-button .press-up .arrow-up span {
    /*background: linear-gradient(321.5013256215316deg, rgb(250, 114, 80) 3%, rgb(255, 24, 147) 40%, rgb(167, 138, 255) 99%);*/
    background: linear-gradient(321.5013256215316deg,#FF2D55 8.49%,#ff006a 43.72%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.search-wrap .ai-generate-button .press-up .arrow-up::before {
    /*background: linear-gradient(314.42deg, #fa7250 8.49%, #ff1893 43.72%, #a78aff 99.51%) border-box;*/
    background: linear-gradient(321.5013256215316deg,#FF2D55 8.49%,#ff006a 43.72%);
    border-radius: 0.25rem;
    bottom: 0;
    content: "";
    left: 0;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    position: absolute;
    right: 0;
    padding: 1px;
    top: 0;
}
/* ----- /HOME SEARCH ----- */
/*  */
/* ----- HEADER ----- */
.header {
    padding: 1.5rem 1.5rem 0;
}
.header.sticky {
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, .05), 0px 1px 4px 0px rgba(0, 0, 0, .1);
}
.header .header-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.header .search-wrap {
    margin-bottom: 0;
    height: 3.125rem;
    max-width: 45.5rem;
}   
.header .search-wrap input {
    height: 3.125rem;
}
.header .search-wrap .search-actions {
    height: 3.125rem;
}
.header .logo {
    width: 6.438rem;
    height: 2rem;
    margin-right: 1.5rem;
    display: flex;
    align-items: center;
}
.header .search-wrap .search-icon {
    height: 3.125rem;
}
.header .header-actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
/* ----- /HEADER ----- */
/*  */
/* ----- NAV TABS ----- */
.nav-tabs {
    padding: 1rem 11.7rem 0;
}
.nav-tabs .tabs a {
    display: flex;
    align-items: center;
    color: #76767a;
    padding: 0.5rem 0.75rem 0.438rem;
    position: relative;
    transition: 0.4s;
}
.nav-tabs .tabs a::after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 3px; 
    left: 0.75rem;
    right: 0.75rem;
    /*background: linear-gradient(307.16553222317134deg, rgb(191, 20, 162) 0%, rgb(247, 58, 28) 100%);*/
    background: linear-gradient(321.5013256215316deg,#FF2D55 8.49%,#ff006a 43.72%);
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}
.nav-tabs .tabs a .icon {
    display: none;
    width: 1rem;
    height: 1rem;
    flex: 0 0 1rem;
    margin-right: 0.25rem;
}
.nav-tabs .tabs a .icon svg {
    fill: url(#gradient-search-navigation);
}
.nav-tabs .tabs .tabs-item {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.375rem;
}
.nav-tabs .tabs {
    display: flex;
    flex-wrap: wrap;
}
.nav-tabs .tabs .tabs-item.active .icon {
    display: block;
}
.nav-tabs .tabs .tabs-item.active a span, .nav-tabs .tabs .tabs-item:hover a span {
    /*background: linear-gradient(307.16553222317134deg, rgb(191, 20, 162) 0%, rgb(247, 58, 28) 100%);*/
    background: linear-gradient(307.16553222317134deg,#FF2D55 0%,#ff006a 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;   
}
.nav-tabs .tabs .tabs-item.active a span {
    font-weight: 600;
}
.nav-tabs .tabs .tabs-item.active a::after {
    visibility: visible;
    opacity: 1;
}
/* ----- /NAV TABS ----- */
/*  */
/* ----- SECTION SEARCH RESULTS ----- */
.section-search-results {
    padding: 1.5rem 10.938rem;
    display: flex;
    gap: 2rem;
}
.search-results-item {
    margin: 2.5rem 0;
}
.search-results-item:first-child {
    margin-top: 0;
}
.search-results-item .search-results-link .site-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0.25rem;
}
.search-results-item .search-results-link .favicon-wrap {
    width: 1.875rem;
    height: 1.875rem;
    flex: 0 0 1.875rem;
    margin-right: 0.75rem;
    background-color: #ededf2;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-results-item .search-results-link .favicon-wrap img {
    max-width: 1.125rem;
    max-height: 1.125rem;
}
.search-results-item .search-results-link .site-name {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.375rem;
    color: #46464a;
}
.search-results-item .search-results-link .site-url {
    font-size: 0.813rem;
    line-height: 1.125rem;
    font-weight: 400;
    color: #76767a;
    margin-top: -0.188rem;
}
.search-results-item .title {
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 400;
    color: #4a46e0;
    letter-spacing: 0.2px;
    margin-bottom: 0.25rem;
}
.search-results-item .description {
    font-size: 0.875rem;
    line-height: 1.375rem; 
    color: #46464a;
}
.search-results-item .item-content .title-wrap {
    flex: 1;
}
.section-search-results > .col {
    padding: 0 1.5rem;
    flex: 1 0 0;
}
.section-search-results > .col-results {
    flex: 0 0 42rem;
    max-width: 42rem;
}
.section-search-results > .col-infobox {
    flex: 0 0 23rem;
    max-width: 23rem;
}
.search-results-item .item-content {
    display: flex;
    flex-wrap: wrap;
}
.search-results-item .item-content .thumbnail {
    flex: 0 0 9.063rem;
    max-width: 9.063rem;
    height: 5.625rem;
    margin-left: auto;
    border-radius: 0.5rem;
    overflow: hidden;
    margin-left: 1rem;
}
.search-results-item .item-content .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}
.search-results-item .title:hover {
    text-decoration: underline;
}
.search-results-infobox .infobox-title {
    font-size: 1.375rem;
    line-height: 1.75rem;
    font-weight: 600;
    letter-spacing: -0.5px;
    font-family: 'Poppins', sans-serif;
    color: #1b1b1f;
    margin-bottom: 0.1rem;
    display: block;
}
.search-results-infobox .infobox-sub-title {
    font-size: 0.875rem;
    line-height: 1.375rem;
    color: #76767a;
    margin-bottom: 1rem;
}
.search-results-infobox .infobox-images {
    display: grid;
    grid-template-rows: 1fr;
    overflow: hidden;
    position: relative;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 1.125rem;
}
.search-results-infobox .infobox-image {
    align-items: center;
    border-radius: 0.5rem;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1;
}
.search-results-infobox .infobox-image:hover img {
    transform: scale(1.1);
}
.search-results-infobox .infobox-images .images-grid {
    display: grid;
    margin-left: 0.5rem;
    overflow: hidden;
    position: relative;
    gap: 0.5rem;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}
.search-results-infobox .infobox-image .small-image {
    object-fit: contain;
    max-width: 80%;
    max-height: 80%;
}
.search-results-infobox .infobox-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}
.search-results-infobox .infobox-descriprion {
    font-size: 0.875rem;
    line-height: 1.375rem;
    color: #76767a;
}
.search-results-infobox .images-grid .infobox-image {
    min-height: 4.75rem;
}
.search-results-infobox .infobox-descriprion a {
    color: #4a46e0;
}
.search-results-infobox .infobox-descriprion a:hover {
    text-decoration: underline;
}
.search-results-infobox .infobox-header {
    border-bottom: 1px solid #f0f0f4;
    padding-bottom: 1rem;
}
.search-results-infobox .infobox-item {
    border-bottom: 1px solid #f0f0f4;
    padding-top: 1rem;
    padding-bottom: 1.125rem;
}
.search-results-infobox .infobox-item h3 {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400; 
    margin-bottom: 0.75rem;
}
.search-results-infobox .infobox-attr .attr-title {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 600;
    color: #1b1b1f;
}
.search-results-infobox .infobox-attr .attr-content {
    font-size: 0.75rem;
    line-height: 1.125rem;
    color: #76767a;
}
.search-results-infobox .infobox-attr {
    margin-bottom: 0.875rem;
}
.search-results-infobox .infobox-attr .attr-content a {
    color: #1841d2;
}
.search-results-infobox .infobox-attr .attr-content a:hover {
    text-decoration: underline;
}
.search-results-infobox .infobox-attr:last-child {
    margin-bottom: 0;
}
.search-results-infobox .infobox-links {
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.search-results-infobox .infobox-link {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f0f0f4;
    border-radius: 0.5rem;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0.25rem;
    transition: 0.4s;
}
.search-results-infobox .infobox-link:hover {
    background-color: #f0f0f4;
}
.search-results-infobox .data-from {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #76767a;
    font-size: 0.688rem;
    line-height: 1rem;
    gap: 0.75rem;
    margin-top: 0.5rem;
}
.search-results-infobox .data-from a {
    color: #76767a;
}
.search-results-infobox .data-from a:hover {
    text-decoration: underline;
}
.search-results-infobox .data-from .divider {
    height: 1px;
    flex: 1;
    width: 100%;
    background-color: #f0f0f4;
}
.btn-message {
    background-color: transparent;
    border: none;
    padding: 0;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.313rem;
    transition: 0.4s;
    border-radius: 0.25rem;
}
.btn-message svg {
    max-width: 100%;
    max-height: 100%;
}
.btn-message svg path {
    fill: #76767a;
}
.btn-message:hover {
    background-color: color-mix(in srgb, #3b3b3f,transparent 95%);
}
.search-results-item .row {
    max-width: 33.125rem;
    margin: 0.75rem -1rem 0;
}
.search-results-item .search-results-sub-item .title {
    font-size: 1rem;
    line-height: 1.5rem;
}
.search-results-item .search-results-sub-item p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #46464a;
    font-size: 0.75rem;
    line-height: 1.125rem;
}
.search-results-item .row .col {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 1rem;
}
/* ----- /SECTION SEARCH RESULTS ----- */
/*  */
/* ----- PAGINATION ----- */
.pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 0.875rem;
    line-height: 1.375rem;
    color: #46464a;
    margin-top: 4rem;
    gap: 1rem;
}
.pagination .pagination-btn {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    border: 1px solid #f0f0f4;
    border-radius: 0.75rem;
    font-size: 0.813rem;
    font-weight: 600;
    color: #46464a;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.5px;
}
.pagination .pagination-btn:hover {
    border-color: color-mix(in srgb, #f0f0f4, #000 20%);
    color: color-mix(in srgb, #46464a, #000 20%);
    background: rgb(63 57 232 / 5%);
}
.pagination .pagination-btn span {
    padding: 0 0.5rem;
}
.pagination .pagination-btn .icon {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 1.25rem;
}
.pagination .pagination-btn .icon svg {
    max-width: 100%;
    max-height: 100%;
}
/* ----- /PAGINATION ----- */
/*  */
/* ----- FOOTER ----- */
.footer {
    padding: 2.5rem 11.688rem;
    margin-top: 2.5rem;
    border-top: 1px solid #f0f0f4;
}
.footer .row {
    column-gap: 1.5rem;
    max-width: 42rem;
}
.footer .footer-nav {
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
}
.footer .footer-nav a {
    color: #76767a;
}
.footer .footer-nav a:hover {
    text-decoration: underline;
}
.footer h6 {
    margin-bottom: 0.625rem;
}
.footer .footer-nav li {
    margin-bottom: 0.125rem;
}
.footer .footer-nav-grid {
    display: grid;
    gap: 0.125rem 2rem;
    grid-template-columns: repeat(2, 1fr);
}
/* ----- /FOOTER ----- */
/*  */
/* ----- FAQS BLOCK ----- */
.search-block {
    margin: 4rem 0;
}
.search-block .block-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #46464a;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.625rem;
}
.search-block .block-head .icon {
    width: 1rem;
    height: 1rem;
    flex: 0 0 1rem;
    margin-right: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-block .block-head .icon svg {
    max-width: 100%;
    max-height: 100%;
}
.faq-item {
    padding: 1rem 0;
}
.faq-item .faq-item-button {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625rem;
    font-family: 'Inter', sans-serif;
    background-color: transparent;
    border: 0;
    padding: 0;
    color: #1b1b1f;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    text-align: left;
    padding-right: 2.5rem;
}
.faq-item .faq-item-button .arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #f0f0f4;
    width: 1.75rem;
    height: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.25rem;
    border-radius: 0.5rem;
    transition: 0.4s;
}
.faq-item .faq-item-button:hover .arrow {
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, .05), 0px 1px 4px 0px rgba(0, 0, 0, .1);
    border-color: color-mix(in srgb,#f0f0f4,#000 20%);
}
.faq-item .faq-item-button:hover .arrow svg {
    fill: color-mix(in srgb,#4a46e0,#000 20%);
}
.faq-item .faq-item-button .arrow svg {
    fill: #4a46e0;
    max-width: 100%;
    max-height: 100%;
    transition: 0.4s;
}
.search-block .divider {
    display: block;
    width: 100%;
    border-top: 1px solid #f0f0f4;
    margin-top: 1rem;
}
.faq-item .faq-item-content p {
    color: #76767a;
    font-size: 0.875rem;
    line-height: 1.375rem;
}
.faq-item .faq-item-content-wrap {
    overflow: hidden;
    max-height: 0;
    transition: 0.4s;
}
.faq-item .faq-item-content {
    padding-top: 0.375rem;
    padding-right: 4rem;
}
.faq-item .faq-item-content-wrap.content-visible {
    max-height: 1000px;
}
.faq-item .faq-item-button.active .arrow svg {
    transform: rotate(180deg);
}
.faq-item .search-results-item {
    margin: 0;
}
.faq-item .search-results-item .site-info div {
    flex: 1;
    max-width: 22rem;
}
.faq-item .search-results-item .site-info .favicon-wrap {
    flex: 0 0 1.875rem;
}
.faq-item .search-results-link .site-url span {
    flex: 0 0 auto;
    margin-right: 0.375rem;
    max-width: 22rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.faq-item .search-results-item .site-info .site-url {
    display: flex;
    align-items: center;
    max-width: 100%;
}
.faq-item .search-results-item .item-content .title {
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    margin-bottom: 0;
}
.search-block .bottom-divider {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    margin-top: 0.7rem;
}
.search-block .bottom-divider .divider {
    margin: 0;
}
/* ----- /FAQS BLOCK ----- */
/*  */
/* ----- ALTERED QUERY ----- */
.altered-query {
    font-size: 0.875rem;
    line-height: 1.375rem;
    color: #46464a;
    padding: 1.5rem 12.4rem 0;
}
.altered-query .showing-results a {
    font-weight: 600;
    font-style: italic;
}
.altered-query a {
    color: #1841d2;
}
.altered-query .search-instead {
    color: #76767a;
}
/* ----- /ALTERED QUERY ----- */
/*  */
/* ----- NEWS BLOCK ----- */
.news-block {
    margin-right: -1.5rem;
}
.news-block .block-head {
    margin-bottom: 1rem;
}
.news-block .slick-arrow {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.625rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    font-size: 0;
    border: 1px solid #f0f0f4;
    background-color: #fff;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, .05), 0px 1px 4px 0px rgba(0, 0, 0, .1);
    z-index: 100;
    transition: 0.4s;
}
.news-block .slick-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='15' class='icon' viewBox='0 0 8 15' fill='%2346464a'%3E%3Cpath fill-rule='evenodd' d='M.8 8.029a1.2 1.2 0 0 1 0-1.68L6.527.509a.8.8 0 0 1 1.142 1.12l-5.45 5.56 5.45 5.56a.8.8 0 1 1-1.142 1.12z' clip-rule='evenodd'%3E%3C/path%3E%3C!----%3E%3C/svg%3E");
    left: -1.25rem;
}
.news-block .slick-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='15' class='icon' viewBox='0 0 9 15' fill='%2346464a'%3E%3Cpath fill-rule='evenodd' d='M7.73 6.349a1.2 1.2 0 0 1 0 1.68l-5.725 5.84a.8.8 0 0 1-1.143-1.12l5.451-5.56-5.45-5.56A.8.8 0 1 1 2.004.51z' clip-rule='evenodd'%3E%3C/path%3E%3C!----%3E%3C/svg%3E");
    right: 0.25rem;
}
.news-block .slick-arrow.slick-disabled {
    opacity: 0;
    visibility: hidden;
}
.news-card {
    display: block;
    margin-right: 1.5rem;
}
.news-card:hover h2 {
    text-decoration: underline;
}
.news-card .card-image {
    width: 100%;
    height: 6.875rem;
    overflow: hidden;
    border-radius: 0.5rem;
    margin-bottom: 0.5rem;
}
.news-card .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}
.news-card:hover .card-image img {
    transform: scale(1.1);
}
.news-card .site-url {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
    color: #76767a;
    font-size: 0.688rem;
    line-height: 1rem;
}
.news-card .site-url .favicon-wrap {
    width: 0.75rem;
    height: 0.75rem;
    flex: 0 0 0.75rem;
}
.news-card h2 {
    font-size: 0.875rem;
    line-height: 1.375rem;
    color: #1841d2;
    font-weight: 400;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    margin-bottom: 0.625rem;
}
.news-card .card-date {
    color: #76767a;
    font-size: 0.688rem;
    line-height: 1rem;
}
/* ----- /NEWS BLOCK ----- */
/* */
/* ----- VIDEOS BLOCK ----- */
.videos-block .block-head {
    margin-bottom: 1rem;
}
.video-item {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}
.video-item .image-wrap {
    width: 6.25rem;
    flex: 0 0 6.25rem;
    height: 5rem;
    position: relative;
    border-radius: 0.25rem;
    overflow: hidden;
    margin-right: 1rem;
    background-color: #ebebeb;
}
.video-item .image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}
.video-item .image-wrap .icon-play {
    position: absolute;
    inset: 0;
    width: 1.5rem;
    height: 1.5rem;
    margin: auto;
}
.video-item .image-wrap .icon-play svg {
    fill: color-mix(in srgb,#fff,transparent 30%);
    width: 100%;
    height: 100%;
}
.video-item .video-item-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.video-item .site-attr {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: #76767a;
    font-size: 0.688rem;
    line-height: 1rem;
}
.video-item .site-attr .favicon-wrap {
    width: 1rem;
    height: 1rem;
    flex: 0 0 1rem;
}
.video-item .video-item-title {
    font-size: 1rem;
    line-height: 1.5rem;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    color: #1841d2;
}
.video-item .site-attr .icon {
    width: 0.75rem;
    height: 0.75rem;
    margin: 0 0.125rem;
    fill: #76767a;
}
.video-item .video-item-date {
    color: #76767a;
    font-size: 0.75rem;
    line-height: 1.125rem;
    margin-top: auto;
}
.video-item:hover .video-item-title {
    text-decoration: underline;
}
.video-item:hover .image-wrap img {
    transform: scale(1.1);
}
.button-wrap {
    text-align: center;
    margin-top: 1.75rem;
}
.button-wrap .btn {
    min-width: 33%;
}
/* ----- /VIDEOS BLOCK ----- */
/*  */
/* ----- MAP BLOCK ----- */
.map-block .map-wrap {
    width: 100%;
    height: 12.5rem;
    overflow: hidden;
    border-radius: 0.75rem;
    cursor: pointer;
}
.map-block .map-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.map-place {
    border-radius: 0.75rem;
    position: relative;
    z-index: 1;
    font-size: 0.688rem;
    line-height: 1rem;
    color: #76767a;
    margin-bottom: 1.563rem;
    cursor: pointer;
}
.map-place::before {
    content: '';
    position: absolute;
    transition: 0.4s;
    border: 1px solid transparent;
    inset: -0.5rem;
    border-radius: 0.75rem;
    z-index: -1;
}
.map-place:hover::before {
    background-color: #f0f0f4;
    border-color: #f0f0f4;
}
.map-places-list {
    margin-top: 1.5rem;
}
.map-place .place-title {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: #1b1b1f;
    margin-bottom: 0.313rem;
}
.map-place .place-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0.25rem;
}
.map-place .rating {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58.5' height='14' fill='none' viewBox='0 0 64 12'%3E%3Cdefs/%3E%3Cpath fill='%2300aa6c' fill-rule='evenodd' d='M12 6A6 6 0 110 6a6 6 0 0112 0zm-1.5 0a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0zm8.5 6a6 6 0 100-12 6 6 0 000 12zm0-1.5a4.5 4.5 0 100-9 4.5 4.5 0 000 9zM38 6a6 6 0 11-12 0 6 6 0 0112 0zm-1.5 0a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0zm8.5 6a6 6 0 100-12 6 6 0 000 12zm0-1.5a4.5 4.5 0 100-9 4.5 4.5 0 000 9zM58 12a6 6 0 100-12 6 6 0 000 12zm0-1.5a4.5 4.5 0 100-9 4.5 4.5 0 000 9z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    position: relative;
    width: 3.688rem;
    height: 0.875rem;
    margin-right: 0.25rem;
}
.map-place .rating-wrap {
    display: flex;
    align-items: center;
}
.map-place .rating span {
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='14' viewBox='0 0 64 12' width='58.5'%3E%3Cpath clip-rule='evenodd' d='m12 6c0 3.31371-2.68629 6-6 6s-6-2.68629-6-6 2.68629-6 6-6 6 2.68629 6 6zm13 0c0 3.31371-2.6863 6-6 6s-6-2.68629-6-6 2.6863-6 6-6 6 2.68629 6 6zm7 6c3.3137 0 6-2.68629 6-6s-2.6863-6-6-6-6 2.68629-6 6 2.6863 6 6 6zm19-6c0 3.31371-2.6863 6-6 6s-6-2.68629-6-6 2.6863-6 6-6 6 2.68629 6 6zm7 6c3.3137 0 6-2.68629 6-6s-2.6863-6-6-6-6 2.68629-6 6 2.6863 6 6 6z' fill='%2300aa6c' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}
.map-place .place-info li::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='4' viewBox='0 0 3 4' fill='none'%3E%3Ccircle cx='1.5' cy='2' r='1.5' fill='%23e3e3e8'%3E%3C/circle%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 0.438rem;
    width: 0.25rem;
    height: 0.25rem;
}
.map-place .info-lines li {
    display: flex;
    align-items: center;
    margin-bottom: 0.25rem;
}
.map-place .info-lines .icon {
    width: 1rem;
    height: 1rem;
    flex: 0 0 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.375rem;
}
.map-place .info-lines .icon svg {
    max-width: 100%;
    max-height: 100%;
    fill: #909094;
}
.tag {
    font-size: 0.688rem;
    line-height: 1rem;
    border: 1px solid transparent;
    font-weight: 400;
    border-radius: 0.25rem;
    padding: 0 0.25rem;
}
.tag-closed {
    color: #bf002c;
    background-color: #ffedec;
    border-color: #ffdad9;
}
.tag-open {
    background-color: #d5facc;
    border-color: #b9f1ac;
    color: #006e11;
}
.map-place .info-lines li .tag {
    margin-right: 0.5rem;
}
.map-place:last-child {
    margin-bottom: 0;
}
.map-block .button-wrap {
    margin-top: 1.5rem;
}
.map-block .bottom-divider {
    margin-top: 0.5rem;
}
/* ----- /MAP BLOCK ----- */
/*  */ 
/* ----- MEDIA ----- */
@media(max-width: 1439px) {
    /* ----- HEADER ----- */
    .header .logo {
        margin-right: 0;
        width: 4.5rem;
        height: 1.5rem;
    }
    /* ----- HEADER ----- */
    /*  */
    /* ----- NAV TABS ----- */
    .nav-tabs {
        padding: 1rem 7.2rem 0;
    }
    /* ----- /NAV TABS ----- */
    /*  */
    /* ----- SECTION SEARCH RESULTS ----- */
    .section-search-results {
        padding: 1.5rem 6.375rem;
    }
    /* ----- /SECTION SEARCH RESULTS ----- */
    /*  */
    /* ----- ALTERED QUERY ----- */
    .altered-query {
        padding: 1.5rem 7.875rem 0;
    }
    /* ----- /ALTERED QUERY ----- */
    /*  */
}
@media(max-width: 1199px) {
    /* ----- SECTION SEARCH RESULTS ----- */
    .section-search-results > .col-infobox {
        order: 1;
        flex: 0 0 42rem;
        max-width: 42rem;   
    }
    .section-search-results > .col-results {
        order: 2;
    }
    .section-search-results {
        flex-wrap: wrap;
        gap: 1rem;
    }
    .section-search-results .col-infobox .search-results-infobox {
        border-top: 1px solid #f0f0f4;
        padding-top: 2rem;
    }
    .header .header-actions .btn-pink-gradient {
        position: fixed;
        bottom: 1rem;
        right: 1rem;
        z-index: 100;
        /* display: none; */
    }
    /* ----- /SECTION SEARCH RESULTS ----- */
    /*  */
    /* ----- FOOTER ----- */
    .footer {
        padding: 2.5rem 8rem;
    }
    /* ----- /FOOTER ----- */
    /*  */
}
@media(max-width: 1023px) {
    /* ----- HEADER ----- */
    .header {
        padding: 0.875rem 1rem 0;
    }
    .header .logo {
        flex: 0 0 100%;
        margin: 0 auto 0.25rem;
        max-width: 5.625rem;
    }
    .header .header-content {
        justify-content: center;
    }
    .header .search-wrap {
        right: 1rem;
        padding-left: 2rem;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .search-wrap.search-open {
        padding-left: 0;
        right: 0;
    }
    /* ----- /HEADER ----- */
    /*  */
    /* ----- NAV TABS ----- */
    .nav-tabs {
        padding: 0.625rem 0.875rem 0;
    }
    /* ----- /NAV TABS ----- */
    /*  */
    /* ----- SECTION SEARCH RESULTS ----- */
    .section-search-results {
        padding: 1.5rem 0rem;
    }
    .section-search-results > .col-results {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .section-search-results > .col-infobox {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .search-results-item .row {
        max-width: 100%;
    }
    /* ----- /SECTION SEARCH RESULTS ----- */
    /*  */
    /* ----- FOOTER ----- */
    .footer {
        padding: 2.5rem 1.5rem;
    }
    /* ----- FOOTER ----- */
    /*  */
    /* ----- ALTERED QUERY ----- */
    .altered-query {
        padding: 1.5rem 1.5rem 0;
    }
    /* ----- /ALTERED QUERY ----- */
    /*  */
}
@media(max-width: 767px) {
    /* ----- HOME SEARCH ----- */
    .search-wrap input {
        font-size: 0.875rem;
        padding: 1rem 0.875rem 1rem 1rem;
    }
    .search-wrap .search-actions .search-form-btn {
        width: 1.5rem;
        height: 1.5rem;
        padding: 0.25rem;
        border-radius: 0.25rem;
    }
    .search-wrap .search-actions {
        gap: 0.25rem;
    }
    .search-wrap .search-actions .divider {
        margin: 0 0.375rem;
    }
    .search-wrap .btn-clear {
        width: 1.5rem;
        height: 1.5rem;
        padding: 0.25rem;
        border-radius: 0.25rem;
    }
    .search-wrap .search-resuts {
        padding: 0 0.25rem;
    }
    .search-wrap.search-open .search-resuts {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }
    .search-wrap .search-resuts-button .button-title {
        font-size: 0.875rem;
    }
    .search-wrap .search-icon {
        padding: 0 0.75rem 0 0.875rem;
    }
    .search-wrap .search-icon svg {
        width: 1.125rem;
        height: 1.125rem;
    }
    /* ----- /HOME SEARCH ----- */
    /*  */
    /* ----- SECTION SEARCH RESULTS ----- */
    .search-results-item .item-content .thumbnail {
        flex: 0 0 4.125rem;
        max-width: 4.125rem;
        height: 4.125rem;
        margin-left: 0.5rem;
    }
    .section-search-results > .col-results {
        padding: 0 1rem;
    }
    .search-results-item .item-content .thumbnail {
        margin-top: 1rem;
    }
    .search-results-item .item-content {
        align-items: center;
    }
    .section-search-results > .col-infobox {
        padding: 0 1rem;
    }
     .search-results-item .row .col {
        flex: 0 0 100%;
        max-width: 100%;
        border-top: 1px solid #f0f0f4;
        padding: 0.5rem 0;
    }
    .search-results-item .row .col:first-child {
        border-top: 0;
        padding-top: 0;
    }
    .search-results-item .row .col:last-child {
        padding-bottom: 0;
    }
    .search-results-item .search-results-sub-item p {
        display: none;
    }
    .search-results-item .row {
        margin-left: 0;
        margin-right: 0;
    }
    .search-results-item .search-results-sub-item .title {
        font-size: 0.875rem;
        line-height: 1.375rem;
    }
    /* ----- /SECTION SEARCH RESULTS ----- */
    /*  */
    /* ----- HEADER ----- */
    .header {
        padding: 0.875rem 0.5rem 0;
    }
    .header .search-wrap {
        padding-left: 0;
        right: 0;
    }
    /* ----- /HEADER ----- */
    /*  */
    /* ----- NAV TABS ----- */
    .nav-tabs {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    /* ----- /NAV TABS ----- */
    /*  */
    /* ----- FOOTER ----- */
    .footer {
        padding: 2.5rem 1rem;
    }
    .footer .col {
        margin-bottom: 1rem;
    }
    .footer .col:last-child {
        margin-bottom: 0;
    }
    /* ----- /FOOTER ----- */
    /*  */
    /* ----- FAQS BLOCK ----- */
    .faq-item .faq-item-content {
        padding-right: 1rem;
    }
    .faq-item .search-results-item .site-info div {
        max-width: 86%;
    }
    .faq-item .search-results-link .site-url span {
        max-width: 14rem;
    }
    /* ----- /FAQS BLOCK ----- */
    /*  */
    /* ----- ALTERED QUERY ----- */
    .altered-query {
        padding: 1.5rem 1.25rem 0;
    }
    /* ----- /ALTERED QUERY ----- */
    /*  */
    /* ----- NEWS BLOCK ----- */
    .news-card {
        max-width: 11.25rem;
    }
    .news-block {
        margin-right: -1.5rem;
    }
    .news-block .slick-prev {
        left: 0.25rem;
    }
    .news-block {
        margin-right: 0;
    }
    .news-block .news-row {
        margin: 0 -1rem;
        padding-left: 1rem;
    }
    /* ----- /NEWS BLOCK ----- */
    /*  */
    /* ----- VIDEOS BLOCK ----- */
    .video-item .video-item-title {
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }
    /* ----- /VIDEOS BLOCK ----- */
    /*  */
}
/* ----- /MEDIA ----- */
/*  */






/* -------------------------------------- ADDED BY T3 -------------------------------------- */
.attr-title strong {
    font-size: 0.9rem;
    line-height: 1.5rem;
    font-weight: 400; 
    color: #76767a;
    margin-top: 1.5rem;
    display: block;
}

/* MAP SKELETON */
/* CONTENEUR de l’image (nécessaire pour positionner le skeleton) */
.map-wrap-container {
  position: relative;
  width: 100%;
  height: 12.5rem; /* même hauteur que .map-wrap */
  overflow: hidden;
  border-radius: 0.75rem;
}

/* IMAGE avec transition d’opacité */
.map-wrap-container .map-wrap {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.4s ease;
  position: relative;
  z-index: 2;
}

/* SKELETON overlay avec shimmer */
.map-skeleton {
  position: absolute;
  inset: 0;
  background-color: #e0e0e0;
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background-repeat: no-repeat;
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  z-index: 1;
}

/* Animation shimmer */
@keyframes shimmer {
  to {
    background-position: 200% 0;
  }
}
/* MAP SKELETON */



/* POPUP ADBLOCK DETECTED */
#adblock-overlay {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}


#adblock-modal {
    background: #fff;
    padding: 20px 25px;
    border-radius: 8px;
    max-width: 400px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

#adblock-modal h2 {
    margin-top: 0;
    font-size: 1.5em;
    color: #333;
}

#adblock-modal p {
    margin: 0.8em 0;
    line-height: 1.4;
    color: #555;
}

#adblock-modal p strong {
    display: block;
    margin-top: 1em;
    font-size: 1.1em;
    color: #000;
}

/*  TOOLTIP */
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.tooltip .tooltiptext {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease;

  background: #000;
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  white-space: nowrap;
  font-size: 0.85rem;
  line-height: 1.4;

  position: absolute;
  top: 50%;
  right: 115%; 
  transform: translateY(-50%);
  z-index: 10;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 100%; 
  transform: translateY(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent black; 
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.tooltip .tooltiptext.tooltip-bottom {
  top: 100%; /* sous l’élément parent */
  left: 50%; /* centré horizontalement */
  right: auto;
  transform: translateX(-50%);
  margin-top: 8px;
}

.tooltip .tooltiptext.tooltip-bottom::after {
  content: "";
  position: absolute;
  bottom: 100%; /* place la flèche au-dessus du tooltip */
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; /* noir en haut */
}





.site-info .info-bulle {
  margin-left: auto;
  cursor: help;
}



/* POPIN BUTTON SHARE*/

.btn-trigger {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 1.5rem;
    height: 50px;
    font-size: 1rem;
    background: linear-gradient(to right, #FF2D55, #ff006a);
    color: white;
    border: none;
    border-radius: 0.8rem;
    cursor: pointer;
    transform: scale(1);
    transition: transform 0.2s ease;
    z-index: 1;
}
.btn-trigger:hover {
    transform: scale(1.05);
}

.popin {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 8px;
    width: 385px;
    background: linear-gradient(to right, #FF2D55, #ff006a);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
    overflow: hidden;
    display: none;
    z-index: 2;
}

.popin-header {
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    font-weight: bold;
}

.popin-content {
    background: white;
    padding: 1rem;
    color: #333;
    font-size: 1rem;
    line-height: 1.625;
}

.popin-content .intro {
    font-weight: bold;
    font-size: 0.85rem;
    margin: 0;
}

.popin-content .ref-link {
    position: relative;
    margin: 0.75rem 0;
    padding: 0.75rem;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-family: monospace;
    font-size: 0.95rem;
    word-break: break-all;
    color: #333;
    overflow: hidden; 
}

.popin-content .ref-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 auto; /* prend l'espace restant */
}

.popin-content .copy {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: #ff6a5f;
    border: none;
    color: white;
    padding: 0.6rem 0.7rem;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.8rem;
}

.popin-footer {
    text-align: center;
    padding: 0.1rem 1rem 1.5rem;
    background: white;
    color: #333;
}
.popin-footer .emoji-line {
    font-size: 2rem;
    line-height: 1;
    margin-top: 0.5rem;
    display: block;
}
.popin-footer .footer-text {
    font-size: 0.9rem;
    margin-top: 0.25rem;
}