:root {
  /* brand */
  --dk-orange:        #F47A20;
  --dk-orange-dark:   #D9660F;
  --dk-orange-text:   #8A4108;   /* правка: текст на #FDEBD9, 6.36:1. На #D9660F было 3.08:1 */
  --dk-orange-light:  #FDEBD9;
  --dk-indigo:        #403092;
  --dk-indigo-dark:   #2C2065;
  --dk-indigo-light:  #EBE8F5;

  /* semantic */
  --dk-red:           #EE2F38;
  --dk-red-text:      #C9202A;   /* правка: текстовый красный, 5.64:1 на белом */
  --dk-red-light:     #FDECED;
  --dk-green:         #2E7D52;
  --dk-green-text:    #245F3F;   /* правка: текст на #E8F3EC, 6.63:1 */
  --dk-green-light:   #E8F3EC;

  /* surfaces */
  --dk-cream:         #F7F4EF;
  --dk-cream-dark:    #EFEAE2;
  --dk-white:         #FFFFFF;
  --dk-grey:          #F5F5F7;

  /* text */
  --dk-text:          rgba(28, 24, 45, 0.92);
  --dk-text-2:        rgba(28, 24, 45, 0.66);   /* правка: было 0.58 — на креме 4.16:1 */
  --dk-text-3:        rgba(28, 24, 45, 0.62);   /* правка: было 0.40 — плейсхолдеры 4.85:1 */
  --dk-text-disabled: rgba(28, 24, 45, 0.40);   /* только нетекстовые / выключенные */
  --dk-on-dark:       #FFFFFF;
  --dk-on-dark-2:     rgba(255, 255, 255, 0.72);
  --dk-on-dark-3:     rgba(255, 255, 255, 0.62); /* правка: было 0.50 — 4.61:1 в футере */

  /* borders */
  --dk-border:         rgba(64, 48, 146, 0.12);
  --dk-border-control: rgba(64, 48, 146, 0.55);  /* правка: поля и степперы, 3.05:1 */
  --dk-border-active:  #F47A20;

  /* radii */
  --dk-r-label: 4px;
  --dk-r-field: 8px;
  --dk-r-card:  12px;
  --dk-r-sheet: 16px;
  --dk-r-pill:  50px;

  /* shadows */
  --dk-sh-1:      0 2px 8px  rgba(64, 48, 146, 0.08);
  --dk-sh-2:      0 8px 20px rgba(64, 48, 146, 0.12);
  --dk-sh-3:      0 16px 40px rgba(64, 48, 146, 0.16);
  --dk-sh-header: 0 2px 12px rgba(0, 0, 0, 0.15);
  --dk-sh-cart:   -8px 0 32px rgba(64, 48, 146, 0.12);

  /* spacing */
  --dk-s1: 4px;  --dk-s2: 8px;  --dk-s3: 12px; --dk-s4: 16px;
  --dk-s5: 24px; --dk-s6: 32px; --dk-s7: 48px; --dk-s8: 64px; --dk-s9: 96px;

  /* layout */
  --dk-container:   1200px;
  --dk-gutter:      24px;
  --dk-gutter-mob:  16px;
  --dk-header-h:    72px;
  --dk-header-h-mob:60px;
  --dk-sidebar:     260px;
  --dk-cart:        420px;
  --dk-tap:         48px;

  /* type */
  --dk-font: Manrope, "Golos Text", -apple-system, sans-serif;
}

/* --------------------------------------------------------------------------
   ТИПОГРАФИКА
   Шрифт подключается отдельно: Настройки сайта → Шрифты → Manrope.
   Здесь только страховка, если Tilda отдаст свой CirceRounded.
   -------------------------------------------------------------------------- */
body,
.t-text, .t-title, .t-descr, .t-name, .t-heading,
.t-input, .t-btn, .t-submit {
  font-family: var(--dk-font);
}

/* --------------------------------------------------------------------------
   КНОПКИ
   Решение от 29.07: вариант А — белый текст на оранжевом, 2.74:1.
   WCAG AA не проходит. Отступление принято осознанно и зафиксировано письменно.
   Доступная альтернатива без смены палитры — rgba(28,24,45,0.92), 5.65:1.
   -------------------------------------------------------------------------- */
.t-btn,
.t-submit,
.t-store__card__btn,
.t-store__prod-popup__btn-wrapper .t-submit,
.t-store__load-more-btn {
  border-radius: var(--dk-r-pill) !important;
  font-family: var(--dk-font) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  min-height: var(--dk-tap);
  transition: background .15s ease, color .15s ease;
}

.t-btn_md, .t-submit,
.t-store__card__btn,
.t-store__load-more-btn {
  background-color: var(--dk-orange) !important;
  color: var(--dk-white) !important;
  border: none !important;
}
/* Решение от 29.07: белый текст на оранжевом. Контраст 2.74:1 — WCAG AA не проходит
   ни как мелкий, ни как крупный текст. Отступление принято осознанно.
   Если понадобится вернуть доступность без смены палитры — заменить color на
   rgba(28,24,45,0.92): та же заливка, 5.65:1. */

.t-btn:hover, .t-submit:hover,
.t-store__card__btn:hover,
.t-store__load-more-btn:hover {
  background-color: var(--dk-orange-dark) !important;
  color: var(--dk-white) !important;   /* 3.58:1 — то же осознанное отступление */
}

/* Фокус с клавиатуры — обязателен для AA, штатно Tilda его гасит */
.t-btn:focus-visible,
.t-submit:focus-visible,
.t-input:focus-visible,
.t-store__card__btn:focus-visible,
.t-menu__link-item:focus-visible {
  outline: 3px solid var(--dk-orange) !important;
  outline-offset: 2px !important;
}

/* --------------------------------------------------------------------------
   ПОЛЯ ВВОДА
   -------------------------------------------------------------------------- */
.t-input {
  border-radius: var(--dk-r-field) !important;
  border: 1px solid var(--dk-border-control) !important;
  color: var(--dk-text) !important;
  font-size: 16px !important;          /* < 16px на iOS вызывает зум при фокусе */
  min-height: var(--dk-tap) !important;
  background: var(--dk-white) !important;
}
.t-input::placeholder { color: var(--dk-text-3) !important; }
.t-input:focus {
  border-color: var(--dk-border-active) !important;
  box-shadow: 0 0 0 3px rgba(244, 122, 32, 0.15) !important;
}

/* --------------------------------------------------------------------------
   КАРТОЧКА ТОВАРА В СЕТКЕ (t-store__card)
   Порядок узлов не меняем — только оформление.
   -------------------------------------------------------------------------- */
.t-store__card__wrap_all {
  background: var(--dk-white) !important;
  border: 1px solid var(--dk-border) !important;
  border-radius: var(--dk-r-card) !important;
  overflow: hidden;
  transition: box-shadow .18s ease, transform .18s ease;
}
.t-store__card__wrap_all:hover {
  box-shadow: var(--dk-sh-2) !important;
  transform: translateY(-2px);
}
.t-store__card__title  { color: var(--dk-text) !important;   font-weight: 600 !important; }
.t-store__card__price  { color: var(--dk-indigo) !important; font-weight: 700 !important; }
.t-store__card__price_old {
  color: var(--dk-text-3) !important;
  text-decoration: line-through;
  /* В выгрузке магазина старая цена не заполнена ни у одного товара —
     стиль показывается только там, где данные появятся. */
}
/* Метка. На штатном #EE2F38 белый текст даёт 4.12:1 — AA не проходит.
   Красный текстовый #C9202A даёт 5.64:1. Метки «Новинка» и «Хит» в магазине
   заводятся отдельно — им оранжевый, правило ниже. */
.t-store__card__mark {
  border-radius: var(--dk-r-label) !important;
  background: var(--dk-red-text) !important;
  color: var(--dk-white) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  padding: 4px 8px !important;
}

/* --------------------------------------------------------------------------
   ФИЛЬТРЫ КАТАЛОГА
   -------------------------------------------------------------------------- */
.t-store__filter__title { color: var(--dk-text) !important; font-weight: 700 !important; }
.t-store__filter__item  { color: var(--dk-text-2) !important; }
.t-store__filter__input { border-radius: var(--dk-r-field) !important; }

/* --------------------------------------------------------------------------
   ПОПАП ТОВАРА И КОРЗИНА
   -------------------------------------------------------------------------- */
.t-popup__container {
  border-radius: var(--dk-r-sheet) !important;
  box-shadow: var(--dk-sh-3) !important;
}
.t-store__prod-popup__title { color: var(--dk-text) !important;   font-weight: 700 !important; }
.t-store__prod-popup__price { color: var(--dk-indigo) !important; font-weight: 700 !important; }

/* --------------------------------------------------------------------------
   МЕНЮ / ХЕДЕР (блоки T446, T450, T966 на странице «Header»)
   -------------------------------------------------------------------------- */
.t-menu__link-item {
  color: var(--dk-on-dark) !important;
  font-weight: 600 !important;
}
/* Оранжевый текст на индиговом хедере даёт 3.72:1 при кегле 15px — это прямой
   запрет из раздела «Не делать» дизайн-системы. Активный пункт и hover
   помечаем оранжевым подчёркиванием, сам текст остаётся белым. */
.t-menu__link-item:hover,
.t-menu__link-item.t-active {
  color: var(--dk-on-dark) !important;
  box-shadow: inset 0 -2px 0 0 var(--dk-orange) !important;
}

/* --------------------------------------------------------------------------
   ЧТО ЭТИМ ФАЙЛОМ НЕ ЗАКРЫВАЕТСЯ — делается руками в Zero Block
   (перечень из макета «06 Токены и контраст», раздел в конце):

   Главная  · фото продукции в хиро — фон ZB с соотношением 4:3
   Главная  · стрелки карусели «Хиты продаж»
   Главная  · иконки в плитках категорий (грузить как картинки 68×68)
   Каталог  · слайдер цены (штатно только «от / до»)
   Каталог  · чипы выбранных фильтров
   Каталог  · скелетоны при загрузке
   Категория· хиро категории и чипы подкатегорий
   Карточка · зум фото и кнопка «Увеличить»
   Карточка · липкая кнопка «В корзину» на мобильном
   Корзина  · строка «Скидка» и итог по промокоду
   Чекаут   · выбор доставки карточками (радиокнопки красятся CSS,
              но порядок и подписи — в настройках магазина, не в вёрстке)
   -------------------------------------------------------------------------- */

/* ==========================================================================
   РАСКАТКА НА ОСТАЛЬНЫЕ СТРАНИЦЫ — шаг 10, добавлено 29.07.2026
   Селекторы взяты из экспорта живого сайта, не из документации.
   Рядом с каждым блоком — сколько его на сайте и на скольких страницах.
   Каждый блок проверяется на копии сайта отдельно: Tilda иногда меняет
   классы между версиями блока.
   ========================================================================== */

/* --- t966 · многоуровневое меню каталога (60 шт., 30 страниц) ------------ */
.t966__menu-link {
  color: var(--dk-on-dark) !important;
  font-family: var(--dk-font) !important;
  font-weight: 500 !important;
}
.t966__menu-item:hover .t966__menu-link { color: var(--dk-on-dark) !important; }
.t-submenublocks__item {
  background: var(--dk-white) !important;
  border-radius: var(--dk-r-card) !important;
  box-shadow: var(--dk-sh-2) !important;
}
.t-submenublocks__item a { color: var(--dk-text) !important; }
.t-submenublocks__item a:hover { color: var(--dk-indigo) !important; }

/* --- t450 · мобильное меню с бургером (30 шт., 30 страниц) --------------- */
.t450__menu__content { background: var(--dk-indigo) !important; }
.t450__menu__content .t-menu__link-item { color: var(--dk-on-dark) !important; }
.t450__burger_container span,
.t450__burger_container span::before,
.t450__burger_container span::after { background: var(--dk-on-dark) !important; }

/* --- t420 · футер (30 шт., 30 страниц) ---------------------------------- */
.t420 { background: var(--dk-indigo-dark) !important; }
.t420 .t-descr,
.t420 .t-text,
.t420 a { color: var(--dk-on-dark-2) !important; }
.t420 a:hover { color: var(--dk-on-dark) !important; }
.t420 .t-name { color: var(--dk-on-dark) !important; font-weight: 700 !important; }

/* --- t106 · текстовый блок (24 шт., 24 страницы) ------------------------ */
.t106 .t-text,
.t106 .t-descr {
  color: var(--dk-text) !important;
  font-family: var(--dk-font) !important;
  line-height: 1.6 !important;
}

/* --- t706 · попап корзины и заказа (19 шт., 19 страниц) ----------------- */
.t706__cartwin-content {
  border-radius: var(--dk-r-card) !important;
  background: var(--dk-white) !important;
  box-shadow: var(--dk-sh-3) !important;
}
.t706__cartwin-totalamount,
.t706__cartwin-prodamount-wrap { color: var(--dk-indigo) !important; font-weight: 700 !important; }
.t706__product-title { color: var(--dk-text) !important; font-weight: 500 !important; }
.t706__product-amount,
.t706__product-price { color: var(--dk-text-2) !important; }
.t706__close-icon { color: var(--dk-indigo) !important; }

/* --- t1002 · избранное (16 шт., 16 страниц) ----------------------------- */
.t1002__wishlisticon-counter {
  background: var(--dk-orange) !important;
  color: var(--dk-white) !important;
  font-weight: 700 !important;
}
.t1002__wishlistwin {
  border-radius: var(--dk-r-card) !important;
  box-shadow: var(--dk-sh-3) !important;
}

/* --- t778 и t2421 · дополнительные сетки товаров ------------------------ */
.t778 .t-store__card__wrap_all,
.t-catalog__card__wrap_all {
  background: var(--dk-white) !important;
  border: 1px solid var(--dk-border) !important;
  border-radius: var(--dk-r-card) !important;
}
.t-catalog__card__title { color: var(--dk-text) !important; font-weight: 600 !important; }
.t-catalog__card__price { color: var(--dk-indigo) !important; font-weight: 700 !important; }

/* --- t18, t168, t204 · обложки (10 шт.) --------------------------------- */
.t-cover__filter { background: rgba(44, 32, 101, 0.55) !important; }
.t-cover .t-title,
.t-cover .t-descr { color: var(--dk-on-dark) !important; }

/* --- t33, t255, t127, t60 · заголовки и вводные абзацы (10 шт.) --------- */
.t017__title, .t225__title, .t050__title,
.t119__preface, .t017__descr, .t225__descr {
  font-family: var(--dk-font) !important;
  color: var(--dk-indigo) !important;
  letter-spacing: -0.015em !important;
}
.t017__descr, .t225__descr, .t119__preface {
  color: var(--dk-text-2) !important;
  letter-spacing: 0 !important;
  line-height: 1.6 !important;
}

/* --- t126 · разделитель (1 шт.) ----------------------------------------- */
.t118__line { background: var(--dk-border) !important; }

/* --- t555 · контакты (3 шт.) -------------------------------------------- */
.t555__contentbox { background: var(--dk-cream) !important; border-radius: var(--dk-r-card) !important; }
.t555 .t-name { color: var(--dk-indigo) !important; }

/* --- t678 · форма (1 шт., страница «Контакты») -------------------------- */
.t678 .t-input-group { margin-bottom: var(--dk-s4) !important; }

/* --- t817 · табы (1 шт.) ----------------------------------------------- */
.t817__tab-name { color: var(--dk-text-2) !important; font-family: var(--dk-font) !important; }
.t817__tab.t817__tab_active .t817__tab-name {
  color: var(--dk-indigo) !important;
  font-weight: 600 !important;
  box-shadow: inset 0 -2px 0 0 var(--dk-orange) !important;
}

/* --- t125 · карта (21 шт.) --------------------------------------------- */
.t-map { border-radius: var(--dk-r-card) !important; overflow: hidden !important; }

/* --- t994, t801, t766, t734 · слайдеры и карусели (4 шт.) --------------- */
.t-slds__arrow_wrapper .t-slds__arrow {
  border-color: var(--dk-indigo) !important;
  background: var(--dk-white) !important;
}
.t-slds__bullet_active .t-slds__bullet_body { background: var(--dk-orange) !important; }

/* --- t403 · плитка-ссылка (1 шт.) -------------------------------------- */
.t403__link { color: var(--dk-indigo) !important; }