/* ==========================================
   ДРОПДАУН ПОМОЛА — Fauno Coffee

   Покрывает два типа блоков:
   .t-store  — карточки ST200/ST300 (главная)
   .t-catalog — каталог t1291 (/catalog)
   ========================================== */

/* --- Контейнер: растянуть на всю ширину карточки --- */
.t-store__card__option,
.t-store__prod-popup__option,
.t-catalog__card__option,
.t-catalog__prod-popup__option,
.js-product-option,
.js-store-prod-option,
.t-product__option,
.t-cards__option {
  /* Компактная пилюля «ВЕС»: контейнер опции ужат по ширине (не на всю карточку),
     но может сжаться на узких карточках/мобиле (width:100% + max-width). */
  width: 100% !important;
  max-width: 130px !important;
  margin-bottom: 12px !important;
  box-sizing: border-box !important;
}

/* Любой div/span-обёртка внутри контейнера тоже на 100% */
.t-store__card__option > div,
.t-store__card__option > span,
.t-catalog__card__option > div,
.t-catalog__card__option > span,
.t-product__option > div,
.t-product__option > span,
.js-product-option > div,
.js-product-option > span {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  box-sizing: border-box !important;
}

/* --- Select --- */
.t-store select,
.t-store__card select,
.t-store__card__option select,
.t-store__prod-popup select,
.t-store__prod-popup__option select,
.t-catalog select,
.t-catalog__card select,
.t-catalog__card__option select,
.t-catalog__prod-popup__option select,
.js-catalog select,
.js-store-prod-option select,
.js-product select,
.js-product-option select,
.t-product__option select,
.t-product select,
.t-cards select,
.t-cards__option select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: block !important;
  /* Селект = 100% контейнера опции. Компактность делаем на уровне контейнера
     (.t-product__option / *__card__option — max-width ниже ~130px), чтобы
     стрелка Tilda (на обёртке опции) осталась у правого края пилюли. */
  width: 100% !important;
  max-width: 100% !important;
  padding: 8px 30px 8px 12px !important;
  /* Шрифт берём из Настроек сайта Tilda (fix: раньше был system-fallback,
     перебивал фирменный шрифт сайта на селектах) */
  font-family: inherit !important;
  font-size: 13px !important;
  color: #3c5f3b !important;
  border: 1px solid #3c5f3b !important;
  border-radius: 20px !important;
  background-color: #fff !important;
  background-image: none !important;
  transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s !important;
  cursor: pointer !important;
  outline: none !important;
  height: auto !important;
  line-height: 1.3 !important;
  box-shadow: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Hover */
.t-store select:hover,
.t-store__card select:hover,
.t-store__card__option select:hover,
.t-catalog select:hover,
.t-catalog__card select:hover,
.t-catalog__card__option select:hover,
.js-product select:hover,
.t-product select:hover,
.t-cards select:hover {
  border-color: #2e4a2d !important;
  background-color: #f5f9f4 !important;
}

/* Focus */
.t-store select:focus,
.t-store__card select:focus,
.t-store__card__option select:focus,
.t-catalog select:focus,
.t-catalog__card select:focus,
.t-catalog__card__option select:focus,
.js-product select:focus,
.t-product select:focus,
.t-cards select:focus {
  border-color: #2e4a2d !important;
  box-shadow: 0 0 0 3px rgba(60, 95, 59, 0.15) !important;
  background-color: #f5f9f4 !important;
}

/* --- Лейбл «Помол» --- */
.t-store__card__option-title,
.t-store__prod-popup__option-title,
.t-catalog__card__option-title,
.t-catalog__prod-popup__option-title,
.js-product-option-title,
.t-product__option-title,
.t-store .t-product__option-title,
.t-catalog .t-product__option-title,
.t-cards__option-title {
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  color: #3c5f3b !important;
  margin-bottom: 4px !important;
  font-weight: 500 !important;
}

/* --- IE/Edge --- */
.t-store select::-ms-expand,
.t-catalog select::-ms-expand,
.t-product select::-ms-expand {
  display: none !important;
}


/* Страница корзины */
.t706__cartpage {
    background-color: #f5f5f5 !important;
}
.t706__cartpage-totals {
    background-color: #f5f5f5 !important;
}
.t706__cartpage-heading {
    color: #292929 !important;
}
.t-input-description,
.t706__cartpage-form-wrapper .t-checkbox__control {
    font-weight: 400 !important;
}

/* Окно корзины */
.t706__cartwin-content {
    background-color: #f5f5f5 !important;
    border-radius: 8px;
}
.t706__cartwin-heading {
    color: #292929 !important;
}
.t706__cartwin-top {
    border-bottom: 1px solid #3C5F3B;
}
.t706__cartwin-bottom {
    border-top: 1px solid #3C5F3B;
}

/* Крестик закрытия и стрелка «назад»: Tilda рисует их светлыми, а фон корзины
   у нас #f5f5f5 — без этого они почти не видны. Правило было потеряно при
   рефакторинге CSS, восстановлено 28.07.2026 из снимка Head от 14.07. */
.t706__close-icon {
    color: #292929 !important;
}
.t706__cartpage-back,
.t706__cartpage-back .t706__cartpage-back-icon,
.t706__cartpage-back .t706__cartpage-back-icon * {
    color: #292929 !important;
    fill: #292929 !important;
    opacity: 1 !important;
}

/* Сайдбар */
.t706__sidebar-content {
    background-color: #f5f5f5 !important;
}
.t706__sidebar-heading {
    color: #302E2C !important;
}

/* Карточка товара */
.t706__product-title {
    color: #302E2C !important;
}
.t706__product-title__option {
    color: #302E2C !important;
    opacity: 1 !important;
}
.t706__product-quantity,
.t706__product-quantity-inp {
    color: #302E2C !important;
}
.t706__product-quantity:hover,
.t706__product-quantity_editing:hover {
    border: 1px solid #302E2C !important;
}
.t706__product-amount {
    color: #3C5F3B !important;
}

/* Сумма заказа */
.t706__cartwin-prodamount-wrap {
    color: #3C5F3B !important;
}
.t706__cartwin-prodamount-price,
.t706__cartwin-prodamount-currency {
    font-family: 'Din PRO' !important;
    font-weight: 600;
    color: #3C5F3B;
}

/* Поиск / доставка */
.searchbox-list *,
.delivery-minimum-time,
.delivery-minimum-price {
    font-family: 'Din PRO' !important;
    font-weight: 400;
}

/* --- Опция «Вес» — компактная пилюля ---
   Раньше здесь была двухколоночная раскладка (вес + помол в ряд, по 50%).
   Вывод «Помола» на сайте отключён — остался один селект «Вес». Делаем его
   компактным (ширина ≤130px, не на всю карточку), как просили. flex-basis 130px
   + max-width, min-width:0 — пилюля сжимается на узких карточках/мобиле без
   переносов. На мобиле (≤480px) — на всю ширину (media query ниже). */
.js-product-controls-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  /* Воздух между ценой и селектом «ВЕС». !important перебивает инлайновый
     margin-top:4px, который проставлял скрипт (теперь эта строка из JS убрана). */
  margin-top: 16px !important;
}

.js-product-controls-wrapper .t-product__option {
  flex: 0 1 130px !important;
  min-width: 0 !important;
  max-width: 130px !important;
}

.js-product-controls-wrapper .t-product__option select {
  min-width: 0 !important;
}

/* Компактные селекты в карточках листингов (главная ST200/ST300, каталог t1291):
   меньше кегль/паддинги, чем на странице товара (.t-product / .js-product-single
   базовый размер здесь не трогаем). Ширину задаёт контейнер опции (max-width
   ~130px выше). */
.t-store__card .js-product-controls-wrapper select,
.t-catalog__card .js-product-controls-wrapper select,
.t-store__card .t-product__option select,
.t-catalog__card .t-product__option select {
  padding: 6px 26px 6px 10px !important;
  font-size: 12px !important;
}
.t-store__card .t-product__option-title,
.t-catalog__card .t-product__option-title,
.t-store__card .t-store__card__option-title,
.t-catalog__card .t-catalog__card__option-title {
  font-size: 9px !important;
  margin-bottom: 2px !important;
  letter-spacing: 0.6px !important;
}
.t-store__card .t-product__option,
.t-catalog__card .t-product__option,
.t-store__card .t-store__card__option,
.t-catalog__card .t-catalog__card__option {
  margin-bottom: 8px !important;
}
/* В каталоге цена и «ВЕС» стоят вплотную (перебивает общий margin-top:16px). */
.t-store__card .js-product-controls-wrapper,
.t-catalog__card .js-product-controls-wrapper {
  margin-top: 2px !important;
}
/* Настоящая причина большого (и разного у разных карточек) отступа между ценой
   и «ВЕС» в каталоге: карточка Tilda — это flex-колонка во всю высоту с
   justify-content:space-between (.t-store__card__wrap_all /
   .t-store__card__wrap_txt-and-btns). Свободное место РАСПРЕДЕЛЯЕТСЯ разрывами
   между блоками (в т.ч. над «ВЕС») — обычными margin это не убрать.
   Решение: контент прижимаем к верху (flex-start), а кнопки пиним вниз через
   margin-top:auto — «ВЕС» встаёт под цену, кнопки остаются выровнены по низу. */
.t-store__card__wrap_all,
.t-store__card__wrap_txt-and-btns,
.store__card__wrap_txt-and-opts,
.t-store__card__wrap_txt-and-opts {
  justify-content: flex-start !important;
}
.t-store__card__btns-wrapper {
  margin-top: auto !important;
}
/* Разрыв «цена → нативный селект ВЕС» распределяет именно
   .store__card__wrap_txt-and-opts (textwrapper с ценой + prod-controls-wrapper
   с селектом — два его flex-ребёнка). flex-start выше прижимает селект к цене —
   так же вплотную, как плашка (.fauno-weight) лежит внутри textwrapper. */
.t-store__card__prod-controls-wrapper,
.t-catalog__card__prod-controls-wrapper {
  margin-top: 0 !important;
}
/* Штатный отступ опции «ВЕС» сверху (Tilda: 10px) — подрезаем в карточках */
.t-store__card .t-product__option,
.t-catalog__card .t-product__option {
  margin-top: 2px !important;
}

@media (max-width: 480px) {
  .js-product-controls-wrapper .t-product__option {
    flex: 1 1 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* --- Цена ST744 на мобиле ---
   Tilda по умолчанию сильно сжимает цену на узких экранах.
   Только мобильный размер, шрифт/цвет не трогаем — наследуются от Tilda. */
@media (max-width: 640px) {
  .t744__price-value,
  .t744__price-currency {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }
}


/* ==========================================
   ШКАЛЫ ВКУСА — точечные стили
   Только классы .fauno-* — тильдовскую разметку не трогаем.
   ========================================== */

.fauno-data { display: none !important; }

/* Страница товара */
.fauno-taste-scales {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 22px 0 0 !important;
  max-width: 520px;
  padding: 10px 14px;
  background: #fafaf9;
  border-radius: 10px;
}
.fauno-taste-scale {
  display: grid;
  grid-template-columns: 120px 1fr auto;
  gap: 14px;
  align-items: center;
}
.fauno-taste-scale__label {
  font-size: 10px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  font-weight: 500;
  color: #6b6b6b;
}
.fauno-taste-scale__dots { display: inline-flex; gap: 5px; }
.fauno-taste-scale__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e2e2dd;
}
.fauno-taste-scale__dot.is-on { background: #3c5f3b; }
.fauno-taste-scale__value {
  font-family: 'Din PRO', 'SF Mono', Menlo, monospace;
  font-size: 12px;
  color: #6b6b6b;
  white-space: nowrap;
}

/* Компактный режим — каталог */
.fauno-taste-scales--compact {
  gap: 6px;
  margin: 0 0 12px;
  padding: 10px 14px;
  background: #fafaf9;
  border-radius: 8px;
  max-width: 100%;
}
.fauno-taste-scales--compact .fauno-taste-scale { grid-template-columns: 80px 1fr auto; gap: 8px; }
.fauno-taste-scales--compact .fauno-taste-scale__label { font-size: 9px; letter-spacing: 0.7px; }
.fauno-taste-scales--compact .fauno-taste-scale__dots { gap: 3px; }
.fauno-taste-scales--compact .fauno-taste-scale__dot { width: 7px; height: 7px; }
.fauno-taste-scales--compact .fauno-taste-scale__value { font-size: 10px; }


/* ==========================================
   ВЕС — статичная плашка для одновесовых товаров

   У товаров с одним весом в Tilda нет Редакции (Editions), поэтому нативный
   селектор «ВЕС» не рисуется. Скрипт site-head-scales.html читает data-weight
   из span.fauno-data и вставляет эту плашку — только если нативного «ВЕС» нет.

   Визуально повторяет нативный селект «ВЕС»: компактная пилюля по ширине
   содержимого, оливковая рамка #3c5f3b, лейбл «ВЕС:» сверху. Стрелки нет —
   выбирать нечего, это информационная надпись. Шрифт значения — как у селекта
   (шрифт сайта, не моно), чтобы плашка и нативный селект смотрелись одинаково.
   ========================================== */

.fauno-weight { margin: 16px 0 14px; }
.fauno-weight__label {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: #3c5f3b;
  margin-bottom: 6px;
  font-weight: 500;
  font-family: var(--t-text-font, 'Source Sans Pro'), -apple-system, sans-serif;
}
.fauno-weight__label::after { content: ':'; }
.fauno-weight__badge {
  display: inline-block;
  padding: 8px 16px;
  border: 1px solid #3c5f3b;
  border-radius: 20px;
  font-size: 13px;
  line-height: 1.3;
  color: #3c5f3b;
  background: #fff;
  font-family: var(--t-text-font, 'Source Sans Pro'), -apple-system, sans-serif;
}

/* Компактная плашка — карточки каталога (главная ST200/ST300, /catalog t1291) */
.fauno-weight--compact { margin: 2px 0 10px; }
.fauno-weight--compact .fauno-weight__label { font-size: 9px; letter-spacing: 0.6px; margin-bottom: 4px; }
.fauno-weight--compact .fauno-weight__badge { padding: 6px 14px; font-size: 12px; }


/* ==========================================
   КАТЕГОРИЯ — плашка у названия лота («ЭСПРЕССО», «ФИЛЬТР», «ДРИП»)

   Текст — из data-category span.fauno-data. Скрипт site-head-scales.html
   ставит его атрибутом data-fauno-category на заголовок товара, плашку
   рисует ::after. Элементом внутрь заголовка её не вставлять: Tilda берёт
   название товара для корзины из textContent .js-product-name, а
   псевдоэлемент туда не попадает. Flex на обёртках Tilda не нужен —
   inline-block сам встаёт в конец последней строки названия.
   ========================================== */

[data-fauno-category]::after,
.t-store__card__title[data-fauno-category]::before {
  content: attr(data-fauno-category);
  display: inline-block;
  margin-left: 8px;
  padding: 8px 10px;
  text-indent: 1px;
  text-box: trim-both cap alphabetic;
  border-radius: 20px;
  background: #3D4727;
  color: #fff;
  font-family: 'Ysabeau Office', Arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
  font-style: normal;
  line-height: 1;
  letter-spacing: 1px;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
  top: -3px;
}

/* Страница товара — заголовок t744 */
.t744__title[data-fauno-category] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
}

/* Страница товара — крупнее, под заголовок t744 */
.t744__title[data-fauno-category]::after {
  margin-left: 0;
  padding: 8px 14px;
  font-size: 13px;
  top: 0;
}

/* Карточки каталога — плашка НАД названием (::before вместо ::after):
   справа от длинного названия она переносилась на вторую строку, и
   заголовки в ряду получались разной высоты. display:table — блок по
   ширине текста, без flex на тильдовском заголовке (правило 3). */
.t-store__card__title[data-fauno-category]::after { content: none; }
.t-store__card__title[data-fauno-category]::before {
  display: table;
  margin: 0 0 10px;
  top: 0;
}
/* Нет категории (дрипы, мерч, span без data-category, или скрипт шкал ещё
   не дошёл) — то же место пустым, чтобы ряд не съезжал на высоту плашки. */
.t-store__card__title:not([data-fauno-category])::before {
  content: '\00a0';
  display: table;
  margin: 0 0 10px;
  padding: 8px 10px;
  font-size: 11px;
  line-height: 1;
  text-box: trim-both cap alphabetic;
  visibility: hidden;
}

/* Секция «Категория» выше перенесена 14.10.2026 из поля CSS проекта Tilda
   (custom.css): там её правили руками — padding, text-box, шрифт Ysabeau
   Office, flex у .t744__title. Сайт с этой редакцией и работает. */


/* ==========================================
   КАРТОЧКА КАТАЛОГА — ровный ряд (14.10.2026)

   Описание — ровно 4 строки (обрезка с многоточием, высота резервируется
   и у коротких), под ценой — строка «цена за 100 г» (резерв у всех).
   Так шкалы, цена и кнопки у карточек одного ряда стоят на одной линии.
   Полный текст описания — на странице товара.
   ========================================== */

.t-store__card .t-store__card__descr {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  min-height: calc(1.55em * 4);
}

.t-store__card .store__card__wrap_txt-and-opts {
  position: relative;
  /* По ширине карточки решаем, встают ли цена и пилюли веса в одну строку
     (ниже, @container). Ширину карточке задаёт сетка Tilda, не содержимое. */
  container-type: inline-size;
}
.t-store__card .t-store__card__price-wrapper {
  position: relative;
  padding-bottom: 18px;
}
.fauno-per100 {
  position: absolute;
  left: 0;
  bottom: 0;
  font-family: var(--t-text-font, 'Source Sans Pro'), -apple-system, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #7a7a72;
  white-space: nowrap;
}

/* Кнопки — поровну свободного места, но не уже своего текста:
   с flex-basis 0 на узких карточках они обрезались до «ПОДР…» (14.10.2026). */
.t-store__card .t-store__card__btn { flex: 1 1 auto; }


/* ==========================================
   ПЕРЕКЛЮЧАТЕЛЬ ВЕСА — пилюли «200 г | 1 кг» (14.10.2026)

   Рисует code/site/site-head-weight.html. Родной select Tilda скрыт, но
   работает: пилюля ставит его значение и шлёт change. Блок веса стоит
   справа от цены (absolute внутри wrap_txt-and-opts, по центру строки
   цены); у дрипов так же стоит плашка .fauno-weight (её обёртку ловим
   через :has — скрипт шкал кладёт плашку и в родную обёртку Tilda). Подпись «Вес»
   в карточке не нужна — «200 г / 1 кг» говорит сам за себя.
   ========================================== */

.t-store__card.fauno-has-seg .t-store__card__prod-controls-wrapper,
.t-store__card .t-store__card__prod-controls-wrapper:has(.fauno-weight) {
  position: absolute !important;
  right: 0;
  bottom: 22px;
  width: auto !important;
  margin: 0 !important;
  /* Боковые отступы не трогаем: на главной (t778) поля карточки 20px лежат
     на этой обёртке, без них пилюля прилипает к краю (14.10.2026). */
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.t-store__card .fauno-seg-on {
  max-width: none !important;
  width: auto !important;
  margin: 0 !important;
}
.t-store__card .fauno-seg-on .t-product__option-title,
.t-store__card .fauno-seg-on .t-product__option-variants,
.t-store__card .fauno-weight--compact .fauno-weight__label { display: none !important; }
.t-store__card .fauno-weight--compact { margin: 0; }

.fauno-seg {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  border: 1px solid #3c5f3b;
  border-radius: 30px;
  background: #fff;
}
.fauno-seg__btn {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  border: 0;
  border-radius: 30px;
  padding: 7px 12px;
  background: transparent;
  color: #3c5f3b;
  font-family: var(--t-text-font, 'Source Sans Pro'), -apple-system, sans-serif;
  font-size: 13px;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .15s, color .15s;
}
.fauno-seg__btn[aria-pressed="true"] { background: #3c5f3b; color: #fff; }
.fauno-seg__btn:not(:disabled):not([aria-pressed="true"]):hover { background: #eef1ea; }
.fauno-seg__btn:disabled { color: #b4b8ad; text-decoration: line-through; cursor: not-allowed; }
.fauno-seg__btn:focus-visible { outline: 2px solid #7D2728; outline-offset: 1px; }

/* Плашка веса у дрипов — той же высоты, что пилюли */
.t-store__card .fauno-weight--compact .fauno-weight__badge { padding: 9px 14px; font-size: 13px; line-height: 1.2; }

/* Узкие карточки (уже 320px: главная на планшете — три колонки по 280px):
   цена со старой ценой и пилюли не помещаются в строку — пилюли под ценой. */
@container (max-width: 319px) {
  .t-store__card.fauno-has-seg .t-store__card__prod-controls-wrapper,
  .t-store__card .t-store__card__prod-controls-wrapper:has(.fauno-weight) {
    position: static !important;
    padding-top: 10px !important;
  }
}


/* ==========================================
   ПОДАРОК К ЗАКАЗУ — плашка под шапкой и строка в корзине

   Разметку рисует site-head-gift.html (только с 01.10.2026 по концу акции).
   Плашка бордовая: шапка сайта оливковая, олива под ней слилась бы.
   Условия раскрываются кнопкой — сроки и правила акции (ст. 9 ФЗ «О рекламе»).
   ========================================== */

.fauno-gift {
  background: #7D2728;
  color: #FFFEF5;
  font-family: var(--t-text-font, 'Source Sans Pro'), -apple-system, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  text-align: center;
  padding: 10px 20px;
}
.fauno-gift__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  gap: 4px 14px;
}
.fauno-gift__text b {
  font-weight: 600;
}
.fauno-gift__more {
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.fauno-gift__terms {
  max-width: 760px;
  margin: 8px auto 2px;
  font-size: 13px;
  line-height: 1.5;
  opacity: .9;
}
.fauno-gift__terms[hidden] {
  display: none;
}
.fauno-gift__terms a {
  color: inherit;
  text-decoration: underline;
}

/* Строка в корзине t706 над суммой; пустая корзина — прячем */
.fauno-gift-cart {
  margin: 0 0 14px;
  padding: 12px 16px;
  border-radius: 10px;
  background: #F5F5F5;
  color: #3D4727;
  font-family: var(--t-text-font, 'Source Sans Pro'), -apple-system, sans-serif;
  font-size: 14px;
  line-height: 1.45;
}
.t706:has(.t706__cartpage-products_empty) .fauno-gift-cart {
  display: none;
}


/* ==========================================
   ПРОМОКОД ИЗ РЕКЛАМЫ — плашка под шапкой и подсказка в корзине

   Разметку рисует site-head-promo.html — только посетителям, пришедшим из
   кампании search_beans (код ZERNO10, до 30.11.2026).
   Светлая, чтобы не спорить с бордовой плашкой подарка над ней.
   ========================================== */

.fauno-promo {
  background: #F5F5F5;
  color: #3D4727;
  border-bottom: 1px solid rgba(61, 71, 39, .15);
  font-family: var(--t-text-font, 'Source Sans Pro'), -apple-system, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  text-align: center;
  padding: 10px 20px;
}
.fauno-promo__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  gap: 4px 14px;
}
.fauno-promo__text b {
  font-weight: 600;
  letter-spacing: .04em;
}
.fauno-promo__btn {
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.fauno-promo__terms {
  max-width: 760px;
  margin: 8px auto 2px;
  font-size: 13px;
  line-height: 1.5;
  opacity: .9;
}
.fauno-promo__terms[hidden] {
  display: none;
}
.fauno-promo__terms a {
  color: inherit;
  text-decoration: underline;
}

/* Подсказка в корзине t706 над суммой; пустая корзина — прячем */
.fauno-promo-cart {
  margin: 0 0 14px;
  padding: 12px 16px;
  border-radius: 10px;
  border: 1px dashed rgba(61, 71, 39, .4);
  color: #3D4727;
  font-family: var(--t-text-font, 'Source Sans Pro'), -apple-system, sans-serif;
  font-size: 14px;
  line-height: 1.45;
}
.t706:has(.t706__cartpage-products_empty) .fauno-promo-cart {
  display: none;
}


/* ==========================================
   КОРЗИНА: ДОСТАВКА И ОФОРМЛЕНИЕ
   Разметку рисует site-head-checkout.html: строка «до бесплатной доставки»
   над суммой t706, ссылка «Есть промокод?», скрытие лишних полей формы.
   ========================================== */

.fauno-ship {
  margin: 0 0 14px;
  padding: 12px 16px;
  border-radius: 10px;
  background: #F5F5F5;
  color: #30261D;
  font-family: var(--t-text-font, 'Source Sans Pro'), -apple-system, sans-serif;
  font-size: 14px;
  line-height: 1.45;
}
.t706__cartpage .fauno-ship {
  background: #FFFFFF;
}
.fauno-ship[hidden],
.t706:has(.t706__cartpage-products_empty) .fauno-ship {
  display: none;
}
.fauno-ship__title {
  color: #3D4727;
  font-weight: 600;
}
.fauno-ship__bar {
  height: 4px;
  margin: 8px 0;
  border-radius: 2px;
  background: rgba(61, 71, 39, .15);
  overflow: hidden;
}
.fauno-ship__bar span {
  display: block;
  height: 100%;
  border-radius: 2px;
  background: #3D4727;
}
.fauno-ship__note {
  font-size: 13px;
  opacity: .8;
}
.t706 .fauno-hide {
  display: none !important;
}
/* Кружки способа доставки. Раньше их рисовал плагин Nolim NLM021 (T123
   rec2166890581): галочку он ставил top:-2px; left:1px — в угол кружка 20px,
   а его скрипт на каждой странице падал с ошибкой (querySelector у ).
   Тот же вид — здесь, галочка по центру (14.10.2026). */
.t706 .t-radio__control {
  padding: 4px 20px;
  display: inline-block;
  box-sizing: border-box;
  margin-right: 10px !important;
}
.t706 .t-radio__indicator {
  border-style: dashed;
  border-width: 1px;
  background-color: #f4f2e4;
}
.t706 .t-radio__control .t-radio:checked ~ .t-radio__indicator {
  border: 1px solid #3c5f3b !important;
}
.t706 .t-radio__control .t-radio__indicator::after {
  content: '';
  position: absolute;
  top: 3px !important;
  left: 6px !important;
  width: 3px;
  height: 8px;
  border: solid #3c5f3b;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  transform: rotate(45deg);
  background-color: transparent;
  opacity: 0;
}
.t706 .t-radio__control .t-radio:checked ~ .t-radio__indicator::after {
  opacity: 1;
}
.fauno-promo-toggle {
  margin: 0 0 20px;
  padding: 0;
  border: 0;
  background: none;
  color: #3D4727;
  font-family: var(--t-text-font, 'Source Sans Pro'), -apple-system, sans-serif;
  font-size: 15px;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}


/* ==========================================
   ЛОТ ЗАКОНЧИЛСЯ — похожие лоты в наличии
   Разметку рисует site-head-soldout.html: только на /catalog/<лот>, когда
   лота нет в магазине или остаток 0. Блок встаёт сразу под карточкой t744.
   ========================================== */

.fauno-soldout-note {
  margin: 20px 0;
  padding: 14px 18px;
  border-left: 3px solid #7D2728;
  background: #F5F5F5;
  border-radius: 0 10px 10px 0;
  color: #30261D;
  font-family: var(--t-text-font, 'Source Sans Pro'), -apple-system, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}
.fauno-soldout-note strong {
  display: block;
  margin-bottom: 2px;
  color: #7D2728;
  font-family: var(--t-headline-font, var(--t-text-font, 'Source Sans Pro')), -apple-system, sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.fauno-soldout {
  padding: 60px 20px 80px;
  background: #fff;
  color: #30261D;
  font-family: var(--t-text-font, 'Source Sans Pro'), -apple-system, sans-serif;
}
.fauno-soldout__inner { max-width: 1160px; margin: 0 auto; }
.fauno-soldout :where(h2, h3, p) { margin: 0; }
.fauno-soldout__title {
  margin-bottom: 30px;
  font-family: var(--t-headline-font, var(--t-text-font, 'Source Sans Pro')), -apple-system, sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
}
.fauno-soldout__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.fauno-soldout__card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 10px;
  background: #F5F5F5;
  color: inherit !important;
  text-decoration: none !important;
}
.fauno-soldout__img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;   /* фото товаров вертикальные */
  object-fit: cover;
  background: #F5F5F5;
}
.fauno-soldout__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  padding: 18px 20px 22px;
}
.fauno-soldout__name { font-size: 20px; font-weight: 500; line-height: 1.3; }
.fauno-soldout__notes { font-size: 14px; line-height: 1.45; opacity: .8; }
.fauno-soldout__price {
  margin-top: auto !important;
  padding-top: 6px;
  color: #3D4727;
  font-family: var(--t-headline-font, var(--t-text-font, 'Source Sans Pro')), -apple-system, sans-serif;
  font-size: 24px;
}
.fauno-soldout__btn,
.fauno-soldout__all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  height: 42px;
  padding: 0 24px;
  border: 1px solid #3D4727;
  border-radius: 30px;
  color: #3D4727 !important;
  font-family: var(--t-headline-font, var(--t-text-font, 'Source Sans Pro')), -apple-system, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: background-color .2s, color .2s;
}
.fauno-soldout__card:hover .fauno-soldout__btn,
.fauno-soldout__all:hover { background: #3D4727; color: #fff !important; }
.fauno-soldout__all { margin-top: 30px; }

@media (max-width: 960px) {
  .fauno-soldout__grid { grid-template-columns: 1fr; }
  .fauno-soldout__card { flex-direction: row; }
  .fauno-soldout__img { width: 120px; flex: 0 0 120px; align-self: stretch; height: auto; }
  .fauno-soldout__title { font-size: 26px; }
}