/* Serikov Coffee 2026 — каталог в стиле главной.
   Разметку компонентов не трогаем: и список товаров, и детальная карточка
   продолжают работать на своих шаблонах со всей логикой предложений, цен
   и корзины. Меняется только внешний вид.
   Переменные и шрифты приходят из site-hf.css, он подключён во всём шаблоне. */

/* ---------- Общая колонка страницы ---------- */
.container:has(.catalog-sc2026),
body:not(.sc2026-home) main.page-wrapper > .container{max-width:var(--wrap-w);padding-left:calc(24 * var(--u));padding-right:calc(24 * var(--u))}

/* ---------- Заголовок раздела ---------- */
main.page-wrapper h1{font-family:var(--font);font-weight:900;text-transform:uppercase;
  font-size:calc(48 * var(--u));line-height:1.02;letter-spacing:-.01em;color:var(--ink)}

/* ---------- Карточка товара в списке ----------
   Тема рисует её как .card-hover с серым фоном и мелким скруглением.
   Приводим к виду карточек с главной: белая, скруглённая, с цветной рамкой. */
.card-hover{background:#fff !important;border:1px solid var(--tile-line);box-shadow:var(--tile-shadow);border-radius:calc(36 * var(--u)) !important;
  transition:transform .35s var(--ease),box-shadow .35s ease,border-color .35s ease}
.card-hover:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(20,40,20,.13)}

/* Обводка — в цвет кнопки «В корзину», одна на все карточки.
   Раньше здесь были четыре акцента по кругу (4n+1..4n+4). */
.row > .col .card-hover{border-color:var(--tile-line)}

/* Название товара */
.card-hover + div a,
.col > a[href^="/catalog/"]{font-family:var(--font);font-weight:700;color:var(--ink);text-decoration:none}
.col > a[href^="/catalog/"]:hover{color:var(--green-brand)}

/* Цена */
.col .h5, .col .h6, .col .fw-bold{font-family:var(--font)}

/* ---------- Кнопки ---------- */
main.page-wrapper .btn-primary{background:var(--green-brand);border-color:var(--green-brand);
  font-family:var(--font);font-weight:700;border-radius:999px}
main.page-wrapper .btn-primary:hover{background:var(--green-deep-2);border-color:var(--green-deep-2)}
main.page-wrapper .btn-outline-primary{color:var(--green-brand);border-color:var(--green-brand);
  font-family:var(--font);font-weight:700;border-radius:999px}
main.page-wrapper .btn-outline-primary:hover{background:var(--green-brand);border-color:var(--green-brand)}

/* ---------- Умный фильтр ----------
   Внешний вид приводим к общему, но ни одной структурной правки:
   поля, чекбоксы и скрипты фильтра остаются как есть. */
.smart-filter .accordion-button,
[class*="smart-filter"] .accordion-button{font-family:var(--font);font-weight:700;color:var(--ink)}
.accordion-item{border-radius:calc(20 * var(--u));border-color:var(--line)}
main.page-wrapper .form-check-label{font-family:var(--font)}

/* ---------- Хлебные крошки ---------- */
main.page-wrapper .breadcrumb,
main.page-wrapper [class*="breadcrumb"]{font-family:var(--font);font-size:calc(15 * var(--u))}
main.page-wrapper [class*="breadcrumb"] a{color:var(--ink-soft);text-decoration:none}
main.page-wrapper [class*="breadcrumb"] a:hover{color:var(--green-brand)}

/* ---------- Детальная карточка товара ----------
   Разметку компонента не меняем: выбор веса, цены и добавление в корзину
   работают на его собственных скриптах. Приводим только внешний вид
   к макету — как в прототипе product.html. */

/* Метка «Хит продаж» — как ярлычки на карточках главной */
main.page-wrapper .badge.bg-faded-danger{background:#ffe9d6 !important;color:#c2410c !important;
  font-family:var(--font);font-weight:700;font-size:calc(14 * var(--u));
  border-radius:999px;padding:calc(7 * var(--u)) calc(16 * var(--u))}

/* Выбор веса: вместо чёрных прямоугольников — пилюли в фирменном зелёном */
.product-detail-scu-item-text-block{border:none !important;background:none !important}
.product-detail-scu-item-text{font-family:var(--font) !important;font-weight:700 !important;
  border:2px solid var(--line) !important;border-radius:999px !important;
  padding:calc(9 * var(--u)) calc(22 * var(--u)) !important;background:#fff !important;color:var(--ink) !important;
  transition:border-color .2s ease,color .2s ease}
.product-detail-scu-item-text:hover{border-color:var(--green-brand) !important;color:var(--green-brand) !important}
li.selected .product-detail-scu-item-text,
.selected > .product-detail-scu-item-text-block .product-detail-scu-item-text{
  background:var(--green-brand) !important;border-color:var(--green-brand) !important;color:#fff !important}

/* Цена */
main.page-wrapper .product-item-detail-price-current,
main.page-wrapper .h3.mb-0{font-family:var(--font);font-weight:900;color:var(--green-deep-2)}

/* Количество */
main.page-wrapper .product-item-amount-field-block,
main.page-wrapper .product-item-detail-info-container .input-group{border-radius:999px;overflow:hidden}

/* Заголовки блоков описания и характеристик */
main.page-wrapper h2, main.page-wrapper h3{font-family:var(--font);font-weight:900;
  text-transform:uppercase;letter-spacing:-.01em;color:var(--ink)}
main.page-wrapper h2{font-size:calc(34 * var(--u))}
main.page-wrapper h3{font-size:calc(26 * var(--u))}

/* Свойства товара */
main.page-wrapper .product-item-detail-properties dt{font-family:var(--font);color:var(--ink-soft);font-weight:500}
main.page-wrapper .product-item-detail-properties dd{font-family:var(--font);font-weight:700}