@layer tenant{

        :root{
            /* ---------- Шапка ---------- */
.header-tertiary__catalog-btn {
    border-radius: 100px !important;
}

/* ---------- Секции с товарами ---------- */
.products__ecom {
    background: #ffffff !important;
}

/* ---------- Оболочка карточки ----------
   Тонкая рамка вместо тени; мягкая тень только на hover. */
.products .product__item {
    background: #ffffff !important;
    border: 1px solid #f5f5f5 !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 16px rgba(20, 20, 20, .035) !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}
.products .product__item:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 26px rgba(20, 20, 20, .08) !important;
}
.product__item:not(.list):not(.banner) {
    padding: 12px !important;
    height: auto !important;    /* тема ставит фикс. 480px — от него пустота под кнопкой */
    min-height: 0 !important;
}
/* слайд-баннер акции в слайдерах — НЕ карточка: без рамки/паддинга,
   растянут на высоту ряда, чтобы не был короче карточек */
.products .product__item.banner {
    padding: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}
.products .product__item.banner:hover {
    transform: none !important;
    box-shadow: none !important;
}
/* скругляем и содержимое баннера: сама картинка и ссылка-обёртка
   (overflow на карточке не всегда клипует вложенный img) */
.products .product__item.banner a {
    display: block !important;
    height: 100% !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}
.products .product__item.banner img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 20px !important;
    display: block !important;
}
/* лого бренда поверх фото не показываем */
.products .product__brand img {
    display: none !important;
}

/* ---------- Фото: карточка с ОДНИМ фото ----------
   Ширина = ширине карточки, высота держится пропорцией 220:250
   (фото-шаблон v4). Никаких фиксированных px. */
.product__item:not(.list) .product__img:not(.swiper-slide) {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 220 / 250 !important;
    margin: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}
.product__item:not(.list) .product__img .product__image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 16px !important;
    display: block !important;
}

/* ---------- Фото: карточка с 2+ фото (swiper) ----------
   ВАЖНО: ширину .swiper-slide НЕ задавать — её считает swiper
   инлайн-стилем по ширине контейнера. Фиксированная ширина
   ломает транслейты (фото уезжает из кадра). */
.product__item:not(.list) .product__image-slider {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 220 / 250 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}
.product__image-slider .swiper-wrapper {
    height: 100% !important;
}
.product__image-slider .swiper-slide.product__img {
    height: 100% !important;
}
.product__image-slider .product__image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 16px !important;
}

/* ---------- Избранное: сердце в белом круге ---------- */
.product__item:not(.list) .product__btns {
    right: 22px !important;
    top: 22px !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.product__item .product__btns .btn__wrap {
    width: 40px !important;
    height: 40px !important;
    background: #ffffff !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 10px rgba(29, 29, 29, .12) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.product__item .product__btns .btn__wrap .favorites-icon {
    width: 18px !important;
    height: 18px !important;
}

/* ---------- Название ---------- */
.products .product__name {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    color: #171717 !important;
    margin: 0 !important;
}
/* отступ между фото и названием */
.product__item:not(.list) .product__info {
    margin-top: 12px !important;
}
.products .product__name a { color: #171717 !important; }
/* в плитке резервируем 2 строки — цены и кнопки на одном уровне
   (клиент 2026-08-13: 3 строки делают карточку слишком длинной) */
.products .product__item:not(.list) .product__name {
    min-height: 44px !important; /* 2 строки по 16px/1.35 */
    max-height: none !important;
}
/* длинные названия режем на 2-й строке */
.products .product__item:not(.list) .product__name a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* ---------- Цены ---------- */
.products .product__prices {
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    column-gap: 8px !important;
    white-space: nowrap !important;
    min-height: 30px !important; /* одинаковая высота блока цены */
}
.products .product__prices .price {
    color: #ff5a12 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    padding-right: 0 !important;
}
.products .product__prices .price-row {
    display: flex !important;
    align-items: baseline !important;
}
.products .product__prices .price.old__price {
    color: #777777 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}
/* бейдж "-57%" рядом с ценой не показываем */
.products .product__prices .price.discount-value {
    display: none !important;
}

/* ---------- Низ карточки: цены + кнопка ---------- */
.product__body {
    flex-direction: column !important;
}
.product__item:not(.list) .product__body {
    margin-top: 14px !important;
}
.product__item:not(.list) .product__body .btn-text {
    display: flex !important;
    align-items: center !important;
}
.product__item:not(.list) .product__body .product__stock-wrapper {
    margin: 14px 0 0 !important;
    width: 100% !important;
}
/* кнопка: белая с оранжевой обводкой, hover — полностью оранжевая */
.products .btn__add_cart {
    height: 48px !important;
    background: #ffffff !important;
    border: 2px solid #ff5a12 !important;
    color: #ff5a12 !important;
    border-radius: 100px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    transition: background .25s ease, color .25s ease !important;
}
.product__item:not(.list) .product__body .btn__add_cart {
    width: 100% !important;
}
.products .btn__add_cart .svg-icon {
    width: 18px !important;
    height: 18px !important;
    fill: currentColor !important;
    margin-right: 8px !important;
}
.products .btn__add_cart:hover {
    background: #ff5a12 !important;
    color: #ffffff !important;
}
.products__ecom .btn__add_cart {
    border-radius: 100px !important;
}

/* ---------- Разделитель фото/название (скрыт) ---------- */
.product__item:not(.list) .spacer {
    margin: 0 !important;
    height: 0 !important;
}

/* ---------- Мобильная адаптация ---------- */
@media (max-width: 767px) {
    .product__item:not(.list):not(.banner) {
        padding: 8px !important;
    }
    .products .product__item {
        border-radius: 18px !important;
    }
    .products .product__name {
        font-size: 14px !important;
    }
    .products .product__item:not(.list) .product__name {
        min-height: 38px !important; /* 2 строки по 14px */
    }
    .products .product__prices .price {
        font-size: 16px !important;
    }
    .products .product__prices .price.old__price {
        font-size: 12px !important;
    }
    .products .btn__add_cart {
        height: 42px !important;
    }
    .product__item:not(.list) .product__btns {
        right: 14px !important;
        top: 14px !important;
    }
    .product__item .product__btns .btn__wrap {
        width: 34px !important;
        height: 34px !important;
    }
    .product__item .product__btns .btn__wrap .favorites-icon {
        width: 16px !important;
        height: 16px !important;
    }
    .product__item:not(.list) .product__img:not(.swiper-slide),
    .product__item:not(.list) .product__image-slider {
        border-radius: 12px !important;
    }
    .product__item:not(.list) .product__img .product__image,
    .product__image-slider .product__image {
        border-radius: 12px !important;
    }
}

/* ============================================================
   ЧАСТЬ 2: СТРАНИЦА ТОВАРА (v1 по референсу, 2026-08-13)
   ============================================================ */

/* ---------- Единая белая карточка: фото + информация ---------- */
.product__content.product__box {
    border-radius: 24px !important;
    box-shadow: 0 8px 28px rgba(29, 29, 29, .08) !important;
    border: 1px solid #f2f2f2 !important;
    padding: 24px !important;
    column-gap: 32px !important;
    background: #ffffff !important;
    align-items: start !important;
}
/* колонки всегда делят доступную ширину — правая колонка не может
   вылезти за карту, какой бы фикс. width ни считала тема */
@media (min-width: 992px) {
    .product__content.product__box {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    }
}
/* вертикальная линия темы между фото и правой колонкой — убрать */
.product__page .product__slider,
.product__content .product__slider {
    border-right: none !important;
}
/* правая колонка без собственной рамки/подложки */
.primary__product_info {
    padding: 8px 0 0 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* ---------- Фото слева: персиковый блок, компактнее ----------
   Фон = цвет фона фото-шаблона v4 (253,241,235): contain-леттербокс
   сливается с фоном и выглядит бесшовно. Миниатюры (.slider__thumbs)
   НЕ трогаем — у них свои классы. */
.product__slider .slider__images {
    height: 540px !important;
    max-height: 540px !important;
    background: #fdf1eb !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}
.product__slider .slider__images img,
.product__slider .slider__images .product__image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 20px !important;
}
/* ≥992: кремовый блок тянется на всю высоту правой колонки, фото центрируется
   в нём (contain + фон = фон шаблона). img absolute — иначе его натуральная
   высота раздувает grid-ряд (петля: ряд растёт от фото, фото от ряда).
   Порядок: фото сверху (order 1), миниатюры .slider__col вниз (order 2). */
@media (min-width: 992px) {
    .product__page .product__slider {
        align-self: stretch !important;
        height: auto !important;
    }
    .product__slider .slider__flex {
        height: 100% !important;
        flex-direction: column !important;
    }
    .product__slider .slider__images {
        flex: 1 1 auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        position: relative !important;
        order: 1 !important;
    }
    .product__slider .slider__images img {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
    }
    .product__slider .slider__flex .slider__col {
        order: 2 !important;
        margin-top: 14px !important;
    }
}

/* ---------- Шапка: код, бренд, избранное/поделиться ---------- */
.product__head {
    margin: 0 0 4px !important;
    padding: 0 !important;
    border: none !important;
}
.product__code { color: #757575 !important; font-size: 14px !important; }
.product__head__group__icons .btn-favorite {
    width: 44px !important;
    height: 44px !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 50% !important;
    background: #ffffff !important;
}

/* ---------- Название ---------- */
h1.product__title {
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin: 10px 0 0 !important;
}

/* ---------- Выбор варианта группы (вкус/объём) ---------- */
.parameters { margin: 14px 0 18px !important; }
.parameters__media__label {
    color: #757575 !important;
    font-size: 14px !important;
    margin-bottom: 10px !important;
}
.parameters__media__list { gap: 12px !important; }
.parameters__media__list__item {
    width: 72px !important;
    height: 72px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    padding: 4px !important;
    background: #ffffff !important;
    position: relative !important;
    overflow: visible !important;
}
.parameters__media__list__item.active { border: 2px solid #ff5a12 !important; }
/* маленькая отметка выбора на активной миниатюре */
.parameters__media__list__item.active::after {
    content: '\2713';
    position: absolute;
    top: 4px;
    right: 4px;
    width: 16px;
    height: 16px;
    background: #ff5a12;
    color: #ffffff;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    z-index: 2;
}
.parameters__media__list__item img {
    border-radius: 9px !important;
    object-fit: cover !important;
}

/* блоки вариантов (вес/объём): чипы вместо серых плиток темы */
.parameters__select label {
    font-size: 14px !important;
    color: #757575 !important;
    font-weight: 400 !important;
    margin-bottom: 8px !important;
    display: block !important;
}
.parameters__select__list__items {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}
.parameters__select__list__item a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 46px !important;
    padding: 0 20px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 100px !important;
    background: #ffffff !important;
    color: #171717 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    transition: border-color .15s ease, color .15s ease, background .15s ease !important;
}
.parameters__select__list__item a:hover {
    border-color: #ff5a12 !important;
    color: #ff5a12 !important;
}
.parameters__select__list__item a.active,
.parameters__select__list__item.active a {
    border: 2px solid #ff5a12 !important;
    background: #fff3ed !important;
    color: #ff5a12 !important;
    font-weight: 600 !important;
    padding: 0 19px !important;
}

/* ---------- Цена, скидка, количество — одна строка ---------- */
.prices.type2 { margin: 0 0 18px !important; }
.product__prices.type2 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}
.product__prices.type2 > div:first-child {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
}
/* текущая цена: крупный чёрный текст (не зелёный) */
.prices .price.new__price {
    color: #1d1d1d !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    margin: 0 !important;
}
/* старая цена: серая, тоньше, перечёркнута только цифра */
.prices .price.old__price {
    color: #9e9e9e !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.prices .price.old__price > div:first-child { text-decoration: line-through !important; }
/* выгода в сумме «-20 MDL» скрыта (клиент 2026-08-13: хватит процента) */
.prices .calculated-discount { display: none !important; }
/* "-57%" — плашка выгоды (sage-палитра, ЧАСТЬ 12) */
.prices .discount {
    display: inline-block !important;
    text-decoration: none !important;
    background: #EDF4EF !important;
    color: #4E7A62 !important;
    border-radius: 8px !important;
    padding: 4px 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* ---------- Кнопки покупки ----------
   Селекторы с .product__page ... .type2 — специально: у темы
   width:100% !important с такой же специфичностью. */
.actions.product {
    display: flex !important;
    gap: 16px !important;
    margin-top: 4px !important;
}
.product__page .actions.product.type2 .btn__add_cart {
    order: -1 !important;              /* «В кош» первой */
    width: calc(50% - 8px) !important;
    flex: 0 0 auto !important;
    height: 52px !important;
    border-radius: 100px !important;
    background: #ff5a12 !important;
    color: #ffffff !important;
    border: none !important;
}
.product__page .actions.product.type2 .btn__add_cart:hover { background: #e85808 !important; }
.product__page .actions.product.type2 .btn-one-click {
    width: calc(50% - 8px) !important;
    flex: 0 0 auto !important;
    height: 52px !important;
    border-radius: 100px !important;
    background: #ffffff !important;
    color: #ff5a12 !important;
    border: 1.5px solid #ff5a12 !important;
}
.product__page .actions.product.type2 .btn-one-click:hover {
    background: #ff5a12 !important;
    color: #ffffff !important;
}
.actions.product .btn-one-click svg,
.actions.product .btn__add_cart svg { fill: currentColor !important; }

/* ---------- Описание под кнопками ---------- */
.description__section {
    border-top: 1px solid #eeeeee !important;
    margin-top: 20px !important;
    padding-top: 18px !important;
}
.description__section::before {
    content: 'Despre produs';
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #1d1d1d;
    margin-bottom: 10px;
}
.description__section:lang(ru)::before { content: '\041E\20\0442\043E\0432\0430\0440\0435'; }
.description__section .product__text .content {
    font-size: 15px !important;
    line-height: 1.55 !important;
    color: #4a4a4a !important;
}
/* кнопка «Читать больше / Citește mai mult» — у темы белая по белому, не видна */
.description__section .hide__text {
    color: #ff5a12 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    height: auto !important;
    margin-top: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: none !important;
}
.description__section .hide__text svg { width: 16px !important; height: 16px !important; }
/* стрелка: stroke задан атрибутом var(--surface-black-t3) — CSS перебивает атрибут */
.description__section .hide__text svg path { stroke: currentColor !important; }

/* ---------- Характеристики: компактный блок в одну строку ---------- */
.product__content__tabs { margin-top: 24px !important; }
.product__content__tabs .tabs { display: none !important; } /* один таб — заголовок дублирует h2 */
section.characteristics {
    border: 1px solid #eeeeee !important;
    border-radius: 20px !important;
    padding: 24px !important;
    background: #ffffff !important;
}
.characteristics__content h2 {
    font-size: 20px !important;
    font-weight: 700 !important;
    margin: 0 0 18px !important;
}
.characteristics__content__list__item {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}
.characteristics__content__list { margin: 0 !important; padding: 0 !important; }
/* подпись "Caracteristicile principalele" не показываем */
.characteristics__content__list__item__title { display: none !important; }
.characteristics__content__list__item__wrapper { width: 100% !important; }
/* таблица тема → зебра-строки «подпись слева — значение справа» (референс mi.md);
   на десктопе список раскладывается в 2 CSS-колонки, на мобиле — одна */
.characteristics__table { display: block !important; width: 100% !important; }
.characteristics__table-body {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 28px !important; /* row-gap 0: тема даёт 32px — рвались зебра-пары */
    align-content: start !important;
    width: 100% !important;
    height: auto !important;
}
.characteristics__row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 12px 16px !important;
    border-radius: 10px !important;
    min-width: 0 !important;
}
/* зебра парами (1,2 серые; 3,4 белые...) — в grid row-flow обе колонки
   каждой визуальной строки всегда одного цвета, при любом числе строк */
.characteristics__row:nth-child(4n+1),
.characteristics__row:nth-child(4n+2) { background: #f6f7f8 !important; }
.characteristics__cell {
    padding: 0 !important;
    border: none !important;
    background: none !important;
}
.characteristics__cell--title {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #8f8f8f !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    text-align: left !important;
    flex: 1 1 auto !important;
}
.characteristics__cell--value {
    color: #1d1d1d !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: right !important;
    flex: 0 1 auto !important;
    overflow-wrap: anywhere !important;
}

/* ---------- Мобильная адаптация страницы товара ---------- */
@media (max-width: 767px) {
    .product__content.product__box {
        padding: 14px !important;
        border-radius: 20px !important;
    }
    .product__slider .slider__images {
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
    }
    h1.product__title { font-size: 20px !important; }
    .prices .price.new__price { font-size: 28px !important; }
    .actions.product {
        flex-direction: column !important;
        gap: 12px !important;
    }
    .product__page .actions.product.type2 .btn__add_cart,
    .product__page .actions.product.type2 .btn-one-click {
        width: 100% !important;
        height: 48px !important;
    }
    section.characteristics { padding: 18px !important; }
    .characteristics__table-body { grid-template-columns: 1fr !important; }
    /* одна колонка: зебра снова через строку */
    .characteristics__row:nth-child(4n+1),
    .characteristics__row:nth-child(4n+2) { background: transparent !important; }
    .characteristics__row:nth-child(odd) { background: #f6f7f8 !important; }
    .characteristics__row { padding: 11px 12px !important; }
}


/* ---------- Иконки характеристик ---------- */
.mcm-spec-icon {
    width: 26px !important;
    height: 26px !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
    display: inline-block !important;
    position: relative !important;
    top: -1px !important;
}
.parameters__media__label__name .mcm-spec-icon {
    width: 22px !important;
    height: 22px !important;
    margin-right: 6px !important;
}
@media (max-width: 767px) {
    .mcm-spec-icon {
        width: 22px !important;
        height: 22px !important;
        margin-right: 6px !important;
    }
}

/* ============================================================
   ЧАСТЬ 3: СТРАНИЦА КАТЕГОРИИ + ФИЛЬТРЫ (2026-08-13)
   ============================================================ */

/* ---------- Общая сетка ---------- */
.catalog__wrapper {
    max-width: 1360px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}
/* ширина сайдбара — ТОЛЬКО десктоп (на мобиле left-side рендерится
   в потоке и 280px сжимали блок подкатегорий — «не на всю ширину») */
.catalog__wrapper-sidebar .left-side { margin: 0 !important; }
@media (min-width: 1024px) {
    .catalog__wrapper-sidebar .left-side {
        width: 280px !important;
        min-width: 280px !important;
        flex: 0 0 280px !important;
    }
}
@media (max-width: 1023px) {
    .catalog__wrapper-sidebar .left-side,
    .filters-vertical--subcategory {
        width: 100% !important;
        min-width: 0 !important;
    }
}
.catalog__wrapper-sidebar .products.catalog {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
/* 24px между сайдбаром и товарами — ТОЛЬКО десктоп (на мобиле сайдбара
   нет, и левый отступ был 12+24 против 12 справа — сетка стояла криво) */
.catalog__wrapper-sidebar .products.catalog > .container {
    padding: 0 !important;
    max-width: none !important;
}
@media (min-width: 1024px) {
    .catalog__wrapper-sidebar .products.catalog > .container {
        padding: 0 0 0 24px !important;
    }
}
/* 4 карточки в ряд на десктопе (кроме list view) */
@media (min-width: 1100px) {
    .catalog__wrapper-sidebar .product__items:not(:has(.product__item.list)) {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }
}
.product__items { gap: 20px !important; }

/* ---------- Заголовок и баннер категории ---------- */
.category-title { margin-bottom: 12px !important; }
.catalog-description {
    border-radius: 18px !important;
    border: 1px solid #ededed !important;
    overflow: hidden !important;
    box-shadow: none !important;
}
.catalog-description__content p { margin: 0 !important; }
.catalog-description__content img { display: block !important; }
/* баннер → сортировка 20px, сортировка → товары 16px */
.catalog__sort.catalog__sort--header-offset {
    margin-top: 8px !important;
    margin-bottom: 12px !important;
}
.catalog__sort-row {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 12px !important;
}
.sorting-bar { gap: 10px !important; }

/* ---------- Блок подкатегорий ---------- */
.filters-vertical--subcategory {
    background: #ffffff !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 0 16px !important;
    box-shadow: none !important;
}
.filters-vertical--subcategory a.filters-vertical__content__params__item {
    display: block !important;
    border-bottom: 1px solid #ededed !important;
    margin: 0 !important;
}
.filters-vertical--subcategory a.filters-vertical__content__params__item:last-child {
    border-bottom: none !important;
}
.filters-vertical--subcategory .filters-vertical__content__params__item__header {
    height: 45px !important;
    padding: 0 16px !important;
    display: flex !important;
    align-items: center !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #222222 !important;
    margin: 0 !important;
    background: #ffffff !important;
    transition: background .15s ease, color .15s ease !important;
}
.filters-vertical--subcategory a:hover .filters-vertical__content__params__item__header {
    background: #EDF4EF !important;
    color: #2F3133 !important;
}
.filters-vertical--subcategory a.nuxt-link-active .filters-vertical__content__params__item__header,
.filters-vertical--subcategory a.nuxt-link-exact-active .filters-vertical__content__params__item__header,
.filters-vertical--subcategory a.active .filters-vertical__content__params__item__header {
    background: #EDF4EF !important;
    color: #2F3133 !important;
    font-weight: 600 !important;
}
.filters-vertical--subcategory .filters-vertical__content__params__item__header svg {
    width: 19px !important;
    height: 19px !important;
}

/* ---------- Панель фильтров ---------- */
/* фильтры в потоке — sticky оставлял зазор над панелью при скролле */
.filter-vertical-container {
    position: static !important;
    align-self: start !important;
}
.filter-vertical-container .filters-vertical {
    background: #ffffff !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 18px rgba(20, 20, 20, 0.03) !important;
    max-height: calc(100vh - 120px) !important;
}
/* «Produse găsite» убираем */
.filter-vertical-container .filters-vertical__header { display: none !important; }
/* Статусы New/Sale скрыты и на фронте (подстраховка к настройке админки) */
.status-filters,
.filters-vertical__content__params__item__header--status { display: none !important; }
.filters-vertical__content__params > div:has(> .filters-vertical__content__params__item__header--status) { display: none !important; }

/* строка «Doar în stoc» */
.filters-vertical__in-stock {
    padding: 14px 18px !important;
    border-bottom: 1px solid #ededed !important;
    margin: 0 !important;
}
.filters-vertical__in-stock .ui-switch-toggler label {
    font-size: 14px !important;
    color: #333333 !important;
    margin-left: 10px !important;
}
.filters-vertical__in-stock .ui-switch-toggler button {
    width: 38px !important;
    height: 22px !important;
    border-radius: 100px !important;
    background: #d9d9d9 !important;
}
.filters-vertical__in-stock .ui-switch-toggler button span {
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15) !important;
    transform: translateY(-50%) translateX(3px) !important;
}
.filters-vertical__in-stock .ui-switch-toggler.active button { background: #8FAF9A !important; }
.filters-vertical__in-stock .ui-switch-toggler.active button span {
    transform: translateY(-50%) translateX(19px) !important;
}

/* секции фильтров: без серых подложек, разделители между секциями */
.filter-vertical-container .filters-vertical__content__params__item {
    border-bottom: 1px solid #ededed !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}
.filter-vertical-container .filters-vertical__content__params__item:last-child {
    border-bottom: none !important;
}
/* заголовок секции: вся строка кликабельна, стрелка справа */
.filter-vertical-container .filters-vertical__content__params__item__header {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    padding: 17px 18px !important;
    margin: 0 !important;
    cursor: pointer !important;
    background: none !important;
}
.filter-vertical-container .filters-vertical__content__params__item__header span {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #171717 !important;
    line-height: 1.3 !important;
}
.filter-vertical-container .filters-vertical__content__params__item__header:hover span {
    color: #4E7A62 !important;
}
.filter-vertical-container .filters-vertical__content__params__item__header svg {
    width: 15px !important;
    height: 15px !important;
    color: #333333 !important;
    margin-left: auto !important;
    order: 2 !important;
    flex: 0 0 15px !important;
}
/* диапазон «15 - 1680 MDL» — своей строкой под заголовком */
.filter-vertical-container .filters-vertical__content__params__item__header strong {
    order: 3 !important;
    flex-basis: 100% !important;
    text-align: left !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #555555 !important;
    margin-top: 4px !important;
}
/* содержимое секции */
.filter-vertical-container .filters-vertical__content__params__item__content {
    padding: 2px 18px 20px !important;
}
.filters-vertical__content__params__item__content__checkboxes__item {
    margin: 0 0 10px !important;
}
.filters-vertical__content__params__item__content__checkboxes__item:last-child {
    margin-bottom: 0 !important;
}

/* ---------- Чекбоксы ---------- */
.g-checkbox .labelCheckbox {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    cursor: pointer !important;
    font-size: 14px !important;
    color: #333333 !important;
}
.g-checkbox .labelCheckbox::before {
    width: 18px !important;
    height: 18px !important;
    border-radius: 5px !important;
    border: 1px solid #d8d8d8 !important;
    background-color: #ffffff !important;
    flex: 0 0 18px !important;
    margin: 0 !important;
    transition: border-color .15s ease, background-color .15s ease !important;
}
.g-checkbox:hover .labelCheckbox::before { border-color: #ff5a12 !important; }
.g-checkbox input.checkbox:checked + .labelCheckbox::before {
    background-color: #ff5a12 !important;
    border-color: #ff5a12 !important;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") !important;
    background-size: 12px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
/* счётчики (6): серые, не оранжевые */
.labelCheckbox > span + span {
    color: #999999 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

/* ---------- Цена ---------- */
.filters-vertical__content__params__item__content__price__inputs {
    display: flex !important;
    gap: 12px !important;
    margin-top: 10px !important;
}
.filters-vertical__content__params__item__content__price__inputs input {
    flex: 1 1 0 !important;
    width: 50% !important;
    height: 42px !important;
    border-radius: 11px !important;
    border: 1px solid #dedede !important;
    background: #ffffff !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    color: #171717 !important;
    outline: none !important;
}
.filters-vertical__content__params__item__content__price__inputs input:focus {
    border-color: #8FAF9A !important;
    box-shadow: 0 0 0 3px rgba(143, 175, 154, 0.20) !important;
}
.filters-vertical__content__params__item__content__price__range-slider {
    margin-top: 18px !important;
    padding: 0 9px !important;
}
/* слайдер: оранжевый вместо синего */
.vue-slider-rail {
    background: #eeeeee !important;
    height: 4px !important;
    border-radius: 4px !important;
}
.vue-slider-process { background: #8FAF9A !important; }
.vue-slider-dot { width: 18px !important; height: 18px !important; }
.vue-slider-dot-handle {
    width: 100% !important;
    height: 100% !important;
    background: #ffffff !important;
    border: 2px solid #8FAF9A !important;
    border-radius: 50% !important;
    box-shadow: none !important;
}

/* кнопка «показать больше» в длинных списках — у темы синяя */
.filters-vertical__show-btn {
    color: #4E7A62 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* активная подкатегория: тема не ставит класс, определяем страницу
   по id-классу .category-top-<id> (одинаков для RO/RU), ссылку — по слагу */
body:has(.category-top-31519) .filters-vertical--subcategory a[href$="/hrana-pisici"] .filters-vertical__content__params__item__header,
body:has(.category-top-31519) .filters-vertical--subcategory a[href$="/korm-koski"] .filters-vertical__content__params__item__header,
body:has(.category-top-31522) .filters-vertical--subcategory a[href$="/nisip-igienic"] .filters-vertical__content__params__item__header,
body:has(.category-top-31522) .filters-vertical--subcategory a[href$="/napolniteli"] .filters-vertical__content__params__item__header,
body:has(.category-top-31520) .filters-vertical--subcategory a[href$="/hrana-caini"] .filters-vertical__content__params__item__header,
body:has(.category-top-31520) .filters-vertical--subcategory a[href$="/korm-sobaki"] .filters-vertical__content__params__item__header {
    background: #EDF4EF !important;
    color: #2F3133 !important;
    font-weight: 600 !important;
}

/* ---------- Адаптив категории ---------- */
@media (max-width: 1023px) {
    .filter-vertical-container { position: static !important; }
}
@media (max-width: 767px) {
    .product__items { gap: 12px !important; }
    .catalog__wrapper { padding: 0 12px !important; }
}

/* ============================================================
   ЧАСТЬ 4: ВЫПАДАЮЩЕЕ МЕНЮ КАТАЛОГА (десктоп) — компактная версия
   1) Панели по высоте контента (тема тянула их на весь экран).
   2) Ховер/актив: бледно-оранжевый фон + оранжевый текст.
   3) Переход на подпункты: между панелью и подпанелью у темы зазор
      ~30px (подпанель позиционируется от более широкого wrapper),
      мышь проваливалась и :hover слетал. Мост: прозрачный border-left
      34px у подпанели + сдвиг left, визуально позиция прежняя,
      hit-зона непрерывна. background-clip не даёт фону залить бордер,
      тень через drop-shadow (не рисуется на прозрачном бордере).
   ============================================================ */

.catalog-menu__wrapper.desktop { height: auto !important; min-height: 0 !important; }
.catalog-menu__wrapper.desktop .catalog-menu__content { height: auto !important; min-height: 0 !important; }
.catalog-menu__wrapper.desktop .catalog-menu__categories {
    height: auto !important;
    min-height: 0 !important;
    background: #ffffff !important;
    border: 1px solid #ededed !important;
    box-shadow: 0 14px 30px rgba(20, 20, 20, .10) !important;
    padding-right: 0 !important; /* пункты до правого края — часть моста */
}
.catalog-menu__wrapper.desktop .catalog-menu__subcategory {
    height: auto !important;
    min-height: 0 !important;
    background: #ffffff !important;
    border: 1px solid #ededed !important;
    border-left: 34px solid transparent !important;
    background-clip: padding-box !important;
    left: calc(100% - 45px) !important;
    box-shadow: none !important;
    filter: drop-shadow(0 10px 22px rgba(20, 20, 20, .12)) !important;
}

/* пункты: компактные */
.catalog-menu__wrapper.desktop .catalog-menu__category,
.catalog-menu__wrapper.desktop .catalog-menu__subcategory-category {
    padding: 11px 14px !important;
    font-size: 15px !important;
    color: #222222 !important;
    background: transparent !important;
}

/* ховер/активный */
.catalog-menu__wrapper.desktop .catalog-menu__item:hover > .catalog-menu__category,
.catalog-menu__wrapper.desktop .catalog-menu__item.mcm-active > .catalog-menu__category,
.catalog-menu__wrapper.desktop .catalog-menu__subcategory-category:hover {
    background: #fff3ed !important;
    color: #ff5a12 !important;
}

/* лишние заголовки от кастомного JS («Categorii», дубль имени категории) */
.catalog-menu__wrapper.desktop .mcm-sub-hdr,
.catalog-menu__content .mcm-cats-hdr { display: none !important; }

/* ============================================================
   ЧАСТЬ 5: СЕЛЕКТЫ (vue-select) — глобально: страница товара,
   оформление заказа. У темы опции выпадающего списка БЕЛЫЕ по
   белому (рассчитаны на тёмную подложку) — «пустые» строки.
   ============================================================ */
.g-select-search .vs__dropdown-toggle {
    background: #ffffff !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: 12px !important;
    min-height: 48px !important;
    padding: 0 8px 0 12px !important;
    transition: border-color .15s ease !important;
}
.g-select-search .vs--open .vs__dropdown-toggle { border-color: #ff5a12 !important; }
.g-select-search .vs__selected {
    color: #171717 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}
.g-select-search .vs__selected .custom-option__name {
    color: #171717 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}
.g-select-search .vs__search { color: #171717 !important; }
.vs__dropdown-menu {
    background: #ffffff !important;
    border: 1px solid #ededed !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 28px rgba(20, 20, 20, .13) !important;
    padding: 6px !important;
}
.vs__dropdown-option {
    color: #171717 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    background: transparent !important;
}
.vs__dropdown-option .custom-option__name {
    color: inherit !important;
    font-size: 14px !important;
    font-weight: inherit !important;
}
.vs__dropdown-option--highlight {
    background: #EDF4EF !important;
    color: #2F3133 !important;
}
.vs__dropdown-option--selected {
    background: #EDF4EF !important;
    color: #4E7A62 !important;
    font-weight: 600 !important;
}
/* крестик сброса у оси вариантов не нужен (вариант всегда выбран) */
.parameters .vs__clear { display: none !important; }
/* селект оси — не на всю ширину колонки (клиент, 2026-08-13) */
@media (min-width: 768px) {
    .parameters .g-select-search { max-width: 340px !important; }
}

/* ============================================================
   ЧАСТЬ 6: ОФОРМЛЕНИЕ ЗАКАЗА — поля с видимой рамкой
   (у темы рамка #e5e7eb на белом почти не читается)
   ============================================================ */
.modal__checkout .checkout__content input:not([type=radio]):not([type=checkbox]):not(.vs__search):not(.iti__tel-input):not(.iti__search-input),
.modal__checkout .checkout__content textarea {
    background: #ffffff !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: 12px !important;
    height: 52px !important;
    padding: 0 16px !important;
    font-size: 15px !important;
    color: #171717 !important;
    outline: none !important;
    transition: border-color .15s ease, box-shadow .15s ease !important;
}
/* телефон = intl-tel-input: padding-left под флаг+код библиотека считает
   сама (инлайн) — паддинги НЕ переопределять, иначе текст под «+373» */
.modal__checkout .checkout__content .iti input.iti__tel-input {
    background: #ffffff !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: 12px !important;
    height: 52px !important;
    font-size: 15px !important;
    color: #171717 !important;
    outline: none !important;
}
.modal__checkout .checkout__content textarea {
    height: auto !important;
    min-height: 90px !important;
    padding: 14px 16px !important;
}
.modal__checkout .checkout__content input:not([type=radio]):not([type=checkbox]):not(.vs__search):focus,
.modal__checkout .checkout__content textarea:focus {
    border-color: #ff5a12 !important;
    box-shadow: 0 0 0 3px rgba(255, 90, 18, 0.10) !important;
}
/* список секторов уходил под sticky-блок «Итог» (z-index 1001) */
.modal__checkout .vs__dropdown-menu { z-index: 1002 !important; }

.mobile__bar .bar__item-cart span, .mobile__bar .bar__item-compare span, .mobile__bar .bar__item-favorites span {
    background-color: #ffffff !important;
}

.modal__checkout .checkout__content .extra_form .item input[type=radio]:checked+.radio-payment, .modal__checkout .checkout__content .payment .item input[type=radio]:checked+.radio-payment {
    background: #ff5a12;
}

/* ============================================================
   ЧАСТЬ 7: НОТИФИКАЦИИ («Товар добавлен в корзину» и т.п.) —
   у темы бледно-голубая плашка и БЕЛАЯ кнопка «Открыть корзину»
   ============================================================ */
.notification {
    background: #ffffff !important;
    border: 1px solid #eeeeee !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 30px rgba(20, 20, 20, .16) !important;
    padding: 14px 16px !important;
}
.notification .ntf__content {
    color: #171717 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}
.notification .ntf__content svg { color: #ff5a12 !important; }
.notification .btn__ntf {
    color: #ff5a12 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    background: none !important;
}
.notification .btn__ntf:hover { text-decoration: underline !important; }

/* ============================================================
   ЧАСТЬ 9: МОБИЛЬНЫЙ КАТАЛОГ (панель с mobile__bar «Каталог») —
   у темы заголовок раскрытой категории становится БЕЛЫМ
   ============================================================ */
.catalog__content .catalog__item { border-bottom: 1px solid #efefef !important; }
.catalog__content .catalog__item_head { padding: 18px 20px !important; height: auto !important; }
.catalog__content .catalog__link {
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #171717 !important;
}
.catalog__content .catalog__link img {
    width: 24px !important;
    height: 24px !important;
    margin-right: 12px !important;
}
.catalog__content .catalog__item_head.open { background: #fff8f4 !important; }
.catalog__content .catalog__item_head.open .catalog__link { color: #ff5a12 !important; }
.catalog__content .btn__arr { color: #8a8a8a !important; }
.catalog__content .catalog__item_head.open .btn__arr { color: #ff5a12 !important; }
.catalog__content .btn__arr svg path { stroke: currentColor !important; }
.catalog__content .subcategories {
    background: #fff8f4 !important;
    padding: 6px 20px 16px 56px !important;
}
/* свернутая категория: тема оставляет видимой полосу-паддинг */
.catalog__content .catalog__item_head.close + .subcategories { display: none !important; }
.catalog__content .subcategories__group li.title { padding: 4px 0 !important; }
.catalog__content .subcategories__group li.title a {
    display: block !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #333333 !important;
    padding: 8px 0 !important;
}

/* ---------- Десктоп-меню каталога: без «прыжка» при открытии ----------
   Тема рисует панель сразу, а наш JS позиционирует её под кнопкой
   Catalog на ~60ms позже — панель мелькала не на своём месте.
   Прячем контент до позиционирования; JS (итем 88) ставит .mcm-pos. */
/* БЕЗ transition: на скрытом элементе он «замерзает» и навсегда
   держит opacity 0 (transition в каскаде сильнее !important) */
.catalog-menu__wrapper.desktop .catalog-menu__content {
    opacity: 0 !important;
    transition: none !important;
}
.catalog-menu__wrapper.desktop .catalog-menu__content.mcm-pos { opacity: 1 !important; }

/* ============================================================
   ЧАСТЬ 10: БАННЕРЫ ГЛАВНОГО СЛАЙДЕРА (2026-08-13)
   Тема: заголовок 64px + паддинг 80px — «Корм для собак» в 3 строки.
   Клиент: текст меньше, в одну строку, контейнер шире.
   ============================================================ */
.main__slider__info {
    padding: 32px 28px !important;
    width: 100% !important;
}
.main__slider__info h2 {
    font-size: 32px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}
@media (max-width: 767px) {
    .main__slider__info { padding: 20px 18px !important; }
    .main__slider__info h2 { font-size: 24px !important; }
}


/* ============================================================
   ЧАСТЬ 11: МОДАЛКА ФИЛЬТРОВ (моб.), ПАГИНАЦИЯ, МОБ. ПОИСК (2026-08-13)
   ============================================================ */

/* --- модалка фильтров: тема рисует ЧЁРНУЮ плиту с кнопками 84px --- */
.modal__sort .found-goods {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #757575 !important;
}
.modal__sort__btns {
    background: #ffffff !important;
    border-top: 1px solid #ededed !important;
    padding: 12px 16px !important;
    height: auto !important;
    gap: 12px !important;
    box-shadow: 0 -6px 18px rgba(20, 20, 20, .06) !important;
}
.modal__sort__btns__reset,
.modal__sort__btns__ready {
    height: 46px !important;
    border-radius: 100px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: none !important;
}
.modal__sort__btns__reset {
    background: #ffffff !important;
    color: #555555 !important;
    border: 1px solid #dedede !important;
}
.modal__sort__btns__ready {
    background: #ff5a12 !important;
    color: #ffffff !important;
    border: none !important;
}
.modal__sort__btns__ready.disabled { opacity: .5 !important; }

/* --- пагинация: были квадраты 28px впритык --- */
ul.pagination {
    gap: 8px !important;
    align-items: center !important;
    padding-bottom: 32px !important;
}
.pagination__button {
    min-width: 40px !important;
    width: auto !important;
    height: 40px !important;
    padding: 0 12px !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #333333 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: border-color .15s ease, color .15s ease !important;
}
.pagination__button:hover {
    border-color: #8FAF9A !important;
    color: #4E7A62 !important;
}
.pagination__button.active {
    background: #8FAF9A !important;
    border-color: #8FAF9A !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}
.pagination__button svg { fill: currentColor !important; }
.pagination__button-text { font-size: 14px !important; }

/* --- мобильный поиск: сиреневый инпут с серой рамкой + пустая панель --- */
.search-header .mobile {
    padding: 14px 16px 18px !important;
    height: auto !important;
    border-radius: 0 0 18px 18px !important;
}
.search-header .mobile .search {
    background: #ffffff !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: 100px !important;
    height: 48px !important;
    padding: 0 14px !important;
    flex: 1 1 auto !important;
}
.search-header .mobile .search:focus-within {
    border-color: #ff5a12 !important;
    box-shadow: 0 0 0 3px rgba(255, 90, 18, 0.10) !important;
}
.search-header .mobile .search input {
    background: transparent !important;
    font-size: 15px !important;
    color: #171717 !important;
}
.search-header .mobile .search svg { color: #8a8a8a !important; }
/* открытая строка поиска на десктопе — пилюля в общем стиле */
.search-header form.desktop {
    border: 1px solid #d9d9d9 !important;
    border-radius: 100px !important;
    padding: 0 22px !important;
}
.search-header form.desktop:focus-within {
    border-color: #ff5a12 !important;
    box-shadow: 0 0 0 3px rgba(255, 90, 18, 0.10) !important;
}


/* ============================================================
   ЧАСТЬ 12: ВТОРОЙ ЦВЕТ — ШАЛФЕЙНЫЙ (2026-08-14)
   Палитра клиента: #8FAF9A (sage), #EDF4EF (светлая подложка),
   #4E7A62 (тёмный sage для текста на светлом), #2F3133 (графит).
   Использование ≤10%: бейджи выгоды, кнопка Фильтры, мобильный
   бар, выбранные состояния фильтров, активная пагинация.
   Покупочные CTA, цены и выбор вариантов — оранжевые.
   Sage-цвета вписаны ПРЯМО в исходные правила частей 2/3/5/11
   (бейдж .prices .discount, чекбоксы .g-checkbox, тумблер
   in-stock, vue-slider, show-btn, hover/active подкатегорий,
   vs__dropdown-option, пагинация) — здесь только новые элементы.
   ============================================================ */

/* кнопка Фильтры на страницах категорий */
.filter-btn { background: #8FAF9A !important; }

/* ---------- Кнопка «В корзину» — единый стиль по мокапу клиента:
   sage-заливка, белые иконка и текст, тонкий разделитель, пилюля.
   Перебивает оранжевые/outline варианты частей 1/2/8 (стоит позже). */
.products .btn__add_cart,
.products__ecom .btn__add_cart,
.product__page .actions.product.type2 .btn__add_cart {
    background: #8FAF9A !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 100px !important;
    font-weight: 600 !important;
    transition: background .2s ease !important;
}
.products .btn__add_cart:hover,
.product__page .actions.product.type2 .btn__add_cart:hover {
    background: #7E9D8A !important;
    color: #ffffff !important;
}
/* иконка | разделитель | текст */
.products .btn__add_cart .svg-icon,
.product__page .actions.product.type2 .btn__add_cart svg {
    fill: #ffffff !important;
    padding-right: 10px !important;
    margin-right: 10px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.45) !important;
    box-sizing: content-box !important;
}

/* «Покупка в один клик»: оранжевое → sage (текст/рамка/иконка, hover — заливка) */
.product__page .actions.product.type2 .btn-one-click {
    border: 1.5px solid #8FAF9A !important;
    color: #8FAF9A !important;
    background: #ffffff !important;
}
.product__page .actions.product.type2 .btn-one-click:hover {
    background: #8FAF9A !important;
    color: #ffffff !important;
}


/* ============================================================
   ЧАСТЬ 13: КОРЗИНА, ЧЕКАУТ, КНОПКА КАТАЛОГА (2026-08-14)
   Стиль сайта: главный CTA — sage-пилюля с белым текстом,
   второстепенная — белая пилюля с серой рамкой, применяющие
   мелкие (Aplică) — оранжевая пилюля. Инпуты radius 12.
   ============================================================ */

/* контролы количества: у темы «плюс» рисуется stroke: currentColor,
   а color задан белым инлайн-переменной — плюс невидим */
.modal__cart .item__control,
.product__counter .item__control {
    background: #f4f4f4 !important;
    border: none !important;
    border-radius: 50% !important;
}
.modal__cart .item__control svg,
.product__counter .item__control svg {
    color: #171717 !important;
    fill: #171717 !important;
}

/* корзина: «Оформить заявку» + «Продолжить покупки» (оба button.request,
   смежные — второй перекрашиваем через соседний селектор) */
.modal__cart .cart__sidebar button.request {
    background: #8FAF9A !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 100px !important;
    height: 52px !important;
    font-weight: 600 !important;
    transition: background .2s ease, border-color .2s ease, color .2s ease !important;
}
.modal__cart .cart__sidebar button.request:hover { background: #7E9D8A !important; }
.modal__cart .cart__sidebar button.request + button.request {
    background: #ffffff !important;
    color: #171717 !important;
    border: 1px solid #dedede !important;
}
.modal__cart .cart__sidebar button.request + button.request:hover {
    background: #ffffff !important;
    border-color: #8FAF9A !important;
    color: #4E7A62 !important;
}

/* чекаут: «Оформить заказ» sage, «Применить» (промокод) оранжевая,
   «Продолжить покупки» белая */
.modal__checkout button.request:not(.form__button) {
    background: #8FAF9A !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 100px !important;
    height: 52px !important;
    font-weight: 600 !important;
    transition: background .2s ease !important;
}
.modal__checkout button.request:not(.form__button):hover { background: #7E9D8A !important; }
.modal__checkout .form__button.request {
    background: #ff5a12 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 100px !important;
    height: 52px !important;
    font-weight: 600 !important;
}
.modal__checkout .btn.btn__secondary {
    background: #ffffff !important;
    color: #171717 !important;
    border: 1px solid #dedede !important;
    border-radius: 100px !important;
    height: 52px !important;
    font-weight: 600 !important;
}
.modal__checkout .btn.btn__secondary:hover {
    border-color: #8FAF9A !important;
    color: #4E7A62 !important;
}

/* карточки акций (страница Акции + промо-блоки): скругляем и карточку,
   и саму картинку — у темы img квадратный внутри скруглённой карточки */
.promo__items .promo__item,
.promo__items > * {
    border-radius: 20px !important;
    overflow: hidden !important;
}
.promo__items img {
    border-radius: 20px !important;
    display: block !important;
    width: 100% !important;
    object-fit: cover !important;
}

/* кнопка Каталог в шапке: у темы правый паддинг 60px — текст не по центру */
.header-tertiary__catalog-btn {
    padding: 13.5px 26px !important;
    gap: 10px !important;
    justify-content: center !important;
}


/* ============================================================
   ЧАСТЬ 14: КАТЕГОРИИ-СЕТКА (моб.), ПИЛЮЛИ-КНОПКИ, СОРТИРОВКА
   БЕЗ STICKY, БЕЗ ПЕРЕКЛЮЧАТЕЛЯ ВИДА (2026-08-14)
   ============================================================ */

/* категории на главной (моб.): вместо горизонтального свайпера —
   статичная сетка 2 колонки, как на taviscohome.md */
@media (max-width: 767px) {
    .categories__swiper .swiper-wrapper {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        transform: none !important;
    }
    .categories__swiper .swiper-slide.category__slide {
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        position: relative !important;
    }
    /* фон-картинка без свайперной фикс-высоты схлопывается — держим пропорцию */
    .categories__swiper .category__url {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 166 / 188 !important;
        background-size: cover !important;
        background-position: center !important;
        border-radius: 16px !important;
    }
    .categories__swiper .swiper__arrows,
    .categories__swiper .swiper-pagination { display: none !important; }
}

/* куки-баннер: кнопки-пилюли */
.cookie-banner__btn { border-radius: 100px !important; }

/* второстепенная кнопка темы (btn__secondary: «Toate articolele» у новостей,
   «Продолжить покупки» в чекауте и т.п.) — белая пилюля по нашей системе */
.btn.btn__secondary {
    border-radius: 100px !important;
    border: 1px solid #dedede !important;
    background: #ffffff !important;
    color: #171717 !important;
    font-weight: 600 !important;
}
.btn.btn__secondary:hover {
    border-color: #8FAF9A !important;
    color: #4E7A62 !important;
}

/* карточки новостей (главная + листинг статей): скругление карточки и фото */
.news-grid .news__item,
.news__list .news__item {
    border-radius: 16px !important;
    overflow: hidden !important;
}
.news__item .news__item__img,
.news__item .news__item__img img {
    border-radius: 16px 16px 0 0 !important;
}

/* панель сортировки не липнет при скролле нигде */
.catalog__sort { position: static !important; }
/* хлебные крошки: ужаты вертикальные отступы (пустота на категориях) */
.breadcrumb { margin: 12px 0 8px !important; }
/* переключатель вида карточек (list/grid) скрыт совсем */
.view-type { display: none !important; }


/* ============================================================
   ЧАСТЬ 15: КОРЗИНА-ЧИСТКА, ONE-CLICK МОДАЛКА, БЕЗ НИЖНЕГО БАРА
   (2026-08-14)
   ============================================================ */

/* корзина: «Конфигурация» и «Продолжить покупки» убраны (есть крестик) */
.modal__cart .cart__sidebar .title { display: none !important; }
.modal__cart .cart__sidebar button.request + button.request { display: none !important; }

/* корзина (моб.): список товаров без внутреннего скролла — показываем всё */
@media (max-width: 767px) {
    .modal__cart .cart__items {
        max-height: none !important;
        height: auto !important;
    }
    .modal__cart .cart__products {
        max-height: none !important;
        height: auto !important;
        overflow: visible !important;
    }
}

/* нижний фикс-бар покупки на моб. товаре — дубль кнопок, скрыт целиком
   (стили бара из бывшей ЧАСТИ 8 удалены) */
.bottom-buy-bar { display: none !important; }

/* модалка «Покупка в один клик»: все блоки на ОДНОЙ линии (у темы head
   имел паддинг 20, а блоки внутри формы — свой 20 поверх общего = 40),
   товар без карточной рамки, кнопка sage */
.modal__buy_onclick .buy__onclick_content .head {
    padding: 24px 24px 0 !important;
    margin: 0 0 16px !important;
}
.modal__buy_onclick .product__form { padding: 0 24px 24px !important; }
/* внутренние блоки: свои боковые паддинги в ноль — общий даёт форма */
.modal__buy_onclick .product__form .product,
.modal__buy_onclick .contact__form,
.modal__buy_onclick .consent-block {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.modal__buy_onclick .product__form .product { margin: 0 0 18px !important; }
.modal__buy_onclick .consent-block { margin: 16px 0 !important; }
.modal__buy_onclick button.request { margin: 0 !important; }
.modal__buy_onclick .sidebar {
    padding: 18px 24px !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    background: #f7f8f9 !important; /* свой фон: тема оставляет белый — «пустота» */
}
@media (max-width: 767px) {
    .modal__buy_onclick .head h4 { font-size: 24px !important; line-height: 1.25 !important; }
}
.modal__buy_onclick .product__form { flex: 0 0 auto !important; }
.modal__buy_onclick .product__item {
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    height: auto !important;
    min-height: 0 !important;
}
.modal__buy_onclick button.request {
    background: #8FAF9A !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 100px !important;
    height: 52px !important;
    font-weight: 600 !important;
    transition: background .2s ease !important;
}
.modal__buy_onclick button.request:hover { background: #7E9D8A !important; }


/* новости на главной: карточки = .article-card внутри .article-grid
   (НЕ .news__item — это старый листинг). Карточка со скруглением везде,
   на мобиле сетка превращается в горизонтальный слайдер. */
.article-card {
    border-radius: 16px !important;
    overflow: hidden !important;
}
.article-card .article-card__image,
.article-card .article-card__image img {
    border-radius: 16px 16px 0 0 !important;
}
@media (max-width: 767px) {
    .news-grid .article-grid {
        display: flex !important;
        flex-direction: row !important;
        overflow-x: auto !important;
        gap: 12px !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        padding-bottom: 4px !important;
    }
    .news-grid .article-grid::-webkit-scrollbar { display: none !important; }
    .news-grid .article-grid .article-card {
        flex: 0 0 82% !important;
        max-width: 82% !important;
        scroll-snap-align: start !important;
    }
}
        }
        
}