/* ============================================================
   СТАЛЬЕРО — Кастомный CSS для Тильды
   Версия: 1.1 · Июнь 2026 · font-family убраны
   ============================================================ */


/* ── 1. ПЕРЕМЕННЫЕ ПАЛИТРЫ ────────────────────────────────── */
:root {
  --st-espresso:      #2B1A0E;
  --st-espresso-mid:  #3D2415;
  --st-gold:          #C5A05A;
  --st-gold-light:    #D9BC7E;
  --st-gold-pale:     #EDD89A;
  --st-wine:          #7A2E3C;
  --st-linen:         #F0EBE1;
  --st-ivory:         #FAF7F2;
  --st-taupe:         #8B7B6E;
  --st-graphite:      #2C2420;

  --st-border-gold:   rgba(197, 160, 90, 0.3);
  --st-border-hair:   rgba(0, 0, 0, 0.08);
  --st-shadow-card:   0 2px 4px rgba(43,26,14,.06), 0 12px 32px rgba(43,26,14,.10);
  --st-shadow-lift:   0 4px 8px rgba(43,26,14,.08), 0 24px 48px rgba(43,26,14,.16);
  --st-ease:          cubic-bezier(0.4, 0, 0.2, 1);
}


/* ── 2. СТРАНИЦА — ФОН И БАЗОВЫЙ ТЕКСТ ───────────────────── */
body,
.t-body {
  background-color: var(--st-ivory) !important;
  color: var(--st-graphite) !important;
  font-weight: 300 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

::selection {
  background-color: var(--st-gold-pale);
  color: var(--st-graphite);
}

:focus-visible {
  outline: 2px solid var(--st-gold) !important;
  outline-offset: 2px !important;
}


/* ── 3. ЗАГОЛОВКИ ─────────────────────────────────────────── */

h1,
.t-title,
.t-cover__title,
.tn-atom__font-h1 {
  font-weight: 300 !important;
  font-style: normal !important;
  line-height: 1.15 !important;
  letter-spacing: 0.01em !important;
  color: var(--st-graphite) !important;
}

h2,
.t-descr,
.t-cover__subtitle,
.tn-atom__font-h2 {
  font-weight: 300 !important;
  font-style: italic !important;
  line-height: 1.25 !important;
  color: var(--st-gold) !important;
}

h3,
.tn-atom__font-h3 {
  font-weight: 300 !important;
  font-style: normal !important;
  letter-spacing: 0.12em !important;
  color: var(--st-graphite) !important;
}

h4,
.tn-atom__font-h4 {
  font-weight: 500 !important;
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--st-taupe) !important;
}

p,
.t-text,
.t-card__descr,
.tn-atom__font-text {
  font-weight: 300 !important;
  line-height: 1.75 !important;
  color: var(--st-graphite) !important;
}

hr,
.t-hr {
  border: none !important;
  height: 1px !important;
  background-color: var(--st-gold) !important;
  opacity: 0.35 !important;
}


/* ── 4. НАВИГАЦИЯ / ШАПКА ─────────────────────────────────── */
.t-header {
  background-color: var(--st-espresso) !important;
  border-bottom: 1px solid rgba(197, 160, 90, 0.2) !important;
}

.t-menu__link,
.t-header__menu-link,
.t-header__menu li a {
  font-weight: 500 !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--st-linen) !important;
  opacity: 1 !important;
  transition: color 220ms var(--st-ease) !important;
}

.t-menu__link:hover,
.t-header__menu-link:hover,
.t-menu__link_active,
.t-header__menu-link_active,
.t-menu__link.active {
  color: var(--st-gold) !important;
  opacity: 1 !important;
}

.t-header__logo img,
.t-logo img {
  filter: brightness(0) invert(1) !important;
}

.t-header__burger .t-header__burger-line {
  background-color: var(--st-linen) !important;
}

.t-header__menu-mobile-overlay,
.t-header__menu-mobile {
  background-color: var(--st-espresso-mid) !important;
}

.t-header__menu-mobile .t-menu__link {
  color: var(--st-linen) !important;
  border-bottom-color: rgba(197, 160, 90, 0.15) !important;
}


/* ── 5. КНОПКИ ────────────────────────────────────────────── */
.t-btn,
.t-btn_md,
.t-btn_lg,
.t-btn_sm,
.t-submit,
input[type="submit"],
button[type="submit"] {
  font-weight: 500 !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  background-color: var(--st-gold) !important;
  color: var(--st-espresso) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 28px !important;
  box-shadow: none !important;
  transition: background-color 220ms var(--st-ease),
              transform 220ms var(--st-ease) !important;
}

.t-btn:hover,
.t-btn_md:hover,
.t-btn_lg:hover,
.t-btn_sm:hover,
.t-submit:hover,
input[type="submit"]:hover {
  background-color: var(--st-gold-light) !important;
  color: var(--st-espresso) !important;
  transform: translateY(-1px) !important;
}

.t-btn:active,
.t-submit:active {
  transform: translateY(0) !important;
}

.t-store__btn-buy,
.t-store__btn-cart,
.t-store__card-btn {
  font-weight: 500 !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  background-color: var(--st-gold) !important;
  color: var(--st-espresso) !important;
  border: none !important;
  border-radius: 8px !important;
  transition: background-color 220ms var(--st-ease) !important;
}

.t-store__btn-buy:hover,
.t-store__btn-cart:hover {
  background-color: var(--st-gold-light) !important;
  color: var(--st-espresso) !important;
}


/* ── 6. КАРТОЧКИ ТОВАРОВ ──────────────────────────────────── */
.t-store__card,
.t696__card,
.t-card,
.t-col .t-col__items {
  background-color: var(--st-ivory) !important;
  border: 0.5px solid var(--st-border-gold) !important;
  border-radius: 2px !important;
  box-shadow: var(--st-shadow-card) !important;
  transition: transform 220ms var(--st-ease),
              box-shadow 220ms var(--st-ease),
              border-color 220ms var(--st-ease) !important;
  overflow: hidden !important;
}

.t-store__card:hover,
.t696__card:hover,
.t-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--st-shadow-lift) !important;
  border-color: rgba(197, 160, 90, 0.6) !important;
}

.t-store__card-title,
.t-card__title,
.t696__card-title {
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--st-graphite) !important;
}

.t-store__card-price,
.t-store__card-cost,
.t696__card-price,
.t-card__price {
  font-weight: 600 !important;
  font-size: 22px !important;
  letter-spacing: 0.01em !important;
  color: var(--st-graphite) !important;
}

.t-store__card-descr,
.t696__card-descr,
.t-card__descr {
  font-weight: 300 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  color: var(--st-taupe) !important;
}

.t-store__card-image,
.t696__card-image {
  background-color: var(--st-linen) !important;
}


/* ── 7. ФОРМЫ ─────────────────────────────────────────────── */
.t-input,
.t-sform__inputbox input,
.t-sform__inputbox textarea,
.t-sform__inputbox select,
.t-form__inputbox input,
.t-form__inputbox textarea {
  font-weight: 300 !important;
  font-size: 15px !important;
  background-color: var(--st-ivory) !important;
  color: var(--st-graphite) !important;
  border: 1px solid rgba(43, 26, 14, 0.15) !important;
  border-radius: 4px !important;
  transition: border-color 220ms var(--st-ease),
              box-shadow 220ms var(--st-ease) !important;
}

.t-input:focus,
.t-sform__inputbox input:focus,
.t-sform__inputbox textarea:focus,
.t-form__inputbox input:focus {
  border-color: var(--st-gold) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(197, 160, 90, 0.15) !important;
}

.t-sform__inputbox label,
.t-form__inputbox label,
.t-input-label {
  font-weight: 500 !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--st-taupe) !important;
}


/* ── 8. СЕКЦИИ НА ТЁМНОМ ФОНЕ ─────────────────────────────── */
[data-bgcolor="#2B1A0E"],
[data-bgcolor="#3D2415"],
[data-bgcolor="#2b1a0e"],
[data-bgcolor="#3d2415"] {
  background-color: var(--st-espresso) !important;
}

[data-bgcolor="#2B1A0E"] .t-title,
[data-bgcolor="#2B1A0E"] .t-descr,
[data-bgcolor="#2B1A0E"] .t-text,
[data-bgcolor="#2B1A0E"] p,
[data-bgcolor="#3D2415"] .t-title,
[data-bgcolor="#3D2415"] .t-descr,
[data-bgcolor="#3D2415"] .t-text,
[data-bgcolor="#3D2415"] p,
[data-bgcolor="#2b1a0e"] .t-title,
[data-bgcolor="#2b1a0e"] p,
[data-bgcolor="#3d2415"] .t-title,
[data-bgcolor="#3d2415"] p {
  color: var(--st-linen) !important;
}

[data-bgcolor="#2B1A0E"] h2,
[data-bgcolor="#2B1A0E"] .t-descr,
[data-bgcolor="#3D2415"] h2,
[data-bgcolor="#3D2415"] .t-descr,
[data-bgcolor="#2b1a0e"] h2,
[data-bgcolor="#3d2415"] h2 {
  color: var(--st-gold) !important;
}


/* ── 9. ФУТЕР ─────────────────────────────────────────────── */
.t-footer,
.t-footer__container {
  background-color: var(--st-espresso) !important;
  color: rgba(240, 235, 225, 0.65) !important;
}

.t-footer h1,
.t-footer h2,
.t-footer h3,
.t-footer h4,
.t-footer .t-title,
.t-footer .t-name {
  font-weight: 500 !important;
  font-size: 11px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--st-gold) !important;
}

.t-footer p,
.t-footer .t-text,
.t-footer li,
.t-footer a,
.t-footer .t-menu__link {
  font-weight: 300 !important;
  font-size: 14px !important;
  color: rgba(240, 235, 225, 0.65) !important;
  text-decoration: none !important;
  transition: color 220ms var(--st-ease) !important;
}

.t-footer a:hover,
.t-footer .t-menu__link:hover {
  color: var(--st-gold) !important;
  opacity: 1 !important;
}

.t-footer__copy,
.t-footer .t-copy {
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: rgba(240, 235, 225, 0.4) !important;
  border-top: 1px solid rgba(240, 235, 225, 0.1) !important;
  padding-top: 24px !important;
  margin-top: 40px !important;
}

/* Описание в карточке */
.t-store__card-descr {
  color: #8B7B6E !important;
}

/* Описание в попапе товара ST300 */
.t-store__product-popup-descr,
.t-store__product-popup-descr p {
  color: #8b7b6e !important;
  font-size: 18px !important;
}

.t754__descr.t-descr {
  color: #8b7b6e !important;
  font-size: 18px !important;
  font-style: normal !important;
}

.t-menu-base__imglogo,
.t-menu-base__imglogo img {
  width: 150px !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
}

.t338__title {
  color: #F0EBE1 !important;
}

/* Цена на странице товара */
.t-store-product-price,
.t-price {
  font-size: 42px !important;
  color: #C5A05A !important;
}

/* Заголовок страницы изделия */
.t017__title,
.t-title {
  color: #F0EBE1 !important;
}

.t017__descr,
.t-descr {
  color: #8B7B6E !important;
}

/* ── ФУТЕР: цвета и размеры списков ── */
.t-footer .t-descr,
.t-footer .t420__descr,
.t-footer .t420__descr ul,
.t-footer .t420__descr li,
.t-footer .t420__descr li a,
.t-footer .t420__descr a {
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 15px !important;
  color: rgba(240, 235, 225, 0.65) !important;
  text-decoration: none !important;
}

.t-footer .t420__descr a:hover {
  color: #C5A05A !important;
}