/* ==========================================================================
   UNFADED — brand-style.css
   Токены и типографика айдентики «В · Обнажённый корсет»
   Источник: 10_VISUAL/identity_direction_decided_corset_2026-08-27.md
   Хостится на GitHub (unfadedbrand/unfaded-data), подключается ОДНОЙ строкой
   в HEAD-коде Tilda — по той же безопасной схеме, что и остальной сайтовый
   виджет (см. claude/unfaded-widget-status.md).

   ЭТАП 1 из 4 — «Типографика, безопасный слой».
   Что делает: подключает 4 шрифта бренда, заводит CSS-переменные палитры
   и шрифтов, переключает font-family (и точечно — цвет) на реально
   найденных сайтовых элементах. НЕ меняет font-size/line-height/отступы —
   это отдельный этап после визуальной проверки скриншотами (риск
   переполнения карточек/шапки при смене кегля выше, чем при смене гарнитуры).

   Проверено живым осмотром unfadedstore.com 27.08.2026 (только чтение
   опубликованного сайта, без входа в админку) — все селекторы ниже сняты
   с реальных элементов, а не предположены.

   ВАЖНО (найдено живой проверкой после первой установки 27.08.2026):
   часть блоков Tilda стилизует через встроенный <style> с селектором вида
   "#recXXXXXXX .t-card__title" — то есть с ID блока. ID в CSS всегда
   перевешивает любое число классов, поэтому обычные классовые правила
   ниже проигрывают. Все объявления помечены !important, чтобы гарантированно
   выигрывать независимо от того, сколько классов или ID использует Tilda —
   правила Tilda нигде не помечены !important (проверено), так что конфликта
   не будет. Это же правило справедливо для всех следующих этапов (2–4).
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@400;500;600&family=PT+Serif:ital,wght@0,400;1,400&family=PT+Sans:wght@400;700&family=PT+Mono&display=swap');

:root {
  /* --- примитивы (Figma: коллекция Primitives) --- */
  --uf-oxblood: #17090B;
  --uf-pale: #F7F4EF;
  --uf-burgundy: #7A1F2A;
  --uf-ink-secondary: #4A3A37;   /* вторичный текст на бледном фоне */
  --uf-pale-secondary: #C9B9A8;  /* вторичный текст на тёмном фоне */

  /* --- роли шрифтов (Figma: 8 текстовых стилей) --- */
  --uf-font-display: 'Cormorant', Georgia, 'Times New Roman', serif; /* Дисплейный сериф — ТОЛЬКО принт/брендбук/Figma, на сайте НЕ используется (см. v5 ниже) */
  --uf-font-heading: 'PT Sans', Arial, sans-serif;                   /* Крупные заголовки-баннеры на сайте — жирный UI-шрифт вместо серифа, см. «Заголовки на сайте» ниже */
  --uf-font-tag: 'PT Mono', 'Courier New', monospace;                /* Мелкие теги/заголовки разделов (HOT SALE, НОВИНКИ, «Категории товаров») — см. v6 ниже */
  --uf-font-body: 'PT Serif', Georgia, serif;                        /* Body — описание, состав, «О бренде» */
  --uf-font-ui: 'PT Sans', Arial, sans-serif;                        /* UI — навигация, кнопки, плитки, футер */
  --uf-font-mono: 'PT Mono', 'Courier New', monospace;               /* Meta — цена, размер, артикул */
}

/* --------------------------------------------------------------------------
   v6 РЕШЕНИЕ (27.08.2026): иерархия внутри заголовков — вариант «D» из
   макета сравнения (5 вариантов на PT Sans/PT Mono, макет отправлен и
   выбран клиентом: «баннер как D»). Раньше (v5) все заголовки — от
   крупного баннера до мелкого тега HOT SALE — были на одном и том же
   жирном --uf-font-heading, из-за чего сайт terял разнообразие уровней.
   Теперь роль разделена:
   — Крупные заголовки-баннеры (промо-баннер, баннер «Доставка с
     примеркой», мобильный HOT SUMMER SALE, название товара на странице
     товара) остаются на --uf-font-heading (жирный PT Sans) — это
     самостоятельные «плакатные» высказывания.
   — Мелкие теги и заголовки разделов (HOT SALE, НОВИНКИ, BESTSELLER,
     «Категории товаров») переведены на --uf-font-tag (PT Mono с
     разрядкой 0.08em) — та же гарнитура, что у цены/артикула, усиливает
     узнаваемый «рабочий» голос бренда и визуально отделяет уровень
     ярлыка от уровня заголовка.
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   v5 РЕШЕНИЕ (27.08.2026): заголовки на сайте — БЕЗ засечек.
   Клиент проверил Cormorant на реальных заголовках сайта и счёл его
   нечитаемым/некрасивым в вебе (в отличие от принта/брендбука, где он
   остаётся). Дисплейный сериф с сайта убираем полностью, заменяем на
   --uf-font-heading (PT Sans, font-weight: 700) — та же гарнитура, что и
   в UI, но жирнее и без леттерспейсинга/изменения кегля (кегль — этап 4).
   Так у крупных заголовков остаётся визуальный вес, при этом сайт не
   держит два несовместимых голоса (сериф на баннерах / санс везде ещё).
   Все 4 селектора, где раньше стоял --uf-font-display, переведены на
   --uf-font-heading ниже. Заодно на этих же селекторах добавлен
   wildcard-потомок (`SELECTOR *`), чтобы разово закрыть постоянно
   всплывающий баг: вложенный <span>/тег внутри уже пофикшенного
   контейнера держит своё собственное правило Tilda и не наследует
   гарнитуру предка (см. «Урок 3» в site_migration_plan_corset_2026-08-27.md).
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   Мегаменю (шапка) — .uf-dm-link / .uf-dm-panel-link, наш собственный код
   -------------------------------------------------------------------------- */
.uf-dm-link {
  font-family: var(--uf-font-ui) !important;
  color: var(--uf-oxblood) !important;
}
.uf-dm-panel-link {
  font-family: var(--uf-font-ui) !important;
  color: var(--uf-ink-secondary) !important;
}

/* --------------------------------------------------------------------------
   Промо-баннер на главной — «НОВАЯ КОЛЛЕКЦИЯ SS26» (.t-card__title.t-title.t-title_xxs)
   Крупный текст на тёмной подложке — безопасно переводить в дисплейный шрифт
   -------------------------------------------------------------------------- */
.t-card__title.t-title.t-title_xxs,
.t-card__title.t-title.t-title_xxs * {
  font-family: var(--uf-font-heading) !important;
  font-weight: 700 !important;
  color: var(--uf-pale) !important;
}

/* --------------------------------------------------------------------------
   Заголовок раздела «Категории товаров» (.js-block-header-title.t-section__title)
   v6: тот же уровень иерархии, что «НОВИНКИ»/«HOT SALE» — мелкий заголовок
   раздела, не самостоятельный баннер, поэтому тоже --uf-font-tag (моно).
   -------------------------------------------------------------------------- */
.js-block-header-title.t-section__title,
.js-block-header-title.t-section__title * {
  font-family: var(--uf-font-tag) !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  color: var(--uf-oxblood) !important;
}

/* --------------------------------------------------------------------------
   Плитки категорий на главной — «Верхняя одежда», «Юбки» и т.д.
   (.t-card__title.t-name.t-name_md) — мелкий текст, оставляем в UI-гарнитуре
   -------------------------------------------------------------------------- */
.t-card__title.t-name.t-name_md {
  font-family: var(--uf-font-ui) !important;
  color: var(--uf-ink-secondary) !important;
}

/* --------------------------------------------------------------------------
   Название товара в карточке каталога — мелкий кегль (12px), поэтому пока
   ТОЛЬКО гарнитура (сериф в дисплейном начертании на 12px нечитаем — размер
   меняем отдельным этапом вместе с высотой карточки)
   -------------------------------------------------------------------------- */
.js-store-prod-name.t-store__card__title {
  font-family: var(--uf-font-ui) !important;
  color: var(--uf-oxblood) !important;
}

/* --------------------------------------------------------------------------
   Цена / артикул — переводим в моноширинный шрифт роли Meta, как и
   задумано системой (визуально почти не меняет размер, только рисунок цифр)
   -------------------------------------------------------------------------- */
.t-store__card__price,
.t-store__card__price_old,
.t-store__card__sku {
  font-family: var(--uf-font-mono) !important;
  font-variant-numeric: tabular-nums;
}

/* --------------------------------------------------------------------------
   Футер — заголовки колонок «Покупателям» и т.д. (.t420__title.t-name.t-name_xs)
   Цвет НЕ трогаем на этом этапе — не проверяли фон футера живьём под WCAG
   -------------------------------------------------------------------------- */
.t420__title.t-name.t-name_xs {
  font-family: var(--uf-font-ui) !important;
}

/* --------------------------------------------------------------------------
   Кнопки сайта — только гарнитура (радиус/цвет/вес — этап 3, требует решения
   по единому компоненту кнопки, сейчас 3 разных радиуса и 4 разных веса)
   -------------------------------------------------------------------------- */
.t-btn {
  font-family: var(--uf-font-ui) !important;
}

/* --------------------------------------------------------------------------
   Реальный баг: блок «Ещё» под карточкой товара рендерится дефолтным
   Times New Roman (стиль не задан вообще) — чиним заодно
   -------------------------------------------------------------------------- */
.t-store__relevants__title-wrapper {
  font-family: var(--uf-font-ui) !important;
}

/* --------------------------------------------------------------------------
   ДОПОЛНЕНИЕ (найдено живым осмотром 27.08.2026, после проверки версии
   на !important): страница товара (PDP) собрана на ДРУГОМ шаблоне Tilda,
   чем карточка каталога — другие классы (.t-store__prod-popup__* вместо
   .t-store__card__*), поэтому правила выше её не касались вообще, это не
   баг применения, а изначально не покрытые селекторы.
   -------------------------------------------------------------------------- */
.t-store__prod-popup__name,
.t-store__prod-popup__name * {
  font-family: var(--uf-font-heading) !important;
  font-weight: 700 !important;
  color: var(--uf-oxblood) !important;
}

/* Реальный баг: обёртка цены на странице товара рендерится вообще без
   заданного шрифта (дефолтный Times New Roman браузера) */
.t-store__prod-popup__price-wrapper {
  font-family: var(--uf-font-mono) !important;
}

/* Реальный баг: плашка «Новинка»/«Sale» на странице товара — наш же виджет
   (.uf-badge-stack), но без заданного шрифта, тоже Times New Roman */
.uf-badge-stack {
  font-family: var(--uf-font-ui) !important;
}

/* Реальный баг: табы «Детали изделия / Уход / Доставка и оплата» на странице
   товара — без шрифта, тоже Times New Roman */
.t-store__tabs__button {
  font-family: var(--uf-font-ui) !important;
}

/* Таблица размеров на странице товара — наш виджет (table.uf-t внутри
   .uf-sizebox), заголовки колонок сейчас Helvetica Neue — переводим в Meta */
.uf-t th {
  font-family: var(--uf-font-mono) !important;
}

/* Поле ввода в окошке поиска (наш виджет, .ufs-overlay__input) — было на
   NeutralFace, переводим в UI-гарнитуру */
.ufs-overlay__input {
  font-family: var(--uf-font-ui) !important;
}

/* --------------------------------------------------------------------------
   ДОПОЛНЕНИЕ 2 (найдено сплошным осмотром 27.08.2026 — прогнали по всем
   видимым текстовым узлам главной страницы и странице товара, не только
   по точечным жалобам). Раньше проверялись отдельные элементы по мере
   жалоб — в этот раз прошли ВСЕ уникальные комбинации тег+класс на
   странице и сверили каждую с гарнитурой.
   -------------------------------------------------------------------------- */

/* Триггеры групп мегаменю «Верх / Низ / Платья и костюмы» — десктоп и
   мобильный аккордеон (два разных класса на один и тот же текст) */
.uf-dm-trigger,
.uf-menu-group__toggle {
  font-family: var(--uf-font-ui) !important;
}

/* Скрытый нативный дубль меню Tilda (используется в мобильной панели) —
   на всякий случай приводим в соответствие тоже */
.t-menu__link-item {
  font-family: var(--uf-font-ui) !important;
}

/* Ярлыки-эйбраки над блоками товаров — «Ещё» под похожими товарами */
.t-store__relevants__title.t-uptitle {
  font-family: var(--uf-font-ui) !important;
}

/* Заголовки «НОВИНКИ», «BESTSELLER» и «HOT SALE» над секциями на главной —
   свободный Zero-блок Tilda (.tn-atom), поэтому селектор нарочно завязан
   на ID конкретного блока, а не на общий .tn-atom (тот класс используется
   для любого текста в конструкторе Tilda и трогать его глобально нельзя).
   HOT SALE (#rec1123618876) добавлен в v5 — раньше не был покрыт вообще,
   поэтому оставался NeutralFace несмотря на все предыдущие правки.
   В v6 переведены с --uf-font-ui на --uf-font-tag (PT Mono + разрядка) —
   см. решение по иерархии заголовков выше. */
#rec1123623861 .tn-atom,
#rec504664503 .tn-atom,
#rec1123618876 .tn-atom {
  /* Ред. 27.08 (вечер): в макете заголовки разделов — жирный PT Sans
     (.uf-section-title), моноширинный PT Mono на них читался чужеродно. */
  font-family: var(--uf-font-heading) !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
}

/* Полоса «При заказе от 30.000р доставка бесплатно!» под шапкой */
#rec1604078031 .tn-atom {
  font-family: var(--uf-font-ui) !important;
}

/* Баннер «Доставка с примеркой по всей России» — крупный заголовок на
   тёмной подложке, тот же приём, что у промо-баннера главной (дисплейный
   шрифт + бледный цвет вместо чистого белого) */
#rec1717044771 .tn-atom,
#rec1717044771 .tn-atom * {
  font-family: var(--uf-font-heading) !important;
  font-weight: 700 !important;
  color: var(--uf-pale) !important;
}

/* Бейджи каталога (наш виджет) — «Новинка / Распродажа / Осталось мало /
   Нет в наличии» на карточках, сейчас Helvetica Neue */
.uf-badge {
  font-family: var(--uf-font-ui) !important;
}

/* Подпись-тег под названием товара в карточке каталога, напр.
   «[ драматичная штучка ]» — голос бренда, роль Body. В v4 стоял курсив,
   клиент попросил убрать («было лучше без курсива») — в v5 прямое
   начертание, гарнитура Body (PT Serif) остаётся */
.js-store-prod-descr {
  font-family: var(--uf-font-body) !important;
  font-style: normal !important;
}

/* Страница товара: подпись «р.» рядом с ценой — тот же ряд, что и цена */
.t-store__prod-popup__price-currency {
  font-family: var(--uf-font-mono) !important;
}

/* Страница товара: подписи опций («Размер») и кнопки размеров (XS/S/M) */
.t-product__option-title,
.t-product__option-title_buttons {
  font-family: var(--uf-font-ui) !important;
}

/* Страница товара: ссылка «Посмотреть ещё» в блоке похожих товаров */
.js-store-close-text {
  font-family: var(--uf-font-ui) !important;
}

/* Корзина (боковая панель и страница) — заголовки и подписи сумм */
.t706__cartpage-heading,
.t706__sidebar-heading,
.t706__cartwin-prodamount-label,
.t706__cartwin-totalamount-label,
.t706__sidebar-prodamount-label,
.t706__sidebar-totalamount-label {
  font-family: var(--uf-font-ui) !important;
}

/* Кнопки форм Tilda (подписка, отправка) — тот же UI-шрифт, что у .t-btn */
.t-submit__text {
  font-family: var(--uf-font-ui) !important;
}

/* Страница товара: сама цифра цены и артикул — вложенные классы внутри
   уже переведённой обёртки .t-store__prod-popup__price-wrapper, но со
   своим правилом Tilda, которое перебивает унаследованное значение —
   поэтому прописываем отдельно, тот же приём, что и с «Еще» выше */
.t-store__prod-popup__price-value {
  font-family: var(--uf-font-mono) !important;
}
.js-store-prod-sku {
  font-family: var(--uf-font-mono) !important;
}

/* Вложенные заголовки табов «Детали изделия / Уход / Доставка» — сам
   таб-переключатель (.t-store__tabs__button) уже переведён, но текст
   внутри него держится на своём правиле */
.t-store__tabs__button-title,
.t-store__tabs__item-title {
  font-family: var(--uf-font-ui) !important;
}

/* Наш калькулятор размера, блок «Другие цвета этой модели», кросс-селл
   «Дополните образ» на странице товара — все элементы своего виджета */
.uf-calc-title,
.uf-calc-btn,
.uf-color-siblings-label,
.uf-outfit-title,
.uf-outfit-name {
  font-family: var(--uf-font-ui) !important;
}
.uf-outfit-price {
  font-family: var(--uf-font-mono) !important;
}

/* Тело таблицы размеров (не только заголовки th, но и сами ячейки) */
.uf-t td {
  font-family: var(--uf-font-mono) !important;
}

/* Текст кнопки «Оформить заказ» в корзине */
.t-btnflex__text {
  font-family: var(--uf-font-ui) !important;
}

/* ============================================================================
   v7 — СПЛОШНОЙ АУДИТ ВСЕГО САЙТА (27.08.2026)
   По запросу клиента («сделай применимыми ко всем разделам сайта и
   карточкам») прогнали программный скан не только по главной и одной
   странице товара (как раньше), а по всем ключевым разделам: каталог
   (/catalog), страница «Клиентский сервис» (/service — вкладки Доставка/
   Оплата/Обмен и возврат/Оферта/Контакты, отдельный шаблон Tilda, до сих
   пор не проверялась вообще), страница товара с раскрытым описанием и
   добавленным в корзину товаром, боковая корзина С товаром (раньше
   проверялась только пустая — с товаром внутри почти всё оказалось не
   покрыто), футер (полностью — не только заголовки колонок, но и сами
   ссылки), плавающая кнопка WhatsApp, мобильная версия (390px) всех
   перечисленных страниц. Все найденные пробелы — ниже.
   ============================================================================ */

/* --- Футер: тело/ссылки колонок (Доставка, Оплата, Обмен и возврат,
   Политика конфиденциальности, Оферта, Контакты, WhatsApp, e-mail) — на
   ВСЕХ страницах сайта. Заголовки колонок (.t420__title) были покрыты ещё
   на этапе 1, а сам текст ссылок внутри — нет. */
.t420__descr {
  font-family: var(--uf-font-ui) !important;
}

/* --- Плавающая кнопка WhatsApp — виджет Tilda, есть на каждой странице */
.t898__btn-text {
  font-family: var(--uf-font-ui) !important;
}

/* --- Счётчик товаров на иконке корзины в шапке ("1") */
.t-menuwidgeticons__icon-counter {
  font-family: var(--uf-font-ui) !important;
}

/* --- Страница «Клиентский сервис» (/service) — вкладки Доставка/Оплата/
   Обмен и возврат/Оферта/Контакты. Отдельный шаблон Tilda (блоки T395 —
   переключатель вкладок, T056 — заголовок+текст внутри каждой вкладки),
   найден только сейчас, при сплошном аудите. */
.t395__title.t-name.t-name_xs {
  font-family: var(--uf-font-ui) !important;
}
.t056__title.t-name.t-name_xl {
  font-family: var(--uf-font-heading) !important;
  font-weight: 700 !important;
}
.t056__descr.t-text.t-text_sm {
  font-family: var(--uf-font-body) !important;
}

/* --- Страница товара: сам текст описания и состава — реальный контент
   роли Body, был пропущен во всех предыдущих сканах (проверяли вёрстку
   вокруг него — цену, табы, бейджи, — но не сам текст) */
.js-store-prod-all-text,
.t-typography__characteristics.js-store-prod-charcs {
  font-family: var(--uf-font-body) !important;
}

/* --- Страница товара: наши собственные виджеты — подсказка про размер
   («Не уверены в размере? Закажите с примеркой») и рост/параметры модели
   («На модели: 173/80/60/87») — были совсем без гарнитуры (Helvetica
   Neue по умолчанию браузера) */
.uf-note,
.uf-model {
  font-family: var(--uf-font-ui) !important;
}

/* --- Подписи полей калькулятора размера (напр. «Обхват груди») внутри
   .uf-sizebox — отдельно от заголовков таблицы (.uf-t th), не были
   покрыты */
.uf-field label {
  font-family: var(--uf-font-ui) !important;
}

/* --- Корзина (боковая панель) С товаром внутри — раньше проверяли только
   пустую корзину («Корзина пуста»), с добавленным товаром почти все
   элементы оказались не покрыты: название товара, размер+артикул,
   количество, цена, уведомление «добавлено в корзину» */
.t706__product-title,
.t706__product-title * {
  font-family: var(--uf-font-ui) !important;
}
.t706__product-title__option {
  font-family: var(--uf-font-ui) !important;
}
.t706__product-quantity {
  font-family: var(--uf-font-mono) !important;
}
.t706__cartwin-prodamount-price,
.t706__cartwin-prodamount-currency {
  font-family: var(--uf-font-mono) !important;
  font-variant-numeric: tabular-nums;
}
.t706__cartpage-products_empty {
  font-family: var(--uf-font-ui) !important;
}
.t706__bubble-text {
  font-family: var(--uf-font-ui) !important;
}
.t706__bubble-close {
  font-family: var(--uf-font-ui) !important;
}

/* --------------------------------------------------------------------------
   Явно НЕ трогаем на этом этапе (осознанно):
   - .t-menuwidgeticons__link — иконки без видимого текста, гарнитура не влияет
   - .t-input-title / .t-descr / .t-input-phonemask__* (поля форм Tilda) —
     нативная форма, трогать рискованно без проверки JS-зависимостей Tilda
   - .tn-atom без привязки к конкретному ID блока — общий класс свободного
     конструктора Tilda, глобально трогать нельзя (заденет будущий контент)
   - <option> нативных выпадающих списков — шрифт не управляется кроссбраузерно
   - .t-skiplink — служебная ссылка «К основному контенту» для скринридеров/
     клавиатурной навигации, не видна обычному пользователю, на бренд не влияет
   - всё внутри .digi-dolyame-* — сторонний виджет рассрочки, вне нашего кода
   -------------------------------------------------------------------------- */
/* === UNFADED — Этап 2: цвет + карточка «как у Namelazz» (27.08.2026, ред. 2) === */
:root {
  --uf-color-ink: #17090B;      /* oxblood-black */
  --uf-color-paper: #F7F4EF;    /* бледный */
  --uf-color-accent: #7A1F2A;   /* бордовый — только заливка/бордер */
}

/* --- СЕТКА КАРТОЧЕК ---------------------------------------------------
   Селекторы и размеры сняты живым осмотром 27.08 (не угаданы):
   .js-store-grid-cont — t-container, max-width 1200px. В макете сетка идёт
   во всю ширину экрана, поэтому ограничение снимаем.
   .t-store__card-list — flex-wrap, реальный родитель карточек.
   .t-store__card — t-col_6: width 560px + margin 0 20px = 600px, две ровно
   1200px. Любой column-gap сверху даёт 1203 > 1200 и карточки срываются по
   одной в ряд — поэтому поля обнуляем и задаём ширину calc(50% - 1.5px).
   -------------------------------------------------------------------- */
.js-store-grid-cont {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.t-store__card-list {
  background: var(--uf-color-ink) !important;
  /* Ред.: вертикальный зазор убран полностью — как у Namelazz, где ряды идут
     сплошняком. По горизонтали оставлен тонкий разрез 3px. */
  column-gap: 3px !important;
  row-gap: 0 !important;
}
/* Tilda вставляет между рядами служебные разделители .t-store__grid-separator
   с margin-bottom = значению «Вертикальный отступ между карточками» из настроек
   блока (в каталоге стоит 90px). Из-за них между рядами появляются широкие
   тёмные пустоты, хотя gap задан 3px. Разделители нужны только для float-раскладки,
   а список — flex, поэтому просто прячем их (в DOM остаются, JS Tilda не ломается). */
.t-store__card-list .t-store__grid-separator {
  display: none !important;
}

/* Карточки должны доходить до самого края экрана (как в макете и у Namelazz).
   На мобильном Tilda добавляет свои боковые отступы через медиазапросы, поэтому
   обнуляем их явно на всех ширинах — на десктопе это уже 0, так что там no-op. */
.t951,
.js-store-cont-w-filter,
.t951__cont-wrapper,
.t-store__card-list {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.t-store__card-list .t-store__card {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* «Нет в наличии» на карточке: у Tilda это ярко-оранжевый (#f95d51) шрифтом
   NeutralFace — чужой и цвету, и типографике бренда. На тёмной плашке ведём
   его как вторичный текст. */
.t-store__card .t-store__card__sold-out-msg,
.t-store__card .js-store-prod-sold-out {
  color: rgba(247,244,239,.55) !important;
  font-family: var(--uf-font-ui) !important;
  font-size: 12px !important;
}

/* Выпадающая панель меню привязана к тексту пункта (top: 100%), а сам пункт —
   15px внутри 42px полосы меню, поэтому панель открывалась на 13px выше нижнего
   края меню и наезжала на белую полосу. Опускаем её вровень с краем меню. */
.uf-dm-panel {
  margin-top: 13px !important;
}
/* Отступ выше создаёт зазор между пунктом меню и панелью, на котором курсор
   терял наведение и панель закрывалась. Перекрываем зазор прозрачным
   «мостиком» — панель остаётся на месте, но наведение не рвётся. */
.uf-dm-panel::before {
  content: '' !important;
  position: absolute !important;
  top: -14px !important;
  left: 0 !important;
  right: 0 !important;
  height: 14px !important;
  background: transparent !important;
}

/* В макете в шапке только поиск и корзина. Личного кабинета нет, избранное
   пока не согласовано — прячем иконку «сердце» вместе с её пунктом списка,
   иначе от него остаётся пустое место шириной 24px. */
.t-menuwidgeticons__icon:has(.t-menuwidgeticons__link_wishlist) {
  display: none !important;
}
.t-menuwidgeticons__link_wishlist {
  display: none !important;
}

/* --- ШАПКА ------------------------------------------------------------------
   1. Единый фон. Полоса меню (#uf-desktop-menu, из JS-виджета) была белой
      rgba(255,255,255,.94), а блок с логотипом (.t451__container__bg) —
      прозрачным, отсюда «на одних страницах белая, на других бежевая».
   2. Счётчик корзины у Tilda тёмно-серый (#262626) — в макете он бордовый.
   3. Кружки WhatsApp и почты в шапке в макете не предусмотрены (там только
      поиск и корзина). WhatsApp при этом остаётся доступен — плавающая кнопка
      в правом нижнем углу никуда не девается. */
#uf-desktop-menu {
  background: #FFFFFF !important;
}
.t451__container__bg {
  background-color: #FFFFFF !important;
}
.t-menuwidgeticons__icon-counter.js-carticon-counter {
  background-color: var(--uf-color-accent) !important;
  color: var(--uf-color-paper) !important;
}
.t451__side_socials {
  display: none !important;
}

/* --- ЧЕКАУТ (страница корзины .t706__cartpage) -----------------------------
   Этап 1 сознательно не трогал нативную форму Tilda, поэтому весь чекаут
   оставался на дефолтном NeutralFace и белом фоне. Здесь приводим его к макету
   (Cart.dc.html): бледный фон, PT Sans в интерфейсе, поля в бренд-цветах.
   Меняем только оформление — разметку и JS-хуки Tilda не трогаем.
   ВАЖНО: тёмный фон кнопки «Оформить заказ» через CSS не переопределяется —
   проверено вплоть до максимальной специфичности, Tilda навязывает его из
   настроек блока (#rec788252636). Цвет кнопки меняется в редакторе Tilda,
   в настройках блока корзины, а не здесь. */
.t706__cartpage {
  background: #FFFFFF !important;
}
.t706__cartpage .t-input,
.t706__cartpage .t-input-title,
.t706__cartpage .t-descr,
.t706__cartpage .t-name {
  font-family: var(--uf-font-ui) !important;
}
.t706__cartpage .t-input {
  background: #FFFFFF !important;
  border: 1px solid rgba(23,9,11,.25) !important;
  color: var(--uf-color-ink) !important;
}
.t706__cartpage .t-name_md {
  font-family: var(--uf-font-heading) !important;
  font-weight: 700 !important;
  color: var(--uf-color-ink) !important;
}
.t706__cartpage .t-submit .t-btnflex__text {
  font-family: var(--uf-font-ui) !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
.t-store__card-list .t-store__card {
  box-sizing: border-box !important;
  width: calc(50% - 1.5px) !important;   /* 2 в ряд — как в макете (ширина макета 1440) */
  max-width: none !important;
  margin: 0 !important;
}
/* На широких мониторах держим ФИЗИЧЕСКИЙ размер карточки близким к макетному
   (~640-720px по ширине), а не растягиваем две карточки на весь экран: иначе на
   2560px карточка выходит 1271x1700px и до цены нужно долго скроллить.
   Зазор 3px учтён в calc: N колонок => (N-1)*3px суммарно. */
@media (min-width: 1601px) {
  .t-store__card-list .t-store__card { width: calc(33.3333% - 2px) !important; }
}
@media (min-width: 2200px) {
  .t-store__card-list .t-store__card { width: calc(25% - 2.25px) !important; }
}

/* --- Плашка названия+цены под фото (в макете padding 16/20/22, линия сверху) */
.t-store__card__textwrapper {
  background: var(--uf-color-ink) !important;
  padding: 12px 15px 14px !important;
  border-top: 1px solid rgba(247,244,239,.14) !important;
}
/* Размеры сняты живым осмотром namelazz.com: название и цена 10px/14px,
   разрядка 0.064em, обычное начертание. */
.t-store__card__title:not(#uf-spec-boost) {
  color: var(--uf-color-paper) !important;
  font-family: var(--uf-font-body) !important;
  font-size: 14px !important;
  text-transform: none !important;
  margin-bottom: 8px !important;
}
.t-store__card__price-wrapper,
.t-store__card .price-wrapper {
  color: rgba(247,244,239,.55) !important;
}
.t-store__card__price:not(#uf-spec-boost) {
  color: rgba(247,244,239,.55) !important;
  font-size: 12px !important;
}
.t-store__card__price_old:not(#uf-spec-boost2) {
  color: rgba(247,244,239,.4) !important;
  font-size: 12px !important;
  text-decoration: line-through !important;
  margin-right: 8px !important;
}
.t-store__card .price-wrapper [class*="swatch"],
.t-store__card .price-wrapper [class*="color"] {
  box-shadow: 0 0 0 1px rgba(247,244,239,.35) !important;
}

/* --- Общие цветовые токены (Этап 2) --- */
/* Фон страниц: на карточке товара Tilda ставит белый, поэтому !important. */
/* Ред.: бежевый фон убран по решению клиента — везде, где он стоял, теперь белый.
   Токен --uf-color-paper при этом остаётся бледным: он же используется как ЦВЕТ
   ТЕКСТА на тёмной плашке карточек, там менять ничего не нужно. */
body:not(#uf-bg-boost), .t-body { background: #FFFFFF !important; }

/* Подзаголовок-тег товара «[ дерзкая грация ]» (поле «Описание» в Tilda,
   .t-store__card__descr) выводился тёмным #262626 на тёмной плашке и сливался
   с фоном. Ведём его как вторичный текст на тёмном. */
.t-store__card .t-store__card__descr {
  color: rgba(247,244,239,.45) !important;
  font-size: 12px !important;
  margin-bottom: 6px !important;
}
.t-card__title.t-title, .t-card__title.t-title *,
#rec1717044771 .tn-atom, #rec1717044771 .tn-atom * {
  color: var(--uf-color-paper) !important;
}

/* Размеры текста в карточке возвращены к прежним (14px название / 12px цена):
   эксперимент с размерами Namelazz (10px) вживую оказался слишком мелким. */