/* ТеплоЛайф — тема Liquid Glass (светлая). Единый источник для всех страниц.
   Подключать ПОСЛЕ styles.css / styles-thermo.css. Парный JS: theme-liquid.js */
  /* ── Liquid Glass (СВЕТЛАЯ): переменные ── */
  :root {
    --bg:          #fff4ea;
    --bg-alt:      #fff4ea;
    --line:        rgba(180,110,60,.14);
    --card:        rgba(255,255,255,.30);
    --card-border: rgba(255,255,255,.65);
    --ink:         #3a2415;
    --ink-soft:    #6b4a32;
    --muted:       #9b7a60;
    --brand:       #fd612a;
    --brand-dark:  #e8511f;
    --brand-soft:  rgba(253,97,42,.12);
    --warm:        #ffb37a;
    --gold:        #f4a300;
    --shadow:      0 8px 32px rgba(180,90,40,.14);
    --shadow-lg:   0 20px 60px rgba(180,90,40,.20);
    /* glass tokens — светлое матовое стекло */
    --glass-bg:    rgba(255,255,255,.38);
    --glass-border:rgba(255,255,255,.88);
    --glass-hi:    rgba(255,255,255,.90);   /* specular highlight */
    --glass-blur:  blur(33px) saturate(230%);
  }

  /* ── Фон страницы: светлый + сочные цветные глоу (чтобы стекло «преломляло») ── */
  body {
    background:
      radial-gradient(ellipse 60% 45% at 12% 18%, rgba(255,140,55,.32) 0%, transparent 60%),
      radial-gradient(ellipse 55% 50% at 88% 28%, rgba(255,176,66,.30) 0%, transparent 62%),
      radial-gradient(ellipse 65% 55% at 80% 82%, rgba(253,97,42,.24) 0%, transparent 62%),
      radial-gradient(ellipse 70% 60% at 22% 95%, rgba(255,200,72,.32) 0%, transparent 60%),
      linear-gradient(160deg, #fff7f0 0%, #ffeede 100%) !important;
    background-attachment: fixed !important;
    color: var(--ink) !important;
  }

  /* ════ LIQUID GLASS — матовое светлое стекло везде ════ */

  /* ── Шапка: glass bar ── */
  .hdr {
    background: rgba(255,255,255,.34) !important;
    backdrop-filter: var(--glass-blur) !important;
    -webkit-backdrop-filter: var(--glass-blur) !important;
    border-bottom: 1px solid rgba(255,255,255,.30) !important;
    box-shadow: inset 0 1px 0 var(--glass-hi), 0 6px 24px rgba(180,90,40,.10) !important;
  }
  .burger { background: var(--glass-bg) !important; border-color: var(--glass-border) !important; backdrop-filter: blur(12px) !important; }
  .burger span { background: var(--ink) !important; }
  .cart-link { color: var(--ink) !important; }
  .cart-link__qty { background: var(--brand) !important; color: #fff !important; }

  /* ── Hero ── */
  .hero { background: transparent !important; }
  .hero__blob--1 { background: radial-gradient(circle, rgba(255,140,40,.30), transparent 62%) !important; }
  .hero__blob--2 { background: radial-gradient(circle, rgba(120,170,255,.28), transparent 62%) !important; }
  .hero__h, .hero h1 { color: var(--ink) !important; }
  .hero__sub, .hero p { color: var(--ink-soft) !important; }

  /* Badge — glass pill */
  .badge {
    background: rgba(255,255,255,.30) !important;
    backdrop-filter: blur(21px) saturate(220%) !important;
    -webkit-backdrop-filter: blur(21px) saturate(220%) !important;
    color: var(--ink-soft) !important;
    border: 1px solid rgba(255,255,255,.7) !important;
    box-shadow: inset 0 1px 0 var(--glass-hi), 0 4px 14px rgba(180,90,40,.10) !important;
  }

  /* ── Hero cards — матовые стеклянные панели ── */
  .hero__card {
    position: relative;
    background: rgba(255,255,255,.38) !important;
    backdrop-filter: blur(39px) saturate(230%) !important;
    -webkit-backdrop-filter: blur(39px) saturate(230%) !important;
    border: 1px solid rgba(255,255,255,.75) !important;
    box-shadow:
      inset 0 1px 0 var(--glass-hi),
      inset 0 0 0 1px rgba(255,255,255,.20),
      0 16px 48px rgba(180,90,40,.18) !important;
  }
  .hero__card-img { width: 100%; height: 230px; display: block; object-fit: contain; object-position: center; border-radius: 10px; margin-bottom: 4px; }
  .hero__card-h { color: var(--ink) !important; }
  .hero__card-row { border-bottom-color: rgba(180,110,60,.14) !important; color: var(--ink-soft) !important; }
  .hero__card-foot { border-top-color: rgba(253,97,42,.22) !important; }

  /* ХИТ badge */
  .hero__card-badge {
    position: absolute; top: 12px; left: 12px; z-index: 2;
    background: linear-gradient(135deg, rgba(255,150,70,.95), rgba(230,80,25,.95));
    backdrop-filter: blur(12px);
    color: #fff;
    font-family: 'Unbounded', sans-serif;
    font-size: 11px; font-weight: 700; letter-spacing: .08em;
    padding: 4px 12px; border-radius: 999px;
    border: 1px solid rgba(255,200,150,.6);
    box-shadow: inset 0 1px 0 rgba(255,235,200,.7), 0 6px 16px rgba(253,97,42,.40);
  }

  /* ════ КНОПКИ: единый стиль — оранжевое объёмное liquid-стекло, БЕЗ обводки ════ */
  /* Применяется ко ВСЕМ кнопкам: primary, обе hero-кнопки, ghost, nav-пилюли. */
  .btn--primary,
  .btn--primary:link, .btn--primary:visited,
  .hero__btns .btn--primary:nth-child(2),
  .btn--ghost, .btn--ghost:link, .btn--ghost:visited,
  .nav a {
    position: relative;
    overflow: hidden;
    background: linear-gradient(160deg,
      #ffb45f 0%,
      #ff6526 46%,
      #f54a0c 100%) !important;
    border: 1px solid rgba(255,190,130,.45) !important;
    outline: none !important;                 /* убрать оранжевую обводку nav */
    color: #fff !important;
    box-shadow:
      inset 0 1.5px 0 rgba(255,240,210,.75),
      inset 0 -2px 4px rgba(150,40,0,.30),
      0 8px 22px rgba(253,97,42,.36) !important;
    transition: transform .15s ease, box-shadow .15s ease !important;
  }
  /* верхний жидкий блик — на всех кнопках */
  .btn--primary::after,
  .hero__btns .btn--primary:nth-child(2)::after,
  .btn--ghost::after,
  .nav a::after {
    content: ""; position: absolute; inset: 0 0 50% 0;
    background: linear-gradient(180deg, rgba(255,255,255,.32), rgba(255,255,255,0));
    border-radius: inherit; pointer-events: none; z-index: 0;
  }
  /* содержимое кнопки поверх блика */
  .nav a > *, .btn > * { position: relative; z-index: 1; }

  /* hover — приподнять + ярче */
  .btn--primary:hover,
  .hero__btns .btn--primary:nth-child(2):hover,
  .btn--ghost:hover,
  .nav a:hover {
    transform: translateY(-2px) scale(1.015) !important;
    color: #fff !important;
    border-color: rgba(255,200,140,.6) !important;
    box-shadow:
      inset 0 1.5px 0 rgba(255,245,220,.85),
      inset 0 -2px 4px rgba(150,40,0,.25),
      0 12px 30px rgba(253,97,42,.48) !important;
  }
  /* active — вдавить */
  .btn--primary:active,
  .hero__btns .btn--primary:nth-child(2):active,
  .btn--ghost:active,
  .nav a:active {
    transform: translateY(1px) scale(.99) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,240,210,.5),
      inset 0 -1px 3px rgba(150,40,0,.3),
      0 3px 12px rgba(253,97,42,.3) !important;
  }

  /* nav: та же геометрия, что у кнопки «Купить оптом» (.btn--sm) — однотипно */
  .nav a {
    border-radius: 12px !important;
    padding: 10px 18px !important;
    min-height: 44px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Корзина — нейтральное стекло (НЕ оранжевая, чтобы шапка не «перегорела») */
  .cart-link {
    background: rgba(255,255,255,.34) !important;
    backdrop-filter: blur(21px) saturate(220%) !important;
    -webkit-backdrop-filter: blur(21px) saturate(220%) !important;
    border: 1px solid rgba(255,255,255,.7) !important;
    color: var(--brand-dark) !important;
    box-shadow: inset 0 1px 0 var(--glass-hi), 0 4px 14px rgba(180,90,40,.10) !important;
  }

  /* ════ СЕКЦИИ ════ */
  .calc, .reviews, .faq {
    background: rgba(255,255,255,.30) !important;
    backdrop-filter: blur(12px) !important;
  }
  .calc__h, .reviews__h, .faq__h, h2, h3 { color: var(--ink) !important; }

  /* ── Калькулятор ── */
  .calc__gauge { background: rgba(255,180,100,.18) !important; }
  .calc__range { background: rgba(255,180,100,.18) !important; }
  /* Селектор регулятора — пассивная (бледное тёплое стекло) / активная (яркая оранжевая) */
  .calc__opt {
    position: relative; overflow: hidden;
    background: rgba(255,236,222,.55) !important;
    backdrop-filter: blur(18px) saturate(220%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(220%) !important;
    border: 1px solid rgba(255,180,130,.35) !important;
    outline: none !important;
    color: var(--ink-soft) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7) !important;
    transition: background .15s, color .15s, box-shadow .15s !important;
  }
  .calc__opt:hover {
    background: rgba(255,224,204,.72) !important;
    color: var(--brand-dark) !important;
  }
  .calc__opt.is-active, .calc__opt[aria-pressed="true"] {
    background: linear-gradient(160deg, #ffb45f 0%, #ff6526 46%, #f54a0c 100%) !important;
    color: #fff !important;
    border-color: rgba(255,190,130,.5) !important;
    box-shadow:
      inset 0 1.5px 0 rgba(255,240,210,.75),
      inset 0 -2px 4px rgba(150,40,0,.3),
      0 8px 22px rgba(253,97,42,.40) !important;
  }
  .calc__opt.is-active::after {
    content: ""; position: absolute; inset: 0 0 50% 0;
    background: linear-gradient(180deg, rgba(255,255,255,.32), rgba(255,255,255,0));
    border-radius: inherit; pointer-events: none;
  }
  .calc__result, .calc__box {
    background: rgba(255,255,255,.30) !important;
    backdrop-filter: blur(36px) saturate(230%) !important;
    -webkit-backdrop-filter: blur(36px) saturate(230%) !important;
    border: 1px solid rgba(255,255,255,.75) !important;
    box-shadow: inset 0 1px 0 var(--glass-hi), 0 12px 36px rgba(180,90,40,.16) !important;
  }
  .calc__r-row { border-bottom-color: rgba(180,110,60,.14) !important; color: var(--ink-soft) !important; }
  .price-was { color: var(--muted) !important; }

  /* ── Каталог: табы и карточки ── */
  /* Вкладки каталога — все оранжевые объёмные стеклянные; активная ярче и приподнята */
  .tab {
    position: relative; overflow: hidden;
    background: linear-gradient(160deg, #ef8f4a 0%, #db5616 52%, #c2480d 100%) !important;
    border: 1px solid rgba(255,180,120,.4) !important;
    outline: none !important;
    color: #fff !important;
    box-shadow:
      inset 0 1.5px 0 rgba(255,235,200,.55),
      inset 0 -2px 4px rgba(150,40,0,.28),
      0 6px 16px rgba(253,97,42,.26) !important;
    transition: transform .15s ease, box-shadow .15s ease !important;
  }
  .tab::after {
    content: ""; position: absolute; inset: 0 0 50% 0;
    background: linear-gradient(180deg, rgba(255,255,255,.48), rgba(255,255,255,0));
    border-radius: inherit; pointer-events: none;
  }
  .tab:hover {
    transform: translateY(-2px) !important;
    box-shadow: inset 0 1.5px 0 rgba(255,240,210,.7), 0 10px 24px rgba(253,97,42,.4) !important;
  }
  .tab.is-active {
    background: linear-gradient(160deg, #ffbb66 0%, #ff6829 45%, #f64c0e 100%) !important;
    color: #fff !important;
    border-color: rgba(255,205,150,.7) !important;
    transform: translateY(-1px) !important;
    box-shadow:
      inset 0 2px 0 rgba(255,245,220,.85),
      inset 0 -2px 5px rgba(150,40,0,.3),
      0 10px 28px rgba(253,97,42,.55) !important;
  }
  .card {
    background: rgba(255,255,255,.38) !important;
    backdrop-filter: blur(27px) saturate(225%) !important;
    -webkit-backdrop-filter: blur(27px) saturate(225%) !important;
    border: 1px solid rgba(255,255,255,.7) !important;
    box-shadow: inset 0 1px 0 var(--glass-hi), 0 10px 30px rgba(180,90,40,.14) !important;
  }
  .card__nm { color: var(--ink) !important; }
  .card__pr-now { color: var(--brand) !important; }
  .card__pr-was { color: var(--muted) !important; }

  /* ── Иконки преимуществ — прозрачное стекло, но ЯРКИЕ ── */
  .feat__ico {
    background: linear-gradient(150deg, rgba(255,150,70,.38), rgba(253,97,42,.26)) !important;
    backdrop-filter: blur(15px) saturate(250%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(250%) !important;
    border: 1px solid rgba(255,150,80,.55) !important;
    color: #e8511f !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 8px 22px rgba(253,97,42,.28) !important;
  }
  .feat__ico svg { stroke: #e8511f !important; }
  .feat__h, .feat h3 { color: var(--ink) !important; }
  .feat__d, .feat p { color: var(--ink-soft) !important; }

  /* ── Услуги / Доставка ── */
  .svc-row, .dlv-row, .dp__item {
    background: rgba(255,255,255,.34) !important;
    backdrop-filter: blur(21px) saturate(220%) !important;
    border: 1px solid rgba(255,255,255,.65) !important;
    box-shadow: inset 0 1px 0 var(--glass-hi), 0 6px 18px rgba(180,90,40,.10) !important;
  }

  /* ── Отзывы ── */
  .rev {
    background: rgba(255,255,255,.38) !important;
    backdrop-filter: blur(27px) saturate(225%) !important;
    border: 1px solid rgba(255,255,255,.7) !important;
    box-shadow: inset 0 1px 0 var(--glass-hi), 0 8px 24px rgba(180,90,40,.12) !important;
  }
  .rev__txt { color: var(--ink-soft) !important; }
  .rev__nm { color: var(--ink) !important; }

  /* ── FAQ ── */
  .faq__item { border-color: rgba(180,110,60,.14) !important; }
  .faq__q { color: var(--ink) !important; }
  .faq__a { color: var(--ink-soft) !important; background: rgba(255,255,255,.30) !important; }

  /* ── Контакты ── */
  .pay-opt, .map__load {
    background: rgba(255,255,255,.38) !important;
    backdrop-filter: blur(18px) saturate(220%) !important;
    border: 1px solid rgba(255,255,255,.7) !important;
    color: var(--ink-soft) !important;
    box-shadow: inset 0 1px 0 var(--glass-hi) !important;
  }
  .map__load { color: var(--brand-dark) !important; border-color: rgba(253,97,42,.35) !important; }

  /* ── Модалка ── */
  .ws-modal, [class*="modal-box"] {
    background: rgba(255,255,255,.70) !important;
    backdrop-filter: blur(40px) saturate(230%) !important;
    -webkit-backdrop-filter: blur(40px) saturate(230%) !important;
    border: 1px solid rgba(255,255,255,.8) !important;
    box-shadow: inset 0 1px 0 var(--glass-hi), 0 28px 64px rgba(180,90,40,.25) !important;
  }
  .modal-overlay, [class*="modal-overlay"] { background: rgba(120,70,40,.25) !important; backdrop-filter: blur(9px) !important; }

  /* ── Поля ввода ── */
  input:not([type=range]):not([type=checkbox]):not([type=radio]), select, textarea {
    background: rgba(255,255,255,.30) !important;
    backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255,255,255,.7) !important;
    color: var(--ink) !important;
    box-shadow: inset 0 1px 0 var(--glass-hi), inset 0 2px 6px rgba(180,90,40,.06) !important;
  }
  input::placeholder, textarea::placeholder { color: var(--muted) !important; }

  /* ── Footer ── */
  footer {
    background: rgba(255,255,255,.30) !important;
    backdrop-filter: blur(21px) saturate(220%) !important;
    border-top: 1px solid rgba(255,255,255,.6) !important;
  }
  footer, footer a { color: var(--ink-soft) !important; }
  .footer__copy { color: var(--muted) !important; }

  /* ════ ЛОГОТИП-МОНЕТА — liquid glass ════ */
  /* Рёбра монеты: полупрозрачное оранжевое стекло */
  .logo3d .lyr {
    background: linear-gradient(135deg, rgba(255,150,70,.78), rgba(207,77,20,.82)) !important;
  }
  /* Грани: глянцевое стекло — блик сверху-слева + внутренние подсветки + стеклянная кромка */
  .logo3d .face {
    background:
      linear-gradient(135deg, rgba(255,225,190,.65) 0%, rgba(255,255,255,0) 42%),
      linear-gradient(160deg, rgba(255,170,90,.94) 0%, rgba(244,163,0,.88) 48%, rgba(225,75,25,.95) 100%) !important;
    border: 1px solid rgba(255,210,170,.55) !important;
    box-shadow:
      inset 0 2px 3px rgba(255,255,255,.65),
      inset 0 -3px 6px rgba(150,40,0,.4) !important;
    backdrop-filter: blur(3px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(3px) saturate(200%) !important;
  }

  /* ════ НАДПИСЬ «ТеплоЛайф» — чёткая, БЕЗ стекла ════ */
  /* Сплошная непрозрачная заливка, чтобы при анимации нагрева (heatGate drop-shadow)
     буквы не выцветали и не пропадали. heatGate не трогаем — остаётся тёплый глоу по буквам. */
  .logo__txt {
    background: none !important;
    color: #c8451a !important;
    -webkit-text-fill-color: #c8451a !important;
    -webkit-text-stroke: 0 !important;
    text-shadow: none !important;
  }
  /* «Лайф» — насыщенный янтарь (тёмнее, чем был, чтобы не выцветал на пике нагрева) */
  .logo__txt span {
    background: none !important;
    color: #bf5a08 !important;
    -webkit-text-fill-color: #bf5a08 !important;
    -webkit-text-stroke: 0 !important;
  }
  /* Смягчённый «нагрев»: тёплый пульс остаётся, но не выжигает буквы (перекрывает базовый heatGate) */
  @keyframes heatGate{
    0%,42%  {filter:drop-shadow(0 0 0 rgba(0,0,0,0))}
    58%,78% {filter:drop-shadow(0 0 5px rgba(232,90,28,.42))}
    96%,100%{filter:drop-shadow(0 0 0 rgba(0,0,0,0))}
  }

  /* ── Mobile nav ── */
  @media (max-width:860px) {
    .nav {
      background: rgba(255,255,255,.78) !important;
      backdrop-filter: blur(36px) saturate(230%) !important;
      border-top: 1px solid rgba(255,255,255,.6) !important;
    }
    .nav a { background: rgba(255,255,255,.30) !important; }
  }

  /* ════ Кнопки: ЕСТЕСТВЕННЫЙ объём — гладкий градиент + мягкие тени, БЕЗ глянцевых полос ════ */
  /* Базовая группа (primary, обе hero-кнопки, ghost, nav) */
  .btn--primary, .btn--primary:link, .btn--primary:visited,
  .hero__btns .btn--primary:nth-child(2),
  .btn--ghost, .btn--ghost:link, .btn--ghost:visited,
  .nav a {
    background: linear-gradient(180deg, #ff9f53 0%, #fd6a2e 52%, #ec4d11 100%) !important;
    border: 1px solid rgba(214,76,18,.30) !important;
    color: #fff !important;
    box-shadow:
      inset 0 1px 0 rgba(255,236,205,.5),                 /* тонкая лит-кромка сверху */
      inset 0 -13px 16px -11px rgba(120,34,0,.42),         /* плавная нижняя тень-объём */
      0 5px 12px rgba(225,80,25,.30) !important;           /* мягкая внешняя тень (приподнятость) */
  }
  /* Вкладки каталога: пассивная — глубже/темнее, активная — ярче (тот же гладкий объём) */
  .tab {
    background: linear-gradient(180deg, #ef8b44 0%, #d9540f 55%, #bf470b 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,230,195,.4),
      inset 0 -13px 16px -11px rgba(110,30,0,.4),
      0 4px 10px rgba(210,75,20,.24) !important;
  }
  .tab.is-active, .calc__opt.is-active {
    background: linear-gradient(180deg, #ffb259 0%, #ff6a29 50%, #f24d0e 100%) !important;
    color: #fff !important;
    box-shadow:
      inset 0 1px 0 rgba(255,240,210,.6),
      inset 0 -13px 16px -11px rgba(120,34,0,.44),
      0 7px 16px rgba(225,80,25,.4) !important;
  }
  /* убрать глянцевые полосы-оверлеи (::after) со ВСЕХ кнопок */
  .btn--primary::after,
  .hero__btns .btn--primary:nth-child(2)::after,
  .btn--ghost::after,
  .nav a::after,
  .tab::after,
  .calc__opt.is-active::after { content: none !important; }

  /* ════ Liquid Glass: пружинистое увеличение ВСЕХ кнопок при наведении ════ */
  .btn, .nav a, .tab, .calc__opt, .cart-link {
    transition:
      transform .26s cubic-bezier(.34, 1.56, .64, 1),   /* упругая «пружинка» с лёгким перелётом */
      box-shadow .2s ease, background .15s ease, color .15s ease, border-color .15s ease !important;
    will-change: transform;
  }
  .btn:hover, .nav a:hover, .tab:hover, .calc__opt:hover, .cart-link:hover {
    transform: translateY(-2px) scale(1.05) !important;
  }
  .btn:active, .nav a:active, .tab:active, .calc__opt:active, .cart-link:active {
    transform: translateY(0) scale(.96) !important;
    transition: transform .09s ease !important;          /* нажатие — быстро и чётко */
  }
  @media (prefers-reduced-motion: reduce) {
    .btn, .nav a, .tab, .calc__opt, .cart-link { transition: box-shadow .2s ease, background .15s ease !important; }
    .btn:hover, .nav a:hover, .tab:hover, .calc__opt:hover, .cart-link:hover { transform: none !important; }
  }

  /* ════ «Живое стекло» (дёшево, лёгкое по нагрузке) ════ */
  /* 1) Курсорный блик — ТОЛЬКО при наведении (в покое надписи чёткие, без белой плёнки) */
  .btn--primary:hover,
  .hero__btns .btn--primary:nth-child(2):hover,
  .btn--ghost:hover,
  .nav a:hover {
    background:
      radial-gradient(70px circle at var(--mx,50%) var(--my,50%), rgba(255,255,255,.30), transparent 66%),
      linear-gradient(180deg, #ff9f53 0%, #fd6a2e 52%, #ec4d11 100%) !important;
  }
  .hero__card:hover {
    background:
      radial-gradient(220px circle at var(--mx,50%) var(--my,50%), rgba(255,255,255,.38), transparent 60%),
      rgba(255,255,255,.38) !important;
  }
  .calc__result:hover, .calc__box:hover {
    background:
      radial-gradient(220px circle at var(--mx,50%) var(--my,50%), rgba(255,255,255,.34), transparent 60%),
      rgba(255,255,255,.40) !important;
  }
  /* 2) Бегущий проблеск света по hero-карточкам (редко, деликатно, GPU-transform) */
  .hero__card::after {
    content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:3;
    background: linear-gradient(115deg, transparent 38%, rgba(255,255,255,.26) 48%, transparent 58%);
    transform: translateX(-130%);
    animation: glassSheen 9s ease-in-out infinite;
  }
  .hero__cards .hero__card:nth-child(2)::after { animation-delay: 1.2s; }
  @keyframes glassSheen {
    0%, 70%   { transform: translateX(-130%); }
    84%, 100% { transform: translateX(130%); }
  }
  /* 3) Прогрессивный блюр под шапкой (scroll edge effect) — одна полоса */
  .glass-scrolledge {
    position: fixed; left: 0; right: 0; height: 56px; z-index: 49; pointer-events: none;
    backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px);
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0%, transparent 100%);
  }
  @media (prefers-reduced-motion: reduce) {
    .hero__card::after { animation: none; opacity: 0; }
  }

  

  /* ════ Внутренние страницы — панели в стекле (единый стиль на всём сайте) ════ */
  .cart-row, .cart-empty, .cart-total,
  .step-box, .checkout-summary,
  .thanks-page, .return-memo,
  .legal {
    background: rgba(255,255,255,.42) !important;
    backdrop-filter: blur(20px) saturate(185%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(185%) !important;
    border: 1px solid rgba(255,255,255,.70) !important;
    box-shadow: inset 0 1px 0 var(--glass-hi), 0 10px 30px rgba(180,90,40,.14) !important;
  }
  .deliv-opt, .pay-opt, .steps-nav__item {
    background: rgba(255,255,255,.40) !important;
    backdrop-filter: blur(14px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(180%) !important;
    border: 1px solid rgba(255,255,255,.65) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7) !important;
  }
  .cart-row__qty { background: rgba(255,255,255,.50) !important; border: 1px solid rgba(255,255,255,.7) !important; }

  /* ════ Модалка «Купить оптом» — единый стиль (стекло + кнопки оранжевые, без синего) ════ */
  .ws-modal__box {
    background: rgba(255,255,255,.62) !important;
    backdrop-filter: blur(34px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(34px) saturate(200%) !important;
    border: 1px solid rgba(255,255,255,.80) !important;
    box-shadow: inset 0 1px 0 var(--glass-hi), 0 28px 64px rgba(180,90,40,.25) !important;
  }
  .ws-modal__overlay { background: rgba(120,70,40,.28) !important; backdrop-filter: blur(6px) !important; -webkit-backdrop-filter: blur(6px) !important; }
  .ws-modal__badge {
    background: rgba(255,150,70,.16) !important;
    color: var(--brand-dark) !important;
    border: 1px solid rgba(255,150,80,.40) !important;
  }
  .ws-modal__h { color: var(--ink) !important; }
  .ws-modal__p { color: var(--ink-soft) !important; }
  /* обе кнопки модалки — оранжевый объёмный (убираем синюю var(--cold)) */
  .ws-modal__act--call, .ws-modal__act--mail {
    background: linear-gradient(180deg, #ff9f53 0%, #fd6a2e 52%, #ec4d11 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(214,76,18,.30) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,236,205,.5),
      inset 0 -13px 16px -11px rgba(120,34,0,.42),
      0 5px 12px rgba(225,80,25,.30) !important;
  }
  .ws-modal__act--call:hover, .ws-modal__act--mail:hover { filter: brightness(1.05); transform: translateY(-1px); }