@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;400;500;600;700&family=Manrope:wght@400;500;600&display=swap');
:root {
  /* Применяем Manrope для основного текста */
  --cassiopeia-font-family-body: 'Manrope', sans-serif;
  
  /* Применяем Fira Sans для заголовков */
  --cassiopeia-font-family-headings: 'Fira Sans', sans-serif;

  /* Макс. ширина контентной зоны (main-start … main-end) */
  --dir-content-max: 1440px;
}

/* Fira Sans: все заголовки + цены товаров */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Fira Sans', sans-serif;
}

.product-price,
.product-price span,
.PricesalesPrice,
.PricebasePrice,
.PricesalesPriceWithDiscount,
.Price,
.dir-products__price,
.dir-products__price span,
.dir-recommend__price,
.dir-recommend__price span,
.vm-price-value,
.vm-price-value span {
    font-family: 'Fira Sans', sans-serif;
}

body {
}

body.wrapper-fluid .site-grid {
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 20%) minmax(0, 30%) minmax(0, 30%) minmax(0, 20%) [main-end] minmax(0, 1fr) [full-end];
}

/* >1440: контент не растягивается — боковые 1fr центрируют блок 1440px
   (20% / 30% / 30% / 20% от 1440 = 288 / 432 / 432 / 288) */
@media (min-width: 1441px) {
    body.wrapper-fluid .site-grid {
        grid-template-columns:
            [full-start] minmax(0, 1fr)
            [main-start] minmax(0, 288px) minmax(0, 432px) minmax(0, 432px) minmax(0, 288px)
            [main-end] minmax(0, 1fr) [full-end];
    }
}

.card-body {
    padding: 0;
}

.enter {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

h6,
.h6 {
    text-align: center;
}

h3,
.h3 {
    font-size: 18px;
    text-align: center;
}

body.wrapper-fluid .site-grid {
    grid-gap: 0 0.5em;
}

a {
    text-decoration: none;
}

a:not([class]) {
    text-decoration: none;
}

a.border-dotted,
.vme-list-remove button.btn-vme-text,
.vm-checkout-billing-userfields a,
.vm-order-done a.vm-button-correct,
.vm-order-list a,
.com-users-login__options.list-group a,
ul.mod-login__options.list-unstyled li a,
a.result__title-link {
    color: #f7941f;
    font-weight: 500;
    position: relative;
    font-style: italic;
    cursor: pointer;
    text-decoration: none !important;
    border-bottom: 1px dashed #f7941f !important;
    line-height: 17px;
}

a.border-dotted::before,
.vme-list-remove button.btn-vme-text::before,
.vm-checkout-billing-userfields a::before,
.vm-order-done a.vm-button-correct:before,
.vm-order-list a:before,
.com-users-login__options.list-group a:before,
ul.mod-login__options.list-unstyled li a:before,
a.result__title-link:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1.5px;
    background: currentColor;
    top: 100%;
    left: 0;
    pointer-events: none;
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
}

a.border-dotted:hover::before,
.vme-list-remove button.btn-vme-text:hover::before,
#cart-view .cart-data .vm-checkout-products .vm2-remove_from_cart:hover::before,
.vm-checkout-billing-userfields a:hover::before,
.vm-order-done a.vm-button-correct:hover::before,
.vm-order-list a:hover::before,
.com-users-login__options.list-group a:hover::before,
ul.mod-login__options.list-unstyled li a:hover::before,
a.result__title-link:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}
a.result__title-link {
    width: fit-content;
}
.result__title-link:focus .result__title-text, .result__title-link:hover .result__title-text {
    text-decoration: none;
}
.text-center {
    text-align: center;
}

/* Включаем нативные переходы между страницами */
@view-transition {
  navigation: auto;
}

/* Настраиваем саму анимацию (например, легкое смещение и fade-in) */
::view-transition-old(root) {
  animation: 250ms ease-out both fade-out;
}

::view-transition-new(root) {
  animation: 400ms ease-in both fade-in, 400ms cubic-bezier(0.4, 0, 0.2, 1) both slide-from-bottom;
}

@keyframes fade-out {
  to { opacity: 0; }
}
@keyframes fade-in {
  from { opacity: 0; }
}
@keyframes slide-from-bottom {
  from { transform: translateY(20px); }
}


b,
strong {
    font-weight: 500;
}

p,
ul {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 21px;
    font-weight: 300;
    text-align: left;
}
.com-content-article ul {
    padding-left: 20px;
}

#Email,
#Fname {
    background-color: #fff !important;
}

textarea:focus,
input:focus,
input[type]:focus,
.uneditable-input:focus {
    box-shadow: none;
    outline: 0 none;
}

::selection {
    background: #EDA673;
}

.justify {
    text-align: justify;
}


.flex-row {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.flex-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.card {
    border: none;
}

.btn-check:checked+.btn:focus-visible,
:not(.btn-check)+.btn:active:focus-visible,
.btn:first-child:active:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn-check:checked:focus-visible+.btn {
    box-shadow: none;
}

.btn-check:checked+.btn,
:not(.btn-check)+.btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
    color: unset;
    background-color: unset;
    border-color: unset;
}

.btn-link:hover {
    color: unset;
}

.btn:hover {
    color: unset;
    background-color: unset;
    border-color: unset;
}

.form-control:focus {
    background-color: #ffffff;
    outline: 0;
    box-shadow: none;
}

@media screen and (prefers-color-scheme: dark) {

    .back-to-top-link {
        color: #6E298C;
        border: none;
        background: rgba(255, 231, 184, 0.7) url(../images/top.svg) no-repeat center !important;
        background-size: 23px 20px !important;
        width: 53px !important;
        height: 50px !important;
        transition: all .3s ease-out;
        z-index: 2;
    }

    .back-to-top-link span.icon-arrow-up.icon-fw {
        display: none;
    }

    .back-to-top-link:hover,
    .back-to-top-link:focus {
        background: rgba(255, 231, 184, 1)m !important;
    }

    #cf_1 {
        /* Convert Forms так же используют CSS переменные */
        --background-color: rgba(0, 0, 0, 0.9) !important;
    }
}

/* MENU START */
@media (width <=991px) {
    .metismenu.mod-menu .metismenu-item {
        font-size: 17px;
        padding: 6px 6px 6px 12px;
    }
}
@media (width <=854px) {
    .metismenu.mod-menu .metismenu-item {
        font-size: 17px;
        padding: 6px 6px 6px 6px;
    }
}
@media (width <=812px) {
    .metismenu.mod-menu .metismenu-item {
        font-size: 16px;
    }
}

.navbar-expand-lg .navbar-collapse li img {
    height: 20px;
    width: auto;
}

@media (width <=794px) {
    .metismenu.mod-menu .metismenu-item {
        padding: 6px 3px;
        font-size: 16px;
    }
}

@media (max-width: 767.98px) {
    .navbar.custom-nav {
        display: none;
    }
}

@media (width >=767px) {
    .metismenu.mod-menu .metismenu-item {
        line-height: 21px;
    }

    .metismenu.mod-menu li.metismenu-item.level-1 a {
        font-weight: 400;
        padding-bottom: 5px;
    }

    .container-header .metismenu>li.level-1>ul li a {
        font-weight: 300 !important;
    }

    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start;
        display: none;
    }

    .navbar-expand-lg .navbar-collapse {
        flex-basis: auto;
        display: flex !important;
    }

    .container-header .mod-menu {
        flex-direction: row;
        flex: 1;
        display: flex;
    }

    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}

.offcanvas-backdrop {
    background-color: transparent;
}


.container-header .metismenu>li>a:after,
.container-header .metismenu>li>a:before,
.container-header .metismenu>li>button:before,
.container-header .metismenu>li>button:before {
    content: "";
    opacity: 1;
    background: 0 0;
    height: 2.5px;
    margin: auto;
    transition: all .2s, background-color .2s;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
}

.container-header .metismenu>li>a:hover:after,
.container-header .metismenu>li>button:hover:before,
.container-header .metismenu>li.active>a:after,
.container-header .metismenu>li.active>button:before,
.container-header .metismenu>li>a:hover:before {
    background: #fff;
    left: 0;
    right: 0;
}

.container-header .metismenu>li>a:hover:after,
.container-header .metismenu>li>a:hover:before,
.container-header .metismenu>li>button:hover:before,
.container-header .metismenu>li.active>a:after,
.container-header .metismenu>li.active>button:before,
.container-header .metismenu>li.active>a:before,
{
background: #fff;
left: 0;
right: 0;
}

.container-header .metismenu>li.active>button.mm-toggler-link:before {
    display: none;
}

.container-header .metismenu>li>a:after {
    opacity: 0;
}

.offcanvas ul.mod-menu li:hover>button.mm-toggler::after {
    background-image: url(../images/chevron-color.svg);
}

.metismenu.mod-menu ul.mm-collapse li .mm-toggler:after {
    content: "";
    border: none;
    margin-inline-start: 4px;
    margin-top: 1px;
    transition: all .3s ease-out;
    background-image: url(../images/chevron-color.svg);
    height: 20px;
    width: 20px;
}

.container-header .metismenu>li>button.mm-toggler-link:hover:before {
    display: none;
}

.container-header .container-search {
    margin-top: .5em;
    margin-right: 10px;
    width: 105px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.container-header .container-search .mod-custom.custom {
margin-right: -5px;
}

.mm-active>.metismenu.mod-menu .mm-toggler:after,
.metismenu.mod-menu .mm-toggler[aria-expanded=true]:after {
    margin-top: 0;
}

.container-header .container-nav {
    padding: 12px 20px !important;

}

.btn.hamburger {
    flex-direction: column;
    justify-content: space-evenly;
    height: 60px;
    display: none;
}

.btn.hamburger span {
    display: block;
    width: 30px;
    height: 2px;
    border-radius: 2px;
    background-color: rgba(25, 20, 16, 1);
}

.offcanvas {
    background-color: rgba(110, 41, 140, 0.95);
    color: #ffffff;
    max-width: 340px;
    -webkit-transform: translateX(320px);
    transform: translateX(320px);
    -webkit-transition: .5s cubic-bezier(0.5, 0, 0.3, 1);
    -moz-transition: .5s cubic-bezier(0.5, 0, 0.3, 1);
    -o-transition: .5s cubic-bezier(0.5, 0, 0.3, 1);
    transition: .5s cubic-bezier(0.5, 0, 0.3, 1);
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 2em 0 0 2em;
}

.offcanvas.offcanvas-end {
    margin-top: 10px;
    margin-bottom: 10px;
}

.offcanvas.show {
    background-color: rgba(110, 41, 140, 0.95);
    color: #ffffff;
}

.offcanvas .mod-menu {
    flex-direction: column;
}

.offcanvas ul.mod-menu li {
    margin-top: 4px;
}

.offcanvas ul.mod-menu li .mm-show,
.metismenu.mod-menu .metismenu-item:not(.level-1)>ul,
.metismenu.mod-menu .metismenu-item:not(.level-2)>ul {
    margin-inline-end: -1em;
    width: 100%;
    margin-top: 6px;
    left: 0;
    font-size: 17px;
}

.offcanvas ul.mod-menu li:hover,
.offcanvas .metismenu.mod-menu .mm-toggler,
.offcanvas .mod-menu>li>a,
.offcanvas .mod-menu>li>span {
    color: #e0e0e0;
    font-size: 18px;
    padding-left: 5px;
}


.offcanvas .mod-menu>li.hover>a,
.offcanvas .mod-menu>li.hover>span {
    color: #6e298c;
}

.offcanvas-body li.level-1 {
    justify-content: space-between;
    border: 1px solid #6e298c;
}

.offcanvas-body li.level-1.current {
    background: #e5d9eb;
    border-radius: 1em;
    color: #6e298c;
}

.offcanvas-body li.level-1.current a {
    color: #6e298c;
}

.offcanvas-body li.level-1 a:before,
.offcanvas-body li.level-1 a:after {
    display: none;
}

.offcanvas-body li.level-1 ul li a {
    font-size: 18px;
    padding: 8px 12px !important;
    display: inline-block !important;
    width: 100%;
    text-align: left !important;
}

.offcanvas-body li.level-1.current .mm-toggler:after {
    background-image: url(../images/chevron-color.svg);
}

.offcanvas ul.mod-menu li:hover {
    cursor: pointer;
    border-radius: 1em;
    background: #e5d9eb;
    color: #6e298c;
}

.offcanvas ul.mod-menu li:hover>a {
    color: #6e298c;
}

.offcanvas-body li.level-1:focus,
.offcanvas-body li.level-1:target,
.offcanvas-body li.level-1:focus-visible {
    border: none;
}

.offcanvas .country-mobile-canvas {
    position: absolute;
    bottom: 0;
    padding: 12px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.offcanvas .country-mobile-canvas img {
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    margin-bottom: 10px;
}

.offcanvas .country-mobile-canvas a {
    color: #e0e0e0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
}

/*.container-header .metismenu>li.level-1>ul li:hover,
.container-header .metismenu>li.level-1>ul li.current,
.offcanvas-body li.level-1 ul li:hover,
.offcanvas-body li.level-1 ul li.current {
    background: #6e298c;
    border-radius: 2em;
    color: #fff;
}*/

.container-header .metismenu>li.level-1>ul li a:hover,
.container-header .metismenu>li.level-1>ul li.current a,
.offcanvas-body li.level-1 ul li a:hover {
    color: #fff;
}

.container-header .metismenu>li.level-1>ul li.current a {
    background: #6e298c;
    border-radius: 2em;
}

.offcanvas-header .btn-close {
    padding: 0;
    margin: -5px 0px 0 140px;
    width: 30px;
    height: 30px;
    background-image: none;
    position: absolute;
    right: 16px;
    top: 16px;
    box-shadow: none;
    opacity: 0.9;
}

.offcanvas-header .btn-close:first-child {
    box-shadow: none;
}

.offcanvas-header .btn-close:after {
    content: url(../images/close-white-no-circle.svg);
    width: 60px;
    vertical-align: middle;
    display: inline-block;
    height: auto;
    top: -13px;
    right: 12px;
    position: relative;
    z-index: 1;
}

@media (width <=767.98px) {

    .container-header .container-nav .container-search,
    .container-header .container-nav nav {
        margin-top: 0.5em;
    }

    .container-header .container-nav {
        padding-bottom: 6px;
    }
}

.container-header .container-search .log-in-icon-in-header a.login_modal img {
    width: 40px;
    margin-top: -5px;
}


@media (width >=992px) {

    .container-header ul.mod-menu.mod-list.nav.offcanvas-menu-new {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .btn.hamburger {
        display: flex;
    }

    .navbar.custom-nav {
        display: none;
    }
}

@media (max-width: 767px) {
    .log-in-icon-in-header {
        margin-top: -2px;
    }
}

/*  */
.container-header {
    background-image: none;
    background: transparent;
}

.container-header .mod-menu>li {
    font-family: 'Fira Sans', sans-serif;
    color: rgba(25, 20, 16, 1);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -3%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.container-header .mod-menu>li.active:after, .container-header .mod-menu>li:hover:after {
    display: none;
}

.container-header .mod-list li.active>a,
.metismenu.mod-menu .metismenu-item.active>a,
.metismenu.mod-menu .metismenu-item.active>button,
.metismenu.mod-menu .metismenu-item>a:hover,
.metismenu.mod-menu .metismenu-item>button:hover {
    text-decoration: none;

}

/* 1. Делаем родительский элемент "якорем" для подменю */
.menu-left .nav-item {
    position: relative;
}

/* 2. Настраиваем подменю, чтобы оно "всплывало" */
.menu-left .mod-menu__sub {
    position: absolute; /* Вырываем из потока */
    top: 100%;          /* Сразу под родительским пунктом */
    left: 0;
    display: none;      /* Скрыто по умолчанию */
    background: #ffffff;
    min-width: 220px;   /* Фиксированная ширина */
    padding: 15px;
    z-index: 9999;      /* Поверх всего */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); /* Тень для красоты */
    border-radius: 8px;
    list-style: none;   /* Убираем маркеры списка */
}

/* 3. Показываем подменю при наведении */
.menu-left .nav-item:hover > .mod-menu__sub {
    display: block; /* Показываем при наведении */
}

/* 4. Оформление ссылок внутри подменю (чтобы перебить класс .small) */
.menu-left .mod-menu__sub .nav-item a {
    font-size: 16px !important;
    color: rgba(25, 20, 16, 1) !important;
    padding: 8px 0;
    display: block;
    text-decoration: none;
    transition: color 0.3s;
}

.menu-left .mod-menu__sub .nav-item a:hover {
    color: #f7941f !important; /* Ваш оранжевый при наведении */
}

/* 5. Убираем лишние отступы от Joomla */
.menu-left .mod-menu__sub.list-unstyled {
    margin: 0 !important;
}

/* 1. Находим ссылки, у которых есть подменю */
.menu-left .nav-item.parent > a {
    display: flex;
    align-items: center; /* Выравнивает текст и стрелку по центру */
}

/* 2. Рисуем стрелочку с помощью псевдоэлемента ::after */
.menu-left .nav-item.parent > a::after {
    content: ""; /* Создаем пустой элемент */
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 8px; /* Расстояние от текста до стрелки */
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(25, 20, 16, 1); /* Цвет стрелки */
    transition: transform 0.3s ease; /* Плавный поворот при наведении */
    vertical-align: middle;
}

/* 3. Эффект при наведении на пункт меню (поворот стрелки) */
.menu-left .nav-item.parent:hover > a::after {
    transform: rotate(180deg); /* Стрелка переворачивается при открытии подменю */
    border-top-color: #f7941f; /* Цвет стрелки меняется на оранжевый при ховере */
}

.container-header .metismenu>li.level-1>ul {
    min-width: 257px;
    width: 100%;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 10px;
    border-radius: 1em;
    background: #e5d9eb;
}

.container-header .metismenu>li.level-1>ul li {
    display: flex;
    margin-bottom: 2px;
    padding: 0;
    position: relative;
    text-align: center;
    letter-spacing: 0;
}

.container-header .metismenu>li.level-1>ul li a {
    font-size: 15px;
    padding: 6px 12px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.container-header .metismenu>li.level-1>ul li a:hover {
    background: #6e298c;
    color: #fff;
    border-radius: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.metismenu.mod-menu .mm-collapse>li.parent>ul {
    background-color: transparent;
    flex-basis: 100%;
    margin-top: 0;
    margin-bottom: 0;
}


/* SEARCH VM START */
.searchsearch-in-header {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.searchsearch-in-header #mod_virtuemart_search {
    flex-grow: 1;
    height: 50px;
    border-radius: 2em;
    text-align: center;
    color: #999 !important;
    outline: unset;
}

.searchsearch-in-header .buttonsearch-in-header {
    width: 45px;
    margin-left: -48px;
}

.searchsearch-in-header input::-moz-placeholder {
    color: white;
}

.searchsearch-in-header input:-moz-placeholder {
    color: white;
}

.searchsearch-in-header *::-webkit-input-placeholder {
    color: white;
}

.searchsearch-in-header *:-ms-input-placeholder {
    color: white;
}

.searchsearch-in-header *:-moz-placeholder {
    color: white;
}

@media (width <=420px) {
    body.wrapper-fluid header>.grid-child {
        padding-left: 4px;
        padding-right: 2em;
    }

    .container-header .container-nav .container-search {
        width: 112px;
        margin-right: 0;
    }

    .searchsearch-in-header {
        max-width: 100%;
    }
}

.header {
    transition: none !important;
    top: 0;
    z-index: 3;
    opacity: 1;
    position: relative !important;
    animation: fadeIn 0.3s ease-in 0.2s forwards;
    opacity: 0;
}

.custom-sticky-class.container-header .container-nav {
    padding-top: 6px;
    padding-bottom: 7px;
}

.custom-sticky-class {
    background-color: #fff;
    height: auto;
    box-shadow: 0 0 20px rgba(25, 20, 16, 0.08);
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 1021;
    animation: none;
}

.custom-sticky-class:before {}

@keyframes dropDown {
    from {
        top: -100%;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

.header.sliding-up {
    animation: slideUp 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}

@keyframes slideUp {
    from {
        top: 0;
        opacity: 1;
    }

    to {
        top: -100%;
        opacity: 0;
    }
}

@media (max-width: 991.98px) {

    .header,
    .custom-sticky-class {
        width: 100% !important;
        left: 0;
    }

    .header .mod-menu {
        position: relative;
        width: 100%;
    }

    .header .navbar-collapse {
        z-index: 10001;
    }
}

/* SEARCH VM END */
/* FOOTER WAVES START */
.footer {
    background-color: transparent;
    background-image: none;
}

body.wrapper-fluid footer>.grid-child {
    padding: 0;
}

body.wrapper-fluid footer>.grid-child .mod-custom {
    width: 100%;
}

#sp-footer .inner-header svg {
    display: none;
}

#sp-footer .inner-header h1 {
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 1.2em;
    margin-bottom: -0.3em;
    display: none;
}

#sp-footer p {
    letter-spacing: 1px;
    font-size: 1em;
    color: #6e298c;
    margin-bottom: -0.4em;
}

#sp-footer .footer-header {
    position: relative;
    text-align: center;
    background: linear-gradient(180deg, rgb(100% 100% 100%) 0%, rgb(99.778% 99.672% 99.824%) 6.25%, rgb(99.112% 98.689% 99.295%) 12.5%, rgb(98.001% 97.05% 98.415%) 18.75%, rgb(96.446% 94.755% 97.181%) 25%, rgb(94.447% 91.805% 95.596%) 31.25%, rgb(92.004% 88.199% 93.658%) 37.5%, rgb(89.116% 83.937% 91.368%) 43.75%, rgb(85.784% 79.02% 88.725%) 50%, rgb(82.008% 73.447% 85.731%) 56.25%, rgb(77.788% 67.218% 82.384%) 62.5%, rgb(73.123% 60.334% 78.684%) 68.75%, rgb(68.015% 52.794% 74.632%) 75%, rgb(62.462% 44.599% 70.228%) 81.25%, rgb(56.464% 35.748% 65.472%) 87.5%, rgb(50.023% 26.241% 60.363%) 93.75%, rgb(43.137% 16.078% 54.902%) 100%);
    color: white;
}

#sp-footer .logo {
    fill: white;
    padding-right: 15px;
    display: inline-block;
    vertical-align: middle;
}

#sp-footer .inner-header {
    height: 20vh;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-top: 10em;
}

#sp-footer .flex,
.flex {
    /*Flexbox for containers*/
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.just-be-healthy .flex {
    flex-direction: column;
}

#sp-footer .waves {
    position: relative;
    width: 100%;
    height: 15vh;
    margin-bottom: -7px;
    /*Fix for safari gap*/
    min-height: 100px;
    max-height: 150px;
}

.shadow-title {
    position: absolute;
    bottom: 44px;
    width: 100%;
    text-align: center;
    font-size: 9vw;
    letter-spacing: 2px;
    color: rgba(110, 41, 140, 0.1);
    background: linear-gradient(rgba(110, 41, 140, 0), rgba(110, 41, 140, 0.2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    text-transform: uppercase;
}

.about-us-header.video-in-header .tittles-in-header {
    padding-top: 100px;
}

.about-us-header .scrolling-text,
.shadow-title .scrolling-text {
    overflow: hidden;
    width: 100%;
    height: 130px;
    display: flex;
    align-items: center;
    animation: fadeIn 0.5s ease-in 0.6s forwards;
    opacity: 0;
}

.about-us-header .scrolling-text .rail,
.shadow-title .scrolling-text .rail {
    display: flex;
}

.about-us-header .scrolling-text .rail h4,
.shadow-title .scrolling-text .rail h4 {
    color: rgba(110, 41, 140, 1);
    white-space: nowrap;
    font-size: 90px;
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 1em;
    margin: 0 30px 0 0;
    text-shadow:
        -1px -1px 0 #fff,
        1px -1px 0 #fff,
        -1px 1px 0 #fff,
        1px 1px 0 #fff;
}

.shadow-title .scrolling-text .rail h4 {
    color: rgba(110, 41, 140, 1);
    white-space: nowrap;
    display: inline-block;
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 1em;
    margin: 0 30px 0 0;
    font-size: 9vw;
    color: rgba(110, 41, 140, 0.1);
    background: linear-gradient(rgba(110, 41, 140, 0), rgba(110, 41, 140, 0.2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    text-transform: uppercase;
    text-shadow: none;
}

.video-in-header,
.tittles-in-header {
    width: 100%;
    max-width: none;
    overflow: hidden;
}

#sp-footer .content {
    display: flex;
    gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 10vh;
    text-align: center;
    background-color: #f9f9f9;
}

#sp-footer .social-links {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 10px;
}

#sp-footer .social-links a img {
    height: 40px;
    transition: transform .5s cubic-bezier(.165, .84, .44, 1);
}

#sp-footer .social-links a img:hover {
    transform: scale(1.05);
}

#sp-footer .content .since {
    animation: fadeIn 0.5s ease-in 0.6s forwards;
    opacity: 0;
}

#sp-footer .content .since h3 {
    color: #6e298c;
    font-style: italic;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

.error_site #sp-footer .social-links a img {
    display: none;
}

/* Animation */

#sp-footer .parallax>use {
    animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

#sp-footer .parallax>use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}

#sp-footer .parallax>use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}

#sp-footer .parallax>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}

#sp-footer .parallax>use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }

    100% {
        transform: translate3d(85px, 0, 0);
    }
}

/*Shrinking for mobile*/
@media (max-width: 768px) {
    .custom-sticky-class.container-header .container-nav {
        padding-top: 0;
    }

    #sp-footer .inner-header {
        height: 16vh;
        margin-top: 0;
        padding-top: 7em;
    }

    #sp-footer .waves {
        height: 9vh;
    }

    .shadow-title {
        bottom: 24px;
    }

    #sp-footer svg {
        width: 10%;
    }

    #sp-footer .waves {
        min-height: 40px;
    }

    #sp-footer .content {
        height: 10vh;
    }

    #sp-footer h1 {
        font-size: 1em;
        margin-bottom: -0.05em;
    }

    #sp-footer p {
        font-size: 0.8em;
    }
}

@media (max-width: 480px) {
    .footer {
        margin-top: 10px;
    }

    #sp-footer .inner-header {
        height: 12vh;
        padding-top: 5em;
    }

    .shadow-title {
        font-size: 60px;
        bottom: 10px;
    }

    .shadow-title .scrolling-text .rail h4 {
        font-size: 60px;
    }

    #sp-footer .social-links {
        margin-bottom: -6px;
    }
    .com-finder .com-finder__results {
        padding: 10px;
    }
}

/* Footer end */
.modal-content {
    border-radius: 2em;
    background: #fff;
}

/* DISPLAY: NONE BEGAN */
.orderby-displaynumber,
.fancybox-title-inside {
    display: none;
}
.products-view {
    margin-top: 16px;
}
/* DISPLAY: NONE END */

/* VIRTUEMART BEGAN */

.category-view .vm-category-subcategories {
    margin-bottom: 3em;
}

.category-view .gy-4 {
    --gutter-y: 1rem;
}

.category-view .virtuemart_search {
    margin-top: 16px;
}

.virtuemart_search.p-3.mb-3.border.bg-light {
    display: none;
}

.search-in-header .filter-search .product-filter-mobile {
    position: absolute;
    top: 3px;
    left: 3px;
}

.search-in-header .filter-search .product-filter-mobile a img {
    width: 44px;
    border-radius: 50%;
    padding: 7px;
    border: 1px solid #6e298c;
    background: #fff;
}

.category-view .vm-category-title,
.category-view .browse-view h2.vm-products-type-title {
    display: none;
}

/* Заголовок категории товаров — показываем */
.category-view > .dir-category__title {
    display: block;
}

@media (width >=1200px) {

    .category-view .vm-category-subcategories .row .vm-subcategory.col-xl-4,
    .vm-product-grid .row .product.col-lg-4 {
        width: 33.333333%;
    }
}

.category-view .browse-view .vm-product-grid .row {
    --gutter-y: 1rem;
}

.grid-child.container-sidebar-right .dekstop-currency {
        z-index: 10;
    position: static !important;
    }

.dekstop-currency #virtuemart_currency_id {
    display: flex;
    justify-content: space-between;
    padding: 12px 12px 9px;
    color: #6e298c;
    background: transparent;
    border: none;
    cursor: pointer;
    width: 100%;
    font-style: italic;
}

.grid-child.container-sidebar-right .recently-viewed-products {
        z-index: 9;
    position: static !important;
    }

@media (width >=992px) {

    .category-view .vm-category-subcategories .row .vm-subcategory.col-6.col-md-4.col-lg-3.col-xl-4,
    .vm-product-grid .row .product.col-lg-4.col-lg-3 {
        flex: none;
        width: 33.333333%;
    }

    .search-in-header .filter-search .product-filter-mobile {
        display: none;
    }
}

@media (width >992px) {
    .mobile-currency {
        display: none;
    }
}

.category-view .vm-category-subcategories .row .vm-subcategory {
    border-radius: 2em;
    -webkit-animation-name: intro-zoom-in;
    animation-name: intro-zoom-in;
    -webkit-backface-visibility: hidden;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    border: none;
}

.category-view .row .spacer .spacer-img {
    overflow: hidden;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.category-view .row .spacer .spacer-img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    display: inline-table;
    float: left;
}

.category-view .vm-category-subcategories .row .vm-subcategory a img {
    margin-bottom: 0;
    border-radius: 2em;
}

.category-view .row .spacer:hover img {
    transform: scale(1.1);
}

.category-view .browse-view .vm-product-grid .product .product-price {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
    font-style: italic;
    text-align: center;
}

/* HTML: <div class="ribbon">Your text content</div> */
.vm-subcategory .spacer {
    padding: 0;
    margin: 0;
    border-radius: 2em;
    height: auto;
    -webkit-animation-name: intro-zoom-in;
    animation-name: intro-zoom-in;
    -webkit-backface-visibility: hidden;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    position: relative;
}

.vm-subcategory .spacer span.overlay {
    width: auto;
    min-width: 140px;
    height: auto;
    text-align: center;
    display: table;
    position: absolute;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    background-color: transparent;
    box-shadow: none;
    z-index: 1;
    bottom: 112px;
}

.vm-subcategory .spacer span.overlay h2 {
    font-size: 15px;
    font-weight: bold !important;
    --r: .4em;
    --c: #e5d9eb;
    position: absolute;
    top: 36px;
    left: calc(-1* var(--r));
    line-height: 2.2;
    padding: calc(2* var(--r)) .7em 0;
    border-radius: var(--r) 0 0 var(--r);
    background: radial-gradient(100% 50% at left, var(--c) 98%, #0000 101%) 100% 100% / .5lh calc(100% - 2* var(--r)), radial-gradient(100% 50% at right, #bbbb 98%, #0000 101%) 0 0 / var(--r) calc(2* var(--r)), conic-gradient(at var(--r) calc(2* var(--r)), #0000 25%, var(--c) 0) 0 0 / calc(101% - .5lh) 100%;
    background-repeat: no-repeat;
    white-space: nowrap;
}

@media (width >=1400px) {

    .g-xxl-5,
    .gy-xxl-5 {
        --gutter-y: 1rem;
        --gutter-x: 1rem;
    }
}

.category-view .product .product-container {
    background-color: rgba(251, 251, 251, 1);
    padding: 10px;
    position: relative;
    border-radius: 2em;
    border: none;
    -webkit-animation-name: intro-zoom-in;
    animation-name: intro-zoom-in;
    -webkit-backface-visibility: hidden;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}



.category-view .vm-product-media-container {
    min-height: auto !important;
}

.category-view .product-container h3 {
    margin-bottom: 0;
    line-height: 14px;
}

.category-view .product-container h3 a {
    font-weight: bold;
    font-size: 17px;
    line-height: 16px;
}

.table-responsive td p a {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
}

.category-view .product-container h1 a span,
.browse-view .product-container h3 a span,
.name-price-in-cart .name-product-in-cart a span,
.text-in-modal h3.item-name span,
.spacer-inner h5 a span,
.vme-list-section h3 a span,
.vm-cart-item-name a span,
#cart-view .cart-data .vm-cart-item-cfields .vm-customfield-cart .product-field-type-C span,
.table-responsive td p a span,
.recently-viewed-products-mobile .spacer-titles span,
.notify-product-out-stock span {
    font-style: italic;
    font-size: 13px;
    text-transform: lowercase;
    font-weight: 500;
    display: block;
}

.category-view .product-container h3 a span,
.browse-view .product-container h3 a span {
    font-size: 12px;
}

.vm-cart-item-name a span {
    line-height: 19px;
}

#facebox .content .vm-padded {
    padding: 10px;
}

.vm-padded .flex-column {
    margin-bottom: 0;
}

.vm-padded .alert-success {
    background: transparent;
    color: #6e298c;
    border: none;
}

.vm-padded .ms-2 {
    margin-top: 10px;
}

.vm-padded .ms-3 {
    font-weight: bold;
    line-height: 19px;
}

.vm-padded .ms-1 {
    margin-right: 10px;
    width: 30px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 42px;
    font-weight: bold;
}

.vm-padded .ms-3 span {
    font-style: italic;
    text-transform: lowercase;
    font-weight: 500;
    white-space: normal;
  word-break: keep-all;
  overflow-wrap: break-word;
}

.vm-padded .flex-column a.continue_link {
    flex-grow: 1;
    background: #fff;
    color: #6e298c;
    font-size: 13px;
    border: 1px solid #6e298c;
    border-radius: 3em;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    width: 100%;
}

.vm-padded .flex-column a.continue_link:hover {
    background: #6e298c;
    color: #fff;
}

.vm-padded .flex-column a.showcart {
    flex-grow: 1;
    background: #6e298c;
    color: #fff;
    font-size: 13px;
    border: 1px solid #6e298c;
    border-radius: 3em;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    width: 100%;
    margin-top: 12px;
}

.vm-padded .flex-column a.showcart:hover {
    color: #6e298c;
    background: #fff;
}

.rounded-border {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #6e298c;
    border-radius: 2em;
    display: block;
    height: auto;
}


.addtocart-bar {
    width: 100%;
}

.category-view .product .product-container .addtocart-area .addtocart-bar .row {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.addtocart-area {
    width: 100%;
}

.product-container.productdetails-view.productdetails {
    max-width: 1200px;
    margin: 0 auto 0;
    padding-left: 10px;
    padding-right: 10px;
}

.product-container.productdetails-view.productdetails .row {
    margin-bottom: 0 !important;
}

.product-container.productdetails-view.productdetails .additional-images .col-6 {
    margin-top: 0;
    margin-bottom: 10px;
}

.product-container.productdetails-view.productdetails .img-thumbnail,
#facebox img {
    border-radius: 1em;
    border: none;
}

.product-container.productdetails-view.productdetails .addtocart-area .addtocart-bar .row {
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-container.productdetails-view.productdetails .product-related-products {
    margin-top: 30px;
}

.vm-product-details-container h1,
.category-view .product-container h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 23px;
    text-align: center;
    z-index: 2;
    position: relative;
}

.vm-product-details-container h1 span {
    font-style: italic;
    font-size: 18px;
    text-transform: lowercase;
    font-weight: 500;
    display: block;
}

.vm-product-details-container .product-price .PricesalesPrice span.PricesalesPrice {
    font-weight: 500;
    font-style: italic;
    font-size: 20px;
    display: table;
    float: left;
    padding-left: 5px;
}

.vm-continue-shopping {
    margin-top: -40px;
}

.vm-continue-shopping h1 {
    font-size: 22px;
    margin-bottom: 20px !important;
}

.vm-continue-shopping a.continue_link {
    font-size: 16px;
    padding: 0;
    border-bottom: none;
    color: #6e298c;
    background: #fff;
    text-align: center;
    font-weight: 400;
    text-transform: lowercase;
    height: 45px;
    margin-right: 0;
    border-radius: 3em;
    cursor: pointer;
    transition: 0.3s ease;
    display: block;
    line-height: 42px;
    border: 1px solid #6e298c;
    position: relative;
    z-index: 1;
}

.vm-continue-shopping a.continue_link.btn-primary {
    width: fit-content;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
}

.vm-continue-shopping a.continue_link:hover {
    color: #fff !important;
    text-shadow: none !important;
    background: #6e298c !important;
    border: 1px solid #6e298c !important;
}

.productdetails-view .product-price {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
}

.productdetails-view .product-price .product-price {
    margin-top: 0;
    margin-top: 0;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.productdetails-view .back-to-category {
    background: #fff;
    margin-top: 10px;
    width: 100%;
    height: 40px;
    color: #6e298c;
    border: 1px solid #6e298c;
    padding: 0;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    transition: 0.3s ease;
    border-radius: 2em;
    text-shadow: none;
}

.productdetails-view .back-to-category:hover {
    background: #e5d9eb;
    color: #6e298c;
    border: 1px solid #e5d9eb;
}

.productdetails-view .back-to-category a {
    text-decoration: none;
    font-size: 13px;
    font-weight: 300;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-transform: lowercase;
    padding: 0;
    line-height: 33px;
}

.productdetails-view .back-to-category a:hover {
    border: none;
}

.productdetails-view .back-to-category a svg {
    width: 10px;
    height: auto;
    padding-top: 2px;
}

.productdetails-view .back-to-category a span {
    font-style: italic;
    font-weight: 500;
}

.vm-customfields-wrap {
    width: 100%;
}

.productdetails-view .vm-customfields-wrap {
    margin-left: -15px;
    width: 96%;
}

.vm-customfields-wrap .controls {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.category-view .browse-view .vm-customfields-wrap .product-fields .product-field {
    margin-left: 4px;
    margin-right: 4px;
}

.category-view .vm-customfields-wrap .controls {
    margin-bottom: 0;
    margin-left: -12px;
}

.controls .form-check-inline {
    padding-left: 0;
    min-width: 0;
    margin-right: 2px;
    margin-bottom: 6px;
    flex-grow: 1;
    width: 100%;
}

.controls .form-check-inline:checked {
    color: #6e298c;
    margin: 10px 2px;
    padding: 0;
    height: 32px;
    line-height: 32px;
    font-weight: 500;
    background: #e5d9eb;
    border: 1px solid #e5d9eb;
    opacity: 1;
    min-width: 35px;
    display: block;
    float: right;
    font-size: 9px;
    text-align: center;
    border-radius: 2em;
    flex-grow: 1;
}

.controls .form-check-inline input+label {
    background: #fff;
    font-size: 10px;
    border: 1px solid #6e298c;
    border-radius: 4px;
    padding: 8px 1px;
    width: 100%;
    text-align: center;
    cursor: pointer;
    -webkit-transform: skew(-20deg) translateX(6px);
    -ms-transform: skew(-20deg) translateX(6px);
    transform: skew(-20deg) translateX(6px);
}

.controls .form-check-inline input:checked+label {
    background: #e5d9eb;
}

.controls .form-check-inline input:hover+label {
    background: #e5d9eb;
}

.controls .form-check-input:checked[type=radio],
.controls .form-check-input[type=radio] {
    margin-left: 0;
    display: none;
}

.addtocart-bar .quantity-box {
    flex-wrap: nowrap !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.quantity-box input.form-control {
    padding: 0;
    margin-bottom: 0;
    font-size: 12px;
    height: 40px !important;
    width: 40px !important;
    min-width: 34px;
    color: #ffffff !important;
    background: #6e298c;
    box-shadow: none;
    font-weight: 500;
    border: 1px solid #6e298c;
    border-radius: 50% !important;
    text-align: center;
}

.quantity-box .plus-minus {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.quantity-box .plus-minus .quantity-plus,
.quantity-box .plus-minus .quantity-minus {
    padding: 0;
}

.quantity-box .plus-minus .quantity-plus {
    margin-bottom: -6px;
}

.quantity-box .plus-minus .quantity-plus svg,
.quantity-box .plus-minus .quantity-minus svg {
    width: 20px;
    height: 20px;
}
.login-icon-modal .eb-dialog .form-group button.btn-primary,
.vm-addtocart-button-col .vm-addtocart-button-wrapper .addtocart-button,
.checkout-button-top .btn-primary,
.your-account-details-page .vm-btn-contaner .btn-primary,
form#userForm fieldset .control-buttons .btn-primary,
.addtocart-bar .btn-primary.notify,
.com-users-reset-confirm.reset-confirm .com-users-reset-confirm__submit.control-group .btn-primary,
.com-users-logout__submit.control-group .controls .btn-primary,
.com-users-profile.profile ul.com-users-profile__edit li a,
.enter .btn-primary,
#at-app .text-center a.btn-primary,
.acysubbuttons .btn-primary,
.btn-primary.register-and-checkout,
.vm-checkout-login .btn-secondary.btn-sm,
.ic-registration-box button.btn-success,
.language-module-in-order-done .buttons-set .btn-primary,
.ic-registration-complete-buttons a.btn-info,
.ic-detail-desc a.back-to-events, .cf-response a.back-to-events,
.com-users-profile__edit-submit.control-group .controls .btn-primary {
    background: #6e298c;
    color: #fff;
    font-size: 13px;
    height: 45px;
    padding: 0;
    border: 1px solid #6e298c;
    border-radius: 3em !important;
    text-transform: lowercase;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    z-index: 2;
}
.login-icon-modal .eb-dialog .form-group button.btn-primary {
    font-size: 15px;
    height: 50px;
    text-transform: uppercase;
}

.com-users-profile__edit-submit.control-group .controls .btn-primary,
.acysubbuttons .btn-primary {
    width: 100%;
    text-transform: capitalize;
}

.acysubbuttons .unsubbutton {
    padding: 0 2px;
    height: 45px;
    width: 100%;
    border: 1px solid #6e298c;
    border-radius: 3em;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    font-size: 13px;
}

.acysubbuttons .unsubbutton:hover {
    background: #6e298c;
    color: #fff;
}
.vm-addtocart-button-col .vm-addtocart-button-wrapper .addtocart-button {
    height: 42px;
}

.vm-checkout-login .btn-secondary.btn-sm {
    height: unset;
    line-height: 1.1;
    padding: 12px 8px;
    text-transform: none;
    grid-column: 2;
    grid-row: 1 / span 2;
    width: 100%;
    margin-left: 0 !important;
}

.btn-primary.register-and-checkout {
    width: 100%;
    font-size: 14px;
    line-height: 17px;
    padding: 0 10px;
    text-transform: none;
}

#at-app .text-center a.btn-primary {
    font-size: 16px;
    height: auto;
    max-width: 700px;
    width: 100%;
    padding: 12px;
    align-content: center;
}

.cf-response a.back-to-events {
    padding: 12px 25px;
    width: 100%;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
}

.ic-detail-desc a.back-to-events {
    width: 100%;
    margin-top: 10px;
    line-height: 44px;
    text-transform: unset;
    font-size: 14px;
}

.productdetails-view .vm-addtocart-button-col .vm-addtocart-button-wrapper .addtocart-button {
    text-transform: uppercase;
}

.checkout-button-top .btn-primary {
    height: 50px;
}

.addtocart-bar .btn-primary.notify {
    line-height: 45px;
}

.vm-checkout-login .flex-row {
    gap: 8px;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    row-gap: 0px;
    column-gap: 10px;
    width: 100%;
    line-height: 1.1;
}

.vm-checkout-login #com-form-login,
.your-account-details-page #com-form-login {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;        
    align-items: flex-start;    
    gap: 0;                  
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

.login-icon-modal .eb-dialog .form-group button.btn-primary:hover,
.vm-addtocart-button-col .vm-addtocart-button-wrapper .addtocart-button:hover,
.checkout-button-top .btn-primary:hover,
.your-account-details-page .vm-btn-contaner .btn-primary:hover,
form#userForm fieldset .control-buttons .btn-primary:hover,
.addtocart-bar .btn-primary.notify:hover,
.com-users-reset-confirm.reset-confirm .com-users-reset-confirm__submit.control-group .btn-primary:hover,
.com-users-logout__submit.control-group .controls .btn-primary:hover,
.com-users-profile.profile ul.com-users-profile__edit li a:hover,
.enter .btn-primary:hover,
#at-app .text-center a.btn-primary:hover,
.acysubbuttons .btn-primary:hover,
.btn-primary.register-and-checkout:hover,
.vm-checkout-login .btn-secondary.btn-sm:hover,
.ic-registration-box button.btn-success:hover,
#icagenda .control-group#submit .controls button.btn.btn-primary.validate:hover,
.language-module-in-order-done .buttons-set .btn-primary:hover,
.ic-registration-complete-buttons a.btn-info:hover,
.ic-detail-desc a.back-to-events:hover,
.cf-response a.back-to-events:hover,
.com-users-profile__edit-submit.control-group .controls .btn-primary:hover {
    background: #fff;
    color: #6e298c;
}

.blog-slider__content a.blog-slider__button:hover {
    color: #fff;
}

.product-short-description {
    color: #6e298c !important;
    border: 1px solid #6e298c;
    clear: both;
    overflow: hidden;
    margin-bottom: 0 !important;
    padding: 20px;
    border-radius: 2em;
    background: #F8F5F9;
    font-size: 14px;
    line-height: 21px;
    font-weight: 300;
}

.vm-product-shipments {
    display: none;
}

.vm-product-media-img .additional-images {
    display: flex;
}

.border-bottom,
.border-top {
    border: none !important;
}

.product-description .one-page-content {
    padding: 20px;
    border-radius: 2em;
    margin-top: 12px;
    background: #F8F5F9;
    border: 1px solid #6e298c;
}

.product-description .one-page-content p {
    margin-top: 0;
}

.product-description .one-page-content p span {
    font-weight: 500;
}

.product-description .one-page-content blockquote {
    margin-bottom: 10px;
    margin-top: 8px;
    padding: 0 0 0 8px;
    line-height: 21px;
    font-style: italic;
    font-size: 13px;
    border-left: 3px solid #c6a4cd;
}

.product-description .one-page-content span {
    font-weight: 500;
}

.product-description .one-page-content .pure_body {
    border: 2px solid #c6a4cd;
    padding: 12px;
    border-radius: 2em;
}

.product-description .one-page-content .pure_body blockquote {
    margin-left: 18px;
    padding: 0 0 0 8px;
    line-height: 23px;
    font-style: italic;
}

.product-description .one-page-content .pure_body h6 {
    text-align: center;
}

.product-description .one-page-content ul {
    padding-left: 16px;
    margin-bottom: 0;
}

.product-description .one-page-content ul:first-child {
    margin-top: -6px;
}

.product-description .one-page-content ul li {
    list-style: disc;
}

/* RECENTLY VIEWED PRODUCTS START */
.recently-viewed-products {
    margin-top: 24px;
    border-radius: 2em;
    border: 1px solid #6e298c;
    z-index: 2;
    position: relative;
    z-index: 1020;
   position: -webkit-sticky;
    position: sticky;
    top: 80px;
    max-height: calc(100vh - 40px);
    display: block;
}

.recently-viewed-products h3 {
    font-size: 16px;
    text-transform: lowercase;
    text-align: center;
    background: #fff;
    width: fit-content;
    margin: -9px auto 10px;
    padding: 0 5px;
    line-height: 17px;
    border-bottom: none;
}

.recently-viewed-products .product-container {
    display: block;
    margin-bottom: 10px;
}

.recently-viewed-products .product-container .product-container-background {
    text-align: initial;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    /*border: 1px solid #6e298c !important;*/
    border-radius: 2em;
    padding: 0 8px;
    font-weight: bold;
}

.recently-viewed-products .spacer {
    width: 116px;
    display: inline-block;
    margin: 0 0 0 -10px;
    border: none;
    overflow: hidden;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.recently-viewed-products .spacer a {
    position: relative;
}

.recently-viewed-products .spacer a img {
    max-width: 85%;
}

.recently-viewed-products .spacer-titles {
    vertical-align: top;
    padding: 5px 18px 16px;
    margin: 0;
    background-color: rgb(240, 232, 243);
    border-radius: 2em;
    text-align: right;
    margin-left: -23%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 109px;
    font-weight: 500;
    font-weight: bold;
}

.recently-viewed-products .spacer-titles a span {
    font-style: italic;
    font-size: 12px;
    text-transform: lowercase;
    font-weight: 500;
    display: block;
}

.recently-viewed-products .spacer-titles .productdetails .product-price span {
    font-size: 13px;
    font-style: italic;
}

/* RECENTLY VIEWED PRODUCTS END */

/* DESCRIPTION PRODUCT START */
.flex-container .nav.nav-tabs,
.new_account_link .nav.nav-tabs,
.com_affiliatetracker .nav.nav-tabs {
    display: flex;
    align-items: center;
    position: relative;
    flex-wrap: nowrap;
    border: none;
    background: no-repeat;
    background-color: unset;
    border-radius: unset;
    box-shadow: unset;
}

.product-description .flex-container .nav.nav-tabs .nav-link,
.new_account_link .nav.nav-tabs .nav-link,
.com_affiliatetracker .nav.nav-tabs .nav-link {
    position: relative;
    background: #fff;
    box-shadow: none;
    color: #6e298c;
    font-weight: 500;
    transition: none;
    font-size: 12px;
    font-weight: 300;
    margin: 0 -5px 0 0;
    padding: 8px 5px 2px;
    min-width: auto;
    border: 1px solid #6e298c;
    border-bottom: none;
    border-radius: 2em 2em 0 0;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    text-transform: lowercase;
    box-shadow: none;
}

.product-description .flex-container .nav.nav-tabs .nav-link:last-child,
.new_account_link .nav.nav-tabs .nav-link:last-child,
.com_affiliatetracker .nav.nav-tabs .nav-link:last-child {
    margin-right: 0;
}
.product-description .flex-container .nav.nav-tabs #nav-one-tab {
z-index: 4;
}
.product-description .flex-container .nav.nav-tabs #nav-two-tab {
z-index: 3;
}
.product-description .flex-container .nav.nav-tabs #nav-three-tab {
z-index: 2;
}
.product-description .flex-container .nav.nav-tabs #nav-one-tab {
z-index: 1;
}

.new_account_link .nav.nav-tabs .nav-link:hover,
.com_affiliatetracker .nav.nav-tabs .nav-link:hover {
    color: #6e298c;
    background-color: rgb(240, 232, 243);
}
.product-description .flex-container .nav.nav-tabs .nav-link:hover {
 background: #F8F5F9;
 color: #6e298c;
}
.com_affiliatetracker .nav.nav-tabs .nav-item {
    flex-grow: 1;
    margin-right: 5px;
}

.com_affiliatetracker .nav.nav-tabs .nav-item:last-child {
    margin-right: 0;
}

.product-description .flex-container .nav.nav-tabs .nav-link.active,
.new_account_link .nav.nav-tabs .nav-link.active,
.com_affiliatetracker .nav.nav-tabs .nav-link.active {
    padding-top: 6px;
    box-shadow: none !important;
    border: none;
    color: #6e298c;
    font-weight: 500;
    transition: none;
    border-radius: 2em 2em 0 0 !important;
    transition: 0.3s ease;
    background: #F8F5F9;
    border: 1px solid #6e298c;
    border-bottom: none;
    margin-bottom: -3px;
    z-index: 5 !important;
}

.product-description .flex-container .nav.nav-tabs .nav-link.active:after,
.new_account_link .nav.nav-tabs .nav-link.active:after,
.com_affiliatetracker .nav.nav-tabs .nav-link.active:after {
    display: none;
}

.product-description {
    margin-bottom: 20px;
}

.product-description #content-wrap {
    padding: 20px;
    border-radius: 0 0 2em 2em;
    margin-top: 0;
    background: #F8F5F9;
    text-align: left;
    border: 1px solid #6e298c;
}

.product-description h6 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 2px;
    font-style: italic;
}

.product-description #nav-two h6 {
    text-align: left;
    margin-top: 0;
}

.product-description ul {
    padding-left: 22px;
}

.product-description ul.vme-list-inline {
    padding-left: 0;
}

.product-description ul li img,
.ingredients img {
    width: 90px;
    height: auto;
    margin: 2px 10px -5px 0px;
    float: left;
    padding: 5px;
    background: #fff;
    border: 3px double #c6a4cd;
    border-radius: 1em;
}

.product-description #nav-one ul li,
.product-description #nav-two ul li {
    list-style: disc;
}

.product-description #nav-one blockquote {
    border-left: 3px solid #c6a4cd;
}

.product-description #nav-three ul {
    padding-left: 0;
}

.product-description #nav-three ul li {
    list-style-type: none;
    min-height: 84px;
}

.product-description #nav-three ul li:last-child {
    min-height: unset;
}

#nav-four .product-description,
#nav-four .product-description p {
    margin-bottom: 0;
}

.product-description strong {
    font-weight: 600;
}

.product-description #nav-three strong {
    font-style: italic;
}

.product-description .rainbow-samples,
.product-description .rainbow-samples div {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.product-description .rainbow-samples div {
    flex-direction: column;
}

.category-view .vm-product-media-container a,
.product-description .rainbow-samples div a {
    transition: box-shadow .5s cubic-bezier(.165, .84, .44, 1), transform .5s cubic-bezier(.165, .84, .44, 1);
}

.category-view .vm-product-media-container a:hover,
.product-description .rainbow-samples div a:hover {
    transform: scale(1.05);
}

.rainbow-samples div p a {
    font-size: 13px;
    text-transform: lowercase;
}

.bali-tiger-img img,
.dragon-breath-img img {
    width: 100px;
    float: left;
}

.productdetails-view .col-md-5 {
    z-index: 2;
}


@media (width <=1280px) {
    .controls .form-check-inline input+label {
        font-size: 9px;
    }
}

@media (width <=1180px) {
    .controls .form-check-inline input+label {
        font-size: 8px;
    }
}

@media (width <=575px) {
    .product-description #content-wrap {
        padding: 12px;
    }

    .product-container.productdetails-view.productdetails {
        margin-top: -158px;
        z-index: 2;
        position: relative;
    }

    .product-container.productdetails-view.productdetails .vm-product-media-container {
        margin-top: 0;
    }

    .vm-product-details-container h1 {
        text-align: center;
    }

    .searchsearch-in-header {
        max-width: 100%;
    }

    .product-description .rainbow-samples {
        display: inline-block;
    }

    .product-description .rainbow-samples div {
        width: 33.333333%;
        float: left;
    }
}

@media (width >=575px) {
    .productdetails-view .col-md-5 {
        flex: none;
        width: 41.6667%;
    }

    .productdetails-view .col-md-7 {
        flex: none;
        width: 58.3333%;
        margin-top: 50px;
    }
}

@media (max-width: 527px) {
    .controls .form-check-inline input+label {
        font-size: 8px;
    }
}

@media (width <=475px) {

    .category-view,
    .product-container.productdetails-view.productdetails {
        padding-left: 5px;
        padding-right: 5px;
    }

    .container,
    .container-fluid,
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm {
        padding-right: calc(var(--gutter-x)* .2);
        padding-left: calc(var(--gutter-x)* .2);
    }

    .category-view .browse-view .vm-product-grid .product.row>* {
        padding-right: calc(var(--gutter-x)* .2);
        padding-left: calc(var(--gutter-x)* .2);
    }

    .vm-addtocart-button-col .vm-addtocart-button-wrapper .addtocart-button {
        height: 40px;
    }

    .category-view .browse-view .vm-product-grid .product .product-price {
        margin-bottom: 0px !important;
        padding-bottom: 2px !important;
    }
}

@media (width <=425px) {

    .product-description .flex-container .nav.nav-tabs .nav-link {
        margin: 0 -5px 0 0;
    }
}

@media (width <=390px) {
    .product-description .flex-container .nav.nav-tabs .nav-link {
        font-size: 11px;
    }
    .product-description .one-page-content,
    .product-short-description {
    padding: 20px 10px;
}
}

.product-related-products h3 {
    text-align: center;
    font-size: 16px;
    margin-bottom: 0;
}

.related_products .vm-related-product-container h3.vm-product-title.text-center {
    line-height: 1;
    min-height: 74px;
}

.related_products {
    display: block !important;
    width: 100%;
    background: white;
    overflow-x: scroll;
    padding: 10px;
    margin: 0 !important;
    white-space: nowrap;
    scrollbar-width: thin;
    scrollbar-color: #6e298c #f5f0f9;
}

.related_products .related_product {
    display: inline-block;
    background-color: rgb(240, 232, 243);
    background-size: cover;
    position: relative;
    border: 1px solid #6e298c !important;
    border-radius: 2em;
    padding: 8px;
    min-height: 224px;
    background-clip: content-box, padding-box;
}

.related_products .related_product .vm-related-product-container {
    width: 136px;
    padding: 12px 12px 0;
    margin: 10px auto 0;
}

.related_products .related_product .vm-related-product-container .vm-product-media-container {
    min-height: 50px !important;
    width: 100%;
    margin-top: -6px;
}

.related_products .related_product .vm-related-product-container .vme-allbuttons-container.vme-is-list {
    display: none;
}

.related_products .related_product .vm-related-product-container .vm-product-media-container a img {
    margin: -30px auto 0;
}

.related_products .related_product .vm-related-product-container .vme-allbuttons-container.vme-is-list .vme-list-inline .btn-vme-round.btn-item-added>i {
    background: transparent;
}

.related_products .related_product .vm-related-product-container h3 a {
    font-size: 13px;
    display: block;
    white-space: pre-line;
}

.related_products .related_product .vm-related-product-container h3 a span {
    font-style: italic;
    font-size: 12px;
    text-transform: lowercase;
    font-weight: 500;
    display: block;
    white-space: pre-line;
    line-height: 14px;
}

.related_products .related_product .vm-related-product-container .product-price {
    font-size: 13px;
    font-style: italic;
    margin-top: 4px;
    margin-bottom: 0;
}

.related_products .related_product .vm-related-product-container a.btn-secondary {
    display: none;
}

/* DESCRIPTION PRODUCT END */

/* WISHLIST START */
.wishlist-custom-position {
    position: absolute;
    top: 28px;
}

.browse-view .vme-allbuttons-container.vme-is-list {
    text-align: center;
    position: absolute;
    left: 9px;
    top: 9px;
}

.vme-is-list .vme-list-inline .btn-vme-round {
    color: #fff;
    margin-top: 4px;
}

.vme-allbuttons-container .btn-vme-round>i,
.vme-list-section .btn-vme-round>i,
.productdetails .btn-vme-round>i,
.productdetails-view .btn-vme-round>i,
.vm-productdetails .btn-vme-round>i,
.vme-compare-buttons .btn-vme-round>i {
    background: #e5d9eb;
    color: #fff;
    line-height: 35px;
    font-size: 14px;
    width: 35px;
    margin-right: 0;
    border-radius: 100%;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.vme-allbuttons-container.vme-is-list .vme-list-inline .btn-vme-round:hover>i,
.vme-allbuttons-container.vme-is-list .vme-list-inline .btn-vme-round.btn-item-added>i,
.vme-allbuttons-container .vme-list-inline .btn-item-added.btn-vme-round>i .vme-allbuttons-container .btn-vme-round>i:hover,
.vm-coupon-container .btn-secondary>i:hover,
.btn-vme-round.btn-item-added>i,
.btn-vme-round.btn-item-added:hover>i,
.btn-vme-round:hover>i {
    background: #fff;
    color: #E73879;
    font-size: 24px;
}

.related_products .related_product .vme-allbuttons-container .btn-vme-round:hover>i {
    background: transparent;
}

.vm-product-details-container .vme-allbuttons-container .vme-list-inline .has-vme-tooltip span,
.vm-product-details-container .vme-allbuttons-container .vme-list-inline a.btn-item-added.vme-wishlist-link span {
    display: none;
}

.vm-coupon-container .btn-secondary {
    width: 15%;
    height: 36px;
    margin-left: 0 !important;
    padding: 0;
    background: #e5d9eb;
    color: #6e298c;
    border: 1px solid #6e298c;
    border-radius: 0 1em 1em 0;
    text-transform: lowercase;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.vm-coupon-container .btn-secondary:hover {
    color: #fff;
    background: #6e298c;
    border: 1px solid #6e298c;
}

.btn-vme-round {
    color: #6e298c;
}

.productdetails .btn-vme-round>span,
.productdetails-view .btn-vme-round>span,
.vm-productdetails .btn-vme-round>span,
.vme-compare-buttons .btn-vme-round>span {
    font-size: 14px;
}

.vmessentials-wrapper.vme-wishlist {
    margin: -102px auto 0;
    position: relative;
    z-index: 2;
}

.vmessentials-wrapper.vme-wishlist .vme-share-container,
.vmessentials-wrapper.vme-wishlist form.form-inline {
    display: none;
}

.vmessentials-wrapper.vme-wishlist .vme-row {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

.vme-list-item {
    margin-bottom: 20px;
    border: 1px solid #6e298c;
    padding: 8px;
    border-radius: 2em;
    background: #fff;
    width: 32.733333333%;
    float: left;
    margin: 0.3%;
    -webkit-animation-name: intro-zoom-in;
    animation-name: intro-zoom-in;
    -webkit-backface-visibility: hidden;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.vme-list-left {
    width: 40%;
    z-index: 1;
}

.vme-list-right {
    width: 60%;
    background: #e5d9eb;
    border-radius: 2em;
    text-align: right;
    margin-left: -30%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding-right: 20px;
    height: 120px;
}

.vmessentials-wrapper img,
.product-thumb-carousel .image-thumb img {
    opacity: 1;
    width: auto;
    height: auto;
    margin-left: -26px;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

.vme-image {
    min-width: 90px;
    width: auto;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
    max-height: 250px;
}

.vme-wishlist h3 {
    margin: 0;
    line-height: 16px;
}

.vme-wishlist h3>a {
    color: inherit;
    text-decoration: none;
    font-size: 18px;
    line-height: 1.2;
}

.vme-list-section h3 a span {
    max-width: 146px;
}

.vm-price-value span.PricebillTotal {
    font-weight: bold;
}

.vme-list-remove button.btn-vme-text {
    background: transparent;
    color: #6e298c;
    font-size: 12px;
    text-align: center;
    display: block;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.vme-allbuttons-container.vme-is-list .vme-list-inline span.vme-tooltip {
    color: #6e298c;
    font-size: 12px;
    background: #ffffff;
    border: 1px solid #6e298c;
    border-radius: 0.25rem;
    box-shadow: none;
    display: none;
}

.vme-tooltip {
    z-index: 1070;
    display: none;
    padding: 0.4em;
    margin: 0.5em;
    text-align: center;
}

.has-vme-tooltip:hover .vme-tooltip {
    position: absolute;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    white-space: pre-wrap;
}

.productdetails-view .has-vme-tooltip:hover .vme-tooltip {
    display: none;
}

/* Message Box */
#vme-message-box {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1055;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    overflow: hidden;
    pointer-events: none;
}

.vme-fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.vme-fade.vme-in {
    opacity: 1;
}

.vme-backdrop.vme-in {
    opacity: 0.5;
}

.vme-message {
    position: relative;
    width: 600px;
    height: 100%;
    margin: 50px auto 30px;
    pointer-events: inherit;
}

.vme-fade .vme-message {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate3d(0, -25%, 0);
    -o-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
}

.vme-fade.vme-in .vme-message {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.vme-message-content {
    position: relative;
    background-color: #000;
    color: #FFF;
    padding: 15px 20px;
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
    border: 0 none;
    border-radius: 2em;
    pointer-events: auto;
}

.vme-success .vme-message-content {
    background-color: #e5d9eb;
    color: #6e298c;
}

.vme-error .vme-message-content {
    background-color: #e5d9eb;
    color: #6e298c;
}

.vme-message-close {
    position: absolute;
    top: 5px;
    right: 8px;
    width: 20px;
    height: 20px;
    color: #6e298c;
    padding: 0;
    margin: 0;
    border: 0;
    text-decoration: none;
    opacity: 0.8;
    line-height: 1;
}

.vme-message-close:hover {
    color: #6e298c;
    opacity: 1;
    text-decoration: none;
    border: 0;
    background: 0 none;
}

.vme-list-remove {
    margin-top: 6px;
}

@media (max-width: 1260px) {
    .vme-list-item {
        width: 49.4%;
    }
}

@media (max-width: 1026px) {
    .controls .form-check-inline input+label {
        font-size: 7px;
    }
}

@media (max-width: 991px) {
    body.wrapper-fluid header>.grid-child {
        padding-left: 1em;
    }

    .vme-list-item {
        width: 32.733333333%;
    }

    .controls .form-check-inline input+label {
        font-size: 10px;
    }
}
@media (max-width: 991px) {
body.wrapper-fluid header>.grid-child {
        padding-left: 1em;
    }
}




.eb-close>img {
    width: 34px;
    margin-top: 7px;
    margin-right: 5px;
}

@media (max-width: 991px) {

    #cart-view .vm-checkout-login .vm-login .login-button-in-cart-header {
        margin-top: -8px;
    }
    .your-account-details-page .login-button-in-cart-header .btn-primary {
        margin-top: -14px;
    }

    .recently-viewed-products,
    .product-filter-dekstop,
    .container-sidebar-right {
        display: none;
    }
.container-sidebar-left {
    max-width: 1px !important;
    margin-left: -1000px;
}

    .username-in-cart-header .forgot-username,
    .password-in-cart-header .forgot-password {
        margin-bottom: 10px;
    }
}

/* FILTER PRODUCTS START */
.container-sidebar-left.product-filter-dekstop .sidebar-left:first-child {
    margin-top: 30px;
}
.dekstop-currency {
    margin-top: 0;
}
.mobile-currency .currency-vm-selector {
border: none;
padding: 0;
}
/*.mobile-currency .currency-vm-selector h3 {
    display: none;
}*/
.product-filter,
.currency-vm-selector {
    padding: 16px 11px 8px;
    border-radius: 2em;
    border: 1px solid #6e298c;
    z-index: 1020;
   position: -webkit-sticky;
    position: sticky;
    top: 80px;
    max-height: calc(100vh - 40px);
    display: block;
}

.product-filter.filter-mobile {
    margin-top: 5px;
    padding: 24px 11px 8px;
    border-radius: 2em;
    border: 1px solid #fff;
}

.product-filter.filter-mobile:before {
    content: "";
    background-image: url(../images/favicon-ring-original.svg);
    width: 40px;
    vertical-align: middle;
    height: 40px;
    position: absolute
    display: flex;
    justify-content: center;
    margin: -47px auto 0px;
    text-align: center;
    left: 46%;
}

.product-filter h3 {
    font-size: 16px;
    text-transform: lowercase;
    text-align: center;
}
.product-filter-dekstop.product-filter h3 {
    background: #fff;
    width: fit-content;
    margin: -27px auto 0px;
    padding: 0px 5px 8px;
}

.filter-mobile.product-filter h3 {
    text-align: center;
    text-transform: lowercase;
    background: #6e298c;
    width: fit-content;
    margin: -35px auto 0px;
    padding: 0px 5px 8px;
}

.filter-mobile.product-filter ul {
    padding-left: 10px;
    border-left: 1px solid #fff;
    margin-top: 2px;
    margin-left: 10px;
}

.filter-mobile.product-filter ul li ul {
    margin-left: 24px;
    padding-left: 0;
    margin-top: 0;
    padding: 6px 0;
}

.filter-mobile.product-filter ul li.active ul {
    margin-top: 0;
}

.product-filter ul {
    padding-left: 10px;
    border-left: 1px solid #6e298c;
    margin-top: 2px;
    margin-left: 10px;
}

.product-filter ul li,
.filter-mobile.product-filter ul li.active {
    margin: 10px 0;
}

.filter-mobile.product-filter ul li div:before {
    content: "";
    display: inline-block;
    width: 12px;
    margin: 0 0 0 -10px;
    vertical-align: middle;
    border-bottom: 1px solid #fff;
}

.product-filter ul li div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-filter ul li div:before {
    content: "";
    display: inline-block;
    width: 12px;
    margin: 0 0 0 -10px;
    vertical-align: middle;
    border-bottom: 1px solid #6e298c;
}

.filter-mobile.product-filter ul li a {
    background-color: transparent;
    border-radius: 2em;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
}

.product-filter ul li a,
.filter-mobile.product-filter ul li.active a {
    ß color: #6e298c;
    text-align: center;
    border: 1px solid #6e298c;
    border-radius: 2em;
    font-weight: 400;
    padding: 6px 10px;
    display: inline-block;
    width: 100%;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.eb-dialog {
    overflow: hidden !important;
}

.filter-mobile.product-filter ul li.active a {
    border: 1px solid #e5d9eb;
    background: #e5d9eb;
    color: #6e298c;
}

.filter-mobile.product-filter ul li.active ul li a {
    padding: 0px 12px;
}

.product-filter ul li.active a,
.product-filter ul li a:hover {
    background: #6e298c;
    color: #fff;
}

.filter-mobile.product-filter ul li a:hover {
    color: #6e298c;
    background: #e5d9eb;
    border: 1px solid #e5d9eb;
}

.filter-mobile.product-filter ul li.active a:hover {
    color: #6e298c;
}

.product-filter ul li ul li a:hover,
.product-filter ul li.active ul li a:hover {
    color: #a63a82;
    background: none;
    border: none;
}

.filter-mobile.product-filter ul li ul li a:hover {
    color: #fff;
    background: transparent;
}

.filter-mobile.product-filter ul li ul,
.filter-mobile.product-filter ul li.active ul {
    border-left: 1px solid #fff;
}

.product-filter ul li ul,
.product-filter ul li.active ul {
    padding-left: 0;
    border-left: 1px solid #6e298c;
    margin-left: 24px;
    margin-top: 0px;
}

.product-filter ul li ul li,
.product-filter ul li.active ul li {
    margin: 0;
}

.product-filter ul li ul li a,
.product-filter ul li.active ul li a {
    color: #6e298c;
    font-style: italic;
    font-weight: 500;
    font-size: 12px;
    font-style: italic;
    border: none;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    background: none;
    padding: 0;
    text-align: left;
}

.filter-mobile.product-filter ul li ul li a,
.filter-mobile.product-filter ul li.active ul li a,
.filter-mobile.product-filter ul li ul li a:hover,
.filter-mobile.product-filter ul li.active ul li a:hover {
    color: #fff !important;
    background: none;
    border: none;
    padding-left: 0;
    text-align: left;
}

.product-filter ul li ul li div a:before,
.product-filter ul li ul li.active div a:before {
    content: "";
    display: inline-block;
    width: 12px;
    margin: 0 6px 0 0;
    vertical-align: middle;
    border-bottom: 1px solid #6e298c;
}

.product-filter ul li ul li div:before,
.filter-mobile.product-filter ul li ul li div:before {
    display: none;
}

.filter-mobile.product-filter ul li ul li div a:before,
.filter-mobile.product-filter ul li.active ul li a:before {
    content: "";
    display: inline-block;
    width: 12px;
    margin: 0 6px 0 0;
    vertical-align: middle;
    border-bottom: 1px solid #fff;
}

/* FILTER PRODUCTS END*/
iframe {
    max-width: 100% !important;
}

.video-responsive {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: 0 auto 6px;
    border-radius: 1em;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#system-message-container {
    position: fixed;
    bottom: 0;
    right: 10px;
    z-index: 1111;
    pointer-events: none;
}

#system-message-container joomla-alert,
#system-message-container .bc-cart-toast-fallback {
    pointer-events: auto;
}

joomla-alert {
    position: relative;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: row;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.5em;
    padding-left: 10px;
    margin: 10px -10px 50px 5px;
    border-radius: 2em 0 0 2em;
    --bc-alert-close-size: 42px;
}

#system-message-container joomla-alert .joomla-alert--close,
#system-message-container .bc-cart-toast-fallback .joomla-alert--close,
joomla-alert .joomla-alert--close {
    position: relative !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none;
    float: none !important;
    flex: 0 0 var(--bc-alert-close-size);
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--bc-alert-close-size);
    height: var(--bc-alert-close-size);
    min-width: var(--bc-alert-close-size);
    margin: 0;
    padding: 0 !important;
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1;
    opacity: 1;
    text-shadow: none;
    vertical-align: middle;
}

joomla-alert .alert-wrapper {
    flex: 1 1 auto;
    min-width: 0;
}

#system-message-container joomla-alert .joomla-alert--close span,
#system-message-container .bc-cart-toast-fallback .joomla-alert--close span,
joomla-alert .joomla-alert--close span {
    margin: 0;
    border-radius: 50%;
    border: 1px solid currentColor;
    width: var(--bc-alert-close-size);
    height: var(--bc-alert-close-size);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    line-height: 1;
    font-size: 2.5rem;
    font-weight: 300;
    padding: 0;
}

#system-message-container joomla-alert .bc-cart-toast__content,
#system-message-container .bc-cart-toast-fallback .bc-cart-toast__content {
    text-align: center;
}

#system-message-container joomla-alert .bc-cart-toast__title,
#system-message-container .bc-cart-toast-fallback .bc-cart-toast__title {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    margin-bottom: 4px;
}

#system-message-container joomla-alert .bc-cart-toast__product,
#system-message-container .bc-cart-toast-fallback .bc-cart-toast__product {
    font-size: 14px;
    line-height: 1.35;
}

#system-message-container joomla-alert .bc-cart-toast__product strong,
#system-message-container .bc-cart-toast-fallback .bc-cart-toast__product strong {
    font-weight: 700;
}

/* ARTICLES START */
.all-articles {
    max-width: 700px;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    margin: -40px auto 0;
    z-index: 2;
    position: relative;
    padding: 10px 20px 20px;
    border-radius: 2em;
    border: 1px solid #6e298c;
}

.all-articles .page-section-number img {
    text-align: center;
    margin: -38px auto 0px;
    top: 12px !important;
    position: relative;
    display: flex;
    z-index: 1;
}

.all-articles .thumb-article.dropcaps {
    padding: 10px;
}

.thumb-article h3 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 0;
    font-weight: bold;
    margin-top: 0;
}

.thumb-article p {
    padding: 10px 0;
}

.all-articles .thumb-article p.read-more {
    margin-top: -10px;
    margin-bottom: 0px;
    text-transform: lowercase;
}

.thumb-article p a img {
    border-radius: 1em 1em 0 0;
}

.all-articles .thumb-article .naked-drop {
    padding: 30px 10px 10px;
    margin-top: -21px;
    border-radius: 0 0 1em 1em;
    background: #F8F5F9;
}

p.read-more {
    text-align: center;
    padding: 0;
}

.leaf-divider {
    text-align: center;
}

.leaf-divider img {
    margin: 0 auto;
}

.leaf-divider .border {
    margin-top: -14px;
    border-top: 1px solid #e5e5e5;
}

.single-article {
    width: 100%;
    max-width: 700px;
    margin: -40px auto 30px;
    padding: 20px;
    border-radius: 2em;
    border: 1px solid #6e298c;
}

.terms {
    width: 100%;
    max-width: 700px;
    margin: -30px auto 0;
    padding: 20px;
    border-radius: 2em;
    border: 1px solid #6e298c;
}

.single-article h4 {
    text-align: center;
}

.terms h4 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 14px;
}

.affiliated-programm-terms h4 {
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: bold;
    text-align: center;
}

.affiliated-programm-terms h5 {
    font-size: 18px;
    text-align: center;
    border: none;
    background: #fff;
    padding: 5px;
    position: relative;
    z-index: 2;
    width: fit-content;
    display: flex;
    justify-content: center;
    margin: -45px auto 4px;
}

.terms h6 {
    margin-top: 10px;
    font-weight: bold !important;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

.terms ul {
    padding-left: 22px;
    font-weight: 300;
}

.terms ul li {
    list-style: disc;
}

.terms ul>li>a {
    display: inline;
    padding: 0;
}

.single-article .dropcaps {
    margin-top: 20px;
}

.single-article h6 {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}

.single-article li,
.delivery li {
    list-style: disc;
}

.single-article blockquote {
    font-style: italic;
    line-height: 19px;
    font-size: 13px;
}

.single-article p img {
    margin: 0 auto;
    border-radius: 6px;
}

.single-article .pure_body {
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 20px;
    border-radius: 2em;
    border: 1px solid #6e298c;
}

.single-article .pure_body .page-section-number.top {
    margin-top: -45px !important;
    margin-bottom: 20px !important;
}

.single-article .pure_body blockquote {
    margin-bottom: 0;
}

.single-article .page-section-number {
    margin-top: 20px !important;
    margin-bottom: -46px !important;
}

.single-article .legend h6,
.single-article .tips h6,
.single-article .warnings h6 {
    background: #ffffff;
}

.page-section-number {
    margin: 0 auto !important;
    z-index: 2;
}

.page-section-number:after {
    content: "";
    position: absolute;
    left: 0px;
    height: 0.01rem;
    background: #e5d9eb;
}

.page-section-number img,
.pure_body .page-section-number img {
    text-align: center;
    margin: 0 auto 0;
    top: 12px !important;
    position: relative;
    display: flex;
    z-index: 1;
}

.single-article .page-section-number img {
    top: -11px !important;
}

.pure_body .page-section-number img {
    top: 9px !important;
}

.page-section-number .border {
    border-bottom: 0.001rem solid #e5d9eb !important;
    margin-top: -20px;
}

.line-border {
    margin-top: -13px;
    border-top: 1px solid #e5d9eb;
}

.single-article .page-section-number .border {
    margin-top: -26px;
    display: none;
}

.terms .page-section-number.top,
.delivery .page-section-number.top,
.contact-page .page-section-number.top,
.contract-manufactoring .page-section-number.top,
.facebuilding .page-section-number.top,
.com_affiliatetracker .page-section-number.top {
    margin: -48px auto 25px !important;
}

.ingredient .page-section-number.top {
    margin: -48px auto 14px !important;
}

.terms .page-section-number.bottom,
.delivery .page-section-number.bottom,
.contact-page .page-section-number.bottom,
.contract-manufactoring .page-section-number.bottom,
.facebuilding .page-section-number.bottom,
.com_affiliatetracker .page-section-number.bottom {
    margin-bottom: -24px !important;
}

.terms .page-section-number:after {
    display: none;
}

.terms .page-section-number.bottom {
    display: none;
}

.vertical-line-top-ingredient,
.vertical-line-top-factory {
    height: 60px;
    border-left: 1px solid #6e298c;
    width: 1px;
    margin: 0px auto -42px;
}

@media screen and (max-width: 768px) {
    .all-articles .thumb-article .naked-drop {
        padding: 30px 10px 10px;
        margin-top: -20px;
        margin-right: 0;
        margin-left: 0;
        border-radius: 0 0 1em 1em;
        background: #f5f5f5;
    }

    .thumb-article p {
        padding: 0;
    }

    .vertical-line-top-ingredient {
        margin: -30px auto -30px !important;
    }
}

@media only screen and (max-width: 480px) {
    .all-articles {
    padding: 10px 10px 0px;
}
    .dropcaps .naked-drop span.naked {
    margin-left: -2px;
}
    .affiliated-programm-terms h5 {
        margin-top: -43px;
    }
    .thumb-article h3 {
        font-size: 22px;
    }

    .thumb-article {
        margin-bottom: 0;
    }

    .thumb-article h3 {
        font-size: 20px;
    }
.all-articles .thumb-article.dropcaps {
    padding: 10px 0;
}
    .thumb-article p {
        font-size: 14px;
        line-height: 23px;
    }
.all-articles .thumb-article p {
        line-height: 21px;
    }
    .blog-slider__text {
        line-height: 23px;
    }

    .single-article, .terms {
        padding: 12px 8px;
    }

    .terms ul {
    padding-left: 16px;
}

    .terms .page-section-number.top {
        margin: -37px auto 20px !important;
    }

    .terms .page-section-number.bottom {
        margin-bottom: -13px !important;
    }

    .about_us.terms .page-section-number.top {
        margin-top: -48px !important;
    }

    .about_us.terms .page-section-number.bottom {
        margin-top: -30px !important;
    }

    .about_us.terms .page-section-number.bottom img {
        top: 23px !important;
    }

    .page-section-number img,
    .page-section-number.top img {
        top: 20px;
    }

    .terms .page-section-number.top img {
       top: 9px !important;
    }

    .page-section-number.bottom img {
        top: 4px;
    }
    .single-article .page-section-number img {
    top: -18px !important;
}
 .shape-container p {
    text-align: left;
}
}

.single-article a.btn-article {
    color: #6e298c;
    border: 1px solid #6e298c;
    font-size: 16px;
    font-weight: 500;
    border-radius: 1em;
    padding: 12px;
    height: 50px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    transition: all .3s ease-out;
}

.single-article a.btn-article:hover {
    background: #6e298c;
    color: #fff;
}

.single-article a.btn-article i {
    font-size: 14px;
    margin-right: 5px;
    display: none;
}

.facebuilding h3 {
    font-size: 18px;
    font-weight: 500;
}

.legend {
    font-size: 14px;
    line-height: 21px;
    border: 4px double #c6a4cd;
    border-radius: 2em;
    margin: 16px 0 10px 0;
    padding: 8px 15px 8px;
    text-align: left;
}

/*.one-page-content .legend {
    margin-top: 14px;
}*/

.legend ul {
    padding-left: 12px;
}

.legend ul li {
    list-style: disc;
}

.legend h6,
.tips h6,
.warnings h6 {
    background: #e5d9eb;
    background-color: rgb(240, 232, 243);
    color: #6e298c;
    float: left;
    font-size: 12px;
    font-weight: 500;
    left: 11px;
    margin: 0 0 -49px !important;
    padding: 0 6px;
    position: relative;
    font-style: italic;
    text-transform: uppercase !important;
    top: -17px;
    letter-spacing: 0.03em;
}
.product-description .legend h6,
.product-description .tips h6,
.product-description .warnings h6 {
background: #F8F5F9;
}
.delivery .legend h6 {
    background-color: rgb(255, 255, 255);
}

.legend p {
    margin-bottom: 0;
}

/* ARTICLES END */

/* CONTACT+DELIVERY PAGE START */

.contact-page .contact-form {
    padding: 20px;
    border: 1px solid #6e298c;
    border-radius: 2em;
}

.contact-page .contact-form .sppb-ajaxt-contact-form .sppb-form-group input:not(.sppb-form-check-input),
.contact-page .contact-form .sppb-ajaxt-contact-form div.sppb-form-group textarea {
    color: #6e298c;
    padding: 20px;
    border: 1px solid #6e298c;
    border-radius: 2em;
}

.contact-page .contact-form .sppb-ajaxt-contact-form .sppb-btn-default {
    width: 100%;
    height: 50px;
    background: #e5d9eb;
    color: #6e298c;
    font-size: 16px;
    border-radius: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    text-align: center;
    cursor: pointer;
    border: 1px solid #e5d9eb;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.contact-page .contact-form .sppb-ajaxt-contact-form .sppb-btn-default:hover {
    color: #fff;
    background: #6e298c;
}

blockquote {
    padding: 0 0 0 12px;
    margin: 0 0 20px;
    border-left: 3px solid #e5d9eb;
    font-size: 14px;
    line-height: 21px;
    font-weight: 300;
    font-style: italic;
}

.delivery,
.contact-page,
.contract-manufactoring,
.facebuilding {
    margin: -30px auto 0;
    max-width: 800px;
}

.contract-manufactoring,
.facebuilding {
    padding: 20px;
    border-radius: 2em;
    border: 1px solid #6e298c;
}

.contract-manufactoring.dropcaps .naked-drop .formula blockquote,
.formula blockquote {
    border: none;
}

.contract-manufactoring.dropcaps .naked-drop .formula span.naked,
.formula span.naked {
    color: #e5d9eb;
    font-size: 40px;
    font-weight: 500;
    padding: 0 10px 0 0;
    line-height: 42px;
    float: left;
}

.delivery,
.ingredient,
.contact-page {
    width: 100%;
    margin: -30px auto 0;
}

.facebuilding .video-grid .video-responsive {
    border-radius: 1em 1em 0 0;
    margin: 0 auto;
}

.facebuilding .flex-row {
    align-items: start;
}

.facebuilding .video-grid h3 {
    display: none;
}

.facebuilding .video-grid:first-child {
    margin-right: 5px;
    width: 50%;
}

.facebuilding .video-grid:last-child {
    margin-left: 5px;
    width: 50%;
}

.facebuilding .video-grid p {
    background: #6e298c;
    color: #fff;
    font-weight: 300;
    border-radius: 0 0 1em 1em;
    text-align: left;
    padding: 10px;
    font-style: italic;
    font-size: 13px;
    line-height: 19px;
}

.facebuilding p img {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.facebuilding .baglyk p {
    text-align: center;
    padding: 5px;
    margin-bottom: 0;
}

.contact-page {
    margin-top: -30px;
    padding: 20px;
    border-radius: 2em;
    border: 1px solid #6e298c;
}
.contact-page .address-factory ul {
    padding-left: 10px;
}
.delivery a.contact-manager {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #6e298c;
    border-radius: 2em;
    padding: 12px;
    font-size: 16px;
}

.contact-page .contact-data {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 0;
    height: auto;
    width: 100%;
}

.contact-page .contact-data div {
    margin-bottom: 6px;
}

.contact-page .contact-data a,
.contact-page .contact-data span {
    font-size: 26px;
    font-weight: 400;
    text-decoration: none;
}

.delivery h4,
.contact-page h4 {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    background: #fff;
    width: fit-content;
    margin: -13px auto 0px;
    padding: 5px 5px 8px;
}

.delivery h4 span,
.contact-page h4 span {
    text-transform: initial;
}
.delivery li.svg-icon {
border-bottom: none !important;
    list-style-type: none;
    margin-left: -16px;
}
.contact-page .address-factory ul li {
    margin-left: -10px;
}
.contact-page .address-factory li img,
.delivery .address-factory li img,
.delivery li.svg-icon img,
.shops-gallery ul li img {
    height: 16px;
    width: auto;
    margin-top: -2px;
}

.delivery .address-factory .types-of-payment li img {
    height: 18px;
}

.delivery a.call-to-phone img,
.delivery a.img-svg img {
    height: 20px;
    width: auto;
    float: left;
    margin-bottom: 0;
    display: none;
}

.contact-page a.img-svg img,
.shops-gallery ul li a.img-svg img {
    width: 50px;
    margin-right: 10px;
    float: left;
    display: none;
}

.contact-page .address-factory.contact-russia li img {
    display: initial !important;
}

.delivery i,
.contact-page i {
    font-weight: bold;
}

.address-shops {
    border: 1px solid #6e298c;
    border-radius: 2em;
    padding: 0 12px 4px;
    height: auto;
    width: 100%;
    display: inline-block;
}

.address-shops {
    margin-top: 10px;
}

.address-factory h3,
.address-shops h3 {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 12px;
    font-weight: 500;
}

.address-factory p img,
.address-shops p img,
.other-shops p img {
    height: 14px;
    width: auto;
    margin-bottom: 4px;
}

.address-factory p a.img-svg img {
    margin-bottom: 0;
}

.contact-page a.img-svg {
    font-weight: 500;
}

.delivery a {
    font-weight: 500;
    display: inline-block;
}

/* CONTACT+DELIVERY PAGE END */

.cd-faq.faqs.other-shops h6,
.our-projects h6{
  
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    border: none;
    background: #fff;
    padding: 5px;
    z-index: 2;  
}
#icagenda h1.ic-header-title,
#icagenda .ic-event-header h1,
#icagenda .ic-form-title h1,
.ic-registration-complete h1 {
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    border: none;
    background: #fff;
    padding: 5px;
    z-index: 2;
    position: relative;
    width: fit-content;
    display: flex;
    justify-content: center;
    margin: 34px auto -36px;
}
#icagenda .ic-event-header h1 {
margin: 28px auto -26px;
}

.other-shops .legend {
    margin-top: 30px;
}

.cd-faq.faqs.other-shops .legend h6 {
    background: #fff;
    font-size: 12px;
    border-radius: 6px;
}

.our-projects .flex-row {
    gap: 20px;
}

.our-projects h3 {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 12px;
}

.project {
    -webkit-animation-name: intro-zoom-in;
    animation-name: intro-zoom-in;
    -webkit-backface-visibility: hidden;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.project a {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: box-shadow .5s cubic-bezier(.165, .84, .44, 1), transform .5s cubic-bezier(.165, .84, .44, 1);
}

.project a:hover {
    transform: scale(1.05);
}

.project a img {
    width: 200px;
    max-width: 200px;
    height: auto;
    background: #F8F5F9;
    border: 1px solid #6e298c;
    border-radius: 1em;
}

@media only screen and (max-width: 767px) {
    .contact-page .contact-data {
        margin-top: 0;
    }

    .com_affiliatetracker #notLoggedUserSection .vertical-line-top {
        margin: 0 auto 20px;
        height: 40px;
    }
}

@media only screen and (max-width: 660px) {

    .contact-page .contact-data a,
    .contact-page .contact-data span {
        font-size: 22px;
    }

    .contact-page a.img-svg img {
        width: 40px;
    }
}

@media only screen and (max-width: 575px) {
    .shop-main .main-tittle-in-header svg {
        height: 100px;
        margin-top: -10px;
    }

    .shop-main .second-tittle-in-header svg {
        height: 26px;
    }

    .facebuilding .flex-row {
        flex-direction: column !important;
    }

    .facebuilding .flex-row .video-grid {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .vm-login.px-4.py-3.mb-4 p {
    font-size: 14px;
    line-height: 17px;
    width: 84%;
}
}

@media only screen and (max-width: 480px) {
    .shop-main .main-tittle-in-header svg {
        height: 80px;
        margin-top: -2px;
    }

    .shop-main .second-tittle-in-header svg {
        height: 21px;
    }

    .mod-languageslang-dekstop .inputbox {
        border: none;
        font-size: 25px;
        font-weight: 200;
    }

    .delivery,
    .contact-page,
    .contract-manufactoring {
        padding: 20px 10px;
    }
    .contact-page .address-factory ul li {
    margin-left: -6px;
}

    .project a img {
        width: 170px;
    }
    .contact-page .address-factory ul {
    padding-left: 5px;
}
}

@media only screen and (max-width: 385px) {

    .category-view .browse-view .vm-product-grid.container {
        padding-left: 0;
        padding-right: 0;
    }

    .category-view .product .product-container {
        padding: 8px 4px;
    }

    .category-view .browse-view .vm-customfields-wrap .product-fields .product-field {
        margin-left: 8px;
        margin-right: 8px;
    }

    body.wrapper-fluid header>.grid-child {
        padding-left: 5px;
    }

    .project a img {
        width: 150px;
    }

    .contact-page .contact-data a,
    .contact-page .contact-data span {
        font-size: 20px;
    }

    .container-header .metismenu>li.level-1>ul li a {
        font-size: 14px;
    }
}

.ytka-love-sign {
    display: flex;
    justify-content: flex-end;
    display: none;
}

/* -------------------------------- 

Main components FAQ start

-------------------------------- */
.ingredient {
    max-width: 800px;
    padding: 20px 20px 0;
    border-radius: 2em;
    border: 1px solid #6e298c;
}

.ingredient blockquote {
    font-style: italic;
    margin-bottom: 16px;
}

@media only screen and (max-width: 575px) {
    blockquote {
        font-size: 14px;
    }
}

@media only screen and (max-width: 480px) {

    .cd-faq *::after,
    .cd-faq *::before {
        content: '';
    }
}

.cd-faq {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.cd-faq:after {
    content: "";
    display: table;
    clear: both;
}

.cd-faq a {
    border-bottom: none;
    transition: 0.3s ease;
}

.cd-faq a:hover {
    border-bottom: none;
}

.cd-faq a.cd-faq-trigger {
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    padding-right: 16px;
}

.cd-faq a.cd-faq-trigger:hover {
    color: #6e298c !important;
}

ul.cd-faq-categories a:hover {
    color: #6e298c !important;
}

ul.cd-faq-categories {
    background: #e5d9eb;
    border-radius: 1em;
    padding: 10px;
    border: 1px solid #6e298c;
}

ul.cd-faq-group {
    padding-left: 0;
}

ul.cd-faq-group li {
   list-style: none;
}

.delivery-all ul.cd-faq-categories {
    display: none;
}

@media only screen and (min-width: 768px) {
    .cd-faq {
        position: relative;
        margin: 0 auto;
        box-shadow: none;
        max-width: 800px;
    }
}

@media only screen and (max-width: 767px) {
    .cd-faq {
        margin: -30px auto 0;
        box-shadow: none;
    }

    ul.cd-faq-categories {
        border: none;
    }

.other-shops ul.cd-faq-categories li::marker {
        display: none !important;
        color: transparent;
    }

    .cd-faq.ingredients {
        margin-top: -10px;
        position: relative;
    }

    .ingredient {
        margin-bottom: 30px;
    }
}

.cd-faq-categories a {
    font-weight: 500;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 5px 28px 5px 16px !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cd-faq ul.cd-faq-categories li a {
    font-size: 18px;
}

.cd-faq-categories a::before,
.cd-faq-categories a::after {
    /* plus icon on the right */
    position: absolute;
    top: 50%;
    right: 16px;
    display: inline-block;
    height: 1px;
    width: 10px;
    background-color: var(--greyDark);
}

.cd-faq-categories a::after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    content: "+";
    display: flex;
    font-size: 1em;
    text-align: center;
    color: #6e298c;
    top: 42%;
    height: 0;
    width: 0;
}

@media only screen and (min-width: 768px) {
    .cd-faq-categories {
        width: 200px;
        float: left;
    }

    .cd-faq-categories a {
        color: var(--greyDark) !important;
        font-weight: 500;
        font-size: 0.9rem !important;
        padding-left: 24px;
        padding: 0 24px;
        -webkit-transition: background 0.2s, padding 0.2s;
        -moz-transition: background 0.2s, padding 0.2s;
        transition: background 0.2s, padding 0.2s;
    }

    .cd-faq-categories a::before,
    .cd-faq-categories a::after {
        display: none;
    }

    .no-touch .cd-faq-categories a:hover {
        background: #555b61;
    }

    .no-js .cd-faq-categories {
        width: 100%;
        margin-bottom: 2em;
    }
}

li {
    border-bottom: none !important;
    list-style-type: none;
}

@media only screen and (min-width: 768px) {
    .cd-faq-categories {
        position: absolute;
        top: 166px !important;
        left: 0;
        width: 200px;
        z-index: 2;
    }
.other-shops ul.cd-faq-categories {
        width: 150px;
        top: 0!important;
        display: none;
    }
    .no-js .cd-faq-categories {
        position: relative;
    }
}

.cd-faq-items {
    position: fixed;
    height: 100%;
    width: 90%;
    top: 0;
    right: 0;
    padding: 0 5% 1em;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0) translateX(100%);
    -moz-transform: translateZ(0) translateX(100%);
    -ms-transform: translateZ(0) translateX(100%);
    -o-transform: translateZ(0) translateX(100%);
    transform: translateZ(0) translateX(100%);
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
}

.cd-faq-items.slide-in {
    background: #fff;
    -webkit-transform: translateZ(0) translateX(0%);
    -moz-transform: translateZ(0) translateX(0%);
    -ms-transform: translateZ(0) translateX(0%);
    -o-transform: translateZ(0) translateX(0%);
    transform: translateZ(0) translateX(0%);
    z-index: 10;
}

.no-js .cd-faq-items {
    position: static;
    height: auto;
    width: 100%;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

@media only screen and (min-width: 768px) {

    .cd-faq-categories.is-fixed {
        /* top and left value assigned in jQuery */
        position: fixed;
    }

    .ingredients .cd-faq-categories {
        width: 60px;
    }

    .ingredients .cd-faq-items {
        padding-left: 40px;
    }

    .cd-faq-items {
        position: static;
        height: auto;
        overflow: visible;
        -webkit-transform: translateZ(0) translateX(0);
        -moz-transform: translateZ(0) translateX(0);
        -ms-transform: translateZ(0) translateX(0);
        -o-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0);
        padding: 0;
        background: transparent;
    }
}

@media only screen and (min-width: 768px) {
    .cd-faq-items {
        float: none;
        width: 100%;
        padding-left: 220px;
    }
.other-shops .cd-faq-items {
        padding-left: 0;
    }
    .no-js .cd-faq-items {
        padding-left: 0;
    }
}

.cd-close-panel {
    position: fixed;
    top: 5px;
    right: -100%;
    display: block;
    height: 40px;
    width: 40px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    z-index: 11;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: right 0.4s;
    -moz-transition: right 0.4s;
    transition: right 0.4s;
}

.cd-close-panel::before,
.cd-close-panel::after {
    /* close icon in CSS */
    position: absolute;
    top: 24px;
    left: 17px;
    display: inline-block;
    height: 3px;
    width: 18px;
    background: #fff;
}

.cd-close-panel::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cd-close-panel::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.cd-close-panel.move-left {
    right: -1%;
    top: 50%;
    right: -1%;
    top: 50%;
    background: rgba(110, 41, 140, 1);
    padding: 25px;
    border-radius: 1em 0 0 1em;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
    z-index: 1001;
}

@media only screen and (min-width: 768px) {
    .cd-close-panel {
        display: none;
    }
}

.cd-faq-group {
    /* hide group not selected */
    display: none;
}

.cd-faq-group.selected {
    display: block;
    font-size: 0.95em;
    line-height: 23px;
}

.cd-faq-group .cd-faq-title {
    background: transparent;
    box-shadow: none;
    margin: 1em 0;
    border: none !important;
}

.no-touch .cd-faq-group .cd-faq-title:hover {
    box-shadow: none;
}

.cd-faq-group .cd-faq-title h2 {
    margin-bottom: 4px;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 700;
    color: #6e298c;
    text-align: left;
    font-weight: bold;
}

.ingredients .cd-faq-group .cd-faq-title h2 {
    font-size: 20px;
}

.no-js .cd-faq-group {
    display: block;
}

@media only screen and (min-width: 768px) {
    .cd-faq-group {
        /* all groups visible */
        display: block;
        padding-left: 0;
    }

    .ingredients .cd-faq-group {
        padding-left: 40px;
    }

    .cd-faq-group>li {
        margin-bottom: 6px;
        padding: 10px;
        -webkit-transition: box-shadow 0.2s;
        -moz-transition: box-shadow 0.2s;
        transition: box-shadow 0.2s;
        border: 1px solid #6e298c !important;
        border-radius: 1em;
    }

    .no-touch .cd-faq-group>li:hover {
        box-shadow: 0 1px 10px rgba(108, 125, 142, 0.3);
    }

    .cd-faq-group .cd-faq-title {
        margin: 2em 0 -0.5em;
    }

    .cd-faq-group:first-child .cd-faq-title {
        margin-top: 0;
    }

    .cd-faq-categories a::before {
        /* decorative rectangle on the left visible for the selected item */
        display: block;
        top: 0;
        right: auto;
        left: 0;
        height: 100%;
        width: 2px;
        background-color: #a63a82;
        opacity: 0;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }

    .cd-faq-categories .selected {
        color: #a63a82 !important;
        border-radius: 0 !important;
        font-weight: 600;
    }

    .cd-faq-categories .selected::before {
        opacity: 1;
    }
}

.cd-faq-trigger {
    position: relative;
    display: block;
    margin: 8px 0 4px;
    line-height: 1.2;
}

@media only screen and (max-width: 767px) {
    .cd-faq-items.slide-in {
        box-shadow: -1px 0 10px rgba(0, 0, 0, 0.15);
        padding-top: 20px;
        padding-bottom: 70px;
        z-index: 1000;
    }

    .cd-faq-group.selected {
        padding-left: 10px;
    }

    .cd-faq-trigger {
        font-weight: 500;
        line-height: 23px !important;
    }

    .cd-faq a.cd-faq-trigger {
        font-size: 16px;
        line-height: 19px !important;
        
        font-weight: bold;
    }
    .cd-faq ul.cd-faq-categories li a {
    font-size: 16px;
    font-weight: bold;
}

    ul.cd-faq-categories a:hover {
        color: #a63a82 !important;
    }
}

.cd-faq *::after,
.cd-faq *::before {
    content: "";
}

@media only screen and (min-width: 768px) {
    .cd-faq-trigger {
        font-size: 1em;
        margin: 0;
    }

    .cd-faq-trigger::before,
    .cd-faq-trigger::after {
        /* arrow icon on the right */
        position: absolute;
        right: 3px;
        top: 50%;
        height: 1px;
        width: 8px;
        background: #6e298c;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }

    .cd-faq-trigger::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        right: 8px;
    }

    .cd-faq-trigger::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .content-visible .cd-faq-trigger::before {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .content-visible .cd-faq-trigger::after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

.cd-faq-content p {
    margin-bottom: 10px;
    line-height: 21px;
    margin-top: 0;
}

.other-shops .cd-faq-content p {
    padding: 5px;
    background: #F8F5F9;
    border-radius: 6px;
}

.other-shops .cd-faq-content p:last-child {
    border-bottom: none;
}

.cd-faq-content p a {
    font-weight: 500 !important;
    white-space: nowrap;
    border-radius: 0 !important;
}

@media only screen and (max-width: 767px) {
    .cd-faq-content p {
        font-size: 14px;
    }

    .cd-faq-content p a {
        white-space: unset;
    }

    .ingredient blockquote {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .cd-faq-content {
        display: none;
        padding: 10px 0 0;
    }

    .no-js .cd-faq-content {
        display: block;
    }
}

.other-shops {
    max-width: 800px;
    margin-top: 40px;
}

/* -------------------------------- 

Main components FAQ end


/* SLIDER BEFORE_AFTER START */
.beer-slider {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.beer-slider *,
.beer-slider:before,
.beer-slider:after,
.beer-slider *:before,
.beer-slider *:after {
    box-sizing: border-box;
}

.beer-slider img,
.beer-slider svg {
    vertical-align: bottom;
}

.beer-slider>* {
    height: 100%;
}

.beer-slider>img {
    max-width: 100%;
    height: auto;
}

.beer-reveal {
    position: absolute;
    left: 0;
    top: 0;
    right: 50%;
    overflow: hidden;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.35s;
}

.beer-reveal> :first-child {
    width: 200%;
    max-width: none;
    height: 100%;
}

.beer-reveal>img:first-child {
    height: auto;
}

.beer-range {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    height: 100%;
    margin: 0;
    left: -1px;
    width: calc(100% + 2px);
    cursor: pointer;
    -webkit-appearance: slider-horizontal !important;
    -moz-appearance: none;
    opacity: 0;
    -ms-touch-action: auto;
    touch-action: auto;
}

.beer-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 300vh;
}

.beer-range::-moz-range-thumb {
    -webkit-appearance: none;
    height: 300vh;
}

.beer-range::-ms-tooltip {
    display: none;
}

.beer-handle {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    color: #000;
    background: rgba(255, 255, 255, 0.5);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0);
    transition: background 0.3s, box-shadow 0.3s, opacity 0.5s 0.25s;
}

.beer-handle:before,
.beer-handle:after {
    content: '';
    color: #4d4d4d;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    border-top: solid 2px;
    border-left: solid 2px;
    transform-origin: 0 0;
}

.beer-handle:before {
    left: 10px;
    transform: rotate(-45deg);
}

.beer-handle:after {
    right: 0;
    transform: rotate(135deg);
}

.beer-range:focus~.beer-handle {
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}

.beer-slider[data-beer-label]:after,
.beer-reveal[data-beer-label]:after {
    content: attr(data-beer-label);
    position: absolute;
    top: 1.5rem;
    line-height: 1;
    padding: 0.5rem;
    border-radius: 0.125rem;
    background: rgba(255, 255, 255, 0.75);
}

.beer-slider[data-beer-label]:after {
    right: 1.5rem;
}

.beer-reveal[data-beer-label]:after {
    left: 1.5rem;
}

.beer-slider[data-beer-label=""]:after,
.beer-reveal[data-beer-label=""]:after {
    content: none;
}

.beer-ready .beer-reveal,
.beer-ready .beer-handle {
    opacity: 1;
}


.beer-slider {
    max-height: 250px;
    margin-bottom: 10px;
    margin-right: calc(var(--bs-gutter-x) * .5);
    margin-left: calc(var(--bs-gutter-x) * .5);
    border-radius: 1rem;
    display: inline-block !important;
    position: relative;
    overflow: hidden;
}

.beer-slider *,
.beer-slider:before,
.beer-slider:after,
.beer-slider *:before,
.beer-slider *:after {
    box-sizing: border-box;
}

.beer-slider img,
.beer-slider svg {
    vertical-align: bottom;
}

.beer-slider>* {
    height: 100%;
}

.beer-slider>img {
    max-width: 100%;
    height: auto;
}

.beer-reveal {
    position: absolute;
    left: 0;
    top: 0;
    right: 50%;
    overflow: hidden;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.35s;
}

.beer-reveal> :first-child {
    width: 200%;
    max-width: none;
    height: 100%;
}

.beer-reveal>img:first-child {
    height: auto;
}

.beer-range {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    height: 100%;
    margin: 0;
    left: -1px;
    width: calc(100% + 2px);
    cursor: pointer;
    -webkit-appearance: slider-horizontal !important;
    -moz-appearance: none;
    opacity: 0;
    -ms-touch-action: auto;
    touch-action: auto;
}

.beer-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 300vh;
}

.beer-range::-moz-range-thumb {
    -webkit-appearance: none;
    height: 300vh;
}

.beer-range::-ms-tooltip {
    display: none;
}

.beer-handle {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    color: #000;
    background: rgba(255, 255, 255, 0.5);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    transition: background 0.3s, box-shadow 0.3s, opacity 0.5s 0.25s;
    border: 1px solid rgba(0, 0, 0, 0.01) !important;
}

.beer-handle:before,
.beer-handle:after {
    content: '';
    color: #a63a82;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    border-top: solid 2px;
    border-left: solid 2px;
    transform-origin: 0 0;
}

.beer-handle:before {
    left: 10px;
    transform: rotate(-45deg);
}

.beer-handle:after {
    right: 0;
    transform: rotate(135deg);
}

.beer-range:focus~.beer-handle {
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}

.beer-slider[data-beer-label]:after,
.beer-reveal[data-beer-label]:after {
    content: attr(data-beer-label);
    color: #a63a82;
    position: absolute;
    top: 1.5rem;
    line-height: 1;
    padding: 0.5rem;
    border-radius: 0.3rem;
    background: rgba(255, 255, 255, 0.75);
}

.beer-slider[data-beer-label]:after {
    right: 1.5rem;
}

.beer-reveal[data-beer-label]:after {
    left: 1.5rem;
}

.beer-slider[data-beer-label=""]:after,
.beer-reveal[data-beer-label=""]:after {
    content: none;
}

.beer-ready .beer-reveal,
.beer-ready .beer-handle {
    opacity: 1;
}

.vm-orders-list .track-your-order {
    margin-top: -30px;
}

.track-your-order .flex-row {
    margin-bottom: -20px;
}

.track-your-order .flex-row svg {
    z-index: 2;
    margin-top: -13px;
    margin-bottom: -14px;
}

.track-your-order .vm-track-order {
    background: #fff;
    padding: 10px;
    border-radius: 2em;
    border: 1px solid #6e298c;
    z-index: 1;
    position: relative;
    margin-bottom: 10px;
}

.track-your-order .vm-track-order form {
    width: 100%;
}

.track-your-order .vm-track-order p.lead {
    font-size: 18px;
    font-weight: 500;
}

.track-your-order .vm-track-order #com-form-order-number,
.track-your-order .vm-track-order #com-form-order-pass {
    width: 100%;
    margin-bottom: 10px;
}

.track-your-order .vm-track-order #com-form-order-submit {
    width: 100%;
    margin-top: 10px;
}

.track-your-order .vm-track-order #com-form-order-submit .btn-primary {
    background: #6e298c;
    color: #fff;
    font-size: 13px;
    height: 45px;
    padding: 0;
    border: 1px solid #6e298c;
    border-radius: 3em;
    text-transform: lowercase;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    width: 100%;
}

@media (width <=640px) {
    .vm-checkout-login #com-form-login,
    .your-account-details-page #com-form-login {
    flex-direction: column !important;
}

#cart-view .vm-checkout-login .vm-login .password-in-cart-header,
#cart-view .vm-checkout-login .vm-login .login-button-in-cart-header,
.your-account-details-page .vm-login .password-in-cart-header,
.your-account-details-page .vm-login .login-button-in-cart-header {
    padding-left: 0;
}

#cart-view .vm-checkout-login .vm-login .username-in-cart-header,
#cart-view .vm-checkout-login .vm-login .password-in-cart-header,
#cart-view .vm-checkout-login .vm-login .login-button-in-cart-header,
#com-form-login .username-in-cart-header,
#com-form-login  .password-in-cart-header,
#com-form-login  .login-button-in-cart-header {
    width: 100%;
    align-items: center;
}

    #cart-view .vm-checkout-login .vm-login .login-button-in-cart-header {
        margin-top: 0;
    }
.your-account-details-page .login-button-in-cart-header {
        margin-top: 14px;
    }

    .about-us-header .scrolling-text .rail h4 {
        font-size: 70px;
    }

    .just-three-buttons {
        flex-direction: column;
    }

    .control-buttons .just-three-buttons .btn-primary {
        width: 100%;
    }

    form#userForm fieldset .control-buttons .btn-primary,
    form#userForm fieldset .control-buttons .btn-secondary {
        width: 100%;
        margin-right: 0;
    }

    #cart-view .customer-data {
        padding-left: 0;
        padding-right: 0;
    }

    #cart-view .col-3 {
        width: 36%;
    }

    #cart-view .col-md-7 {
        width: 64%;
    }
    #cart-view .col-md-7 .col-4 {
    width: 23%;
}
    #cart-view .col-md-7 .col-md-1 {
    width: 13%;
    padding-left: 0;
}
}

/* SLIDER BEFORE_AFTER END */


.remind-wrapper,
.notify-product-out-stock {
    margin: 5vh auto;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.notify-product-out-stock {
    max-width: 600px;
    flex-wrap: wrap;
    border: 1px solid #6e298c;
    border-radius: 2em;
    padding: 20px;
    margin-top: -50px;
    position: relative;
}

.notify-product-out-stock svg {
    margin-top: -46px;
    z-index: 1;
    width: 45px;
    height: auto;
    margin-bottom: 16px;
    z-index: 2;
}

.notify-product-out-stock form#notifyform {
    width: 100%;
}

.notify-product-out-stock b {
    font-weight: 600;
}

.notify-product-out-stock span {
    display: inline;
}

.notify-product-out-stock input[type="email"] {
    width: 100%;
    border-radius: 1em !important;
    border: 1px solid #6e298c;
}

.vm-form-row .page-section-number img {
    text-align: center;
    margin: -38px auto 0;
    top: 0;
    position: relative;
    display: flex;
    z-index: 1;
}

.notify-product-out-stock .notify-button.btn {
    color: #6e298c;
    background: #e5d9eb;
    font-size: 12px;
    text-transform: uppercase;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2em !important;
    border: 0;
    width: 100%;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.notify-product-out-stock .notify-button.btn:hover,
.notify-product-out-stock .notify-button.btn:active,
.notify-product-out-stock .notify-button.btn:focus {
    background: #6e298c;
    color: #fff;
    outline: 0;
}

.notify-product-out-stock .notify-button.btn {
    margin-top: 10px;
}

#fancybox-overlay {
    background: #fff !important;
    top: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

#fancybox-outer {
    padding: 20px 10px !important;
    border-radius: 1em;
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.25) !important;
}

#fancybox-close {
    top: 10px !important;
    right: 10px !important;
    width: 40px !important;
    height: 40px !important;
    background: url(../images/close.svg) center center repeat !important;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

#fancybox-close:hover {
    background: url(../images/close-hover.svg) center center repeat !important;
    transform: rotate(90deg);
}

#fancybox-right-ico {
    background: url(../images/chevron-right.svg) center center repeat !important;
    width: 11px !important;
    height: 20px !important;
    margin-right: -10px !important;
}

#fancybox-left-ico {
    background: url(../images/chevron-left.svg) center center repeat !important;
    width: 11px !important;
    height: 20px !important;
    margin-left: -10px !important;
}

#fancybox-title.fancybox-title-inside {
    display: none !important;
}

/* Ajax «В корзину»: без Facebox-попапа (галочку modal popup в VM оставляем — иначе редирект в корзину) */
/* === START: hide Facebox add-to-cart popup ===
   Отключить: закомментируй весь блок до END (или удали).
   VM → Configuration → Checkout → «Display modal popup» оставь ВКЛ. */
#facebox,
#facebox_overlay,
.facebox_overlay,
.facebox_overlayBG,
.facebox_hide {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

#facebox {
    z-index: -1 !important;
    position: fixed;
  /*top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);*/
}

.facebox_overlayBG {
    z-index: -1 !important;
}
/* === END: hide Facebox add-to-cart popup === */

#facebox .popup {
    border: none !important;
    -webkit-border-radius: 1em !important;
    -moz-border-radius: 1em !important;
    border-radius: 1em !important;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

#facebox .content {
    width: 300px !important;
    padding: 0 !important;
    -webkit-border-radius: 1em !important;
    -moz-border-radius: 1em !important;
    border-radius: 1em !important;
}

#facebox .close {
    background: transparent !important;
}

#facebox .content .vm-padded .flex-row {
    align-items: start;
}

#facebox .content .vm-padded .ms-1 {
    min-width: 30px !important;
    max-width: 30px !important;
    width: 30px !important;
}

#facebox .content .vm-padded .ms-3 {
    padding-right: 20px !important;
}

#facebox span {
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: break-word;
}

#facebox .close img {
    width: 30px;
    margin-right: 3px;
    margin-top: 6px;
    opacity: 1 !important;
}

    /* LIGHTBOX GALLERY START */
    .factory {
        max-width: 800px;
        margin-top: -30px;
        margin-left: auto;
        margin-right: auto;
        border: 1px solid #6e298c;
        padding: 12px 16px 0px;
        border-radius: 2em;
    }

    .factory .page-section-number {
        margin: -40px auto 16px !important;
    }

    .factory .page-section-number img {
        top: -3px;
    }

    .carousel-control-prev,
    .carousel-control-next {
        width: 9%;
    }

    .factory-gallery .row .img-fluid,
    .shops-gallery .row .img-fluid {
        transition: transform .5s cubic-bezier(.165, .84, .44, 1);
    }

    .factory-gallery .row .img-fluid:hover,
    .shops-gallery .row .img-fluid:hover {
        transform: scale(1.05);
    }

    .factory-gallery,
    .shops-gallery {
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
    }

    .factory-gallery .row,
    .shops-gallery .row {
        --gutter-y: 1em;
        margin-top: calc(*var(--gutter-y));
        max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    }

    .factory-gallery .row .img-fluid,
    .carousel-item .img-fluid,
    .shops-gallery .row .img-fluid {
        border-radius: 6px;
    }

    .factory .row .img-fluid:after {}

    .lightbox,
    .lightbox .carousel-item .ratio {
        background-color: rgba(0, 0, 0, 1);
    }

    .lightbox .modal-body {
        padding: 0;
    }

    .lightbox .modal-body .btn-close {
        padding: 1em;
        top: -40px !important;
    }

    .lightbox .carousel-control-prev,
    .lightbox .carousel-control-next {
        margin: auto;
    }

    .lightbox .carousel-item .ratio img {
        margin: auto;
    }

    @media (width < 992px) {

        .carousel-item .ratio-16x9,
        .carousel-item .ratio-16x9 {
            --aspect-ratio: 100%;
        }
    }

    @media (width < 576px) {

        .factory-gallery .row,
        .shops-gallery .row {
            --gutter-y: 6px;
        }

        .factory-gallery .row>*,
        .shops-gallery .row>* {
            padding-left: 3px;
            padding-right: 3px;
        }
    }

    @media (width >=350px) {

        .factory-gallery a.col-sm-4,
        .shops-gallery a.col-sm-4 {
            flex: none;
            width: 33.3333%;
        }
    }


    /* LIGHTBOX GALLERY END */

    /* Lightbox поверх прочих модалок */
    .lightbox.modal {
        z-index: 10060 !important;
    }
    .lightbox.modal.show {
        z-index: 10060 !important;
    }
    .lightbox .modal-dialog {
        z-index: 10061 !important;
    }
    .lightbox .modal-content {
        z-index: 10062 !important;
    }
    body:has(.lightbox.show) .modal-backdrop.show {
        z-index: 10059 !important;
    }

    .buttons-in-edit-address {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .just-three-buttons .buttons-in-edit-address {
         margin-top: 31px;
    }

    .buttons-in-edit-address .vertical-line-top {
        width: 1px;
        margin: -32px auto 0 !important;
        height: 30px;
        border-left: 1px solid #6e298c;
    }

    .no-layout .vm-login.px-4.py-3.mb-4 {
        margin: -38px auto 0;
    max-width: 800px;
    }

    .layout-edit form.already-login {
        margin: -40px auto 60px;
    }

    .layout-edit .for-reg-text.vertical-line-top {
        display: none;
    }

    .buttons-in-edit-address .save-address-new,
     .buttons-in-edit-address .cancel-address-new {
        display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
    width: 100%;
    }

    .buttons-in-edit-address div button {
        width: 100% !important;
    }

    .control-buttons .buttons-in-edit-address div button.btn-primary {
        text-transform: capitalize !important;
    }

    .buttons-in-edit-address div button.btn-secondary {
        margin-left: 5px !important;
    }

    .your-account-details-page .page-section-number.top {
        display: none;
    }

    .com-users-reset-confirm.reset-confirm,
    .com-users-profile.profile {
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
        border: 1px solid #6e298c;
        border-radius: 1em;
        padding: 20px;
    }
.com-users-logout.logout form.com-users-logout__form {
    margin-top: -25px;
}
    .com-users-logout.logout {
        padding-bottom: 0;
    }

    .com-users-reset-confirm.reset-confirm .page-section-number,
    .com-users-logout.logout .page-section-number,
    .com-users-profile.profile .page-section-number {
        margin-top: -47px !important;
        margin-bottom: 20px !important;
    }

    form.com-users-reset-confirm__form fieldset legend {
        font-size: 14px;
        text-align: center;
        margin-bottom: 10px;
    }

    .com-users-reset-confirm.reset-confirm .com-users-reset-confirm__submit.control-group {
        margin: -20px 0 0;
    }

    .com-users-reset-confirm.reset-confirm .com-users-reset-confirm__submit.control-group .btn-primary,
    .com-users-logout__submit.control-group .controls .btn-primary {
        width: 100%;
    }

    .com-users-profile.profile {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: -30px;
        font-size: 13px;
    }

    .com-users-profile.profile ul.com-users-profile__edit,
    .com-users-profile.profile ul.com-users-profile__edit li {
        order: 1;
        padding-left: 0;
        margin-bottom: 0;
        width: 100%;
    }

    .com-users-profile.profile ul.com-users-profile__edit li a {
        line-height: 42px;
    }

    .com-users-profile.profile fieldset {
        width: 100%;
    }

    .com-users-profile.profile legend {
        font-size: 15px;
        font-weight: 500;
    }

    .com-users-profile.profile dl dt {
        text-transform: lowercase;
        font-style: italic;
        font-weight: 500;
    }

    /*.com_affiliatetracker .container-header::before,*/
    .error_site .container-header::before {
        background: #6e298c;
    }

    .new_account_link {
        background: #fff;
        padding: 10px;
        border-radius: 2em;
        border: 1px solid #6e298c;
        z-index: 1;
        position: relative;
        max-width: 700px;
        width: 100%;
        margin: 10px auto 0;
    }

    .com_affiliatetracker span.bg-success,
    .com_affiliatetracker .resume-number,
    .com_affiliatetracker .item-label,
    .com_affiliatetracker .bg-warning {
        color: #6e298c !important;
        font-size: 14px;
        background: #e5d9eb;
        border-radius: 4px;
        box-shadow: none !important;
    }

    .com_affiliatetracker .resume-number,
    .com_affiliatetracker .bg-info,
    .com_affiliatetracker .bg-success {
        display: flex;
    }

    .com_affiliatetracker .resume-number .item-label,
    .com_affiliatetracker .bg-info .resume-number .item-label,
    .com_affiliatetracker .bg-success .resume-number .item-label {
        flex-grow: 1;
        margin-bottom: 0;
    }

    .com_affiliatetracker main .page-header h1 {
        text-align: center;
        font-size: 20px;
    }

    .com_affiliatetracker main form.pt-3,
    .com_affiliatetracker .marketing-frame {
        padding: 20px;
        border-radius: 2em;
        margin-top: 12px;
        border: 1px solid #6e298c;
    }

    .com_affiliatetracker .marketing-frame .pt-3 {
        font-size: 14px;
        margin-bottom: 10px;
        padding-left: 3px;
        padding-right: 3px;
    }

    .com_affiliatetracker .marketing-frame .card-at-row .card-at {
        margin-bottom: 20px;
        border-radius: 0 0 2em 2em;
    }

    .com_affiliatetracker .marketing-frame .card-at-row .card-at .card-footer {
        padding-left: 6px;
        padding-right: 6px;
    }

    .com_affiliatetracker .marketing-frame .card-at-row .card-at .card-body p.card-text {
        text-align: center;
        margin-bottom: -6px;
        margin-top: 10px;
        padding: 6px;
    }

    .com_affiliatetracker main .pt-3 table.table {
        margin-bottom: 0;
    }

    .com_affiliatetracker main .field-calendar,
    .com_affiliatetracker main .me-2 {
        margin-right: 5px;
    }

    .com_affiliatetracker main .me-2 .form-control {
        font-size: 12px;
        margin-bottom: 0;
    }

    .com_affiliatetracker main .me-2 .form-control:hover {
        border: 1px solid #6e298c;
    }

    .com_affiliatetracker main .field-calendar #date_in_btn,
    .com_affiliatetracker main .field-calendar #date_out_btn {
        border-radius: 0 1em 1em 0;
        border: 1px solid #6e298c;
        height: 45px;
        border-left: none;
    }

    .com_affiliatetracker main .field-calendar #date_in_btn:hover,
    .com_affiliatetracker main .field-calendar #date_out_btn:hover {
        border: 1px solid #6e298c;
        border-left: none;
    }

    .com_affiliatetracker main .ml-auto button.btn {
        background: #6e298c;
        border: 1px solid #6e298c;
        color: #fff;
        font-size: 14px;
        font-size: 12px;
        border-radius: 1em;
        min-height: 45px;
        white-space: nowrap;
    }

    .com_affiliatetracker main .ml-auto button.btn:hover,
    .com_affiliatetracker main .time-options button:hover,
    .com_affiliatetracker .modal-footer .modal .btn-primary:hover {
        background: transparent;
        color: #6e298c;
        border: 1px solid #6e298c;
    }

    .com_affiliatetracker main .time-options button {
        font-size: 12px;
        background: #6e298c;
        border: 1px solid #6e298c;
        color: #fff;
        border-radius: 1em;
        width: 100%;
    }

    .com_affiliatetracker main span.icon-arrow-down-3 {
        margin-left: 5px;
    }

    .com_affiliatetracker main .item-total,
    .com_affiliatetracker main .table td.text-right,
    .com_affiliatetracker main .table th.text-right {
        font-size: 13px;
    }

    .com_affiliatetracker main .table>tbody {
        font-size: 14px;
    }

    .com_affiliatetracker main .text-end {
        font-size: 13px;
    }

    .com_affiliatetracker main .table-striped {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
        margin-bottom: 0;
    }

    .com_affiliatetracker main .table>:not(caption)>*>* {
        color: #6e298c;
        border-bottom: 1px solid #e5d9eb;
    }

    .com_affiliatetracker main .table .totals td {
        border: none;
    }

    .com_affiliatetracker main .badge {
        color: #6e298c;
        background-color: transparent !important;
        font-size: 12px;
        font-style: italic;
        text-transform: lowercase;
        padding-left: 0;
    }

    .com_affiliatetracker .request-new-account {
        display: none;
    }

    .affiliate {
        border: 1px solid #6e298c;
        border-radius: 2em;
        padding: 20px;
    }

    .affiliate fieldset,
    .affiliate fieldset .col-md h6,
    .affiliate fieldset .col-md p {
        margin-bottom: 0;
    }

    .com_affiliatetracker #notLoggedUserSection .row,
    .com_affiliatetracker .modal-footer {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .com_affiliatetracker .modal-footer button.btn-secondary {
        flex-grow: 1;
        width: 100%;
        margin-right: 5px;
        border: 1px solid #6e298c;
        border-radius: 2em;
        transition: all .3s ease-out;
    }

    .com_affiliatetracker .modal-footer div {
        flex-grow: 1;
        margin-top: -18px;
    }

    .com_affiliatetracker .modal-footer div .vertical-line-top {
        width: 1px;
        margin: -10px auto 0;
        height: 30px;
        border-left: 1px solid #6e298c;
    }

    .com_affiliatetracker .modal-footer button.btn-secondary:hover {
        background: #6e298c;
        color: #fff;
    }

    .com_affiliatetracker .modal-footer button.btn-secondary:before,
    .com_affiliatetracker .modal-footer button.btn-primary:before {}

    .com_affiliatetracker .modal-footer button.btn-primary,
    .com_affiliatetracker .btn-info {
        flex-grow: 1;
        width: 100%;
        margin-left: 5px;
        border: 1px solid #6e298c;
        border-radius: 2em;
        transition: all .3s ease-out;
    }

    .com_affiliatetracker .btn-info {
        width: 100%;
        background: #6e298c;
        margin: 0;
        font-size: 14px;
    }

    .com_affiliatetracker .modal-footer button.btn-primary:hover,
    .com_affiliatetracker .card-footer .btn-info:hover {
        background: #e5d9eb;
        border: 1px solid #e5d9eb;
        color: #6e298c;
    }

    .com_affiliatetracker .marketing-frame .card-at-row {
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-direction: column;
    }

    .com_affiliatetracker .marketing-frame .card-at {
        border: 1px solid #e5d9eb;
    }

    .com_affiliatetracker .marketing-frame .card-title {
        margin-bottom: -12px;
        margin-top: 32px;
        text-align: center;
        font-size: 16px;
    }

    .com_affiliatetracker #notLoggedUserSection .col-md .btn-primary {
        margin-top: 10px;
    }

    .affiliate #notLoggedUserSection .col-md {
        margin-bottom: 20px;
    }

    .com_affiliatetracker .form-group label {
        margin-top: 5px;
        padding: 0;
        text-align: left;
        text-transform: lowercase;
        font-style: italic;
        font-weight: 500;
        font-size: 13px;
        margin-left: 10px;
        width: 100%;
    }

    .com_affiliatetracker #at-app .table_scrolls {
        border: 1px solid #6e298c;
        border-radius: 12px;
        padding: 12px;
        margin-top: 5px;
    }

    .com_affiliatetracker #at-app .table_scrolls table {
        padding-bottom: 0;
    }

    .com_affiliatetracker #at-app table td.account-name {
        font-weight: bold;
    }

    .com_affiliatetracker #at-app .table_scrolls table tr#moreOptionsRow_1 td {
        border-bottom: none;
    }

    .com_affiliatetracker #at-app .time-options {
        margin-bottom: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .com_affiliatetracker #at-app a.btn-secondary {
        justify-content: center;
        align-items: center;
        border: 1px solid #6e298c;
        border-radius: 2em;
        padding: 12px;
        font-size: 16px;
        width: 100%;
    }

    .com_affiliatetracker #at-app a.btn-secondary:hover,
    .com_affiliatetracker .modal-footer .modal .btn-secondary:hover {
        color: #fff;
        border: 1px solid #6e298c;
        background: #6e298c;
    }

    .com_affiliatetracker #at-app form#adminForm .vertical-line-top {
        margin: 0px auto -31px;
        height: 30px;
        border-left: 1px solid #6e298c;
    }

    .com_affiliatetracker form#adminForm .d-flex.mb-3 {
        justify-content: center;
        align-items: center;
    }

    .com_affiliatetracker form#adminForm .d-flex.mb-3 .me-2 {
        width: 100%;
        flex-grow: 1;
    }

    .com_affiliatetracker .modal-footer .modal .btn {
        margin-right: 5px;
        flex-grow: 1;
        border-radius: 2em;
        border: 1px solid #6e298c;
    }

    .com_affiliatetracker .modal-footer .modal .btn:last-child,
    .controls .form-check-inline:last-child,
    .text:last-child {
        margin-right: 0;
    }

    .com_affiliatetracker .modal .modal-content button.btn-close {
        margin-top: 8px;
        background-image: url(../images/close1.svg);
        transition: all .3s ease-out;
        background-repeat: no-repeat;
        background-size: 30px 30px;
        padding: 8px;
    }
}

.com_affiliatetracker .modal .modal-content button.btn-close:hover {
    background-image: url(../images/close.svg);
}

.com_affiliatetracker .modal .affiliated-programm-terms {
    margin: -10px auto 0;
}

.com_affiliatetracker main {
    max-width: 800px;
    width: 100%;
    margin: -30px auto 0;
}

.affiliate fieldset.invoicesfieldset .nav-tabs+.tab-content {
    border: none;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}

.com_affiliatetracker #formNewAffiliateAccount .col-sm-9 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-left: 0;
    padding: 0;
    flex-direction: column;
}

.com_affiliatetracker #formNewAffiliateAccount .col-sm-9.offset-sm-3 {
    flex-direction: row;
    margin-top: 14px;
}

.com_affiliatetracker #formNewAffiliateAccount .col-sm-9.offset-sm-3 .form-text {
    display: none;
}

.com_affiliatetracker #formNewAffiliateAccount .col-sm-9 span.help-inline {
    font-weight: bold;
    text-transform: lowercase;
    font-size: 14px;
    color: #ae0000;
}

.com_affiliatetracker #formNewAffiliateAccount .col-sm-9.offset-sm-3 button,
.com_affiliatetracker #formNewAffiliateAccount .col-sm-9.offset-sm-3 a {
    width: 100%;
    flex-grow: 1;
    transition: all .3s ease-out;
}

.com_affiliatetracker #formNewAffiliateAccount .invoicesfieldset ul.joomla-tabs.nav.nav-tabs {
    margin-top: 10px;
    margin-bottom: 5px;
}

.com_affiliatetracker main .form-check-input.me-2 {
    margin-top: 1px;
}

.com_affiliatetracker #formNewAffiliateAccount .form-check.d-flex.align-items-center {
    font-size: 14px;
    text-transform: lowercase;
}

.com_affiliatetracker #formNewAffiliateAccount .col-sm-9.offset-sm-3 button.btn-link {
    background: transparent;
    font-weight: bold;
    font-style: italic;
    margin-left: 5px;
    margin-bottom: 0;
    transition: all .3s ease-out;
}

.com_affiliatetracker #formNewAffiliateAccount .col-sm-9.offset-sm-3 button.btn-link:hover {
    color: #a63a82;
}

.com_affiliatetracker #formNewAffiliateAccount .col-sm-9.offset-sm-3 button {
    margin-right: 5px;
    margin-bottom: 0;
    height: 45px;
}

.com_affiliatetracker #formNewAffiliateAccount .col-sm-9.offset-sm-3 a {
    font-size: 14px;
    border-radius: 2em;
    border: 1px solid #6e298c;
    color: #6e298c;
    margin-left: 5px;
    padding: 0;
    height: 45px;
    line-height: 42px;
    transition: all .3s ease-out;
}

.com_affiliatetracker #formNewAffiliateAccount .col-sm-9.offset-sm-3 a:hover {
    background: #6e298c;
    color: #fff;
}

.com_affiliatetracker fieldset.invoicesfieldset p.mt-4 {
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
    font-weight: 500;
}

.com_affiliatetracker fieldset.invoicesfieldset ul.joomla-tabs.nav.nav-tabs li.nav-item a {
    font-weight: 500;
    text-transform: capitalize;
    transition: all .3s ease-out;
}

.com_affiliatetracker #at-app .page-section-number.bottom img {
    top: -16px !important;
}

.com_affiliatetracker #at-app .terms.affiliated-programm-terms .page-section-number.bottom img {
    top: 12px !important;
}

.com_affiliatetracker #at-app .page-section-number.accounts-bottom img {
    top: -15px !important;
}

.calendar-container .buttons-wrapper button {
    border-radius: 1em;
    border: 1px solid #6e298c;
    margin-left: 2px;
    margin-right: 2px;
    box-shadow: none;
    font-size: 12px;
    padding: 0px;
}

.calendar-container .buttons-wrapper button:hover {
    background: #6e298c;
    color: #fff;
}

.com_affiliatetracker .form-control {
    padding: 8px;
}

.com_affiliatetracker .pagination {
    margin-top: 0;
    margin-bottom: 0;
}

.com_affiliatetracker main form.pt-3 .mt-3 .row {
    margin-left: 0;
    margin-right: 0;
}

.com_affiliatetracker .form-group {
    margin-bottom: 0 !important;
}

@media (width <=767.98px) {
    .com_affiliatetracker main form.pt-3 {
        padding: 20px 12px;
    }

    .com_affiliatetracker main .table-striped {
        display: block;
    }

    .com_affiliatetracker form#adminForm .d-flex.mb-3 {
        flex-direction: column;
    }

    .com_affiliatetracker main .field-calendar {
        width: 100%;
    }

    .com_affiliatetracker form#adminForm .d-flex.mb-3 .me-2 {
        margin-bottom: 10px;
    }

    .com_affiliatetracker #at-app table.table {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100%;
        display: block;
    }

    .com_affiliatetracker main .ml-auto {
        width: 100%;
    }
}

@media (min-width: 576px) {
    .com_affiliatetracker .text-left.hidden-xs-up:first-child {
        padding-right: 0;
    }

    .com_affiliatetracker .text-left.hidden-xs-up:last-child {
        padding-left: 0;
    }
}

@media (max-width: 575px) {
    .com_affiliatetracker .text-left.hidden-xs-up:first-child {
        margin-bottom: 5px;
    }

    .com_affiliatetracker .text-left.hidden-xs-up:last-child {
        margin-top: 5px;
    }
}

@media (max-width: 480px) {
    .about-us-header .scrolling-text .rail h4 {
        font-size: 50px;
    }

    .com_affiliatetracker .nav.nav-tabs {
        flex-direction: column;
    }

    .com_affiliatetracker .nav.nav-tabs .nav-item {
        margin-right: 0;
        width: 100%;
        margin-bottom: 5px;
    }
}

.com_affiliatetracker .text-right {
    border: none;
}

.shadow-sm {
    box-shadow: none !important;
}

.vme-empty-list {
    border-radius: 2em !important;
    text-align: center !important;
}

.cookies .eb-dialog {
    overflow: hidden;
    background-color: rgba(229, 217, 235, 0.9);
    color: #6e298c;
}

.cookies .eb-content {
    font-size: 16px;
    line-height: 22px;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: center;
}

.cookies .eb-desc {
    color: #6e298c;
}

.cookies .eb-content img {
    width: 30px;
    height: auto;
    margin-right: 6px;
}

.cookies .eb-close span {
    font-size: 34px;
    color: #6e298c;
    transition: 300ms;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cookies .eb-close span:hover {
    color: rgba(110, 41, 140, 0.8);
}

/* SLIDER ABOUT US START */
.blog-slider {
    width: 95%;
    position: relative;
    max-width: 800px;
    margin: 100px auto 50px;
    background: #e5d9eb;
    padding: 25px;
    border-radius: 2em;
    height: 400px;
    transition: all 0.3s;
}

@media screen and (max-width: 992px) {
    .blog-slider {
        max-width: 680px;
        height: 400px;
    }
        .currency-vm-selector h3 {
    display: none;
}
}

@media screen and (max-width: 768px) {
    .blog-slider {
        min-height: 500px;
        height: auto;
        margin: 180px auto 0;
        padding-bottom: 14px;
    }

    .blog-slider .blog-slider__text p {
        font-size: 15px;
    }
}

@media screen and (max-height: 500px) and (min-width: 992px) {
    .blog-slider {
        height: 350px;
    }
}

.blog-slider__item {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .blog-slider__item {
        flex-direction: column;
    }
}

.blog-slider__item.swiper-slide-active .blog-slider__img img {
    opacity: 1;
    transition-delay: 0.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>* {
    opacity: 1;
    transform: none;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(1) {
    transition-delay: 0.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(2) {
    transition-delay: 0.4s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(3) {
    transition-delay: 0.5s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(4) {
    transition-delay: 0.6s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(5) {
    transition-delay: 0.7s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(6) {
    transition-delay: 0.8s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(7) {
    transition-delay: 0.9s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(8) {
    transition-delay: 1s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(9) {
    transition-delay: 1.1s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(10) {
    transition-delay: 1.2s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(11) {
    transition-delay: 1.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(12) {
    transition-delay: 1.4s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(13) {
    transition-delay: 1.5s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(14) {
    transition-delay: 1.6s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(15) {
    transition-delay: 1.7s;
}

.blog-slider__img {
    width: 300px;
    flex-shrink: 0;
    height: 300px;
    border-radius: 2em;
    transform: translateX(-80px);
    overflow: hidden;
}

.blog-slider__img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2em;
    background-color: rgba(229, 217, 235, 0.2);
}

.blog-slider__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
    border-radius: 2em;
    transition: all 0.3s;
}

@media screen and (max-width: 768px) {
    .blog-slider__img {
        transform: translateY(-50%);
        width: 90%;
    }
}

@media screen and (max-width: 576px) {
    .blog-slider__img {
        width: 95%;
    }
}

@media screen and (max-height: 500px) and (min-width: 992px) {
    .blog-slider__img {
        height: 270px;
    }
}

.blog-slider__content {
    padding-right: 25px;
}

@media screen and (max-width: 768px) {
    .blog-slider__content {
        margin-top: -102px;
        text-align: center;
        padding: 0 30px;
    }
}

@media screen and (max-width: 576px) {
    .blog-slider__content {
        padding: 0;
        margin-left: -12px;
        margin-right: -12px;
    }
}

.blog-slider__content>* {
    opacity: 0;
    transform: translateY(25px);
    transition: all 0.4s;
}

.blog-slider__code {
    color: #c6a4cd;
    margin-bottom: 0;
    display: block;
    font-size: 2em;
    font-weight: 500;
}

.blog-slider__title {
    font-size: 24px;
    font-weight: 500;
    color: #6e298c;
    margin-bottom: 20px;
    line-height: 26px;
}

.blog-slider__text {
    color: #6e298c;
    margin-bottom: 30px;
    line-height: 1.5em;
}

.blog-slider__button {
    display: inline-flex;
    background: #6e298c;
    padding: 14px 35px;
    border-radius: 2em;
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    justify-content: center;
    text-align: center;
    letter-spacing: 1px;
    height: 50px;
}

.blog-slider__button:hover {
    color: #fff;
}

@media screen and (max-width: 576px) {
    .blog-slider__button {
        width: 100%;
    }
}

.blog-slider .swiper-container-horizontal>.swiper-pagination-bullets,
.blog-slider .swiper-pagination-custom,
.blog-slider .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.blog-slider__pagination {
    position: absolute;
    z-index: 10;
    right: 20px;
    width: 11px !important;
    text-align: center;
    left: auto !important;
    top: 50%;
    bottom: auto !important;
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination {
        transform: translateX(-50%);
        left: 50% !important;
        top: 205px;
        width: 100% !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 8px 0;
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
    }
}

.blog-slider__pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    display: block;
    border-radius: 10px;
    background: #062744;
    opacity: 0.2;
    transition: all 0.3s;
}

.blog-slider__pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #6e298c;
    height: 30px;
}
#redim-cookiehint {
color: #6e298c;
    padding: 10px 20px 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(229, 217, 235, 0.9);
        box-shadow: 0 -3px 5px rgba(100, 50, 100, 0.3);
        animation: dropDown 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}
.cookiehead {
    display: none;
}
.cookiecontent p {
    margin-right: 20px;
}
.cookiebuttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
}
.cookiebuttons a {
    display: block;
border: 1px solid #6e298c;
line-height: 21px;
    border-radius: 4px;
    padding: 4px 12px;
    width: 100%;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-transform: skew(-20deg) translateX(6px);
    -ms-transform: skew(-20deg) translateX(6px);
    transform: skew(-20deg) translateX(6px);
}
.cookiebuttons a:hover {
    background: #6e298c;
    color: #ffffff;
    border: 1px solid #6e298c;
    line-height: 21px;
}
@media screen and (max-width: 768px) {
    .blog-slider__pagination .swiper-pagination-bullet-active {
        height: 11px;
        width: 30px;
    }
        #redim-cookiehint {
    padding-bottom: 20px;
    flex-direction: column;
}
.cookiecontent p {
    margin-right: 0;
}
.cookiebuttons {
    margin-left: -14px;
}
}
/* SLIDER ABOUT US END */

/* ACY START */
.like-gifts h3 {
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    border: none;
    background: #fff;
    padding: 5px;
    position: relative;
    z-index: 0;
    width: fit-content;
    display: flex;
    justify-content: center;
    margin: 0 auto -32px;
}

.like-gifts .acymailing_module {
    margin: 16px auto 0 !important;
    padding: 12px;
    border-radius: 2em;
    border: 1px solid #6e298c;
    width: auto;
    max-width: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.like-gifts .eb-content {
    text-align: center;
}

.like-gifts .acymailing_module .acym_fulldiv {
    position: relative;
    width: 100%;
    z-index: 0;
}

.like-gifts .card-body,
.like-gifts .acym_module_form input {
    width: 100%;
}

.like-gifts table.acym_module_form {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.like-gifts .acym_module_form table,
.like-gifts .acym_module_form td,
.like-gifts .acym_module_form tr {
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-grow: 1;
    gap: 6px;
}

.like-gifts .acym_module_form table.acym_lists {
    display: none;
}

.like-gifts .acym_module_form table tbody {
    width: 100%;
}

.like-gifts .acym_module_form .onefield {
    flex-grow: 1;
}

.like-gifts .acym_module_form input {
    color: #6e298c;
    border: .5px solid #6e298c;
    border-radius: 1em;
    padding: 12px 16px;
    width: 100% !important;
    max-width: 100%;
    font-size: 12px;
    line-height: 12px;
    height: 45px;
    text-transform: unset;
    font-style: italic;
}

.like-gifts .acym_module_form input.btn-primary {
    color: #ffffff !important;
    border: 1px solid #6e298c;
    font-size: 14px;
    font-style: normal;
    border-radius: 2em;
}

.like-gifts .acym_module_form input.btn-primary:hover {
    color: #6e298c !important;
}

.like-gifts .acym_module_form input.unsubbutton {
    font-size: 14px;
    border-radius: 2em;
    border: 1px solid #6e298c;
    font-style: normal;
}
.like-gifts .acym_module_form input.unsubbutton:hover {
color: #ffffff !important;
background: #6e298c;
}

.like-gifts .page-section-number.top {
    margin-top: -45px !important;
}

.like-gifts .eb-content .page-section-number.top {
    margin-top: -8px !important;
}
.like-gifts .eb-content .acymailing_module {
        padding: 0px 12px 0px;
}

.like-gifts .page-section-number.top img {
    top: 16px !important;
}

.like-gifts .page-section-number.bottom img {
    top: 0 !important;
}

.like-gifts .acymailing_module_form input.acym_checkbox {
    height: unset;
}

@media only screen and (max-width: 525px) {
    .like-gifts .acym_module_form tr {
        flex-direction: column;
    }

    .like-gifts .acym_module_form td,
    .like-gifts .acym_module_form .onefield {
        margin: 5px 0 0;
        width: 100%;
    }

    .like-gifts .acym_module_form input.acym_checkbox {
        width: unset;
    }

    .cd-faq-items {
        width: 97%;
        padding: 0 1% 1em;
    }
}

.like-gifts .page-section-number.bottom,
.like-gifts .acyfield_language {
    display: none !important;
}

div.acym_module_success {
    border-radius: 2em;
    color: #234423;
    background-color: #d9e6d9;
       margin-top: 4px;
    margin-bottom: 0 !important;
    text-align: center;
}

div.acym_module_error {
    border-radius: 2em;
    margin-bottom: 0 !important;
        margin-top: 4px;
    border-radius: 2em;
    text-align: center;
}

/* ACY END */

.com_awocoupon.list-coupon-codes .contentpanelist-coupon-codes .table td {
    width: 140px;
    border-bottom-width: 0.5px;
    border-color: #D9EBDE;
    font-size: 14px;
    padding: 5px;
    box-shadow: none;
}

.com_awocoupon.list-coupon-codes .contentpanelist-coupon-codes .table td {
    background: #F8F5F9;
    padding-left: 5px;
    border-right: 1px solid #D9EBDE;
}

.com_awocoupon.list-coupon-codes .contentpanelist-coupon-codes .table td:first-child {
    font-weight: bold;
}


.com_awocoupon.list-coupon-codes h2 {
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    border: none;
    background: #fff;
    padding: 5px;
    z-index: 2;
    position: relative;
    width: fit-content;
    display: flex;
    justify-content: center;
    margin: -40px auto -42px;
}

.com_awocoupon.list-coupon-codes .contentpanelist-coupon-codes {
    font-size: 14px;
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: auto;
    padding: 20px 20px 0;
    border-radius: 2em;
    border: 1px solid #6e298c;
}

.com_awocoupon.list-coupon-codes .contentpanelist-coupon-codes .table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    display: block;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 auto 20px;
    overflow-x: auto;
    white-space: nowrap;
    border: 1px solid #D9EBDE;
    border-radius: 1em;
}

.com_awocoupon.list-coupon-codes .contentpanelist-coupon-codes .table thead th {
    font-weight: bold;
    background: #D9EBDE;
    width: 140px;
    text-align: center;
}

.com_awocoupon.list-coupon-codes .contentpanelist-coupon-codes .table thead th:first-child,
.com_aworewards .contentpane .table thead th:first-child {
    border-top-left-radius: 1em;
}

.com_awocoupon.list-coupon-codes .contentpanelist-coupon-codes .table thead th:last-child,
.com_aworewards .contentpane .table thead th:last-child {
    border-top-right-radius: 1em;
}

.com_awocoupon.list-coupon-codes .contentpanelist-coupon-codes .table tfoot td {
    box-shadow: none;
    border-bottom: none;
    padding-bottom: 0;
}

.com_awocoupon span.icon-arrow-up-3 {
    margin-left: 5px;
}

.com_awocoupon.list-coupon-codes .contentpanelist-coupon-codes .table tbody td .btn-secondary {
    background: #6e298c;
    font-size: 15px;
    height: 35px;
    line-height: 35px;
    padding: 0 12px;
    border: 1px solid #6e298c;
    border-radius: 3em;
    color: #fff !important;
    margin: 3px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.com_awocoupon.list-coupon-codes .contentpanelist-coupon-codes .table tbody td .btn-secondary:hover {
    background: #fff;
    border: 1px solid #6e298c;
    color: #6e298c !important;
}

.com_awocoupon.list-coupon-codes .contentpanelist-coupon-codes .table .text-end.me-3 {
    display: none;
}

.chosen-container .chosen-results li.highlighted {
    color: #6e298c !important;
    font-weight: 500 !important;
    background-image: none !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.ui-widget-header {
    border: 1px solid #e5d9eb !important;
    background: #e5d9eb !important;
    color: #6e298c !important;
}

#ui-datepicker-div {
    z-index: 2 !important;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 46% !important;
    border: 1px solid #6e298c !important;
    margin-right: 5px !important;
    color: #6e298c;
    border-radius: 4px;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 14px !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #6e298c !important;
    background: #D9EBDE
    /*{bgColorDefault}*/
    url(images/ui-bg_glass_75_e6e6e6_1x400.png)
    /*{bgImgUrlDefault}*/
    50%
    /*{bgDefaultXPos}*/
    50%
    /*{bgDefaultYPos}*/
    repeat-x
    /*{bgDefaultRepeat}*/
     !important;
    color: #6e298c !important;
    font-size: 12px;
    transition: all 0.3s;
}

a.ui-state-default.ui-state-hover {
    background: #6e298c !important;
    color: #fff !important;
}

.ui-datepicker th {
    font-size: 14px !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: #6e298c !important;
    color: #fff !important;
}

.ui-widget-content {
    border: 1px solid #6e298c !important;
    color: #6e298c !important;
}

.ui-widget-header .ui-icon {
    background: transparent !important;
}

span.ui-icon.ui-icon-circle-triangle-e,
span.ui-icon.ui-icon-circle-triangle-e:hover {
    background-image: url(../images/chevron-right.svg) !important;
    width: 11px;
    height: auto;
    cursor: pointer;
}

span.ui-icon.ui-icon-circle-triangle-w,
span.ui-icon.ui-icon-circle-triangle-w:hover {
    background-image: url(../images/chevron-left.svg) !important;
    width: 11px;
    height: auto;
    cursor: pointer;
}

.ui-state-hover {
    background: transparent !important;
    border: 0 !important;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background: transparent !important;
}

.ui-datapicker .ui-datapicker-next-hover {
    top: 0 !important;
    right: 0 !important;
    width: 11px;
    height: auto;
}


.view-cart.no-layout #shipmentForm,
.view-cart.no-layout.task-editpayment #paymentForm {
    padding: 20px 12px 0;
    border-radius: 2em;
    border: 1px solid #6e298c;
    margin-top: -38px;
}

.view-cart.no-layout #shipmentForm:before,
.view-cart.no-layout.task-editpayment #paymentForm:before,
#icagenda form#icagenda-registration:before,
#icagenda .ic-info:before {
    content: "";
    background-image: url(/images/favicon-ring-white-background.svg);
    width: 40px;
    vertical-align: middle;
    height: 40px;
    position: absolute;
    display: flex;
    justify-content: center;
    margin: -36px auto 0px;
    text-align: center;
    left: 48%;
    background-repeat: no-repeat;
}

.view-cart.no-layout h1.vm-shipment-header-select,
.view-cart.no-layout.task-editpayment h1.vm-payment-header-select {
    font-size: 16px;
    text-align: center;
}

.view-cart.no-layout .buttonBar-right,
.view-cart.no-layout.task-editpayment .buttonBar-right,
.view-cart.no-layout.task-editpayment .vm-payment-shipment-select.vm-payment-select {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 10px;
}

.view-cart.no-layout.task-editpayment .vm-payment-shipment-select.vm-payment-select {
    flex-direction: column;
}

.view-cart.no-layout .buttonBar-right button.vm-button-correct,
.view-cart.no-layout.task-editpayment button.vm-button-correct {
    background: #6e298c;
    height: 40px;
    color: #fff;
    border: 1px solid #6e298c;
    flex-grow: 1;
    border-radius: 2em;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.view-cart.no-layout .buttonBar-right button.vm-button-correct:hover,
.view-cart.no-layout.task-editpayment button.vm-button-correct:hover {
    background: #fff;
    color: #6e298c;
}

.view-cart.no-layout .vm-shipment-plugin-single,
.view-cart.no-layout.task-editpayment .vm-payment-plugin-single {
    font-size: 14px;
    padding: 4px 12px;
}

.view-cart.no-layout.task-editpayment .vm-payment-plugin-single {
    font-size: 14px;
    padding: 0px 12px;
    justify-content: flex-start !important;
}

.view-cart.no-layout .vm-shipment-plugin-single label,
.view-cart.no-layout.task-editpayment .vm-payment-plugin-single label {
    display: inline;
}

/* icagenda start */
#icagenda {
    max-width: 600px;
    width: 100% !important;
    margin: -70px auto 0 !important;
}

#icagenda .ic-title-header h2 {
    font-size: 18px;
}

#icagenda div.ic-event-title {
    border-bottom: 1px solid #e5d9eb;
}

#icagenda .ic-header-subtitle,
#icagenda .ic-button,
#icagenda .ic-title-cat,
#icagenda .ic-header-subtitle,
#icagenda .ic-reg-cat,
#icagenda .ic-reg-icon,
#icagenda .ic-required-info,
#icagenda #jform_name-desc .form-text,
#icagenda #jform_email-desc .form-text,
#icagenda #jform_phone-desc .form-text,
#icagenda #icagenda-registration fieldset legend {
    display: none;
}

#icagenda .ic-list-event,
#icagenda .ic-list-event:nth-child(2n+1) {
    background: #F8F5F9;
    border-radius: 1em;
    display: flex;
    gap: 0px;
    justify-content: start;
    align-items: center;
}

#icagenda .ic-list-event a.ic-text-decoration-none {
    flex-grow: 1;
    display: flex;
    justify-content: start;
    align-items: center;
    min-width: 130px;
}

#icagenda .ic-list-event .ic-box-date {
    flex-grow: 1;
    border-radius: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    min-height: 130px;
}

#icagenda .ic-list-event .ic-box-date .ic-day {
    line-height: 30px !important;
    font-size: 38px;
    font-weight: bold;
    letter-spacing: 2px;
}

#icagenda .ic-list-event .ic-month {
    line-height: 30px !important;
    font-size: 26px;
    letter-spacing: 2px;
    font-weight: bold;
}

#icagenda .ic-list-event .ic-time {
    font-weight: bold;
}

#icagenda .ic-form-title h1 {
    margin-bottom: -24px;
}

#icagenda .ic-info .ic-image img {
    border-radius: 1em;
    border: none;
    max-width: 100%;
}

#icagenda form#icagenda-registration {
    max-width: 500px;
    margin: 10px auto 0;
}

#icagenda form#icagenda-registration fieldset,
#icagenda form#icagenda-registration fieldset .control-group,
#icagenda form#icagenda-registration fieldset .control-group#submit {
    margin: 0;
}

#icagenda form#icagenda-registration .control-group {
    margin-top: 20px;
}

#icagenda form#icagenda-registration fieldset:first-child {
    margin-top: -20px;
}

#icagenda .form-select {
    border: 1px solid #6e298c;
    border-radius: 6px;
}

#icagenda .form-select:focus,
.custom-select:focus {
    box-shadow: none;
}

#icagenda form#icagenda-registration:before,
#icagenda .ic-info:before {
    margin-top: -27px;
    left: 46%;
}

#icagenda .ic-image {
    margin-top: 10px;
}

#icagenda .ic-event-header {
    margin-top: -30px;
    margin-bottom: 10px;
    background: none;
    padding: 0;
    border: none;
    border-radius: unset;
}

#icagenda .ic-title-header {
    float: none;
    width: 100%;
}

#icagenda .ic-reg-event {
    background: none;
    margin-bottom: -50px;
}

#icagenda .ic-reg-content {
    text-align: center;
    margin-top: 10px;
}

#icagenda .ic-info-box {
    background: #e5d9eb;
    color: #6e298c;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    -o-border-radius: 1em;
    border-radius: 1em;
}

#icagenda .ic-info-box-header {
    width: 100%;
    background: #6e298c;
    padding: 10px;
    color: #fff;
    -webkit-border-radius: 1em 1em 0 0;
    -moz-border-radius: 1em 1em 0 0;
    -o-border-radius: 1em 1em 0 0;
    border-radius: 1em 1em 0 0;
}

#icagenda .ic-info .ic-details {
    padding: 0;
    font-weight: bold;
    margin-bottom: -18px;
}

#icagenda .ic-single-startdate {
    font-size: 13px;
}

#icagenda span.iCicon-calendar {
    display: none;
}

#icagenda .ic-full-description {
    background: #fff;
    padding: 12px 6px !important;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: -40px;
}

#icagenda .ic-info-box-content {
    font-size: 14px;
    display: block;
    width: auto;
    vertical-align: top;
    border: 0;
    margin: 10px 10px 0;
    text-align: left;
    color: #6e298c;
}

#icagenda .ic-detail-desc {
    color: #6e298c;
    margin: 0;
    padding: 0;
    background: #fff;
    text-align: left;
    text-shadow: none;
    border: 0;
    border-radius: 1em;
}

#icagenda .ic-clearfix:before {
    display: none;
}

#icagenda .ic-register-deadline,
#icagenda span.ic-register-deadline,
#icagenda .ic-registered-box .btn.btn-light {
    color: #6e298c;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
}

#icagenda .ic-registered-box .btn.btn-light {
    font-size: 18px;
    opacity: 1;
    border: 1px solid #6e298c;
    border-radius: 1em;
    background: transparent;
    padding: 8px;
}

#icagenda .ic-registration-box .ic-button-box {
    margin: 0;
    flex-grow: 1;
}

#icagenda .ic-registration-box .ic-btn-register-select,
#icagenda .ic-registration-box .ic-btn-register-select .ic-dropdown {
    width: 100%;
}

#icagenda .ic-registration-complete-content .ic-label {
    float: left;
}

#icagenda .ic-full-description ul li {
    list-style: disc;
}

#icagenda .ic-event-addthis.ic-float-left,
#icagenda .ic-top-buttons {
    display: none;
}

#icagenda .ic-event-registration.ic-float-right {
    width: 100%;
}

#icagenda .ic-registration-complete-buttons {
    display: flex;
    gap: 4px;
    justify-content: center;
}

#icagenda .ic-registration-complete-buttons a {
    flex-grow: 1;
    width: 100%;
    line-height: 44px;
}

#icagenda .ic-registration-box {
    display: flex;
    gap: 6px;
    justify-content: center;
    padding: 14px 10px 0;
    border-radius: 2em;
    border: 1px solid #6e298c;
}

#icagenda .ic-registration-box .ic-button-box.ic-btn-register-ok {
    width: 100%;
}

#icagenda .ic-registration-box .ic-button-box.ic-btn-register-ok .btn-group-vertical {
    display: block;
}

#icagenda .ic-registration-box .ic-button-box.ic-btn-register-cancel {
    width: 100%;
}

#icagenda .ic-registration-box .ic-button-box.ic-btn-register-cancel button {
    margin-left: 0;
}

#icagenda .ic-registration-box .ic-button-box.ic-btn-register-cancel button span.icon-cancel,
#icagenda .ic-registration-complete-buttons a i {
    display: none;
}

#icagenda .ic-value {
    font-size: 14px;
}

#icagenda .ic-registration-box button.btn-success,
.ic-registration-box .ic-btn-register-cancel button {
    text-transform: none;
    font-size: 14px;
    font-weight: 500;
    margin-top: 3px;
}

#icagenda .ic-registration-box .ic-button-box button.btn-info.disabled {
    width: 100%;
    background: #e5d9eb;
    border-radius: 1em;
    color: #6e298c;
    border: 1px solid #6e298c;
    opacity: 1;
    font-weight: bold;
    margin-bottom: 10px;
}

#icagenda .ic-inlinetext-input {
    border-radius: 1em;
    color: #6e298c;
    border: 1px solid #6e298c;
    padding: 12px !important;
}

#icagenda .ic-registration-box .ic-button-box button.btn-info.disabled span.iCicon-people,
#icagenda #detail-date-list {
    display: none;
}

#icagenda .ic-registration-box .ic-button-box button.ic-dropdown-toggle {
    color: #6e298c;
    font-style: italic;
    display: none;
}

#icagenda .ic-registration-box ul.ic-dropdown-menu.open {
    border: none;
    border-radius: 1em;
    margin-top: -10px;
}

#icagenda .ic-registration-box li a.ic-dropdown-item {
    color: #6e298c;
    border: none;
    box-shadow: none;
    text-align: center;
    background: #e5d9eb;
    padding: 12px;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

#icagenda .ic-registration-box li a.ic-dropdown-item:hover,
#icagenda .control-group#submit .controls a.btn:hover {
    color: #fff;
    background: #6e298c;
}

#icagenda .ic-button-box.ic-registered-info {
    flex-grow: 0;
    min-width: 68px;
}

#icagenda .ic-info {
    padding-top: 4px !important;
}

#icagenda .favicon-in-ievent-account .vertical-line-top {
    width: 1px;
    height: 30px;
    margin: 0px auto 0px;
    border-left: 1px solid rgb(110, 41, 140);
}

#icagenda .favicon-in-ievent-account .page-section-number {
    margin: -14px auto 0 !important;
}

#icagenda .favicon-in-ievent-account .page-section-number img {
    top: 16px !important;
    z-index: 2;
    display: none;
}

#icagenda .favicon-in-ievent-account svg {
    margin-bottom: -23px;
    z-index: 2;
}

#icagenda .ic-info-box .ic-label {
    font-weight: 300;
    font-style: italic;
}

#icagenda .ic-info-box .ic-value {
    text-align: right;
    font-weight: bold;
}

#icagenda .ic-reg-content .ic-reg-event-title {
    font-size: 20px;
    font-style: italic;
    margin-bottom: 5px;
}

#icagenda ul.ic-date-vertical {
    padding: 6px 25px;
    background: #fff;
    text-shadow: none;
    cursor: pointer;
    border: 1px solid #6e298c;
    border-radius: 1em;
    font-size: 14px;
    font-weight: bold;
}

#icagenda .control-group#submit .controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

#icagenda .control-group#submit .controls button.btn.btn-primary.validate {
    width: 100%;
    text-transform: capitalize !important;
    display: inline-block;
    background: #6e298c;
    color: #fff;
    font-size: 13px;
    height: 45px;
    border: 1px solid #6e298c;
    border-radius: 3em !important;
    text-transform: lowercase;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

#icagenda .control-group#submit .controls a.btn {
    background: #fff;
    color: #6e298c;
    font-size: 13px;
    margin-left: 5px;
    padding: 0 2px;
    height: 45px;
    line-height: 45px;
    width: 100%;
    border: 1px solid #6e298c;
    border-radius: 3em;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

#icagenda .evttime {
    font-size: 13px;
}

#icagenda .ic-descshort {
    font-size: 14px;
}

#icagenda .ic-more-info {
    font-size: 12px;
    border-bottom: dashed 1px #6e298c;
    margin-right: 10px;
}

.ic-day,
.ic-month,
.ic-year,
.ic-time {
    font-weight: bold;
}
.ic-registration-complete-content-2 p {
   text-align: center;
    margin-bottom: 0;
    padding: 6px;
}

@media screen and (max-width: 576px) {
    #icagenda .ic-info-box-content {
        margin-left: 0;
        margin-right: 0;
    }
    #icagenda .ic-registration-box {
        flex-direction: column;
        align-items: center;
    }

    #icagenda .ic-button-box.ic-registered-info {
        float: unset;
        text-align: center;
        margin-bottom: 6px;
    }

    #icagenda .ic-full-description {
        padding: 12px 0 !important;
    }

    #icagenda .ic-info-box .ic-value {
        text-align: right;
        float: none;
    }
}

/* icagenda end */


  /* ==========================================================================
   Параллакс-эффект для видео в хедере (Scroll-driven Animations)
   ========================================================================== */

/* 2. Контейнер с видео — именно его мы двигаем */
.background-video-in-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* Делаем контейнер чуть выше хедера, чтобы при сдвиге вниз не оголялся пустой фон */
    height: 130%; 
    will-change: transform;
    
    /* Связываем анимацию со скроллом всей страницы (root) */
    animation: parallaxScroll linear both;
    animation-timeline: scroll(root);
    /* Анимация работает от самого верха, пока хедер не скроется из вида */
    animation-range: 0px 80vh; 
}

/* Растягиваем само видео внутри его контейнера */
.section-bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 3. Анимация параллакса: плавно смещаем видео вниз при скролле */
@keyframes parallaxScroll {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(50%); /* Скорость параллакса. Чем больше %, тем сильнее сдвиг */
    }
}

/* ==========================================================================
   Изоляция слоев (чтобы волны и текст оставались статичными поверх видео)
   ========================================================================== */

/* Затемняющий оверлей */
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ==========================================================================
   Параллакс-эффект для СТАТИЧНОЙ КАРТИНКИ в хедере (CSS Scroll-driven)
   ========================================================================== */

/* 1. Основной контейнер хедера */
.image-in-header {
    position: relative;
    width: 100%;
    height: 60vh; /* Установите вашу привычную высоту хедера */
    overflow: hidden; /* Строго обязательно: прячем выходящие за рамки края картинки */
}

/* 2. Создаем движущийся параллакс-слой из фона */
.image-in-header::before {
    content: "";
    position: absolute;
    
    /* Математический расчет запаса высоты, чтобы при движении не было белых дыр */
    top: -30%; 
    left: 0;
    width: 100%;
    height: 130%; 
    
    /* Автоматически подтягиваем картинку из текущего класса страницы (напр. .jojoba-article-header) */
    background-image: inherit;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    
    z-index: 1; /* Самый нижний слой, уходит под текст и оверлей */
    will-change: transform;
    
    /* Привязываем анимацию к прокрутке всей страницы (root) */
    animation: parallaxImgScroll linear both;
    animation-timeline: scroll(root);
    animation-range: 0px 60vh; /* Эффект затухает, как только хедер скрывается из вида */
}

/* 3. Сама анимация: плавно смещаем картинку вниз при скролле (эффект глубокого заднего плана) */
@keyframes parallaxImgScroll {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(50%); /* Скорость параллакса. 20% дает мягкий, премиальный эффект */
    }
}
.choices__heading {
color: #6e298c;
}


/* Растягиваем контейнер заголовка на всю ширину */
./* 1. Делаем родительский контейнер Flex-контейнером */
.container-header {
    display: flex !important;
    flex-direction: row;
    justify-content: center; /* Центрирует всё содержимое */
    align-items: center;     /* Выравнивает по вертикали */
    flex-wrap: nowrap;
}

/* 2. Настраиваем порядок элементов */
/* Используем селекторы по классам, которые вы назначили модулям */
.nav-left {
    order: 1 !important;
    margin-right: auto; /* Прижимает левое меню к началу */
}

.logo-center {
    order: 2 !important;
    margin: 0 40px; /* Отступы логотипа */
}

.nav-right {
    order: 3 !important;
    margin-left: auto; /* Прижимает правое меню к концу */
}

/* Настраиваем логотип, чтобы он стоял в центре */
.navbar-brand {
    order: 2; /* Он будет вторым в очереди */
    margin: 0 !important;
}

/* Настраиваем блоки меню */
.mod-menu {
    order: 1; /* Левое меню */
    display: flex;
}

/* Указываем, что правое меню стоит после логотипа */
/* Для этого нам нужно присвоить модулям классы в настройках (Advanced -> Module Class) */
/* Назовем правое меню классом "nav-right" */
.nav-right {
    order: 3 !important;
    justify-content: flex-end;
}
#mod-custom406 {
    order: 2;
}
/* Убираем лишние отступы Cassiopeia, которые ломают верстку */
.container-header .navbar-brand img {
    max-width: 200px; /* Установите нужный размер логотипа */
    height: auto;
}

/* Контейнер логотипа */

.header-logo-wrapper {
    order: 2; /* Ставит логотип в центр */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 40px; /* Отступы от меню слева и справа */
}

/* Ссылка вокруг логотипа */
.logo-link {
    display: block;
    line-height: 0;
}

/* Настройка самого SVG */
.site-logo {
    max-width: 258px; /* Установите размер под ваш дизайн */
    height: auto;
    display: block;
}

@media screen and (max-width: 767px) {

    .nav-right, .nav-left, .menu-left {
        display: none !important;
    }
}

/* На мобильных (если нужно скрыть модуль или изменить его) */
@media (max-width: 992px) {
    .header-logo-wrapper {
        order: 1; /* На мобильных логотип может быть первым */
        margin: 10px 0;
    }
}

@media (max-width: 992px) {
    .container-header {
        flex-direction: column; /* На мобильных всё в столбик */
    }
    .nav-right {
        order: 3; /* Сбрасываем порядок */
    }
}



/* Основной контейнер сетки */
.footer.container-footer,
footer.footer {
    background-color: #FFEFCF;
}

.footer-grid-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    padding: 2rem;
    background-color: transparent;
    color: #191410;
    max-width: var(--dir-content-max, 1440px);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.footer-col ul {
    list-style: none;
    padding: 0;
}

.footer-col h5 {
    font-weight: bold;
    margin-bottom: 1rem;
    color: #191410;
}

.footer-col a {
    color: #191410;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer .footer-col a:not(.btn):hover,
.footer a:not(.btn):hover,
.footer .footer-col a:not(.btn):focus,
.footer .footer-col a:not(.btn):focus-visible {
    color: #f7941f;
}

.footer-contacts .phone {
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}
.footer-logo-link {
    display: block;
    margin-bottom: 1rem;
    text-decoration: none;
}

.footer-logo-img {
    width: 100%;
    max-width: 200px; /* Установите размер, который подходит под ваш дизайн */
    height: auto;
    display: block;
    transition: opacity 0.3s ease;
}

.footer-logo-link:hover .footer-logo-img {
    opacity: 0.8;
}

/* Иконки */
.social-icons {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

/* Кружок-подложка для иконок */
.social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
}

.social-icon {
    width: 32px;
    height: 32px;
    display: block;
}

/* Нижняя строка */
.footer-bottom-text {
    font-family: 'Manrope', sans-serif;
    text-align: center;
    background-color: transparent;
    padding-bottom: 1rem;
    font-size: 13px;
    color: #B08A70;
    max-width: var(--dir-content-max, 1440px);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

/* Адаптивность для мобильных */
@media (max-width: 992px) {
    .footer-grid-container {
        grid-template-columns: repeat(2, 1fr); /* 2 колонки на планшетах */
    }
}

@media (max-width: 576px) {
    .footer-grid-container {
        grid-template-columns: 1fr; /* 1 колонка на телефонах */
    }
}



/* Контейнер параллакса */
.hero-parallax {
    background-image: url('/images/hero.jpg'); /* Замените на путь к вашему фото */
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Эффект параллакса */
    /* min-height: 60vh;  Высота блока */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* Затемнение фона для читаемости текста */
.hero-overlay {
    background-color: rgba(43, 30, 20, 0.5);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
}

.hero-content {
    text-align: center;
    max-width: 800px;
}

.hero-title {
    color: #ffffff;
    font-family: 'Fira Sans', sans-serif;
    font-size: clamp(2.5rem, 6vw, 70px);
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 30px;
}

/* Кнопки */
.hero-buttons {
    display: flex;
    gap: 18px;
    justify-content: center;
    flex-wrap: wrap; /* Чтобы кнопки переносились на мобильных */
}

.btn-hero-orange {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    background-color: #f7941f;
    min-width: 298px;
    color: #fff;
    padding: 22px 30px;
    border: none;
    border-radius: 22px;
    text-decoration: none;
    transition: 0.3s;
}

.btn-hero-orange:hover {
    background-color: #e0850f;
    color: rgba(25, 20, 16, 1);
}
.btn-hero-orange.booking-table {
    color: rgba(25, 20, 16, 1);
}
.btn-hero-orange.booking-table:hover {
    color: #fff;
}

/* Отключение параллакса на мобильных (стандартная практика, так как работает медленно) */
@media (max-width: 768px) {
    .hero-parallax {
        background-attachment: scroll;
    }
}


/* Заголовок */
.news-title {
    font-family: 'Fira Sans', sans-serif;
    color: rgba(25, 20, 16, 1);
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
    padding-left: 20px;
    display: inline-block; /* Чтобы линия была привязана к ширине текста, если нужно */
}

/* Линия под заголовком */
.news-title::after {
    content: "";
    display: block;
    width: 72px;          /* Заданная вами ширина */
    height: 3px;          /* Заданная вами толщина */
    background: rgba(247, 148, 31, 1); /* Заданный цвет */
    margin-top: 10px;     /* Расстояние между текстом и линией */
}

/* Контейнер */
.news-swiper {
    padding: 0 50px; /* Место для стрелок */
    overflow: visible;
}

.news-swiper .swiper-slide {
    display: flex;
    justify-content: center;
    gap: 28px;
}

/* Делаем карусель "независимой" от ширины контента */
.carousel-container {
        width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    padding: 20px 0 20px 20px !important;
    overflow: hidden !important;
}

/* Акции: не шире 1440, без breakout на 100vw */
.news-section.dir-promo {
    max-width: var(--dir-content-max, 1440px);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

body.itemid-1035 .news-section.dir-promo > .news-title {
    display: none;
}

.dir-promo .carousel-container {
    width: 100% !important;
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Фиксируем размер карточки, чтобы она никогда не сжималась */
.carousel-card {
    min-width: 345px !important; 
    width: 345px !important;
    height: 390px;
    border-radius: 22px;
    position: relative;
    overflow: hidden;
    display: block;
    text-decoration: none;
    flex-shrink: 0; /* Не даем сжиматься */
    transition: box-shadow 0.3s ease;
}

.carousel-card:hover img {
    transform: scale(1.06);
}

/* Дополнительно для мобильных, чтобы не было конфликтов */
@media (max-width: 768px) {
    .carousel-container {
        padding-left: 15px; /* Добавляем небольшой отступ слева, чтобы карточка не прилипала */
    }
}

.carousel-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

/* Контент внутри (заголовок) */
.card-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 160px;
    padding: 16px;
    z-index: 1;
    pointer-events: none; /* Важно: чтобы клик проходил сквозь текст */
}

/* Градиент (подложка) */
.card-content::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: -1;
    border-radius: 22px 22px 0 0;
    background: linear-gradient(to bottom, rgba(43, 30, 20, 0.85) 0%, rgba(43, 30, 20, 0) 100%);
}

.card-content h2 {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.03em;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
}

/* Слайд Новостей: одна карточка на слайд, ширину задаёт Swiper (slidesPerView) */
.news-swiper .swiper-slide {
    height: auto;   /* равная высота карточек в ряду */
    display: flex;
}

/* Карточка */
.news-card {
    width: 100%;
    border-radius: 22px;
    background: #fff;
    box-sizing: border-box;
    padding: 16px;
}

/* Картинка внутри карточки */
.news-card img {
    width: 100%;
    height: 320px;
    border-radius: 18px;
    object-fit: cover;
    display: block;
    margin-bottom: 16px;
}




.news-card h3 {
    font-family: 'Fira Sans', sans-serif;
    color: rgba(25, 20, 16, 1);
    font-weight: 600;
    font-size: 26px;
    line-height: 26px;
    margin: 0 0 10px 0;
    text-align: left;
}


.news-card p {
    font-family: 'Manrope', sans-serif;
    color: rgba(25, 20, 16, 1);
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    margin: 0;
    color: #333;
}


@media (max-width: 768px) {
    .news-card img { height: 240px; }
    .news-card h3 { font-size: 22px; }
    .news-card p { font-size: 18px; }
}

.news-section .news-swiper {
    position: relative;
    margin-top: 20px;
}


.swiper-button-next, 
.swiper-button-prev {
    background-color: #ffffff;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); /* Мягкая тень как на картинке */
    transition: all 0.3s ease; /* Плавный переход цвета */
    position: absolute;
    top: 50%; /* Центрирование по вертикали */
    transform: translateY(-50%);
    z-index: 10;
}

/* Цвет и размер стрелки внутри круга */
.swiper-button-next::after, 
.swiper-button-prev::after {
    font-size: 20px !important;
    font-weight: bold;
    color: rgba(25, 20, 16, 1);
    transition: color 0.3s ease;
}

/* ЭФФЕКТ ПРИ НАВЕДЕНИИ: меняем цвет стрелки */
.swiper-button-next:hover, 
.swiper-button-prev:hover {
    background-color: #ffffff; /* Фон остается белым */
}

/* Центрируем стрелки по высоте картинки (padding 16px + половина фото 320px), а не всего слайда */
.news-swiper .swiper-button-next,
.news-swiper .swiper-button-prev {
    top: 176px;
    margin-top: 0; /* сбрасываем -22px, который Swiper добавляет по умолчанию */
    transform: translateY(-50%);
}

@media (max-width: 768px) {
    .news-swiper .swiper-button-next,
    .news-swiper .swiper-button-prev {
        top: 136px; /* padding 16px + половина фото 240px */
    }
}


/* =======================================================================
   DIRIZHABLE HEADER (Figma node 9:774)
   Единый статичный HTML-модуль html/header.html в позиции menu.
   ======================================================================= */

/* Контейнер header'а Cassiopeia — всегда сверху, без sticky-эффекта */
header.container-header,
header.header.container-header,
header.container-header.dir-header-fixed {
    display: flex;
    align-items: center;
    padding: 0;
    background: #fff;
    box-shadow: 0 0 20px rgba(25, 20, 16, 0.08);
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100px;
    z-index: 1021;
    box-sizing: border-box;
    /* .header задаёт opacity:0 + fadeIn — без анимации шапка остаётся невидимой */
    opacity: 1 !important;
    animation: none !important;
    visibility: visible !important;
}

.header-placeholder {
    display: block;
    width: 100%;
    height: 100px;
    pointer-events: none;
}

header.container-header .container-nav {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

.dir-header {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    column-gap: 16px;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 6px;
    min-height: 100px;
    height: 100px;
    box-sizing: border-box;
}

.dir-header__nav {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* < 1260px: убираем зазор между пунктами шапки */
@media (max-width: 1259.98px) {
    .dir-header__nav {
        gap: 0;
    }
}

.dir-header__nav--left {
    justify-self: start;
}

.dir-header__nav--right {
    justify-self: end;
}

/* «Пилюли» пунктов меню: Fira Sans Regular 20px, radius 22, высота 42 */
.dir-header__link {
    display: inline-flex;
    align-items: center;
    height: 42px;
    padding: 0 16px;
    border-radius: 22px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    letter-spacing: -0.03em;
    color: #191410;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.dir-header__link:hover,
.dir-header__link:focus-visible,
.dir-header__link.active {
    background-color: #EAE9E8;
    color: #191410;
}

/* ── Шапка доставки/магазина: лого + телефон слева, корзина+бургер справа ── */
.dir-header--delivery {
    grid-template-columns: auto auto 1fr;
    column-gap: 24px;
}

.dir-header--delivery .dir-header__logo {
    justify-self: start;
}

.dir-header__phone {
    justify-self: start;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: -0.02em;
    color: #191410;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s ease;
}

.dir-header__phone:hover,
.dir-header__phone:focus-visible {
    color: #f7941f;
}

.dir-header--delivery .dir-header__nav--right {
    justify-self: end;
    gap: 16px;
}

/* ── Корзина VirtueMart в шапке (стандартный шаблон default.php) ── */
.dir-header__cart {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin: 0;
}

/* Сам модуль = «пилюля» с иконкой + счётчиком. Перебиваем старые правила cart-icon-in-header. */
.dir-header__cart .vmCartModule.cart-icon-in-header {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 46px;
    margin: 0;
    padding: 0 8px 0 12px;
    border-radius: 23px;
    background: #FFEFCF;
    color: #191410;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.dir-header__cart .vmCartModule.cart-icon-in-header:hover {
    background: #FFE7B8;
}

/* Иконка корзины (в разметке её нет — рисуем маской, цвет наследует текст) */
.dir-header__cart .vmCartModule.cart-icon-in-header::before {
    content: "";
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M0%201.5A.5.5%200%200%201%20.5%201H2a.5.5%200%200%201%20.485.379L2.89%203H14.5a.5.5%200%200%201%20.491.592l-1.5%208A.5.5%200%200%201%2013%2012H4a.5.5%200%200%201-.491-.408L2.01%203.607%201.61%202H.5a.5.5%200%200%201-.5-.5zM3.102%204l1.313%207h8.17l1.313-7H3.102zM5%2012a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm7%200a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm-7%201a1%201%200%201%201%200%202%201%201%200%200%201%200-2zm7%200a1%201%200%201%201%200%202%201%201%200%200%201%200-2z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cpath%20d='M0%201.5A.5.5%200%200%201%20.5%201H2a.5.5%200%200%201%20.485.379L2.89%203H14.5a.5.5%200%200%201%20.491.592l-1.5%208A.5.5%200%200%201%2013%2012H4a.5.5%200%200%201-.491-.408L2.01%203.607%201.61%202H.5a.5.5%200%200%201-.5-.5zM3.102%204l1.313%207h8.17l1.313-7H3.102zM5%2012a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm7%200a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm-7%201a1%201%200%201%201%200%202%201%201%200%200%201%200-2zm7%200a1%201%200%201%201%200%202%201%201%200%200%201%200-2z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Счётчик — сбрасываем старые отрицательные margin / псевдоэлементы */
.dir-header__cart .vmCartModule.cart-icon-in-header .total_products {
    position: static;
    order: 2;
    height: auto;
    width: auto;
    margin: 0;
    font-weight: 600;
    line-height: 1;
}

.dir-header__cart .vmCartModule.cart-icon-in-header .total_products:empty {
    display: none;
}

.dir-header__cart .vmCartModule.cart-icon-in-header:has(.total_products:empty) {
    width: 46px;
    padding: 0;
    gap: 0;
    justify-content: center;
}

.dir-header__cart .vmCartModule.cart-icon-in-header .total_products::after {
    content: " Корзина";
    border: none;
    margin: 0;
    display: none;
}

/* Прячем служебные блоки */
.dir-header__cart .vmCartModule .total,
.dir-header__cart .vmCartModule .payments-signin-button,
.dir-header__cart .vmCartModule .hiddencontainer,
.dir-header__cart .vmCartModule .vm_cart_products {
    display: none;
}

/* Ссылка на корзину (есть только когда есть товары) — растягиваем на всю пилюлю */
.dir-header__cart .vmCartModule .show_cart {
    position: static;
    order: 3;
}

.dir-header__cart .vmCartModule .show_cart a.details {
    position: absolute;
    inset: 0;
    float: none !important;
    font-size: 0;
    text-indent: -9999px;
}

/* На узких экранах телефон прячем (номер есть в меню/футере) */
@media (max-width: 575px) {
    .dir-header__phone {
        display: none;
    }

    .dir-header--delivery {
        grid-template-columns: 1fr auto;
    }
}

/* ── Доставка: поиск + текстовая карусель категорий (dostavka1) ── */
.dir-delivery-nav {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 22px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0 auto;
    padding: 22px 0 24px 20px;
    box-sizing: border-box;
    background: #fff;
}

/* Поиск-пилюля */
.dir-delivery-search {
    width: 100%;
    min-width: 0;
}

.dir-delivery-search__form {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    height: 56px;
    padding: 0 20px 0 18px;
    box-sizing: border-box;
    border: 1px solid #eae9e8;
    border-radius: 28px;
    background: #fff;
}

.dir-delivery-search__btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #191410;
    cursor: pointer;
}

.dir-delivery-search__btn img,
.dir-delivery-search__icon {
    display: block;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}

.dir-delivery-search__input {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    border: 0;
    outline: none;
    background: transparent;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 0;
    color: #191410;
}

.dir-delivery-search__input::placeholder {
    color: #B0B0B0;
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 15px;
}

.dir-delivery-search__input::-webkit-search-decoration,
.dir-delivery-search__input::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/* Горизонтальная текстовая карусель категорий */
.dir-cat-nav {
    width: 100%;
    max-width: 100%;
    min-width: 0; /* иначе flex-родитель раздувает блок и overflow-x не скроллится */
    padding-left: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    cursor: grab;
    border-bottom: 1px solid #EAE9E8;
    padding-bottom: 20px;
}

.dir-cat-nav::-webkit-scrollbar {
    display: none;
    height: 0;
}

.dir-cat-nav.is-dragging {
    cursor: grabbing;
    user-select: none;
}

.dir-cat-nav.is-dragging a {
    pointer-events: none;
}

.dir-cat-nav__list {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
    width: max-content;
    max-width: none;
    margin: 0;
    padding: 4px 0 8px;
    list-style: none;
}

.dir-cat-nav__item {
    flex: 0 0 auto;
}

.dir-cat-nav__link {
    display: inline-flex;
    align-items: center;
    height: 42px;
    padding: 0 16px;
    border-radius: 22px;
    box-sizing: border-box;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    letter-spacing: -0.02em;
    color: #191410;
    text-decoration: none;
    white-space: nowrap;
    -webkit-user-drag: none;
    user-select: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.dir-cat-nav__link:hover,
.dir-cat-nav__link:focus-visible,
.dir-cat-nav__item.is-active .dir-cat-nav__link {
    background-color: #EAE9E8;
    color: #191410;
}

@media (max-width: 991.98px) {
    .dir-delivery-nav {
        gap: 16px;
        padding: 16px 0 18px;
    }

    .dir-delivery-search__form {
        height: 48px;
        border-radius: 24px;
        padding: 0 16px 0 14px;
    }

    .dir-delivery-search__input {
        font-size: 16px;
    }

    .dir-cat-nav__list {
        gap: 8px;
        padding: 2px 0 6px;
    }

    .dir-cat-nav__link {
        height: 36px;
        padding: 0 12px;
        border-radius: 18px;
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    .dir-delivery-nav {
        padding: 14px 0 16px;
    }

    .dir-cat-nav__list {
        gap: 6px;
    }
}

/* ── Доставка: сетка категорий с картинками (dostavka2) ── */
.dir-menu-cats {
    width: 100%;
    margin: 0 auto;
    padding: 24px 0 50px;
    box-sizing: border-box;
}

.dir-menu-cats__title {
    position: relative;
    margin: 0 0 20px;
    padding: 0 0 12px 22px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #191410;
    width: fit-content;
    max-width: 100%;
}

.dir-menu-cats__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 72px;
    height: 3px;
    background: #f7941f;
    border-radius: 2px;
    margin-left: 22px;
}

.dir-menu-cats__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px 12px;
}

.dir-menu-cats__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    gap: 8px;
    text-decoration: none;
    color: #191410;
    border-radius: 22px;
    transition: transform 0.2s ease, color 0.2s ease;
}

.dir-menu-cats__item:hover,
.dir-menu-cats__item:focus-visible {
    box-shadow: 0px 0px 20px 0px #19141014;
}

.dir-menu-cats__img {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 16px;
    background: #f6f5f4;
    aspect-ratio: 3 / 2;
    box-shadow: 0 0 0 rgba(25, 20, 16, 0);
    transition: box-shadow 0.2s ease;
}

.dir-menu-cats__photo,
.dir-menu-cats__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    transition: transform 0.3s ease;
}

.dir-menu-cats__photo--empty {
    width: 100%;
    height: 100%;
    min-height: 160px;
    background: #eae9e8;
}

.dir-menu-cats__item:hover .dir-menu-cats__photo,
.dir-menu-cats__item:hover .dir-menu-cats__img img {
    transform: scale(1.04);
}

.dir-menu-cats__item:hover .dir-menu-cats__img {
    box-shadow: 0 0 20px rgba(25, 20, 16, 0.08);
}

.dir-menu-cats__name {
    display: block;
    width: 100%;
    text-align: center;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.25;
    letter-spacing: -0.02em;
    text-transform: uppercase;
}

.category-view:has(.dir-menu-cats) > .vm-category-title,
.category-view:has(.dir-menu-cats) > .dir-category__title {
    display: none !important;
}

@media (max-width: 991.98px) {

    .dir-menu-cats__title {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .dir-menu-cats__grid {
        gap: 20px 16px;
    }

    .dir-menu-cats__name {
        font-size: 15px;
    }
}

@media (max-width: 767.98px) {
    .dir-menu-cats__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .dir-menu-cats__title {
        font-size: 24px;
    }

    .dir-menu-cats__name {
        font-size: 13px;
    }
}

@media (max-width: 419px) {
    .dir-menu-cats__grid {
        grid-template-columns: 1fr;
    }
}

/* ── Категория товаров: заголовок + сетка карточек ── */
.dir-category__title {
    position: relative;
    margin: 0 0 0 20px;
    padding: 0 0 12px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.15;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #191410;
    width: fit-content;
    max-width: 100%;
    text-align: left;
}

.dir-category__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 72px;
    height: 3px;
    background: #f7941f;
    border-radius: 2px;
}

.dir-currency {
    font-family: 'Manrope', sans-serif;
    font-weight: inherit;
    letter-spacing: 0;
}

.category-view .browse-view {
    margin-top: 0;
}

.category-view .browse-view .dir-products,
.category-view .dir-products {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 48px;
    box-sizing: border-box;
}

/* Скрываем старую bootstrap-сетку VM, если вдруг осталась */
.category-view .browse-view .vm-product-grid:not(.dir-products) {
    display: none;
}

.dir-products__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.dir-products__card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 10px;
    border-radius: 16px !important;
    background: #fff;
    border-radius: 0;
    border: none;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.dir-products__card:hover {
    --tw-shadow: 0 0 20px rgba(0, 0, 0, .1);
        --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dir-products__media {
    position: relative;
    width: 100%;
    margin-bottom: 14px;
}

.dir-products__badges {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-width: calc(100% - 24px);
    pointer-events: none;
}

.dir-products__badge {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 12px 12px;
    border-radius: 16px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 100;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.02em;
    color: #fff;
    background: #f7941f;
}

.dir-products__badge--new {
    background: #f7941f;
    color: #fff;
}

.dir-products__badge--hit {
    background: #e6b422;
    color: #fff;
}

.dir-products__badge--spicy {
    background: #d64545;
    color: #fff;
}

/* Бейджи на странице товара */
.dir-product__media {
    position: relative;
}

.dir-product__badges {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-width: calc(100% - 24px);
    pointer-events: none;
}

.dir-product__badge {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 12px 12px;
    border-radius: 16px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 100;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.02em;
    color: #fff;
    background: #f7941f;
}

.dir-product__badge--new {
    background: #f7941f;
    color: #fff;
}

.dir-product__badge--hit {
    background: #e6b422;
    color: #fff;
}

.dir-product__badge--spicy {
    background: #d64545;
    color: #fff;
}

.dir-products__img-link {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 16px;
    background: #f6f5f4;
    aspect-ratio: 4 / 3;
}

.dir-products__photo,
.dir-products__img-link img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    transition: transform 0.3s ease;
}

.dir-products__photo--empty {
    width: 100%;
    height: 100%;
    min-height: 180px;
    background: #eae9e8;
}

.dir-products__card:hover .dir-products__photo,
.dir-products__card:hover .dir-products__img-link img {
    transform: scale(1.03);
}

.dir-products__name {
    margin: 0 0 6px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: #191410;
    text-align: left;
}

.dir-products__name a {
    color: inherit;
    text-decoration: none;
}

.dir-products__name a:hover,
.dir-products__name a:focus-visible {
    color: #f7941f;
}

.dir-products__meta {
    margin: 0 0 14px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: #8a8681;
}

.dir-products__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
}

.dir-products__price {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #191410;
    white-space: nowrap;
}

.dir-products__cart .quantity-box,
.dir-products__cart .quantity_box,
.dir-products__cart .quantity-controls,
.dir-products__cart .visually-hidden,
.dir-products__cart .customfields-wrap,
.dir-products__cart .product-fields,
.dir-products__cart .addtocart-bar .row .col-auto,
.dir-products__cart .plus-minus {
    display: none !important;
}

.dir-products__cart .addtocart-area,
.dir-products__cart .addtocart-bar,
.dir-products__cart form,
.dir-products__cart .row {
    margin: 0;
    padding: 0;
    display: block;
    width: auto;
}

.dir-products__cart .vm-addtocart-button-col,
.dir-products__cart .col,
.dir-products__cart [class*="col-"] {
    width: auto;
    max-width: none;
    flex: 0 0 auto;
    padding: 0;
}

.dir-products__cart .addtocart-button,
.dir-products__cart input.addtocart-button,
.dir-products__cart button.addtocart-button,
.dir-products__cart .btn,
.dir-products__cart .btn.btn-primary,
.dir-products__btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 118px;
    height: 44px !important;
    padding: 0 22px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #f3e6d8 !important;
    color: #191410 !important;
    font-family: 'Fira Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    text-transform: none !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.dir-products__cart .addtocart-button:hover,
.dir-products__cart input.addtocart-button:hover,
.dir-products__cart button.addtocart-button:hover,
.dir-products__cart .btn:hover,
.dir-products__cart .btn.btn-primary:hover,
.dir-products__btn:hover {
    background: #efd7bf !important;
    color: #191410 !important;
}

@media (max-width: 1199.98px) {
    .dir-products__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }
}

@media (max-width: 991.98px) {
    .dir-category__title {
        font-size: 26px;
        margin: 4px 0 24px;
    }

    .dir-products__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 16px;
    }

    .dir-products__name {
        font-size: 18px;
    }

    .dir-products__price {
        font-size: 20px;
    }
}

@media (max-width: 767.98px) {
.dir-products__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 0px;
    }
}

@media (max-width: 575.98px) {
    .dir-category__title {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .dir-products {
        padding-bottom: 32px;
    }

    .dir-products__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 0px;
    }

    .dir-products__name {
        font-size: 15px;
    }

    .dir-products__meta {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .dir-products__price {
        font-size: 17px;
    }

    .dir-products__cart .addtocart-button,
    .dir-products__cart input.addtocart-button,
    .dir-products__cart button.addtocart-button,
    .dir-products__cart .btn,
    .dir-products__btn {
        min-width: 0;
        height: 36px !important;
        padding: 0 14px !important;
        font-size: 13px !important;
    }
}
@media (max-width: 421px) {
.dir-products__cart .addtocart-button,
.dir-products__cart input.addtocart-button,
.dir-products__cart button.addtocart-button,
.dir-products__cart .btn,
.dir-products__cart .btn.btn-primary,
.dir-products__btn {
    min-width: 80px;
    height: 44px !important;
    padding: 0 12px !important;
}
}
@media (max-width: 370px) {
.dir-products__cart .addtocart-button,
.dir-products__cart input.addtocart-button,
.dir-products__cart button.addtocart-button,
.dir-products__cart .btn,
.dir-products__cart .btn.btn-primary,
.dir-products__btn {
    font-size: 13px !important;
}
}
/* ── Доставка: карусель РЕКОМЕНДУЕМ (dostavka3) ── */
.dir-recommend {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px 24px;
    box-sizing: border-box;
    background: #fff;
}

.dir-recommend__title {
    position: relative;
    margin: 0 0 24px;
    padding: 0 0 12px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #191410;
    border-bottom: none;
    width: fit-content;
    max-width: 100%;
}

/* Короткая оранжевая черта под заголовком (как в макете) */
.dir-recommend__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 72px;
    height: 3px;
    background: #f7941f;
    border-radius: 2px;
}

.dir-recommend__swiper {
    width: 100%;
    overflow: hidden;
    margin-left: -16px !important;
    padding-bottom: 4px !important;
}

.dir-recommend__swiper .swiper-slide {
    width: 300px;
    height: auto;
    box-sizing: border-box;
    padding: 16px;
    border-radius: 22px;
}

.dir-recommend__card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    transition: box-shadow 0.3s ease;
}

.dir-recommend__card.productdetails:hover,
.swiper-slide.dir-recommend__card:hover {
    box-shadow: 0px 0px 20px 0px #19141014;
}

.dir-recommend__media {
    position: relative;
    width: 100%;
    margin-bottom: 12px;
}

.dir-recommend__img-link {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 16px;
    background: #f6f5f4;
    aspect-ratio: 4 / 3;
}

.dir-recommend__photo,
.dir-recommend__img-link img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    transition: transform 0.3s ease;
}

.dir-recommend__photo--empty {
    width: 100%;
    height: 100%;
    min-height: 180px;
    background: #eae9e8;
}

.dir-recommend__card:hover .dir-recommend__photo,
.dir-recommend__card:hover .dir-recommend__img-link img {
    transform: scale(1.03);
}

.dir-recommend__badges {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-width: calc(100% - 24px);
    pointer-events: none;
}

.dir-recommend__badge {
        display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 12px 12px;
    border-radius: 16px;
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    background: #f7941f;
}

.dir-recommend__badge--new {
    background: #f7941f;
    color: #fff;
}

.dir-recommend__badge--hit {
    background: #e6b422;
    color: #fff;
}

.dir-recommend__badge--spicy {
    background: #d64545;
    color: #fff;
}

.dir-recommend__name {
    margin: 0 0 4px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.25;
    letter-spacing: 0;
    color: #191410;
    text-align: left;
}

.dir-recommend__name a {
    color: inherit;
    text-decoration: none;
    letter-spacing: 0.3px;
    font-size: 20px;
}

.dir-recommend__name a:hover,
.dir-recommend__name a:focus-visible {
    color: #f7941f;
}

.dir-recommend__meta {
    margin: 0;
    font-family: '<Manrope', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0;
    color: #212529;
}

.dir-recommend__empty {
    margin: 0;
    padding: 12px 0 8px;
    font-family: 'Fira Sans', sans-serif;
    font-size: 15px;
    color: #8a8681;
}

.dir-recommend__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
}

.dir-recommend__price {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: 0;
    color: #191410;
    white-space: nowrap;
}

.dir-recommend__price .PricebasePrice,
.dir-recommend__price .price-crossed,
.dir-recommend__price .PricesalesPriceWithDiscount {
    display: none;
}

.dir-recommend__price .PricesalesPrice,
.dir-recommend__price .PricesalesPrice .Price,
.dir-recommend__price span {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 26px;
    color: #191410;
}

/* Кнопка «В корзину»: прячем qty, перебиваем Bootstrap .btn-primary */
.dir-recommend__cart .quantity-box,
.dir-recommend__cart .quantity_box,
.dir-recommend__cart .quantity-controls,
.dir-recommend__cart .visually-hidden,
.dir-recommend__cart .customfields-wrap,
.dir-recommend__cart .product-fields,
.dir-recommend__cart .addtocart-bar .row .col-auto,
.dir-recommend__cart .plus-minus {
    display: none !important;
}

.dir-recommend__cart .addtocart-area,
.dir-recommend__cart .addtocart-bar,
.dir-recommend__cart form,
.dir-recommend__cart .row {
    margin: 0;
    padding: 0;
    display: block;
    width: auto;
}

.dir-recommend__cart .vm-addtocart-button-col,
.dir-recommend__cart .col,
.dir-recommend__cart [class*="col-"] {
    width: auto;
    max-width: none;
    flex: 0 0 auto;
    padding: 0;
}

.dir-recommend__cart .addtocart-button,
.dir-recommend__cart input.addtocart-button,
.dir-recommend__cart button.addtocart-button,
.dir-recommend__cart .btn,
.dir-recommend__cart .btn.btn-primary,
.dir-recommend__btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: 44px !important;
    padding: 0 22px !important;
    border: 0 !important;
    border-radius: 22px !important;
    background: #ffefcf !important;
    color: #191410 !important;
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    text-transform: capitalize;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: none !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.dir-recommend__cart .addtocart-button:hover,
.dir-recommend__cart input.addtocart-button:hover,
.dir-recommend__cart button.addtocart-button:hover,
.dir-recommend__cart .btn:hover,
.dir-recommend__cart .btn.btn-primary:hover,
.dir-recommend__btn:hover {
    background: #f7941f !important;
    color: #fff !important;
    border-color: transparent !important;
}

@media (max-width: 991.98px) {
    .dir-recommend {
        padding: 32px 16px 20px;
    }

    .dir-recommend__title {
        font-size: 28px;
        margin-bottom: 18px;
    }

    .dir-recommend__name {
        font-size: 16px;
    }

    .dir-recommend__price,
    .dir-recommend__price .PricesalesPrice,
    .dir-recommend__price .PricesalesPrice .Price,
    .dir-recommend__price span {
        font-size: 18px;
    }

    .dir-recommend__cart .addtocart-button,
    .dir-recommend__cart input.addtocart-button,
    .dir-recommend__cart button.addtocart-button,
    .dir-recommend__cart .btn,
    .dir-recommend__btn {
        height: 40px;
        padding: 0 16px;
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .dir-recommend {
        padding: 24px 12px 16px;
    }

    .dir-recommend__title {
        font-size: 24px;
    }

    .dir-recommend__swiper .swiper-slide {
        width: 78%;
        min-width: 200px;
    }
}

/* ── Хлебные крошки Дирижабль ── */
body:has(.dir-breadcrumbs) .container-component > .mod-breadcrumbs__wrapper {
    display: none !important;
}

.dir-breadcrumbs {
    margin: 0;
    padding: 8px 0 12px;
    width: 100%;
    box-sizing: border-box;
}

.dir-cart > .dir-breadcrumbs {
    padding: 0 0 16px;
}

.dir-breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0;
    font-weight: 400;
}

.dir-breadcrumbs__item {
    display: inline-flex;
    align-items: center;
    color: #191410;
    font-weight: 400;
}

/* Стрелка только между пунктами — не перед первым */
.dir-breadcrumbs__item + .dir-breadcrumbs__item::before {
    content: ">";
    color: #191410;
    padding: 0 10px;
    font-weight: 400;
}

.dir-breadcrumbs__item:first-child::before {
    content: none !important;
    display: none !important;
    padding: 0 !important;
}

.dir-breadcrumbs__item a {
    color: #f7941f;
    text-decoration: none;
}

.dir-breadcrumbs__item a:hover,
.dir-breadcrumbs__item a:focus-visible {
    color: #d97d0f;
}

.dir-breadcrumbs__item.is-active,
.dir-breadcrumbs__item.is-active span {
    color: #191410;
}

/* Старый модуль крошек */
.mod-breadcrumbs,
.mod-breadcrumbs__wrapper,
nav.mod-breadcrumbs {
    margin: 0;
    padding: 20px 20px 14px;
    width: 100%;
    box-sizing: border-box;
}

.breadcrumb,
ol.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    background: transparent;
    font-family: 'Fira Sans', sans-serif;
    font-size: 18px;
    line-height: 1.4;
}

.breadcrumb-item,
.breadcrumb li {
    display: inline-flex;
    align-items: center;
    color: #191410;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: ">" !important;
    color: #191410 !important;
    padding: 0 10px !important;
}

.breadcrumb-item:first-child::before,
.mod-breadcrumbs > .breadcrumb-item:first-of-type::before,
.mod-breadcrumbs > .mod-breadcrumbs__item.breadcrumb-item:first-of-type::before {
    content: none !important;
    display: none !important;
    padding: 0 !important;
}

.breadcrumb a {
    color: #f7941f;
    text-decoration: none;
}

.breadcrumb a:hover {
    color: #d97d0f;
}

.breadcrumb-item.active,
.breadcrumb li:last-child,
.breadcrumb-item.active span,
.breadcrumb li:last-child span {
    color: #191410;
}

.mod-breadcrumbs > .mod-breadcrumbs__divider,
.mod-breadcrumbs > li.mod-breadcrumbs__divider,
.mod-breadcrumbs > li.float-start:first-child,
ol.mod-breadcrumbs > li.mod-breadcrumbs__divider.float-start,
.mod-breadcrumbs .icon-home,
.mod-breadcrumbs .icon-location,
.mod-breadcrumbs .divider.icon-location {
    display: none !important;
}

@media (max-width: 991.98px) {
    .dir-breadcrumbs,
    .mod-breadcrumbs,
    .mod-breadcrumbs__wrapper,
    nav.mod-breadcrumbs {
        padding-left: 12px;
        padding-right: 12px;
    }

    .dir-breadcrumbs__list,
    .breadcrumb,
    ol.breadcrumb {
        font-size: 14px;
    }

    .dir-breadcrumbs__item + .dir-breadcrumbs__item::before,
    .breadcrumb-item + .breadcrumb-item::before {
        padding: 0 6px !important;
    }
}

/* Логотип по центру. 258×77 → высота 60px сохраняет пропорции (ширина ≈201px) */
.dir-header__logo {
    justify-self: center;
    display: inline-flex;
    align-items: center;
}

.dir-header__logo img {
    height: 60px;
    width: auto;
    display: block;
    margin-top: -4px;
}

/* Кнопка-гамбургер справа */
.dir-header__burger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-left: 4px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.dir-header__burger:hover {
    background: #f6f5f4;
}

.dir-header__burger img {
    width: 30px;
    height: 24px;
    display: block;
}

/* Полноэкранное меню-оверлей (Figma node 138:820) */
.dir-menu {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    justify-content: center;
    overflow-y: auto;
    padding: 20px;
    background: rgba(44, 30, 21, 0.9);
    -webkit-backdrop-filter: blur(17.6px);
    backdrop-filter: blur(17.6px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.dir-menu.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.dir-menu__close {
    position: absolute;
    top: 32px;
    right: 39px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    line-height: 0;
}

.dir-menu__close img {
    width: 40px;
    height: 40px;
    display: block;
}

.dir-menu__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 55px;
    margin: auto;
    width: 100%;
    max-width: 360px;
}

.dir-menu__logo img {
    height: 77px;
    width: auto;
    display: block;
}

.dir-menu__nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
}

.dir-menu__nav--primary {
    gap: 12px;
}

.dir-menu__nav--secondary {
    gap: 4px;
}

.dir-menu__nav a {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
    letter-spacing: -0.03em;
    line-height: 36px;
    text-decoration: none;
    transition: color 0.2s ease;
}

.dir-menu__nav--primary a {
    font-size: 32px;
    color: #fff;
}

.dir-menu__nav--secondary a {
    font-size: 24px;
    color: #b08a70;
}

.dir-menu__nav a:hover,
.dir-menu__nav a:focus-visible {
    color: #f7941f;
}

.dir-menu__nav--from-header {
    display: none;
    gap: 12px;
}

.dir-menu__nav--from-header a {
    font-size: 32px;
    color: #fff;
}


@media (max-width: 991.98px) {
    .dir-header:not(.dir-header--delivery) {
        grid-template-columns: 1fr auto;
    }

   
    .dir-header:not(.dir-header--delivery) .dir-header__logo {
        justify-self: start;
    }

    .dir-header__nav--left {
        display: none;
    }

    .dir-header__nav--right .dir-header__link {
        display: none;
    }


    .dir-menu__nav--from-header {
        display: flex;
    }


    .dir-header--delivery {
        column-gap: 12px;
        align-items: center;
    }

    .dir-header--delivery .dir-header__logo {
        justify-self: start;
    }

    .dir-header--delivery .dir-header__logo img,
    .dir-header__logo img {
        height: 44px;
        margin-top: -2px;
    }

    .dir-header__phone {
        font-size: 16px;
        justify-self: start;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dir-header--delivery .dir-header__nav--right {
        gap: 8px;
    }

    /* На планшете прячем слово «Корзина», оставляем иконку + число */
    .dir-header__cart .vmCartModule.cart-icon-in-header .total_products::after {
        content: none;
    }

    .dir-header__cart .vmCartModule.cart-icon-in-header {
        height: 40px;
        padding: 0 12px;
        font-size: 16px;
    }

    .dir-header__cart .vmCartModule.cart-icon-in-header:has(.total_products:empty) {
        width: 40px;
        padding: 0;
    }
}

@media (max-width: 460px) {
.dir-menu__logo img {
    height: 50px;
}
.dir-products__card {
    padding: 10px 6px;
}
.dir-products__badge,
.dir-product__badge {
    font-size: 12px;
    padding: 6px;
}
}

@media (max-width: 375px) {
    .dir-header--delivery .dir-header__logo img {
        height: 40px;
    }
}

/* Раньше компактный sticky — шапка всегда одного размера */
.custom-sticky-class.container-header {
    height: auto;
    display: block;
    align-items: center;
    background: #fff;
    box-shadow: 0 0 20px rgba(25, 20, 16, 0.08);
}

.custom-sticky-class.container-header .container-nav {
    width: 100%;
    padding: 0;
}

.dir-header,
.dir-header__link,
.dir-header__logo img,
.dir-header__burger,
.dir-header__burger img {
    transition: background-color 0.2s ease, color 0.2s ease;
}


/* =======================================================================
   О НАС (Figma node 9:594)
   ======================================================================= */

.about-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 20px;
    align-items: center;
    padding: 0 20px;
    margin-top: 30px;
}

/* Защита от переполнения в узком контейнере */
.about-grid > * {
    min-width: 0;
}

.about-media {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.about-swiper {
    width: 100%;
    border-radius: 22px;
    overflow: hidden;
}

.about-swiper img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    aspect-ratio: 16 / 10;
}

/* Пагинация-«чёрточки» (Figma: 16×3, активная #A0A0A0, остальные #EAE9E8) */
.about-pagination {
    display: flex;
    justify-content: center;
    gap: 16px;
}

.about-pagination .swiper-pagination-bullet {
    width: 16px;
    height: 3px;
    margin: 0 !important;
    border-radius: 0;
    background: #eae9e8;
    opacity: 1;
    transition: background-color 0.2s ease;
}

.about-pagination .swiper-pagination-bullet-active {
    background: #a0a0a0;
}

.about-text p {
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    color: #191410;
    margin: 0 0 20px 0;
}

.about-text p:last-child {
    margin-bottom: 0;
}


@media (max-width: 992px) {
    .about-grid {
        grid-template-columns: 1fr;
    }

    .about-text p {
        font-size: 18px;
    }
}


.gallery-section {
    padding: 70px 0 50px;
}

.gallery-swiper {
    margin-top: 30px;
    margin-left: 20px !important;
    padding: 0 20px;
    overflow: hidden;
}

.gallery-swiper .swiper-slide {
    width: 273px;
    height: 380px;
}

.gallery-item {
    display: block;
    border-radius: 22px;
    overflow: hidden;
    cursor: pointer;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 22px;
    transition: transform 0.4s ease;
}

.gallery-item:hover img {
    transform: scale(1.06);
}

/* Лайтбокс */
.gallery-lightbox {
    position: fixed;
    inset: 0;
    z-index: 2100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    background: rgba(25, 20, 16, 0.92);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.gallery-lightbox.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.gallery-lightbox__img {
    width: auto;
    height: 88vh;      /* фото занимает почти всю высоту окна */
    max-width: 96vw;   /* но не шире экрана (для горизонтальных фото) */
    object-fit: contain;
    border-radius: 12px;
}

.gallery-lightbox__close {
    position: absolute;
    top: 24px;
    right: 32px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 40px;
    line-height: 1;
    cursor: pointer;
}

.gallery-lightbox__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 0;
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.gallery-lightbox__nav:hover {
    background: rgba(255, 255, 255, 0.3);
}

.gallery-lightbox__prev {
    left: 24px;
}

.gallery-lightbox__next {
    right: 24px;
}

@media (max-width: 768px) {
    .gallery-swiper .swiper-slide {
        width: 220px;
        height: 306px;
    }

    .gallery-lightbox__nav {
        width: 44px;
        height: 44px;
        font-size: 26px;
    }

    .gallery-lightbox__close {
        top: 16px;
        right: 20px;
    }
}


/* =======================================================================
   КОРЗИНА step1 — ВАШ ЗАКАЗ
   ======================================================================= */
.dir-cart {
    width: 100%;
    margin: 0 auto;
    padding: 24px 20px 60px;
    box-sizing: border-box;
    background: #fff;
}

.dir-cart__title {
    position: relative;
    margin: 0 0 28px;
    padding: 0 0 12px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #191410;
    border-bottom: none;
    width: fit-content;
    max-width: 100%;
}

.dir-cart__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 72px;
    height: 3px;
    background: #f7941f;
    border-radius: 2px;
}

.dir-cart__list {
    display: flex;
    flex-direction: column;
}

.dir-cart__row {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr) auto auto auto;
    align-items: center;
    gap: 16px 20px;
    padding: 18px 0;
    border-bottom: 1px solid #eae9e8;
}

.dir-cart__thumb {
    width: 88px;
    height: 88px;
    border-radius: 16px;
    overflow: hidden;
    background: #f6f5f4;
}

.dir-cart__photo,
.dir-cart__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.dir-cart__photo--empty {
    background: #eae9e8;
}

.dir-cart__name {
    margin: 0 0 4px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 32px;
    color: #191410;
}

.dir-cart__name a {
    color: inherit;
    text-decoration: none;
}

.dir-cart__name a:hover {
    color: #f7941f;
}

.dir-cart__meta,
.dir-cart__cfields {
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 300;
    color: #8a8681;
}

.dir-cart__qty-box {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 44px;
    padding: 0 10px;
    border-radius: 12px;
    background: #f3f2f1;
}

.dir-cart__qty-btn {
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #191410;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.dir-cart__qty-input {
    width: 36px;
    height: 28px;
    border: 0;
    background: transparent;
    text-align: center;
    font-family: 'Fira Sans', sans-serif;
    font-size: 16px;
    color: #191410;
    outline: none;
}

.dir-cart__price {
    min-width: 100px;
    text-align: right;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.2;
    color: #191410;
    white-space: nowrap;
}

.dir-cart__remove {
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #b0ada9;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

.dir-cart__remove:hover {
    color: #191410;
}

.dir-cart__summary {
    margin-top: 28px;
    padding: 24px;
    border-radius: 20px;
    background: #f6f5f4;
    box-sizing: border-box;
}

.dir-cart__summary-top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 16px 32px;
    margin-bottom: 20px;
}

.dir-cart__totals {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 16px 40px;
    flex: 1 1 auto;
    min-width: 0;
}

.dir-cart__total {
    display: flex;
    flex-direction: column;
}

.dir-cart__total-label {
    display: block;
    margin-bottom: 4px;
    font-family: 'Fira Sans', sans-serif;
    font-size: 16px;
    line-height: 1.25;
    min-height: 1.25em;
    color: #191410;
}

.dir-cart__total-value {
    display: flex;
    align-items: flex-end;
    min-height: 40px;
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    font-size: 42px;
    line-height: 44px;
    letter-spacing: 0;
    color: #191410;
}

.dir-cart__total--discount .dir-cart__total-label {
    font-size: 16px;
    color: #8a8681;
}

.dir-cart__total-value--discount {
    align-items: center;
    font-size: 22px;
    color: #d64545;
}

.dir-cart__total--pay .dir-cart__total-label {
    font-weight: 700;
}

.dir-cart__total--pay .dir-cart__total-value {
    font-size: 36px;
    color: #191410;
}

.dir-cart__promo {
    flex: 0 1 300px;
    width: 300px;
    max-width: 360px;
    min-width: 220px;
    margin-left: auto;
    align-self: center;
}

.dir-cart__promo-row {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.dir-cart__promo-input {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    height: 48px;
    padding: 0 18px;
    box-sizing: border-box;
    border: 0;
    border-radius: 24px;
    background: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 16px;
    color: #191410;
    outline: none;
}

.dir-cart__promo-input::placeholder {
    color: #b0ada9;
}

.dir-cart__promo-btn {
    flex: 0 0 auto;
    height: 48px;
    padding: 0 18px;
    border: 0;
    border-radius: 24px;
    background: #f7941f;
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
}

.dir-cart__promo-btn:hover {
    background: #e58512;
}

.dir-cart__promo-applied {
    margin: 8px 0 0;
    font-size: 14px;
    color: #8a8681;
}

.dir-cart__promo-remove {
    margin-left: 8px;
    color: #d64545;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.dir-cart__promo-remove:hover {
    color: #b53636;
}

.dir-cart__actions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px 28px;
    flex: 0 0 auto;
    align-self: center;
}

/* Без промокода — actions сами уезжают вправо */
.dir-cart__totals + .dir-cart__actions {
    margin-left: auto;
}

.dir-cart__actions .dir-cart__checkout-btn {
    width: auto;
}

.dir-cart__actions .dir-cart__links {
    justify-content: flex-start;
    gap: 12px 24px;
    white-space: nowrap;
}

.dir-cart__checkout-btn,
.dir-cart__checkout-btn.vm-button-correct,
#checkoutFormSubmit.dir-cart__checkout-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 240px;
    height: 50px;
    padding: 0 28px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: #f7941f !important;
    color: #fff !important;
    font-family: 'Fira Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0;
    text-transform: uppercase;
    text-decoration: none !important;
    cursor: pointer;
    box-shadow: none !important;
}

.dir-cart__checkout-btn:hover,
#checkoutFormSubmit.dir-cart__checkout-btn:hover {
    background: #e58512 !important;
    color: #fff !important;
}

.dir-cart__links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
}

.dir-cart__link {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #191410;
    text-decoration: none;
}

.dir-cart__link--muted {
    font-weight: 400;
    color: #8a8681;
}

.dir-cart__link:hover {
    color: #f7941f;
}

.dir-cart__notice {
    margin: 0;
    padding: 14px 18px;
    border-radius: 12px;
    background: #FED095;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 1.35;
    color: #000000;
    font-weight: 600;
}

.dir-cart__info {
    list-style: none;
    margin: 28px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.dir-cart__info-item,
.dir-cart__wishes-toggle {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.dir-cart__wishes {
    flex-direction: column;
    align-items: stretch;
}

.dir-cart__wishes-toggle {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
    font: inherit;
    color: inherit;
}

.dir-cart__info-mark {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    margin-top: 6px;
    border: 2px solid #f7941f;
    border-radius: 50%;
    box-sizing: border-box;
    position: relative;
}

.dir-cart__info-item.is-checked .dir-cart__info-mark::after,
.dir-cart__wishes.is-open .dir-cart__info-mark::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #f7941f;
    transform: translate(-50%, -50%);
}

.dir-cart__info-text {
    font-family: 'Manrope', sans-serif;
    font-size: 22px;
    line-height: 33px;
    color: #191410;
    font-weight: 400;
}

.dir-cart__info-text em,
.dir-cart__info-text strong {
    font-style: normal;
    font-weight: 400;
    color: #f7941f;
}

.dir-cart__wishes .dir-cart__info-text strong {
    color: #191410;
    font-weight: 700;
}

.dir-cart__wishes-panel {
    width: 100%;
    margin: 10px 0 0 0;
}

.dir-cart__wishes-panel[hidden] {
    display: none !important;
}

.dir-cart__wishes.is-open .dir-cart__wishes-panel {
    display: block !important;
}

.dir-cart__wishes-panel textarea,
.dir-cart__wishes-panel #customer_note_field,
.dir-cart__wishes-input {
    display: block;
    width: 100%;
    min-height: 110px;
    padding: 14px 16px;
    box-sizing: border-box;
    border: 1px solid #eae9e8;
    border-radius: 16px;
    background: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color: #191410;
    resize: vertical;
    outline: none;
}

.dir-cart__wishes-panel textarea:focus,
.dir-cart__wishes-input:focus {
    border-color: #f7941f;
}

.dir-cart__tos {
    margin-top: 20px;
    font-size: 14px;
    color: #8a8681;
}

.dir-cart--empty {
    text-align: center;
    padding-top: 60px;
}

.dir-cart__empty-text {
    margin: 0 0 24px;
    font-size: 18px;
    color: #8a8681;
}

/* Скрыть старый cosmetics-login/регистрацию если всплывёт */
.dir-cart .vm-checkout-login,
.dir-cart .payments-signin-button {
    display: none !important;
}

@media (max-width: 767.98px) {
    .dir-cart {
        padding: 16px 12px 40px;
    }

    .dir-cart__title {
        font-size: 28px;
    }

    .dir-cart__row {
        grid-template-columns: 72px minmax(0, 1fr) auto;
        grid-template-areas:
            "thumb info remove"
            "thumb qty price";
        gap: 10px 12px;
    }

    .dir-cart__thumb { grid-area: thumb; width: 72px; height: 72px; }
    .dir-cart__info-col { grid-area: info; }
    .dir-cart__qty { grid-area: qty; }
    .dir-cart__price { grid-area: price; font-size: 18px; min-width: 0; }
    .dir-cart__remove { grid-area: remove; justify-self: end; }

    .dir-cart__name { font-size: 16px; }

    .dir-cart__summary-top {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        margin-bottom: 20px;
    }

    .dir-cart__promo {
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
        min-width: 0;
        margin-left: 0;
        align-self: stretch;
    }

    .dir-cart__actions {
        width: 100%;
        margin-left: 0;
        align-self: stretch;
    }

    .dir-cart__actions .dir-cart__links {
        justify-content: flex-start;
        white-space: normal;
    }

    .dir-cart__totals {
        gap: 12px 24px;
    }

    .dir-cart__promo-btn {
        padding: 0 14px;
        font-size: 12px;
    }

    .dir-cart__total-value { font-size: 28px; }
    .dir-cart__total--pay .dir-cart__total-value { font-size: 28px; }

    .dir-cart__checkout-btn,
    #checkoutFormSubmit.dir-cart__checkout-btn {
        width: 100%;
        min-width: 0;
    }

    .dir-cart__wishes-panel {
        margin-left: 0;
    }
}


/* =======================================================================
   КОРЗИНА step2 — оформление
   ======================================================================= */

.dir-cart--step2 .dir-cart__form--step2 {
    border-top: 1px solid #eae9e8;
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 29px;
}

.dir-cart--step2 .dir-cart__block {
    margin: 0;
}

.dir-cart--step2 .dir-cart__block--divider,
.dir-cart--step2 .dir-cart__subsection {
    padding: 0 20px 32px;
    border-bottom: 1px solid #eae9e8;
}

/* Figma: 29px между секциями после линии (EL-996fef29 × N) */
.dir-cart--step2 .dir-cart__subsection + .dir-cart__subsection {
    padding-top: 29px;
}

.dir-cart--step2 .dir-cart__block--sectioned {
    padding: 0;
}

.dir-cart--step2 .dir-cart__block--sectioned > .dir-cart__section-title {
    padding: 0 0 12px;
    margin-left: 20px;
    margin-right: 20px;
}

.dir-cart--step2 .dir-cart__block--plain {
    padding: 0 20px;
}

.dir-cart--step2 .dir-cart__subsection .dir-cart__check {
    margin: 0;
}

.dir-cart--step2 .dir-cart__subsection:has(.dir-cart__delivery-fields[hidden]) {
    display: none;
}

.dir-cart__section-title {
    position: relative;
    margin: 0 0 29px;
    padding: 0 0 12px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #191410;
    border: 0;
    border-bottom: none;
    width: fit-content;
    max-width: 100%;
}

.dir-cart__section-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 72px;
    height: 3px;
    background: #f7941f;
    border-radius: 2px;
}

.dir-cart__userfields--step2 {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.dir-cart__fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

.dir-cart__field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.dir-cart__field-label {
    font-family: 'Fira Sans', sans-serif;
    font-size: 14px;
    line-height: 1.3;
    color: #8a8681;
}

.dir-cart__field-control input[type="text"],
.dir-cart__field-control input[type="email"],
.dir-cart__field-control input[type="tel"],
.dir-cart__field-control input[type="number"],
.dir-cart__field-control textarea,
.dir-cart--step2 input.form-control,
.dir-cart--step2 .form-control {
    width: 100%;
    max-width: 700px;
    height: 50px;
    margin: 0;
    padding: 0 16px;
    border: 1px solid #eae9e8;
    border-radius: 22px;
    background: #fafafa;
    font-family: Manrope, 'Fira Sans', sans-serif;
    font-size: 16px;
    color: #191410;
    box-sizing: border-box;
    outline: none;
}

.dir-cart__field-control select,
.dir-cart--step2 select.dir-cart__select,
.dir-cart--step2 .dir-cart__select.form-select {
    display: block;
    width: 100%;
    max-width: 700px;
    height: 50px;
    margin: 0;
    padding: 0 42px 0 16px;
    border: 1px solid #eae9e8;
    border-radius: 22px;
    background-color: #fafafa;
    background-image: none;
    background-size: auto;
    background-repeat: no-repeat;
    box-shadow: none;
    font-family: Manrope, 'Fira Sans', sans-serif;
    font-size: 16px;
    color: #191410;
    box-sizing: border-box;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.dir-cart__field-control--select {
    position: relative;
    width: 100%;
    max-width: 700px;
    box-sizing: border-box;
}

.dir-cart__field-control--select::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 18px;
    width: 12px;
    height: 8px;
    transform: translateY(-50%);
    pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238A8681' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.dir-cart--step2 select.dir-cart__select option,
.dir-cart--step2 .dir-cart__select.form-select option {
    font-family: Manrope, 'Fira Sans', sans-serif;
    font-size: 16px;
    line-height: 1.35;
    color: #191410;
    background: #fff;
}

.dir-cart--step2 select.dir-cart__select option:checked,
.dir-cart--step2 .dir-cart__select.form-select option:checked {
    background: #fff7ed;
    color: #191410;
}

.dir-cart--step2 select.dir-cart__select option:disabled,
.dir-cart--step2 .dir-cart__select.form-select option:disabled {
    color: #a0a0a0;
}

.dir-cart--step2 select.dir-cart__select optgroup,
.dir-cart--step2 .dir-cart__select.form-select optgroup {
    font-family: 'Fira Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #8a8681;
    background: #fafafa;
}

.dir-cart__field-control select:focus,
.dir-cart--step2 select.dir-cart__select:focus,
.dir-cart--step2 .dir-cart__select.form-select:focus {
    box-shadow: 0 0 0 2px rgba(247, 148, 31, 0.35);
    border-color: #f7941f;
    outline: none;
}

.dir-cart--step2 select.dir-cart__select:hover,
.dir-cart--step2 .dir-cart__select.form-select:hover {
    border-color: #ddd9d6;
}

/* Кастомный dropdown (native select не стилизуется при открытии) */
.dir-cart__field-control.dir-custom-select::after {
    display: none;
}

.dir-custom-select__native {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.dir-custom-select__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 50px;
    margin: 0;
    padding: 0 16px;
    border: 1px solid #eae9e8;
    border-radius: 22px;
    background: #fafafa;
    font-family: Manrope, 'Fira Sans', sans-serif;
    font-size: 16px;
    line-height: 1.35;
    color: #191410;
    text-align: left;
    box-sizing: border-box;
    cursor: pointer;
}

.dir-custom-select__trigger:hover {
    border-color: #ddd9d6;
}

.dir-custom-select.is-open .dir-custom-select__trigger,
.dir-custom-select__trigger:focus-visible {
    border-color: #f7941f;
    box-shadow: 0 0 0 2px rgba(247, 148, 31, 0.35);
    outline: none;
}

.dir-custom-select__value {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dir-custom-select__value.is-placeholder {
    color: #a0a0a0;
}

.dir-custom-select__arrow {
    flex: 0 0 12px;
    width: 12px;
    height: 8px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238A8681' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    transition: transform 0.18s ease;
}

.dir-custom-select.is-open .dir-custom-select__arrow {
    transform: rotate(180deg);
}

.dir-custom-select__panel {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    z-index: 50;
    max-height: min(320px, 50vh);
    overflow: hidden;
    margin: 0;
    padding: 4px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(25, 20, 16, 0.08);
    box-sizing: border-box;
}

.dir-custom-select__panel-inner {
    max-height: calc(min(320px, 50vh) - 8px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 4px 2px 4px 0;
    scrollbar-width: thin;
    scrollbar-color: #d8d4d0 transparent;
}

.dir-custom-select__panel-inner::-webkit-scrollbar {
    width: 6px;
}

.dir-custom-select__panel-inner::-webkit-scrollbar-track {
    background: transparent;
    margin: 6px 0;
}

.dir-custom-select__panel-inner::-webkit-scrollbar-thumb {
    background-color: #d8d4d0;
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

.dir-custom-select__panel-inner::-webkit-scrollbar-thumb:hover {
    background-color: #c8c4c0;
}

.dir-custom-select__panel[hidden] {
    display: none !important;
}

.dir-custom-select__group + .dir-custom-select__group {
    margin-top: 4px;
    padding-top: 4px;
    border-top: 1px solid #f0eeec;
}

.dir-custom-select__group-label {
    padding: 8px 16px 6px;
    font-family: 'Fira Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #8a8681;
}

.dir-custom-select__option {
    display: block;
    width: 100%;
    margin: 0;
    padding: 11px 16px;
    border: 0;
    background: transparent;
    font-family: Manrope, 'Fira Sans', sans-serif;
    font-size: 16px;
    line-height: 1.35;
    color: #191410;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
}

.dir-custom-select__option:hover,
.dir-custom-select__option:focus-visible {
    background: #fff7ed;
    outline: none;
}

.dir-custom-select__option.is-selected {
    background: #fff7ed;
    color: #191410;
}

.dir-custom-select.is-open .dir-cart__zone-tooltip {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.dir-cart--step2 textarea.form-control,
.dir-cart--step2 .dir-cart__field-control textarea {
    height: auto;
    min-height: 96px;
    padding: 14px 18px;
    border-radius: 18px;
    resize: vertical;
}

.dir-cart__field-control input:focus,
.dir-cart--step2 .form-control:focus {
    box-shadow: 0 0 0 2px rgba(247, 148, 31, 0.35);
}

.dir-cart--step2 .dir-cart__method-list {
    gap: 24px;
}

.dir-cart__method-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.dir-cart__method-item {
    margin: 0;
    padding: 0;
}

.dir-cart__method-item .dir-cart__method-input,
.dir-cart__methods input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    pointer-events: none;
}

.dir-cart__method-item .dir-cart__method-label,
.dir-cart__methods label {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    padding-left: 34px;
    min-height: 24px;
    font-family: 'Manrope', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    color: #191410;
    cursor: pointer;
}

.dir-cart__method-item .dir-cart__method-label::before,
.dir-cart__methods label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 22px;
    height: 22px;
    border: 2px solid #f7941f;
    border-radius: 50%;
    box-sizing: border-box;
    background: #fff;
    transform: translateY(-50%);
}

.dir-cart__method-item .dir-cart__method-input:checked + .dir-cart__method-label::after,
.dir-cart__method-item.is-selected .dir-cart__method-label::after,
.dir-cart__methods input[type="radio"]:checked + label::after {
    content: '';
    position: absolute;
    left: 6px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #f7941f;
    transform: translateY(-50%);
}

.dir-cart__methods .dir-cart__method-item input[type="text"],
.dir-cart__methods .dir-cart__method-item input[type="number"] {
    width: 88px;
    height: 36px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    background: #f3f2f1;
    font-family: 'Fira Sans', sans-serif;
    font-size: 15px;
    color: #191410;
}

.dir-cart__methods-empty {
    margin: 0;
    font-family: 'Fira Sans', sans-serif;
    font-size: 15px;
    color: #8a8681;
}

.dir-cart__pickup-addr {
    display: inline;
    margin-left: 4px;
    font-family: 'Manrope', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    color: #f7941f;
    text-decoration: none;
    white-space: normal;
}

.dir-cart__pickup-addr:hover {
    text-decoration: underline;
    color: #e08510;
}

.dir-cart__method-item--pickup .dir-cart__method-label {
    flex-wrap: wrap;
}

/* «Нужна сдача с» рядом с «Наличными курьеру» */
.dir-cart__change {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 10px;
    margin-left: 8px;
    vertical-align: middle;
}

.dir-cart__change-label {
    font-family: 'Manrope', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    color: #f7941f;
    white-space: nowrap;
}

.dir-cart__change-input {
    width: 88px !important;
    height: 36px !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #f3f2f1 !important;
    font-family: 'Fira Sans', sans-serif !important;
    font-size: 15px !important;
    color: #191410 !important;
    text-align: center;
    box-sizing: border-box;
    outline: none;
}

.dir-cart__change-input:focus {
    box-shadow: 0 0 0 2px rgba(247, 148, 31, 0.35);
}

.dir-cart__change-rub {
    font-family: 'Manrope', sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 28px;
    color: #f7941f;
}

.dir-cart__method-item--cash .dir-cart__method-label {
    flex-wrap: wrap;
    align-items: center;
}

@media (max-width: 575px) {
    .dir-cart__change {
        margin-left: 0;
        margin-top: 6px;
        width: 100%;
        padding-left: 34px;
    }
}

/* Карусель категорий на странице корзины (без поиска) */
.dir-delivery-nav--cart {
    max-width: 1440px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.dir-delivery-nav--cart .dir-delivery-search {
    display: none;
}

/* Fallback карусели на страницах категорий без модуля top-b */
.dir-delivery-nav--category {
    max-width: 100%;
    width: 100%;
    margin: 0 0 8px;
    padding: 8px 0 !important;
    box-sizing: border-box;
}

.dir-delivery-nav--category .dir-cat-nav,
.dir-delivery-nav--category .dir-breadcrumbs {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.dir-delivery-nav--category .dir-cat-nav {
    position: relative;
    z-index: 5;
}

.dir-delivery-nav--category .dir-cat-nav__link {
    position: relative;
    z-index: 6;
    pointer-events: auto;
}

.dir-cart__userfields--step2,
.dir-cart__delivery-fields {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.dir-cart__delivery-fields {
    margin-top: 0;
    padding-top: 0;
    width: 100%;
    min-width: 0;
}

.dir-cart__field--delivery-zone {
    width: 100%;
    min-width: 0;
}

.dir-cart__delivery-fields[hidden] {
    display: none !important;
}

.dir-cart__field-hint {
    margin: 8px 0 0;
    font-family: 'Fira Sans', sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #8a8681;
}

.dir-cart__field-error {
    margin: 0;
    padding: 12px 16px;
    border-radius: 14px;
    background: #fff4f2;
    border: 1px solid #f0c4bc;
    font-family: 'Fira Sans', sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #a51f18;
}

.dir-cart__field-error[hidden] {
    display: none !important;
}

.dir-cart__zone-tooltip {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    right: auto;
    z-index: 30;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 12px 16px;
    border: 1px solid #F7941F;
    border-radius: 16px;
    background: #fff;
    box-shadow: none;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 1.45;
    color: #191410;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
    pointer-events: none;
}

.dir-cart__zone-tooltip::before {
    content: '';
    position: absolute;
    top: -7px;
    left: 28px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #F7941F;
    background: none;
    transform: none;
    z-index: 0;
}

.dir-cart__zone-tooltip::after {
    content: '';
    position: absolute;
    top: -5px;
    left: 29px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    background: none;
    z-index: 1;
}

.dir-cart__field--delivery-zone .dir-cart__field-control:hover .dir-cart__zone-tooltip,
.dir-cart__field--delivery-zone .dir-cart__field-control:focus-within .dir-cart__zone-tooltip,
.dir-cart__field--delivery-zone.is-zone-tooltip-open .dir-cart__zone-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

@media (hover: none) {
    .dir-cart__field--delivery-zone .dir-cart__field-control:focus-within .dir-cart__zone-tooltip,
    .dir-cart__field--delivery-zone.is-zone-tooltip-open .dir-cart__zone-tooltip {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

.dir-cart--step2 .dir-cart__field-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.dir-cart--step2 .dir-cart__persons-label {
    position: static;
    width: auto;
    height: auto;
    margin: 0 0 10px;
    padding: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
    font-family: 'Fira Sans', sans-serif;
    font-size: 18px;
    line-height: 1.35;
    color: #191410;
}

.dir-cart__field-control input::placeholder,
.dir-cart__field-control textarea::placeholder {
    color: #a0a0a0;
}

.dir-cart__check {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 18px 0 0;
    cursor: pointer;
    user-select: none;
}

.dir-cart__check-input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    pointer-events: none;
}

.dir-cart__check-mark {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    margin-top: 1px;
    border: 2px solid #f7941f;
    border-radius: 50%;
    box-sizing: border-box;
    background: #fff;
    position: relative;
}

.dir-cart__check-input:checked + .dir-cart__check-mark::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #f7941f;
}

.dir-cart__check-text {
    font-family: 'Manrope', sans-serif;
    font-size: 22px;
    line-height: 28px;
    font-weight: 400;
    color: #A0A0A0;
}

.dir-cart__persons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 16px;
}

.dir-cart__persons-label {
    margin: 0;
    font-family: 'Fira Sans', sans-serif;
    font-size: 18px;
    line-height: 1.3;
    color: #f7941f;
}

.dir-cart__persons-input,
.dir-cart__persons-field input {
    width: 72px !important;
    height: 40px !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #f3f2f1 !important;
    text-align: center;
    font-family: 'Fira Sans', sans-serif !important;
    font-size: 16px !important;
    color: #191410 !important;
    box-sizing: border-box;
}

.dir-cart__hint {
    flex: 1 1 100%;
    margin: 0;
    font-size: 12px;
    color: #8a8681;
}

.dir-cart__hint code {
    font-size: 12px;
    color: #f7941f;
}

.dir-cart__summary--step2 {
    margin-top: 8px;
}

.dir-cart__summary--step2 .dir-cart__summary-row {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
        "total btn"
        "links links";
    gap: 16px 24px;
    align-items: center;
}

.dir-cart__summary--step2 .dir-cart__totals { grid-area: total; }
.dir-cart__summary--step2 .dir-cart__checkout { grid-area: btn; justify-self: end; }
.dir-cart__summary--step2 .dir-cart__links {
    grid-area: links;
    justify-content: flex-start;
}

.dir-cart__summary--step2 .dir-cart__total--pay {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px 12px;
}

.dir-cart__summary--step2 .dir-cart__total-label {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.dir-cart__summary--step2 .dir-cart__total-value {
    font-size: 28px;
    font-weight: 700;
}

.dir-cart__check--news {
    margin-top: 0;
    padding: 0 20px;
}

.dir-cart__legal {
    margin: 14px 0 0;
    padding: 0 20px;
    font-family: 'Fira Sans', sans-serif;
    font-size: 13px;
    line-height: 1.4;
    color: #8a8681;
}

.dir-cart__legal a {
    color: #8a8681;
    text-decoration: underline;
}

.dir-cart__legal a:hover {
    color: #f7941f;
}

.dir-cart__billto-row {
    display: flex;
    gap: 8px;
    margin: 0 0 6px;
    font-family: 'Fira Sans', sans-serif;
    font-size: 16px;
}

.dir-cart__billto-label { color: #8a8681; }
.dir-cart__billto-value { color: #191410; }

.dir-cart__edit-link {
    display: inline-block;
    margin-top: 8px;
    font-family: 'Fira Sans', sans-serif;
    font-size: 14px;
    color: #f7941f;
    text-decoration: none;
}

.dir-cart__edit-link:hover {
    text-decoration: underline;
}

@media (max-width: 767.98px) {
    .dir-cart--step2 {
        max-width: 100%;
        padding: 16px 16px 48px;
    }

    .dir-cart__section-title {
        font-size: 24px;
    }

    .dir-cart__method-item .dir-cart__method-label,
    .dir-cart__methods label {
        font-size: 16px;
    }

    .dir-cart__summary--step2 .dir-cart__summary-row {
        grid-template-columns: 1fr;
        grid-template-areas:
            "total"
            "btn"
            "links";
    }

    .dir-cart__summary--step2 .dir-cart__checkout {
        justify-self: stretch;
    }

    .dir-cart__summary--step2 .dir-cart__checkout-btn,
    .dir-cart__summary--step2 #checkoutFormSubmit.dir-cart__checkout-btn {
        width: 100%;
    }
}


/* ── Доставка: блок преимуществ над футером ── */
.dir-advantages {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 24px 0 50px;
    box-sizing: border-box;
    background: #fff;
}

.dir-advantages__row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px 20px;
    align-items: start;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.dir-advantages__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    text-align: center;
    min-width: 0;
}

.dir-advantages__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    flex-shrink: 0;
}

.dir-advantages__icon img {
    display: block;
    width: auto;
    height: 40px;
    max-width: 64px;
}

.dir-advantages__title {
    margin: 0;
    padding: 0 0 8px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 33px;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #2c1e15;
    position: relative;
}

.dir-advantages__title::after {
    content: "";
    display: block;
    width: 65px;
    height: 3px;
    margin: 5px auto 0;
    background: #f7941d;
}

.dir-advantages__text {
    margin: 0;
    max-width: 260px;
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 26.4px;
    letter-spacing: -0.03em;
    color: #212529;
    text-align: center;
}

.dir-advantages__text--geo {
    max-width: 229px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    cursor: pointer;
    transition: color 0.2s ease;
}

.dir-advantages__text--geo:hover,
.dir-advantages__text--geo:focus-visible {
    color: #f7941d;
    outline: none;
}

.dir-advantages__text--geo.is-expanded {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
}

@media (max-width: 991.98px) {
    .dir-advantages {
        padding: 20px 0 36px;
    }

    .dir-advantages__row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 16px;
    }
}

@media (max-width: 575.98px) {
    .dir-advantages__row {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 0 16px;
    }

    .dir-advantages__title {
        font-size: 17px;
        line-height: 1.4;
    }

    .dir-advantages__text {
        font-size: 18px;
        line-height: 1.35;
        max-width: 280px;
    }

    .dir-advantages__text--geo {
        max-width: 280px;
    }
}

.dir-modal-checkout {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    box-sizing: border-box;
}

.dir-modal-checkout[hidden] {
    display: none !important;
}

.dir-modal-checkout__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(44, 30, 21, 0.9);
    -webkit-backdrop-filter: blur(17.6px);
    backdrop-filter: blur(17.6px);
}

.dir-modal-checkout__dialog {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 560px;
    padding: 48px 40px 40px;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 0 40px rgba(25, 20, 16, 0.18);
    text-align: center;
    box-sizing: border-box;
}

.dir-modal-checkout__close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.dir-modal-checkout__close::before,
.dir-modal-checkout__close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px;
    background: #191410;
}

.dir-modal-checkout__close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.dir-modal-checkout__close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.dir-modal-checkout__title {
    margin: 0 0 16px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    font-size: 34px;
    line-height: 1.15;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #191410;
    text-align: center;
}

.dir-modal-checkout__title::after {
    content: '';
    display: block;
    width: 64px;
    height: 3px;
    margin: 14px auto 0;
    background: #f7941f;
    border-radius: 2px;
}

.dir-modal-checkout__text {
    margin: 0 0 28px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.45;
    color: #191410;
    text-align: center;
}

.dir-modal-checkout__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 280px;
    min-height: 52px;
    padding: 12px 28px;
    border: 0;
    border-radius: 22px;
    background: #f7941f;
    color: #ffffff;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    text-transform: uppercase;
    text-decoration: none !important;
    cursor: pointer;
    transition: background-color 0.2s ease;
    box-sizing: border-box;
}

.dir-modal-checkout__btn:hover {
    background: #e88712;
    color: #ffffff;
}

.dir-order-done {
    max-width: 720px;
    margin: 40px auto 80px;
    padding: 0 20px;
    text-align: center;
}

.dir-order-done__title {
    margin: 0 0 16px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    font-size: 34px;
    line-height: 1.15;
    text-transform: uppercase;
    color: #191410;
}

.dir-order-done__title::after {
    content: '';
    display: block;
    width: 64px;
    height: 3px;
    margin: 14px auto 0;
    background: #f7941f;
    border-radius: 2px;
}

.dir-order-done__text {
    margin: 0 0 28px;
    font-family: 'Fira Sans', sans-serif;
    font-size: 18px;
    line-height: 1.4;
    color: #191410;
}

.dir-order-done__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    justify-content: center;
}

@media (max-width: 575.98px) {
    .dir-modal-checkout__dialog {
        padding: 36px 20px 28px;
    }

    .dir-modal-checkout__title {
        font-size: 26px;
    }

    .dir-modal-checkout__text {
        font-size: 16px;
    }

    .dir-modal-checkout__btn {
        min-width: 0;
        width: 100%;
    }
}