@media screen and (max-width: 960px) {
  .t-cms__page-container_popup .t-cms__page,
  .t-cms__page-container_popup .t-cms__page__cell_txt {
    margin-bottom: 70px !important;
  }
}
@media screen and (max-width: 960px) {
  .t-cms__page-container_popup,
  .js-cms-page-popup {
    background: #F1F1F0 !important;
  }
}

/* Синяя обводка из SVG */
.t-cms__page-container__close-button svg,
.js-cms-page-back-button svg {
  outline: none !important;
  stroke: none !important;
}

.t-cms__page__molecule_txt:has([data-style="post_subtitle_typo"]) {
    display: none;
}
/* =======================
   ИКОНКИ-ТАБЫ (hover + click)
   ======================= */

/* Контейнер таба (текст + иконки) */
.custom-tab {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  user-select: none;
}

/* Обёртка, в которой лежат обе иконки (наложены) */
.icon-wrapper {
  position: relative;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.2s ease;
}


/* ============ СКРЫТИЕ МАГАЗИНОВ ============ */
.uc-slider-shop-1,
.uc-slider-shop-2 {
  display: none !important;
}
.uc-slider-shop-1.uc-active,
.uc-slider-shop-2.uc-active {
  display: block !important;
}

.t-store__prod-popup__brand, .t-store__prod-popup__sku {
    display: none !important;
}
/* ============ КОРЗИНА ============ */
    .t706__cartwin-content {
    max-width: 720px!important;
    }
    .t-name {
    font-family: 'Faberge', Arial, sans-serif;
    font-weight: 400!important;
}
.t706__product-title {
    font-weight: 400!important;
}

.t706__product-quantity {
    color: #563827!important;
}
.t706__cartwin-prodamount-wrap {
 font-weight: 400!important;
}
.t706__cartwin-totalamount-wrap_flextotals .t706__cartwin-totalamount-row_total {
    font-weight: 400!important;
}
.t706__cartwin-totalamount-wrap_flextotals .t706__cartwin-totalamount-info_value {
     font-weight: 400!important;
}
.t-btn {
     font-weight: 400!important;
}
/* Ошибки формы заказа — в цветах сайта: рамка незаполненного поля приглушённо-красная, текст «Обязательное поле» фирменным красным,
   плашка «Пожалуйста, заполните…» светлая с красным текстом ровно по центру (у Тильды строка сдвигалась отступом 10px сверху);
   без синего кольца фокуса у чекбоксов и кружков */
html body .t706 .t-form .js-error-control-box .t-checkbox__control,
html body .t706 .t-form .js-error-control-box .t-input:not(.t-input-phonemask) {
    border: 1px solid rgba(158, 57, 47, .45) !important;
    border-radius: 0 !important;
}
html body .t706 .t-form .js-error-control-box .t-checkbox__control {
    padding: 8px 10px !important;
    margin: 0 !important;
}
html body .t706 .t-input-error {
    color: #9E392F !important;
    font-family: 'AeonikPro', Arial, sans-serif !important;
    font-size: 13px !important;
    margin-top: 6px !important;
}
html body .t706 .t-checkbox:focus-visible + .t-checkbox__indicator,
html body .t706 .t-radio:focus-visible + .t-radio__indicator {
    box-shadow: 0 0 0 2px rgba(158, 57, 47, .3) !important;
}
html body .t706 .t-form__errorbox-wrapper {
    background: rgba(158, 57, 47, .08) !important;
    padding: 18px 16px !important;
    text-align: center !important;
}
html body .t706 .t-form__errorbox-text,
html body .t706 .t-form__errorbox-text * {
    color: #9E392F !important;
    font-family: 'AeonikPro', Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
}
html body .t706 .t-form__errorbox-text {
    margin: 0 !important;
    padding: 0 !important;
}
html body .t706 .t-form__errorbox-item {
    margin: 0 !important;
}
/* Крестик закрытия корзины — значок поменьше (11px) в том же квадрате 36px */
html body .t706__cartwin .t706__close-icon {
    width: 11px !important;
    height: 11px !important;
}
/* Товар в корзине — на плашке #ebebe7, между товарами 10px; фото 3:4 (102×136) без скругления, с отступом 4px от краёв плашки.
   Высота строки — по содержимому: мод задавал фиксированную высоту, и при нескольких товарах строки наезжали друг на друга */
.t706 .t706__cartwin-products {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
}
html body .t706 .t706__product {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    box-sizing: border-box !important;
    background: #ebebe7 !important;
    padding: 4px 18px 4px 4px !important;
    margin: 0 !important;
}
html body .t706 .t706__product-thumb {
    display: block !important;
    flex: 0 0 102px !important;
    width: 102px !important;
    height: auto !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 22px 0 0 !important;
}
.t706 .t706__product-imgdiv {
    width: 102px !important;
    height: 136px !important;
    border-radius: 0 !important;
    background-size: cover !important;
    background-position: center !important;
}
.t706 .t706__product-title {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 14px 0 !important;
}
.t706 .t706__product-plusminus,
.t706 .t706__product-amount,
.t706 .t706__product-del-wrapper {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
}
.t706 .t706__product-amount {
    min-width: 80px;
    justify-content: flex-end;
}
/* Минус — число — плюс: свои квадраты 26px — рамка в приглушённом красном, значки и число коричневые, всё на одной линии */
.t706 .t706__product-plusminus {
    gap: 6px !important;
    padding: 0 24px 0 10px !important;
}
.t706 .t706__product-minus,
.t706 .t706__product-plus {
    position: relative !important;
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(158, 57, 47, .35) !important;
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease;
}
.t706 .t706__product-minus:hover,
.t706 .t706__product-plus:hover {
    border-color: rgba(158, 57, 47, .6) !important;
    background: rgba(158, 57, 47, .06) !important;
}
.t706 .t706__product-minus img,
.t706 .t706__product-plus img {
    display: none !important;
}
.t706 .t706__product-minus::before,
.t706 .t706__product-plus::before,
.t706 .t706__product-plus::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 9px !important;
    height: 1.2px !important;
    margin: 0 !important;
    background: #563827 !important;
    background-image: none !important;
    transform: translate(-50%, -50%) !important;
    display: block !important;
}
.t706 .t706__product-plus::after {
    width: 1.2px !important;
    height: 9px !important;
}
.t706 .t706__product-minus::after {
    display: none !important;
}
.t706 .t706__product-quantity {
    display: block !important;
    width: 22px !important;
    height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    line-height: 26px !important;
    text-align: center !important;
    font-family: 'AeonikPro', Arial, sans-serif !important;
    font-size: 15px !important;
}
/* «Добавьте к заказу»: названия плотнее (межстрочный 1.2) */
html body .est-cart-upsell__name {
    line-height: 1.2 !important;
    height: 2.4em !important;
}
/* «Добавьте к заказу»: перелистывание по стрелкам и свайпу — плавное, как у слайдеров на главной (1.2 с, мягкий разгон и торможение);
   полоска прогресса едет так же. Сам слайдер не листается */
html body .t706 .est-cart-upsell__track,
html body .t706 .est-cart-upsell__progress-bar {
    transition: transform 1.2s cubic-bezier(.65, 0, .35, 1);
}
/* «До бесплатной доставки» под «Добавьте к заказу» (вставляет скрипт в шапке) — на своей плашке, крупнее, полоса толще, чтобы не терялась рядом с полосой слайдера */
.t706 .est-dlv_cart {
    margin: 28px 0 0 !important;
    padding: 16px 18px 18px !important;
    background: #ebebe7;
}
.t706 .est-dlv_cart .est-dlv__free {
    font-family: 'AeonikPro', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.4;
    color: #563827;
    opacity: 1;
}
.t706 .est-dlv_cart .est-dlv__bar {
    height: 4px;
    margin-top: 10px;
    background: rgba(86, 56, 39, .15);
}
/* Кружки выбора в корзине (доставка, оплата) — как чекбоксы сайта: квадрат с серой рамкой на #EBEBE7, внутри коричневый квадрат */
html body .t706 .t-radio__indicator {
    border: 1px solid #D2CCC8 !important;
    border-radius: 0 !important;
    background-color: #EBEBE7 !important;
    opacity: 1 !important;
}
html body .t706 .t-radio__indicator::after {
    width: 10px !important;
    height: 10px !important;
    border-radius: 0 !important;
    background-color: #563827 !important;
}
/* Доставка: надпись способа и сроки — в цветах сайта */
#customdelivery .delivery-checkbox-label,
#customdelivery .ozon-delivery-status,
#customdelivery .ozon-delivery-status * {
    color: #563827 !important;
    font-family: 'AeonikPro', Arial, sans-serif !important;
}
#customdelivery .delivery-minimum-time,
#customdelivery .delivery-minimum-price {
    color: rgba(86, 56, 39, .6) !important;
}
/* Выбранный пункт получения (блок Тильды «Пункт получения»): на плашке #ebebe7, текст коричневый, без синей рамки фокуса; «Изменить» — коричневый с пунктиром */
.t706 #pickup-searchbox .searchbox-info {
    background: #ebebe7 !important;
    padding: 16px 18px !important;
    box-sizing: border-box !important;
    outline: none !important;
    border: 0 !important;
    box-shadow: none !important;
}
.t706 #pickup-searchbox .searchbox-info,
.t706 #pickup-searchbox .searchbox-info * {
    color: #563827 !important;
    font-family: 'AeonikPro', Arial, sans-serif !important;
}
.t706 #pickup-searchbox .searchbox-info:focus,
.t706 #pickup-searchbox .searchbox-info:focus-visible,
.t706 #pickup-searchbox .searchbox-list:focus,
.t706 #pickup-searchbox .searchbox-list:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}
.t706 #pickup-searchbox .searchbox-change-pickup {
    border-bottom: 1px dashed rgba(86, 56, 39, .5) !important;
}
/* На телефоне: фото 84×112 слева; справа сверху название и цвет, снизу количество и цена; крестик удаления — в углу плашки, по 4px сверху и справа */
@media screen and (max-width: 640px) {
  html body .t706 .t706__product {
      display: grid !important;
      grid-template-columns: 84px minmax(0, 1fr) auto !important;
      grid-template-rows: 1fr auto !important;
      column-gap: 14px !important;
      align-items: start !important;
      padding: 4px 12px 4px 4px !important;
  }
  html body .t706 .t706__product-thumb {
      grid-column: 1 !important;
      grid-row: 1 / 3 !important;
      width: 84px !important;
      margin: 0 !important;
  }
  .t706 .t706__product-imgdiv {
      width: 84px !important;
      height: 112px !important;
  }
  .t706 .t706__product-title {
      grid-column: 2 / 4 !important;
      grid-row: 1 !important;
      width: auto !important;
      padding: 8px 26px 6px 0 !important;
  }
  html body .t706 .t706__product-del-wrapper {
      position: absolute !important;
      top: 4px !important;
      right: 4px !important;
      width: auto !important;
      padding: 0 !important;
  }
  .t706 .t706__product-plusminus {
      grid-column: 2 !important;
      grid-row: 2 !important;
      width: auto !important;
      padding: 0 0 8px !important;
      align-self: end !important;
  }
  .t706 .t706__product-amount {
      grid-column: 3 !important;
      grid-row: 2 !important;
      width: auto !important;
      min-width: 0 !important;
      height: 26px !important;
      padding: 0 0 8px !important;
      white-space: nowrap;
      align-self: end !important;
  }
}
    
/* Десктоп: 14px */
.t-input {
    font-size: 14px !important;
}

/* Мобильные: 12px */
@media screen and (max-width: 640px) {
    .t-input {
        font-size: 13px !important;
    }
}

.t-name {
     color: #563827!important;
}
.t706__cartwin-totalamount-wrap_flextotals .t706__cartwin-totalamount-list {
    color: #563827!important;
}

/* ============ ШАПКА ============ */
/* На телефоне шапка ниже: 34 вместо 40 (в макете 320px). Резерв высоты из кода страниц (анти-прыжок) тоже 34;
   отступ над хлебными крошками страницы товара уменьшен на столько же — от шапки до крошек по-прежнему 23px */
@media screen and (max-width: 639px) {
  #allrecords #rec4195209401 .t396__artboard {
      min-height: calc(34 * 100vw / 320) !important;
  }
  #allrecords #rec4689387201 {
      padding-top: 83px !important;
  }
}

/* ============ ГЛАВНАЯ ============ */
/* Главный экран (rec4043372701): «Эстетика здесь» — отдельной строкой над заголовком, отступ до заголовка 12px, на телефоне 4px
   (без этого строка занимала высоту крупного шрифта и отступ получался больше) */
#allrecords #rec4043372701 .t396__elem[data-elem-id="1789842410945000001"] .tn-atom span {
    display: block;
    line-height: 1.3;
    margin-bottom: 12px;
}
#allrecords #rec4043372701 .t396__elem[data-elem-id="1789842410945000001"] .tn-atom span + br {
    display: none;
}
@media screen and (max-width: 639px) {
  #allrecords #rec4043372701 .t396__elem[data-elem-id="1789842410945000001"] .tn-atom span {
      margin-bottom: 4px;
  }
}
/* От 640px: к лёгкому затемнению фото (15%) добавлено мягкое затемнение снизу слева,
   под заголовком, описанием и «Смотреть каталог» — текст читается лучше, плашки не видно; тонкая линия через экран скрыта */
@media screen and (min-width: 640px) {
  #allrecords #rec4043372701 .t396__elem[data-elem-id="1789848427882000001"] > .tn-atom {
      opacity: 1 !important;
      background: radial-gradient(ellipse 55% 60% at 0% 85%, rgba(35, 22, 14, .42) 0%, rgba(35, 22, 14, .2) 45%, rgba(35, 22, 14, 0) 75%), rgba(0, 0, 0, .15) !important;
  }
  #allrecords #rec4043372701 .t396__elem[data-elem-id="1789845269177"] {
      display: none !important;
  }
}
/* На телефоне: мягкое затемнение сверху под «Эстетика здесь» и заголовком (фон там — светлая клетка), снизу — как было */
@media screen and (max-width: 639px) {
  #allrecords #rec4043372701 .t396__filter {
      background-image: linear-gradient(to bottom, rgba(35, 22, 14, .5) 0%, rgba(35, 22, 14, .28) 16%, rgba(35, 22, 14, 0) 32%, rgba(0, 0, 0, 0) 62%, rgba(0, 0, 0, .25) 100%) !important;
  }
}

/* ============ СТРАНИЦА ТОВАРА ============ */
/* Липкой бывает только более короткая колонка (её отмечает код сайта классом est-stick).
   Высокая колонка с описанием больше не «липнет» — из-за этого вкладки «Уход» / «Упаковка и доставка» дёргали страницу при раскрытии. */
@media screen and (min-width: 960px) {
  #allrecords .t-store__prod-popup__info:not(.est-stick),
  #allrecords .t-store__prod-popup__slider:not(.est-stick) {
    position: relative !important;
    top: auto !important;
  }
}
/* Порядок в колонке описания на всех экранах (на телефоне Тильда ставила описание после кнопки):
   название — цена — выбор варианта — описание — кнопка (и строка доставки под ней) — вкладки */
.t-store__prod-popup__info .t-store__prod-popup__title-wrapper { order: 1 !important; }
.t-store__prod-popup__info .js-store-price-wrapper { order: 2 !important; }
.t-store__prod-popup__info .js-product-controls-wrapper { order: 3 !important; }
.t-store__prod-popup__info .js-store-prod-text { order: 4 !important; }
.t-store__prod-popup__info .t-store__prod-popup__btn-wrapper { order: 5 !important; }
.t-store__prod-popup__info .js-store-tabs { order: 6 !important; }
/* Строка «До бесплатной доставки» — на 10px ниже от кнопки */
.t-store__prod-popup__info .est-dlv {
    margin-top: 4px !important;
}
/* Выбор варианта (цвет и т.п. с миниатюрой) — ровно посередине между ценой и описанием: по 30px сверху и снизу */
.t-store__prod-popup__info .js-product-controls-wrapper .t-product__option {
    margin-top: 30px !important;
    margin-bottom: 0 !important;
}
.t-store__prod-popup__info .js-store-prod-text {
    margin-top: 30px !important;
}
/* Миниатюры вариантов: при наведении на невыбранную плавно появляется такая же рамка, как у выбранной, только светлее */
.t-store .t-product__option-item:not(.t-product__option-item_active) .t-product__option-checkmark_image {
    position: relative;
}
.t-store .t-product__option-item:not(.t-product__option-item_active) .t-product__option-checkmark_image::before {
    content: "" !important;
    position: absolute !important;
    top: -5px !important;
    left: -5px !important;
    right: -5px !important;
    bottom: -5px !important;
    border: 1px solid rgba(0, 0, 0, .2) !important;
    opacity: 0 !important;
    transition: opacity .3s ease !important;
    pointer-events: none;
}
@media (hover: hover) {
  .t-store .t-product__option-item:not(.t-product__option-item_active):hover .t-product__option-checkmark_image::before {
      opacity: 1 !important;
  }
}
/* Вкладки «Уход» / «Упаковка и доставка» на телефоне: у открытой вкладки нижняя рамка той же толщины (6px), но цвета кнопки —
   при закрытии плавно меняется только цвет, без тёмной полосы (Тильда убирала рамку и красила её в цвет текста) */
@media screen and (max-width: 959px) {
  html body .t-store .t-store__tabs_accordion .t-store__tabs__item-button.t-store__tabs__item-button_active {
      border-bottom: 6px solid #EBEBE7 !important;
  }
}

/* Хлебные крошки страницы товара (блок T758): разделитель как в каталоге — короткий дефис «-» шрифтом Faberge.
   Отступ вокруг дефиса ровно по 4px с обеих сторон: убраны поля у слов (3px) и пробел между пунктами списка */
.t758 .t758__list {
    font-size: 0 !important;
}
.t758 .t758__link-item__wrapper {
    padding: 0 !important;
}
.t758 .t758__breadcrumb-divider {
    padding: 0 4px !important;
}
.t758 .t758__breadcrumb-divider::before {
    content: "-" !important;
    font-family: 'Faberge', Arial, sans-serif !important;
}
/* На телефоне — всегда одна строка (длинное название товара обрезается многоточием),
   отступ от шапки до крошек и от крошек до фото одинаковый — по 23px */
@media screen and (max-width: 639px) {
  .t758 .t758__list {
      display: flex !important;
      flex-wrap: nowrap !important;
      align-items: center;
      white-space: nowrap !important;
      margin-bottom: 23px !important;
  }
  .t758 .t758__list_item {
      display: flex !important;
      flex: 0 0 auto;
      align-items: center;
      white-space: nowrap !important;
  }
  .t758 .t758__list_item:last-child {
      flex: 0 1 auto;
      min-width: 0;
  }
  .t758 .t758__list_item:last-child .t758__link-item__wrapper {
      float: none !important;
      min-width: 0;
      overflow: hidden;
  }
  .t758 .t758__list_item:last-child .t758__link-item__wrapper > * {
      display: block !important;
      float: none !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
  }
}

/* Галерея товара на телефоне: стрелки — треугольники как на кнопках «Смотреть каталог» (bxs_right-arrow), на светлом круге */
.t-store__prod-popup__slider .t-slds__arrow_body {
    width: 8px !important;
    height: 8px !important;
    background: url("https://static.tildacdn.com/tild3362-3066-4962-b366-306331333830/bxs_right-arrow.svg") center / contain no-repeat !important;
}
.t-store__prod-popup__slider .t-slds__arrow_body svg {
    display: none !important;
}

/* Количество (минус — число — плюс) перед «В корзину»: квадраты 40px с приглушённой красной рамкой,
   значки плюса и минуса 10px и число — коричневые (#563827), между квадратами и числом 6px.
   Тильда показывает их только у товаров, которых на складе больше одного. Селекторы усилены — стиль блока магазина закрашивал значки фоном. */
html body .t-store__prod__quantity {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 12px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    flex: 0 0 auto !important;
}
html body .t-store__prod__quantity .t-store__prod__quantity__minus-wrapper,
html body .t-store__prod__quantity .t-store__prod__quantity__plus-wrapper {
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(158, 57, 47, .35) !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease;
}
html body .t-store__prod__quantity .t-store__prod__quantity__minus-wrapper:hover,
html body .t-store__prod__quantity .t-store__prod__quantity__plus-wrapper:hover {
    background: rgba(158, 57, 47, .06) !important;
    border-color: rgba(158, 57, 47, .6) !important;
}
html body .t-store .t-store__prod__quantity .t-store__prod__quantity__minus,
html body .t-store .t-store__prod__quantity .t-store__prod__quantity__plus,
html body .t-store__prod__quantity .t-store__prod__quantity__minus,
html body .t-store__prod__quantity .t-store__prod__quantity__plus {
    position: relative !important;
    display: block !important;
    width: 10px !important;
    height: 10px !important;
    margin: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}
html body .t-store__prod__quantity .t-store__prod__quantity__minus::before,
html body .t-store__prod__quantity .t-store__prod__quantity__plus::before,
html body .t-store__prod__quantity .t-store__prod__quantity__plus::after {
    content: "" !important;
    position: absolute !important;
    left: 0;
    top: 50%;
    width: 10px;
    height: 1.2px;
    margin-top: -0.6px;
    background: #563827 !important;
    border: 0 !important;
    transform: none !important;
}
html body .t-store__prod__quantity .t-store__prod__quantity__plus::after {
    left: 50%;
    top: 0;
    width: 1.2px;
    height: 10px;
    margin: 0 0 0 -0.6px;
}
html body .t-store__prod__quantity .t-store__prod__quantity__minus::after {
    display: none !important;
}
html body .t-store__prod__quantity .t-store__prod__quantity-input {
    width: 28px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
    font-family: 'AeonikPro', Arial, sans-serif !important;
    font-size: 16px !important;
    color: #563827 !important;
    -moz-appearance: textfield;
    appearance: textfield;
}
html body .t-store__prod__quantity .t-store__prod__quantity-input::-webkit-outer-spin-button,
html body .t-store__prod__quantity .t-store__prod__quantity-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}