/* GO BULL — общая база сайта v3 (2026-10-23): монохромные фотофоны, светлая и тёмная тема, «стеклянные» карточки.
   Подключать ПОСЛЕ /assets/fonts.css и ПОСЛЕ <script src="/assets/scene.js"> в <head>.
   Что здесь: токены обеих тем, сброс, сцена (.scene — фиксированный фон с фото), кнопки, стекло (.glass),
   шапка (.hdr), подвал (.foot), переключатель темы и язык. Разметка контента — в странице (главная: inline-CSS,
   подстраницы: /assets/site.v3.css). Цвета — только через токены: тема меняет их на <html data-theme>. */

:root{
  --display:Unbounded,Onest,system-ui,sans-serif;
  --sans:Onest,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --wrap:1180px;--gut:clamp(18px,4vw,40px);--art:880px;
  --bronze:#C08A48;--bronze-d:#855A2B;--bronze-l:#D6A45E;
  --green:#147B4C;--green-l:#37C27A;--red:#B4472F;
  --r-lg:24px;--r-md:16px;--r-sm:12px;
  --ease:cubic-bezier(.2,.7,.2,1);
  /* шкала шрифтов: заголовки — Unbounded, мелкий моно-текст не меньше 13px и не бледнее --fg-2 */
  --t-h1:clamp(34px,5.6vw,64px);--t-h2:clamp(26px,3.6vw,40px);--t-h3:clamp(17px,1.4vw,20px);--t-lead:clamp(16px,1.3vw,18px);--t-small:13px;
}
/* ── светлая тема (по умолчанию) ── */
:root,:root[data-theme=light]{
  color-scheme:only light;             /* only light — Chrome/Samsung на Android не «затемняют» страницу сами */
  --bg:#F3F0EA;--bg-rgb:243,240,234;
  --fg:#0E0D0C;--fg-rgb:14,13,12;
  --fg-2:rgba(14,13,12,.74);--fg-3:rgba(14,13,12,.62);--fg-4:rgba(14,13,12,.4);
  --line:rgba(14,13,12,.12);--line-2:rgba(14,13,12,.07);
  --glass:rgba(255,255,255,.8);--glass-2:rgba(255,255,255,.9);--glass-solid:#FBFAF7;
  --glass-dk:rgba(18,17,16,.9);--glass-dk-fg:#F3F0EA;
  --accent:var(--bronze);--accent-fg:#0E0D0C;--accent-ink:var(--bronze-d);
  --ok:var(--green);
  --hdr:rgba(243,240,234,.82);
  --shadow:0 24px 60px -32px rgba(14,13,12,.35),0 1px 0 rgba(255,255,255,.6) inset;
  --logo-light:block;--logo-dark:none;
}
/* ── тёмная тема ── */
:root[data-theme=dark]{
  color-scheme:dark;
  --bg:#121110;--bg-rgb:18,17,16;
  --fg:#F3F0EA;--fg-rgb:243,240,234;
  --fg-2:rgba(243,240,234,.78);--fg-3:rgba(243,240,234,.64);--fg-4:rgba(243,240,234,.42);
  --line:rgba(243,240,234,.14);--line-2:rgba(243,240,234,.08);
  --glass:rgba(28,27,25,.82);--glass-2:rgba(28,27,25,.9);--glass-solid:#1C1B19;
  --glass-dk:rgba(243,240,234,.92);--glass-dk-fg:#0E0D0C;
  --accent:var(--bronze);--accent-fg:#0E0D0C;--accent-ink:var(--bronze-l);
  --ok:var(--green-l);
  --hdr:rgba(18,17,16,.82);
  --shadow:0 24px 60px -30px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.05) inset;
  --logo-light:none;--logo-dark:block;
}

/* ── сброс ── */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html,body{margin:0;padding:0;background:var(--bg)}
body{
  position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;
  color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.5;letter-spacing:-.011em;
  overflow-x:hidden;overflow-x:clip;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;
}
body > *{position:relative}            /* без z-index: иначе fixed-окна внутри секций не поднимутся над шапкой */
body > .scene{z-index:0}
main{flex:1 0 auto}
h1,h2,h3,p{margin:0}
img,svg{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--bronze);outline-offset:3px;border-radius:4px}
::selection{background:var(--fg);color:var(--bg)}
html[lang=fa] .eyebrow,html[lang|=zh] .eyebrow,html[lang=fa] h1,html[lang|=zh] h1,html[lang=fa] h2,html[lang|=zh] h2{letter-spacing:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
.mono{font-family:var(--mono)}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink)}
.only-light{display:var(--logo-light)}
.only-dark{display:var(--logo-dark)}

/* ── сцена: фиксированный фон с фото ── */
.scene{position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;z-index:0;overflow:hidden;background:var(--bg);pointer-events:none;contain:strict}
/* после первого экрана фото успокаивается (html[data-scrolled] ставит scene.js), к финальному призыву возвращается */
.scene::after{content:"";position:absolute;inset:0;background:rgba(var(--bg-rgb),.78);opacity:0;transition:opacity .5s var(--ease)}
html[data-scrolled] .scene::after{opacity:1}
body,.scene{transition:background-color .25s ease}
.scene-img{
  position:absolute;max-width:none;opacity:0;transition:opacity .9s var(--ease);
  -webkit-user-drag:none;user-select:none;
}
.scene.is-ready .scene-img{opacity:1}
/* светлые ч/б фото: белое растворяется в фоне */
[data-theme=light] .scene-img{mix-blend-mode:multiply}
/* тёмная тема: та же фотография, затемнённая (dim) или изначально тёмный кадр (native) — обычный слой без смешивания,
   края растворяем маской; негативов больше нет */
[data-theme=dark] .scene-img{mix-blend-mode:normal}
[data-theme=dark] .scene.is-ready[data-variant=native] .scene-img{opacity:.92}
/* компоновка */
.scene[data-mode=cover] .scene-img{inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--fx,50%) var(--fy,50%);transform:scale(var(--mz,1));transform-origin:50% 0}
.scene[data-mode=band] .scene-img{left:0;top:auto;bottom:0;width:100%;height:auto}
.scene[data-mode=side] .scene-img{top:auto;bottom:0;right:0;height:100%;max-height:calc(var(--ph,1000) * 1.6px);width:auto;object-fit:cover;object-position:var(--fx,50%) var(--fy,50%)}
.scene[data-mode=wide] .scene-img{top:0;right:0;width:clamp(520px,46vw,900px);height:auto}
html[dir=rtl] .scene[data-mode=side] .scene-img,html[dir=rtl] .scene[data-mode=wide] .scene-img{right:auto;left:0;transform:scaleX(-1)}
/* растворение краёв для слоёв без смешивания и мягкие края у боковых компоновок */
.scene[data-mode=side] .scene-img,.scene[data-mode=wide] .scene-img{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 52%),linear-gradient(180deg,#000 62%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 52%),linear-gradient(180deg,#000 62%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
}
.scene[data-mode=cover] .scene-img,.scene[data-mode=band] .scene-img{
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 60%,rgba(0,0,0,.35) 100%);
  mask-image:linear-gradient(180deg,#000 0,#000 60%,rgba(0,0,0,.35) 100%);
}
/* тёмная тема: серый кадр не должен начинаться срезом под шапкой и упираться в правый край — сверху и справа тоже растворяем */
[data-theme=dark] .scene[data-mode=side] .scene-img,[data-theme=dark] .scene[data-mode=wide] .scene-img{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 48%,#000 88%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,transparent 60px,rgba(0,0,0,.08) 100px,#000 300px,#000 55%,transparent 100%),radial-gradient(90% 80% at 62% 50%,#000 30%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 48%,#000 88%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,transparent 60px,rgba(0,0,0,.08) 100px,#000 300px,#000 55%,transparent 100%),radial-gradient(90% 80% at 62% 50%,#000 30%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
}
/* горизонтальный кадр справа сверху (бык в прыжке): подъём короче, иначе теряются рога */
[data-theme=dark] .scene[data-mode=wide] .scene-img{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 48%,#000 88%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,transparent 60px,rgba(0,0,0,.1) 90px,#000 200px,#000 55%,transparent 100%),radial-gradient(90% 80% at 62% 50%,#000 30%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 48%,#000 88%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,transparent 60px,rgba(0,0,0,.1) 90px,#000 200px,#000 55%,transparent 100%),radial-gradient(90% 80% at 62% 50%,#000 30%,transparent 100%);
}
/* телефон: до нижнего края шапки фото прозрачно, дальше медленный подъём — без серой полосы под шапкой */
[data-theme=dark] .scene[data-mode=cover] .scene-img{
  -webkit-mask-image:linear-gradient(180deg,transparent 60px,rgba(0,0,0,.12) 110px,#000 270px,#000 60%,rgba(0,0,0,.3) 100%);
  mask-image:linear-gradient(180deg,transparent 60px,rgba(0,0,0,.12) 110px,#000 270px,#000 60%,rgba(0,0,0,.3) 100%);
}
/* полоса снизу (горизонтальные фото на телефоне): верхний край растворяем, иначе виден срез серого кадра */
[data-theme=dark] .scene[data-mode=band] .scene-img{
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 28%,#000 68%,rgba(0,0,0,.3) 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 28%,#000 68%,rgba(0,0,0,.3) 100%);
}
/* вуаль читаемости: лёгкий градиент цвета фона у текстовой стороны и снизу */
.scene-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--bg-rgb),.5) 0%,rgba(var(--bg-rgb),.25) 38%,rgba(var(--bg-rgb),0) 58%,rgba(var(--bg-rgb),.45) 100%)}
.scene[data-mode=side] .scene-veil,.scene[data-mode=wide] .scene-veil{background:linear-gradient(90deg,rgba(var(--bg-rgb),.78) 0%,rgba(var(--bg-rgb),.45) 42%,rgba(var(--bg-rgb),0) 68%),linear-gradient(180deg,rgba(var(--bg-rgb),0) 50%,rgba(var(--bg-rgb),.5) 100%)}
html[dir=rtl] .scene[data-mode=side] .scene-veil,html[dir=rtl] .scene[data-mode=wide] .scene-veil{background:linear-gradient(270deg,rgba(var(--bg-rgb),.78) 0%,rgba(var(--bg-rgb),.45) 42%,rgba(var(--bg-rgb),0) 68%),linear-gradient(180deg,rgba(var(--bg-rgb),0) 50%,rgba(var(--bg-rgb),.5) 100%)}
/* зерно: прячет мягкость увеличенных фото, даёт «бумагу» */
.scene-grain{position:absolute;inset:0;opacity:.055;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}
[data-theme=dark] .scene-grain{opacity:.09;mix-blend-mode:screen}
@media (prefers-reduced-motion:reduce){.scene-img,.scene::after,body,.scene{transition:none}}
@media print{.scene{display:none}}

/* ── подложка под текст первого экрана (текст лежит прямо на фото): мягкое пятно цвета фона + полоса снизу
   под мелкие строки (пробный период, цена); к правому краю сходит в ноль ── */
.scrim{position:relative;isolation:isolate}
.scrim::before{
  content:"";position:absolute;z-index:-1;inset:-30px -26px -40px;border-radius:32px;pointer-events:none;
  background:
    radial-gradient(farthest-corner at 30% 40%,rgba(var(--bg-rgb),.9) 35%,rgba(var(--bg-rgb),.62) 70%,rgba(var(--bg-rgb),0) 100%),
    linear-gradient(180deg,rgba(var(--bg-rgb),0) 55%,rgba(var(--bg-rgb),.85) 82%,rgba(var(--bg-rgb),.85) 100%);
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  @media (min-width:900px){
    .scrim::before{
      -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
      -webkit-mask-image:radial-gradient(farthest-side at 30% 45%,#000 45%,transparent 95%);mask-image:radial-gradient(farthest-side at 30% 45%,#000 45%,transparent 95%);
    }
  }
}
@media (max-width:559px){.scrim::before{inset:-26px calc(var(--gut) * -1) -40px}}   /* не шире экрана: иначе 8px горизонтальной прокрутки */
@media (min-width:900px){.scrim::before{background:radial-gradient(farthest-side at 25% 50%,rgba(var(--bg-rgb),.8) 25%,rgba(var(--bg-rgb),.4) 55%,rgba(var(--bg-rgb),0) 100%),linear-gradient(180deg,rgba(var(--bg-rgb),0) 60%,rgba(var(--bg-rgb),.6) 100%)}}
/* тёмная тема: фото уже затемнено, светлый текст читается и так — подложка легче, фото видно сквозь неё */
[data-theme=dark] .scrim::before{background:radial-gradient(farthest-corner at 30% 40%,rgba(var(--bg-rgb),.7) 25%,rgba(var(--bg-rgb),.5) 60%,rgba(var(--bg-rgb),0) 100%),linear-gradient(180deg,rgba(var(--bg-rgb),0) 52%,rgba(var(--bg-rgb),.66) 78%,rgba(var(--bg-rgb),.66) 90%,rgba(var(--bg-rgb),0) 100%)}
@media (max-width:559px){[data-theme=dark] .scrim::before{border-radius:0;inset:-26px calc(var(--gut) * -1) -56px}}   /* на телефоне контур пятна не должен читаться как карточка */
@media (min-width:900px){[data-theme=dark] .scrim::before{background:radial-gradient(farthest-side at 25% 50%,rgba(var(--bg-rgb),.6) 25%,rgba(var(--bg-rgb),.3) 55%,rgba(var(--bg-rgb),0) 100%),linear-gradient(180deg,rgba(var(--bg-rgb),0) 60%,rgba(var(--bg-rgb),.45) 100%)}}

/* ── стекло: полупрозрачная карточка; размытие только на широких экранах (на телефонах оно дорого и не нужно:
   фото за контентом уже приглушено html[data-scrolled]) ── */
.glass{background:var(--glass);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--shadow)}
.glass-2{background:var(--glass-2)}
[data-theme=dark] .glass,[data-theme=dark] .glass-2{border-color:var(--line)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  @media (min-width:900px){.glass,.glass-2{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}
}
/* тёмная «важная» карточка (инверсия темы): акцентный тариф, финальный призыв */
.glass-dk{background:var(--glass-dk);color:var(--glass-dk-fg);border:1px solid transparent;border-radius:var(--r-lg);box-shadow:var(--shadow)}
.glass-dk .eyebrow{color:var(--bronze-l)}
[data-theme=dark] .glass-dk .eyebrow{color:var(--bronze-d)}

/* ── кнопки ── */
.btn,a.cta,button.cta{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:0 24px;border-radius:14px;border:1px solid transparent;
  font:inherit;font-weight:700;font-size:16px;line-height:1.2;cursor:pointer;white-space:nowrap;
  text-decoration:none;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s var(--ease);
}
.btn:active,a.cta:active,button.cta:active{transform:translateY(1px)}
.btn-bronze{background:var(--bronze);color:#0E0D0C}
.btn-bronze:hover{background:var(--bronze-l);color:#0E0D0C}
.btn-ink,a.cta,button.cta{background:var(--fg);color:var(--bg)}
.btn-ink:hover,a.cta:hover,button.cta:hover{background:var(--fg-2);color:var(--bg)}
.btn-outline,a.cta.ghost{background:var(--glass-solid);border-color:var(--line);color:var(--fg)}
.btn-outline:hover,a.cta.ghost:hover{border-color:var(--fg)}
/* тёмная тема: контурная кнопка лежит прямо на сером фото — заливка цвета страницы и рамка заметнее (≥3:1 к фото) */
[data-theme=dark] .btn-outline,[data-theme=dark] a.cta.ghost{background:rgba(var(--bg-rgb),.42);border-color:rgba(243,240,234,.48)}
[data-theme=dark] .btn-outline:hover,[data-theme=dark] a.cta.ghost:hover{border-color:var(--fg)}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--fg)}
.btn-ghost:hover{border-color:var(--fg)}
.glass-dk .btn-ghost{border-color:rgba(var(--bg-rgb),.35);color:inherit}
.glass-dk .btn-ghost:hover{border-color:currentColor}
.btn-sm{min-height:42px;padding:0 16px;font-size:14px;border-radius:12px}
.btn-soon{opacity:.55;pointer-events:none}
a.cta{margin:10px 10px 0 0}
html[dir=rtl] a.cta{margin:10px 0 0 10px}

/* ── шапка: стекло поверх сцены ── */
.hdr{position:sticky;top:0;z-index:60;background:var(--hdr);border-bottom:1px solid var(--line-2);color:var(--fg)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .hdr{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
}
.hdr-in{display:flex;align-items:center;gap:clamp(10px,2vw,28px);height:60px}
.brand{display:inline-flex;align-items:center;gap:9px;color:inherit;text-decoration:none;min-height:44px}
.brand img{width:28px;height:28px;flex:none}
.brand b{font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:.04em;white-space:nowrap}
.mnav{display:none;align-items:center;gap:2px;margin-inline-start:auto}
.mnav a{display:inline-flex;align-items:center;min-height:40px;padding:0 12px;border-radius:10px;font-size:14px;font-weight:500;color:var(--fg);opacity:.8;white-space:nowrap}
.mnav a:hover,.mnav a[aria-current=page]{opacity:1;background:rgba(var(--fg-rgb),.06)}
.hdr-r{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.mnav + .hdr-r{margin-inline-start:0}
.hdr-cta{display:none;align-items:center;min-height:40px;padding:0 16px;border-radius:12px;background:var(--fg);color:var(--bg);font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
.hdr-cta:hover{background:var(--bronze);color:#0E0D0C}
.hdr-login{display:inline-flex;align-items:center;min-height:40px;padding:0 12px;border-radius:10px;background:var(--fg);color:var(--bg);font-weight:700;font-size:14px}
@media(min-width:560px){.hdr-cta{display:inline-flex}.hdr-login{display:none}}
@media(min-width:880px){.mnav{display:flex}.burger{display:none}}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--fg);cursor:pointer;padding:0}
.icon-btn:hover{border-color:var(--fg)}
.icon-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.theme-btn .i-moon{display:block}.theme-btn .i-sun{display:none}
[data-theme=dark] .theme-btn .i-moon{display:none}[data-theme=dark] .theme-btn .i-sun{display:block}
/* язык (главная: свой селектор; подстраницы: .gbl-btn из lk-i18n.js) */
.langsel{position:relative}
.langbtn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 11px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--fg);font-family:var(--mono);font-size:12px;cursor:pointer}
.langbtn svg{opacity:.6;transition:transform .18s ease}
.langsel.open .langbtn svg{transform:rotate(180deg)}
.langmenu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:180px;background:var(--glass-solid);color:var(--fg);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:6px;z-index:70;max-height:70vh;overflow:auto}
.langmenu[hidden]{display:none}
.langmenu button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:14px;border:0;background:transparent;cursor:pointer;padding:10px 12px;border-radius:9px;font:inherit;font-size:14px;color:inherit;text-align:start}
.langmenu button:hover{background:rgba(var(--fg-rgb),.06)}
.langmenu button.on{background:rgba(192,138,72,.16);color:var(--accent-ink)}
.langmenu .code{font-family:var(--mono);font-size:10px;opacity:.5}
.hdr .gbl-btn{background:transparent;border:1px solid var(--line);color:var(--fg);min-height:40px;padding:0 11px;border-radius:10px;font-size:12px}
.hdr .gbl-btn svg{opacity:.65}
.hdr .gbl-btn:hover{border-color:var(--fg)}
.hdr .gbl-menu{background:var(--glass-solid);color:var(--fg);border-color:var(--line)}
.sp-lang:empty{display:none}
.burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:transparent;cursor:pointer;padding:0 10px}
.burger span{display:block;height:2px;background:var(--fg);border-radius:2px;transition:transform .2s ease,opacity .2s ease}
.burger[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.burger[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
#mmenu{display:none;border-top:1px solid var(--line-2);padding:8px var(--gut) 14px}
#mmenu.open{display:grid;gap:2px}
#mmenu a{display:flex;align-items:center;min-height:46px;padding:0 10px;border-radius:10px;font-size:16px;font-weight:600;color:var(--fg)}
#mmenu a:hover{background:rgba(var(--fg-rgb),.06)}
@media(min-width:880px){#mmenu{display:none!important}}
/* телефоны: 44px цели (правило после .burger/.langbtn — чтобы победить в каскаде); до 440px бренд — только знак */
@media(max-width:559px){.icon-btn,.langbtn,.burger,.hdr-login,.hdr .gbl-btn,.sp-langs a{min-height:44px}.icon-btn,.burger{width:44px}.hdr-r{gap:6px}.brand{min-width:44px}}
@media(max-width:439px){.brand b{display:none}.langbtn,.hdr .gbl-btn{padding:0 9px}}

/* ── подвал ── */
.foot{margin-top:auto;border-top:1px solid var(--line-2);background:rgba(var(--bg-rgb),.72)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .foot{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
}
.foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 16px;padding:40px 0 26px}
.foot-brand{grid-column:1 / -1;display:grid;gap:12px}
.foot-brand p{margin:0;font-size:13.5px;line-height:1.6;color:var(--fg-2);max-width:28em}
.foot-h{font-size:12px;font-weight:700;letter-spacing:.04em;margin-bottom:6px}
.foot-col a{display:flex;align-items:center;min-height:40px;font-size:14px;color:var(--fg-2);padding:4px 0;text-decoration:none}
.foot-col a:hover{color:var(--accent-ink)}
.foot-b{border-top:1px solid var(--line-2);padding:18px 0 calc(28px + env(safe-area-inset-bottom));font-size:12px;line-height:1.6;color:var(--fg-3);display:grid;gap:4px}
@media (min-width:900px){
  .foot-grid{grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px;padding:52px 0 32px}
  .foot-brand{grid-column:auto}
}

/* ── сезонная плашка (season.js) поверх стекла ── */
.season-ribbon{position:relative;z-index:1}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}