:root {
    --bs-gray-50: #FAFAFA;
    --bs-gray-100: #F5F5F5;
    --bs-gray-200: #E9EAEB;
    --bs-gray-300: #D7D7D7;
    --bs-gray-400: #B1B1B1;
    --bs-gray-500: #818182;
    --bs-gray-900: #1E1E1E;
    --brand-blue: #8DD8F7;
    --brand-mint: #DAFCD7;
    --brand-rose-red: #AE3544;
    --brand-yellow: #FBF067;
    --brand-yelow-800: #97903E;
    --brand-light-brown: #FDF6E7;
    --rose-800: #AE3544;
    --bs-box-shadow-lg: 0 12px 16px -4px rgba(10, 13, 18, 0.08), 0 4px 6px -2px rgba(10, 13, 18, 0.03);
    --bs-box-shadow-xs: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
    --bs-border-color: var(--bs-gray-200);
    --bs-border-radius: .5rem;
    --bs-form-invalid-border-color: #FECDCA;
    --bs-form-invalid-color: #D92D20;
    --bs-success-800: #05603A;
    --bs-danger-bg-subtle: #FAF3F6;
}
/* tiktok-sans-300 - cyrillic_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'TikTok Sans';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/tiktok-sans-v7-cyrillic_latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* tiktok-sans-regular - cyrillic_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'TikTok Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/tiktok-sans-v7-cyrillic_latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* tiktok-sans-500 - cyrillic_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'TikTok Sans';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/tiktok-sans-v7-cyrillic_latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* tiktok-sans-600 - cyrillic_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'TikTok Sans';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/tiktok-sans-v7-cyrillic_latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* tiktok-sans-700 - cyrillic_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'TikTok Sans';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/tiktok-sans-v7-cyrillic_latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Sofia Sans Extra Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/sofia-sans-extra-condensed-v6-cyrillic-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Instrument Sans';
    font-style: condensed;
    font-weight: 700;
    src: url('fonts/InstrumentSans_Condensed-Bold.ttf') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
[data-theme=font-ru]{
    --main-font: 'Sofia Sans Extra Condensed';
}
[data-theme=font-ro]{
    --main-font: 'Instrument Sans';
}
body {
    margin: 0;
    font-family: "TikTok Sans", sans-serif;
    font-size: var(--bs-body-font-size);
    font-weight: 400;
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: "TikTok Sans", sans-serif;
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--bs-heading-color)
}
h1, .h1 {
    font-size: clamp(2.25rem, 1.5rem + 1.5vw, 3rem); /* 36px – 48px */
    font-weight: 700;
    line-height: 1.2;
}

h2, .h2 {
    font-size: clamp(1.875rem, 1.3rem + 1.5vw, 2.625rem); /* 30px – 42px */
    font-weight: 600;
    line-height: 1.3;
}

h3, h3 {
    font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); /* 24px – 32px */
    font-weight: 600;
    line-height: 1.4;
}

h4, h4 {
    font-size: clamp(1.375rem, 1.1rem + 0.8vw, 1.5rem); /* 22px – 24px */
    font-weight: 600;
    line-height: 1.4;
}

h5,h5 {
    font-size: clamp(1.125rem, 1rem + 0.5vw, 1.25rem); /* 18px – 20px */
    font-weight: 500;
    line-height: 1.5;
}

h6, h6 {
    font-size: clamp(1rem, 0.95rem + 0.3vw, 1rem); /* 16px – 16px (puțin flexibil) */
    font-weight: 500;
    line-height: 1.5;
}
p {
    margin-bottom: 0; /* implicit fără margine */
}

p:not(:last-child) {
    margin-bottom: 1em; /* doar dacă mai urmează încă un <p> */
}

.ff-isc{
    font-family: var(--main-font), sans-serif;
    font-style: condensed; /* Alternativă pentru font-stretch */
    font-stretch: 75%; /* Aceasta corespunde variantei Condensed */
}

.text-brand-mint{color: var(--brand-mint);}
.text-brand-yellow{color: var(--brand-yellow);}
.text-brand-yellow-800{color: var(--brand-yelow-800);}

.text-gray-900{color: var(--bs-gray-900)}
.text-gray-600{color: var(--bs-gray-600)}
.text-gray-500{color: var(--bs-gray-500)}
.text-gray-400{color: var(--bs-gray-400)}
.text-success-800{color: var(--bs-success-800)}
.text-danger-800{color: var(--rose-800)}
.text-inherit{color: inherit!important;}
.bg-brand-blue{background-color: var(--brand-blue)}
.bg-brand-mint{background-color: var(--brand-mint);}
.bg-brand-yellow{background-color: var(--brand-yellow);}
.bg-rose-800{background-color: var(--rose-800);}
.bg-gray-50{background-color: var(--bs-gray-50);}
.bg-gradient-white{background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 74.44%);}
.fs-18{font-size: 1.125rem;}
.fs-7{font-size: 0.875rem!important;}
.fs-8{font-size: 0.75rem!important;}
.rounded-12{border-radius: 12px;}

.fw-500{font-weight: 500;}
.form-control{
    padding: 10px 14px;
}
.form-select{
    padding: 10px 36px 10px 14px;
}
.form-control, .form-select{
    box-shadow: var(--bs-box-shadow-xs);
    border-color: var(--bs-gray-300);
    font-weight: 300;
}
.form-control:focus,  .form-select:focus{
    border-color: #D9E9D7;
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 4px #E9EAEB;
}

.form-check-input:checked{border-color: var(--bs-gray-900); background-color:var(--bs-gray-900);}
.form-check-input:checked[type=radio] {
    background-color: #fff;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000'/%3e%3c/svg%3e");
}
.form-check-input:focus{
    box-shadow: 0 0 0 .15rem rgba(0,0,0,.15);
    border-color: #000;
}
.form-check-success .form-check-input:checked{ background-color:var(--brand-mint);}
.form-check-success .form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-check .form-check-input[type=checkbox]{
    width: 20px;
    height: 20px;
    border: none;
    background-color: transparent;
}
.form-check-check .form-check-input:focus{box-shadow: none}
.form-check-check .form-check-input:checked[type=checkbox]{
    --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.6666 5L7.49992 14.1667L3.33325 10' stroke='%231A1717' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.form-check-check.form-check-reverse{padding-right: 2em;}
.form-check-check.form-check-reverse .form-check-input{margin-right: -2em;}

.is-invalid .form-control{

}
.w-80{width: 80px;}
.w-40{width: 40px;}
.modal{
    --bs-modal-border-width: 0;
    --bs-modal-border-radius: .75rem;
    --bs-modal-header-padding: 1.5rem 1rem 0.625rem 1rem;
    --bs-modal-header-border-width:0;
}
.modal-content{
    box-shadow: 0 20px 24px -4px rgba(10, 13, 18, 0.08), 0 8px 8px -4px rgba(10, 13, 18, 0.03);
}
.btn-group-lg > .btn, .btn-lg {
    --bs-btn-padding-y: 1rem;
    --bs-btn-padding-x: 1.75rem;
    --bs-btn-font-size: 12px;
    --bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn{
    --bs-btn-padding-x: 1.25rem;
    --bs-btn-padding-y: 0.75rem;
    --bs-btn-line-height: 1.25rem;
    --bs-btn-font-size: 12px;
}
.btn-icon{display: flex; align-items: center; justify-content: center}
.btn-icon svg{margin-right: 8px}
.btn-phone{
    --bs-btn-padding-y: 0;
    --bs-btn-padding-x: 0;
    border: none;
    border-radius: 8px;
    position: relative;
}
.btn-check:checked+.btn.btn-phone{
    box-shadow: 0 0 0 4.75px #E9EAEB;
}
.btn-check+.btn.btn-phone:before{
    content: '';
    width: 21px;
    height: 21px;
    display: block;
    position: absolute;
    right: -13px;
    top: -13px;
    transform: scale(0%);
    transition: transform .15s ease-in-out;
}
.btn-check:checked+.btn.btn-phone:before{
    content: '';
    width: 21px;
    height: 21px;
    display: block;
    position: absolute;
    right: -13px;
    top: -13px;
    transform: scale(100%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M10.5005 1.52084C15.5284 1.52102 19.604 5.59735 19.604 10.6253C19.6038 15.6531 15.5283 19.7287 10.5005 19.7289C5.4725 19.7289 1.39617 15.6532 1.396 10.6253C1.396 5.59724 5.47239 1.52084 10.5005 1.52084Z' fill='%2332D583' stroke='white' stroke-width='2.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.9375 10.625L9.3125 13C11.1675 11.145 12.2075 10.105 14.0625 8.25' stroke='white' stroke-width='1.10833' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");;
}
.btn-circle{padding: .75rem!important; border-radius: 50%; line-height: 1; }
.btn-white {
    --bs-btn-color: var(--bs-gray-900);
    --bs-btn-bg: #fff;
    --bs-btn-border-color:var(--bs-gray-300);
    --bs-btn-hover-color: var(--bs-gray-800);
    --bs-btn-hover-bg: #FAFAFA;
    --bs-btn-hover-border-color: var(--bs-gray-300);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--bs-gray-800);
    --bs-btn-active-bg: #f6f6f6;
    --bs-btn-active-border-color: var(--bs-gray-300);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #f1f1f1;
    --bs-btn-disabled-border-color: #f1f1f1;
}
.btn-white.hover-black{
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-gray-900);
    --bs-btn-hover-border-color: var(--bs-gray-900);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg:  var(--bs-gray-900);
    --bs-btn-active-border-color: var(--bs-gray-900);
}
.btn-black {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-gray-900);
    --bs-btn-border-color:var(--bs-gray-900);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-gray-800);
    --bs-btn-hover-border-color: var(--bs-gray-800);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--bs-gray-200);
    --bs-btn-active-bg: var(--bs-gray-900);
    --bs-btn-active-border-color: var(--bs-gray-900);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-gray-200);
    --bs-btn-disabled-bg: #000;
    --bs-btn-disabled-border-color: #000;
}

.btn-close{
    --bs-btn-close-opacity:.9;
    --bs-btn-close-bg:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 6L6 18M6 6L18 18' stroke='%231E1E1E' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.btn-clear {
    background-color: transparent !important;
    border: none !important;
    color: inherit !important;
    box-shadow: none !important;
    outline: none !important;
}

.btn-clear:hover,
.btn-clear:focus,
.btn-clear:active {
    background-color: transparent !important;
    border: none !important;
    color: inherit !important;
    box-shadow: none !important;
    outline: none !important;
}
#sortDropdownBtn{padding: 0.625rem 0.875rem!important;}
.py-40 {padding-top: 2.5rem !important;padding-bottom: 2.5rem !important;}
.px-40 {padding-left: 2.5rem !important;padding-right: 2.5rem !important;}
.pt-40{padding-top: 2.5rem!important;}
.pb-40{padding-bottom: 2.5rem!important;}
.ps-40{padding-left: 2.5rem!important;}
.pe-40{padding-right: 2.5rem!important;}
.my-40 {margin-top: 2.5rem !important;margin-bottom: 2.5rem !important;}
.mx-40 {margin-left: 2.5rem !important;margin-right: 2.5rem !important;}
.mt-40{margin-top: 2.5rem!important;}
.mb-40{margin-bottom: 2.5rem!important;}
.ms-40{margin-left: 2.5rem!important;}
.me-40{margin-right: 2.5rem!important;}
.p-12{padding: 0.75rem!important;}
.p-14{padding: 0.875rem!important;}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .5em;
    vertical-align: .255em;
    content: "";
    border:none;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23818182' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.drop-start .dropdown-toggle::after{display: none}
.drop-start .dropdown-toggle::before {
    display: inline-block;
    margin-right: .5em;
    vertical-align: .255em;
    content: "";
    border:none;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23818182' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.dropdown-menu{
    --bs-dropdown-border-color: var(--bs-gray-100);
    --bs-dropdown-border-radius: 8px;
    --bs-dropdown-padding-y:4px;
    box-shadow: 0 12px 16px -4px rgba(10, 13, 18, 0.08), 0 4px 6px -2px rgba(10, 13, 18, 0.03);
    --bs-dropdown-item-padding-y: 10px;
    --bs-dropdown-item-padding-x: 14px;
    --bs-dropdown-link-active-bg: var(--bs-gray-100);
    --bs-dropdown-link-active-color: var(--bs-gray-800)
}
.alert {
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: .5rem;
    font-size: .75rem;
    line-height: 20px;
}
.alert svg{margin-top: 0;}
.alert-warning {
    --bs-alert-color: #000;
    --bs-alert-bg: var(--brand-light-brown);
    --bs-alert-border-color: var(--brand-light-brown);
    --bs-alert-link-color: var(--bs-warning-text-emphasis);
}
.alert-success{
    --bs-alert-color: #000;
    --bs-alert-bg: var(--brand-mint);
    --bs-alert-border-color: var(--brand-mint);
    --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.navbar-toggler{
    padding: 0;
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
}
.navbar-toggler .navbar-toggler-animation {
    transition: all 0.3s ease-in-out;
    background-image: none;
    position: relative;
    height: 24px;
    width: 24px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.navbar-toggler .navbar-toggler-animation span {
    transition: all 0.3s ease-in-out;
    transform: rotateZ(0deg);
    height: 2px;
    background: var(--bs-gray-900);
    display: block;
    position: absolute;
    width: 100%;
    border-radius: 30px;
}
.navbar-toggler .navbar-toggler-animation span:nth-child(1) {
    top: 10%;
}
.navbar-toggler .navbar-toggler-animation span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);

}
.navbar-toggler .navbar-toggler-animation span:nth-child(3) {
    bottom: 10%;
}
.navbar-toggler[data-bs-toggle=collapse][aria-expanded=true] .navbar-toggler-animation span:nth-child(1) {
    transform: rotateZ(45deg) translateY(-50%);
    top: 49%;
    transform-origin: 50% 0;
    width: 100%;
}
.navbar-toggler[data-bs-toggle=collapse][aria-expanded=true] .navbar-toggler-animation span:nth-child(2) {
    visibility: hidden;
    transition: all 0s ease-in-out;
}
.navbar-toggler[data-bs-toggle=collapse][aria-expanded=true] .navbar-toggler-animation span:nth-child(3) {
    transform: rotateZ(-45deg) translateY(-50%);
    bottom: 42%;
    transform-origin: 50% 0;
    width: 100%;
}
.custom-badge{height: 12px; min-width: 12px; font-size: 9px; font-weight: 600; line-height: 12px; display: inline-block; text-align: center; padding: 0}

.navbar-main, .navbar-main-mobile{background: rgba(241, 241, 241, 0.60);}
.navbar-main-mobile .navbar-nav, .navbar-main .navbar-nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: .75rem;
    --bs-nav-link-font-weight: 400;
    --bs-nav-link-color: #000;
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    --bs-nav-link-font-size:12px;
}
.navbar-main-mobile .navbar-nav .nav-link{
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
}
.navbar-main-mobile .navbar-nav .nav-item-collapse .nav-link{
    background-color: #000;
    color: #FBF067;
}
.navbar-main-mobile .navbar-nav .nav-item-collapse .nav-link svg{color: #FBF067}
.navbar-main-mobile .navbar-nav .nav-item-collapse .nav-link.collapsed{
    background-color: #fff;
    color: #000;
}
.navbar-main-mobile .navbar-nav .nav-item-collapse .nav-link.collapsed svg{color: var(--bs-gray-500)}

.navbar-main-mobile .navbar-nav .nav-link svg{ transform: rotate(-180deg);   transition: all .1s ease-in-out;}
.navbar-main-mobile .navbar-nav .nav-link.collapsed svg{transform: rotate(0deg)}
.sub-nav a{display: block; padding: .75rem 1rem; font-weight: 400; font-size: .875rem; text-decoration: none; color: #000;}
.sub-nav a:hover{color: #D92D20;}

@media (max-width: 992px) {
    .navbar-main-mobile.navbar-expand-lg .navbar-collapse {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background-color: #fff;
        box-shadow: var(--bs-box-shadow-lg);
        border: 1px solid var(--bs-border-color);
        z-index: 9;
    }

    .navbar-main-mobile .navbar-nav {
        --bs-nav-link-font-size:36px;
    }
    .navbar-main-mobile .navbar-nav .nav-link{
        line-height: 1.22;
        letter-spacing: -1.08px;
        font-family: var(--main-font), sans-serif;
    }
}

.navbar-main .navbar-nav .nav-link.dropdown-toggle{
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
}

.navbar .dropdown-fullwidth {
    position: static
}

.navbar .dropdown-fullwidth .dropdown-menu {
    top: 100%;
    max-width: 1320px;
    margin: 1rem auto;
    left: 0;
    right: 0;
    padding: 1rem 0;
    border: 1px solid var(--bs-gray-200);
    background: #fff;
    /* Shadow/lg */
    box-shadow: 0 12px 16px -4px rgba(10, 13, 18, 0.08), 0 4px 6px -2px rgba(10, 13, 18, 0.03);
    border-radius: 0;
}
.subnavbar-collapse{
    --bs-nav-link-font-size:4.5rem;
    --bs-nav-link-padding-y: 1rem;
    --bs-nav-link-padding-x:2.5rem;
    --bs-navbar-nav-link-padding-x: 40px;
    --bs-nav-link-hover-color: #fff;

}
.subnavbar-collapse .nav-link{
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -2.16px;
    text-transform: uppercase;
}


.navbar-main .navbar-nav .nav-item-collapse .nav-link{
    background-color: #FBF067;
    color: #000;
    transition:all .3s ease-in;
}
.navbar-main .navbar-nav .nav-item-collapse .nav-link.collapsed{
    background-color: #fff;
    color: #000;
}
.navbar-main .navbar-nav .nav-item-collapse .nav-link:hover{background-color: #000; color: #fff;}
@media (min-width:1200px) {
    .navbar-main- .dropdown-menu {
        display:block;
        opacity:0;
        transform:translateY(20px);
        transition:all .3s ease-in;
        visibility:hidden
    }
    .navbar-main- .dropdown-menu-end {
        left:auto;
        right:0
    }
    .navbar-main- .dropdown-menu-start {
        left:0;
        right:auto
    }
    .navbar-main- .dropdown:hover>.dropdown-menu {
        opacity:1;
        transform:scaleY(1);
        visibility:visible
    }
}
.img-hover-category img{display: none}
.main-h1{font-size: clamp(2.25rem, 1.5rem + 3vw, 3.75rem); line-height: 1.2;  letter-spacing: -1.44px;}
.main-h1 span{font-style: italic; color: var(--brand-rose-red); font-weight: 400;}

.main-swiper .slide-item{width: 80px; display: block; text-decoration: none; color: var(--bs-gray-900)}
.main-icon{padding: 16px; border-radius: 50%; background-color: var(--brand-yellow); width: 56px; height: 56px; margin: 0 auto;}
.main-icon svg{display: block}
.main-swiper .swiper-slide {
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.catalog-row-type .btn{border: none; border-radius: 6px; padding: 4px; outline: none; color: var(--bs-gray-500)}
.catalog-row-type .btn:hover{background-color: var(--bs-gray-50); color: #000; }
.catalog-row-type .btn.active{}
.catalog-row-type .btn.active svg{color: #000; }


.card-product {
    --bs-card-spacer-y: 0;
    --bs-card-spacer-x: 0;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: 0;
    --bs-card-border-color: transparent;
    --bs-card-border-radius: 0;
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}
.card-product .card-title{font-size: 14px; font-weight: 500; margin-bottom: 4px; text-transform: uppercase; line-height: 20px;}
.card-product .card-price{display: flex; align-items: center; gap: 10px;}
.card-product .card-price .st{font-size: 14px; font-weight: 700; line-height: 1.4;}
.card-product .card-price .old{
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    text-decoration-line: line-through;
    color: var(--bs-gray-500);
}
.card-product .card-price .new{
    color: var(--brand-rose-red);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}
.card-product .card-price .de-la{font-size: 12px; line-height: 18px; color: var(--bs-gray-500)}

.card-product .label {
    position: absolute;
    left: 8px;
    min-width: 28px;
    height: 28px;
    padding: 7px 8px;
    display: block;
    flex-direction: column;
    justify-content: center;
    border-radius: 16px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 150% */
    color: var(--bs-gray-900);
    text-align: center;
}

.ratio-product{--bs-aspect-ratio: 134%;}
.card-product.selected img{
    border: 1px solid var(--bs-gray-800);
    box-shadow: 0 0 0 8px #E9EAEB;
}
.card-product.selected .check{
    z-index: 9;
    content: '';
    position: absolute;
    top: .5rem; right: .5rem;
    width: 25px; height: 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M22.5 12C22.5 17.5228 18.0228 22 12.5 22C6.97715 22 2.5 17.5228 2.5 12C2.5 6.47715 6.97715 2 12.5 2C18.0228 2 22.5 6.47715 22.5 12Z' fill='%231E1E1E'/%3E%3Cpath d='M8 12L11 15C13.3431 12.6569 14.6569 11.3431 17 9' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

}

/* Specific adjustments */
.card-product .label-size {
    top: 8px;
    width: 28px;
    padding: 7px;
    background: var(--brand-yellow);
}

.card-product .label-new {
    bottom: 8px;
    background: var(--brand-mint);
}

.card-product .label-top {
    bottom: 8px;
    background: var(--brand-light-brown);
}
.card-product .label-favorite{
    position: absolute;
    top: 8px;
    right: 8px;
    color: #fff;
    z-index: 2;
}
.card-product .img-effect img{
    transform: scale(1) rotateX(1deg);
    -webkit-transition: opacity .5s, -webkit-transform 1s cubic-bezier(0, 0, .44, 1.18);
    transition: opacity .5s, transform 1s cubic-bezier(0, 0, .44, 1.18), -webkit-transform 1s cubic-bezier(0, 0, .44, 1.18);
}
.card-product .img-effect:hover img{
    transform: scale(1.1) rotateX(1deg);
}

.label-favorite:hover, .label-favorite.active{color: #000;}
.product-size .btn, .product-count .btn{
    width: 100%;
    border-radius: 8px;
    --bs-btn-border-color: var(--bs-gray-200);
    --bs-btn-padding-x: 0.875rem;
    --bs-btn-padding-y: 0.875rem;
    --bs-btn-font-size: 16px;
    --bs-btn-font-weight: 500;
    --bs-btn-line-height: 20px;
    --bs-btn-color: var(--bs-gray-600);
    --bs-btn-active-color: var(--bs-gray-900);
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: var(--bs-gray-900);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-size .btn-check:checked + .btn, .product-count .btn-check:checked + .btn{box-shadow: 0 0 0 4px #E9EAEB;}

.product-image{max-width: 487px;}

.list-group.list-group-flush{
    --bs-list-group-bg: transparent;
}
.gap-12{gap: 12px;}
.pagination {
    --bs-pagination-padding-x: 0.625rem;
    --bs-pagination-padding-y: 0.625rem;
    --bs-pagination-font-size: .875rem;
    --bs-pagination-color: var(--bs-gray-500);
    --bs-pagination-bg: #fff;
    --bs-pagination-border-width: 0;
    --bs-pagination-border-color: transparent;
    --bs-pagination-border-radius: 50%;
    --bs-pagination-hover-color: #fff;
    --bs-pagination-hover-bg: var(--bs-gray-800);
    --bs-pagination-hover-border-color: transparent;
    --bs-pagination-focus-color: #fff;
    --bs-pagination-focus-bg: var(--bs-gray-800);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.15);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: var(--bs-gray-900);
    --bs-pagination-active-border-color: var(--bs-gray-900);
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    padding-left: 0;
    list-style: none;
    gap: 1rem;
}
.page-link{border-radius: var(--bs-pagination-border-radius)!important; width: 40px; height: 40px; text-align: center}
.one-swiper .swiper-slide {width: 85%;}
.two-swiper .swiper-slide {width: 45%;}
.swiper-pagination-fraction{width: auto;}
.swiper-pagination-my{--swiper-pagination-color: var(--bs-gray-900); --swiper-pagination-fraction-color: var(--bs-gray-900);    --swiper-pagination-bullet-size:4px;}
.partial-full-width{
    padding-left: calc(1.5rem * .5);
}
.play{
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.01);
    backdrop-filter: blur(10px);
}

.card-client{width: 160px;}
.box-clients{position: relative}
.box-clients:before{
    content: '';
    position: absolute;
    z-index: 3;
    background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 109.5%);
    top: 0;
    bottom: 0;
    left: 0;
    width: 75%;
}

.accordion{
    --bs-accordion-active-bg: #fff;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-active-color: var(--bs-gray-900);
    --bs-accordion-body-padding-x: 1rem;
    --bs-accordion-body-padding-y: .5rem;
    --bs-accordion-btn-padding-x:1rem;
    --bs-accordion-btn-padding-y:.75rem;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23818182' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23818182' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.accordion-button:not(.collapsed){box-shadow: none;}
.btn-add-tolist{
    --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10.0003 4.16663V15.8333M4.16699 9.99996H15.8337' stroke='%231A1717' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --icon-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath d='M4.66669 10H16.3334' stroke='%231A1717' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --bs-btn-bg: #fff;
    --bs-btn-active-color: var(--bs-gray-200);
    --bs-btn-active-bg: var(--bs-gray-200);
    --bs-btn-active-border-color: var(--bs-gray-300);
    --bs-btn-border-color:var(--bs-gray-300);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-gray-300);
    --bs-btn-hover-border-color: var(--bs-gray-200);
    --bs-btn-focus-shadow-rgb: 49,132,253;

    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-add-tolist:before{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: var(--icon);
}
.btn-add-tolist.active:before{
    background-image: var(--icon-active)
}
.accordion-filters .accordion-button{border: 1px solid var(--bs-gray-300); border-radius: 50px!important;}
.placeholder-row{display: none;}
.is-placeholder>.placeholder-row{
    display: flex;
}
.bg-placeholder{
    background-color: #d5d5d5;
}

.filters-main .btn-white.active{border-color: var(--bs-gray-700); background-color: var(--bs-gray-50); padding-right: 34px;}
.filters-main .btn-close{display: none}
.filters-main .btn.active + .btn-close{display: inline}
.filters-main label:hover{cursor: pointer}

.dropdown-menu-filters{max-height: 320px; min-width: 210px;}
.dropdown-item .form-check{margin-bottom: 0;}
.simplebar-scrollbar.simplebar-visible::before{opacity: .11!important;}
footer.footer{background-color: #000; color: var(--brand-yellow)}
.nav-footer {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.25rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--brand-yellow);
    --bs-nav-link-hover-color: #fff;
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    --bs-nav-link-font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.mx-n1{
    margin-right:calc(var(--bs-gutter-x) * .5 * -1);
    margin-left: calc(var(--bs-gutter-x) * .5 * -1);
}
.swiper-button .btn{padding: 10px!important;}
.nav-underline{
    --bs-nav-underline-border-width:1px;
    --bs-nav-link-color: var(--bs-gray-500);
    --bs-nav-link-padding-y: 2px;
    --bs-nav-link-font-weight: 400;
}
.nav-underline .nav-link.active{font-weight: 400}

.nav-pills-white {
    --bs-nav-pills-border-radius: var(--bs-border-radius-pill);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: var(--bs-gray-900);
    --bs-nav-link-font-size: .75rem;
    --bs-nav-link-padding-x: 1.25rem;
    --bs-nav-link-padding-y: .75rem;
    --bs-nav-link-font-weight: 400;
    --bs-nav-link-color: var(--bs-gray-900);
    --bs-nav-link-hover-color: var(--bs-secondary-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
}
.nav-pills-white .nav-link{border: 1px solid var(--bs-gray-300)}
.nav-pills-white .nav-link.active, .nav-pills-white .show>.nav-link{border-color: var(--bs-nav-pills-link-active-bg)}


.input-spinner .button-minus,.input-spinner .button-plus {
    height: 2rem;
    width: 1.8rem;
    border-color: transparent;
    background-color: transparent
}

.input-spinner .button-minus:hover,.input-spinner .button-plus:hover {
    background-color: var(--bs-gray-200);
    border-color: transparent
}

.input-spinner .form-input {
    width: 2rem!important;
    height: 100%;
    min-height: 2rem;
    text-align: center;
    border: 0;
    background: 0 0;
    padding: 2px;
    outline: none;

}

#main-product-img {
    transition: opacity 0.2s ease;
    opacity: 1;
}
.toast{
    width: 100%;
    box-shadow: 0 4px 8px -2px rgba(10, 13, 18, 0.10), 0 2px 4px -2px rgba(10, 13, 18, 0.06);
}
.toast-container {
    position: fixed;
    bottom: 24px;
    right: 10px;
    left: 10px;
    z-index: 1050;
    width: auto;
}
.toast-body{display: flex; align-items: start; }

.toast + .toast {
    margin-top: 10px;
}
.toast-default{background-color: var(--bs-gray-900); border: 1px solid var(--bs-gray-900); color: #fff}
.toast-success{background-color: #E4FFF7; border: 1px solid #38DDB1; color: var(--bs-gray-700)}
.toast-danger{ background-color: #FFF5F5; border: 1px solid #FDC9C5; color: var(--bs-gray-700)}
.toast-info{ background-color: #E1EDFF; border: 1px solid #E1EDFF; color: var(--bs-gray-700)}

.ratio-about{--bs-aspect-ratio: 117%}
.icon-picker{margin-top: 12px;}


#btn-messenger{
    bottom: 107px;
    right: 25px;
    z-index: 1040;
}

.btn-chatly{
    background-color: #8364FF; border-radius: 50%;border: none;
    width: 80px; height: 80px;
    background-position: center;
    background-image: url('../images/speech_balloon.png');
    background-repeat: no-repeat;
    background-size: 50px 50px;
    transition: transform 0.2s ease-in-out;
    position: relative;
    z-index: 9;
}
.btn-chatly:hover, .btn-chatly:active{
    background-color: #8364FF;
}
.open .btn-chatly{
    transform: rotate(-360deg);;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M45.3327 18.666L18.666 45.3327M18.666 18.666L45.3327 45.3327' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.box-messenger{width: 80px; height: 20px; padding: 0 10px;}
.box-messenger svg{width: 60px; height: 60px;}
.box-messenger>a{
    position: absolute;
    bottom: 0;
    opacity: 0;
    transition: .5s;
    -webkit-transition: .5s;
    z-index: 2;
}
.open .box-messenger>a:nth-child(1) {
    -webkit-transform: translateY(-344px);
    transform: translateY(-344px);
}

.open .box-messenger>a:nth-child(2) {
    -webkit-transform: translateY(-250px);
    transform: translateY(-250px);
}
.open .box-messenger>a:nth-child(3) {
    -webkit-transform: translateY(-174px);
    transform: translateY(-174px);
}
.open .box-messenger>a:nth-child(4) {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
}
.open .box-messenger>a {
    opacity: 1;
}
.box-messenger>a:nth-child(1) {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 1;
}

.btn-call-2{
    border-radius: 50%;
    -webkit-animation: ripple-white-2 1s linear infinite;
    animation: ripple-white-2 1s linear infinite;
}


@media (min-width: 576px) {
    .one-swiper .swiper-slide {
        width: 340px;
    }
    .two-swiper .swiper-slide {width: 280px;}
}
@media (min-width: 768px) {
    .partial-full-width {
        padding-left: calc((100vw - 720px) / 2);
    }
    .ratio-about{--bs-aspect-ratio: 32%}
}
@media (min-width: 992px) {
    .partial-full-width {
        padding-left: calc((100vw - 960px) / 2);
    }
    .fs-lg-1 {font-size: 2.5rem !important;}
    .fs-lg-2 {font-size: 2rem !important;}
    .fs-lg-3 {font-size: 1.75rem !important;}
    .fs-lg-4 {font-size: 1.5rem !important;}
    .fs-lg-5 {font-size: 1.25rem !important;}
    .fs-lg-6 {font-size: 1rem !important;}

    .col-action-cart{background-color: var(--bs-gray-50)}
    .toast{width: auto}
    .toast-container {
        bottom: auto;
        top: 24px;
        left: auto;
    }
}
@media (min-width: 1200px) {
    .partial-full-width {
        padding-left: calc((100vw - 1140px) / 2);
    }
    .py-lg-6{padding-top: 6rem!important; padding-bottom: 6rem!important;}
    .pb-lg-6{padding-bottom: 6rem!important;}
    .pt-lg-6{padding-top: 6rem!important;}
    .mb-lg-6{margin-bottom: 4rem!important;}
}

@media (min-width: 1400px) {
    .partial-full-width {
        padding-left: calc((100vw - 1320px) / 2);
    }
}

@-webkit-keyframes ripple-white-2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(140, 220, 64, 0.3), 0 0 0 7px rgba(140, 220, 64, 0.3), 0 0 0 14px rgba(140, 220, 64, 0.3);
        box-shadow: 0 0 0 0 rgba(140, 220, 64, 0.3), 0 0 0 7px rgba(140, 220, 64, 0.3), 0 0 0 14px rgba(140, 220, 64, 0.3)
    }
    100% {
        -webkit-box-shadow: 0 0 0 7px rgba(140, 220, 64, 0.3), 0 0 0 14px rgba(140, 220, 64, 0.3), 0 0 0 21px rgba(140, 220, 64, 0);
        box-shadow: 0 0 0 7px rgba(140, 220, 64, 0.3), 0 0 0 14px rgba(140, 220, 64, 0.3), 0 0 0 21px rgba(140, 220, 64, 0)
    }
}
@keyframes ripple-white-2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(140, 220, 64, 0.3), 0 0 0 7px rgba(140, 220, 64, 0.3), 0 0 0 14px rgba(140, 220, 64, 0.3);
        box-shadow: 0 0 0 0 rgba(140, 220, 64, 0.3), 0 0 0 7px rgba(140, 220, 64, 0.3), 0 0 0 14px rgba(140, 220, 64, 0.3)
    }
    100% {
        -webkit-box-shadow: 0 0 0 7px rgba(140, 220, 64, 0.3), 0 0 0 14px rgba(140, 220, 64, 0.3), 0 0 0 21px rgba(140, 220, 64, 0);
        box-shadow: 0 0 0 7px rgba(140, 220, 64, 0.3), 0 0 0 14px rgba(140, 220, 64, 0.3), 0 0 0 21px rgba(140, 220, 64, 0)
    }
}