/* RDR2RP — стили публичного сайта (дизайн-система «ЛичКабинет»: Kelly Slab +
   Oswald + PT Serif, панель #101010, бумага #ece4d5, один красный акцент).
   Админка живёт на старых kit.css/mobile.css: App переключает таблицы стилей,
   поэтому имена классов здесь с ними не конфликтуют. */

@font-face{font-family:'Kelly Slab';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/kellyslab-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Kelly Slab';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/kellyslab-latin.woff2') format('woff2');}
@font-face{font-family:'Oswald';font-style:normal;font-weight:200 700;font-display:swap;src:url('fonts/oswald-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Oswald';font-style:normal;font-weight:200 700;font-display:swap;src:url('fonts/oswald-latin.woff2') format('woff2');}
@font-face{font-family:'PT Serif';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/ptserif-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'PT Serif';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/ptserif-latin.woff2') format('woff2');}

:root{
  --panel:#101010;
  --night:#0a0908;
  --paper:#f4efe7;
  --parchment:#ece4d5;
  --poster:#e6dcc8;
  --envelope-read:#e6dcc8;
  --torn:#cbc4b6;
  --ink:#1a1714;
  --red:#b5342e;
  --red-hot:#c9433c;
  --red-fill:rgba(181,52,46,.72);
  --red-fill-hover:rgba(181,52,46,.88);
  --red-border:rgba(181,52,46,.9);
  --amber:#e0a458;
  --gold:#d8b46a;
  --board:#3a2e22;
  --sage:#4f7a52;
  --alive:#6fae72;
  --dead:#c2453f;
  --discord:#5865f2;

  --p90:rgba(244,239,231,.9);
  --p85:rgba(244,239,231,.85);
  --p75:rgba(244,239,231,.75);
  --p72:rgba(244,239,231,.72);
  --p60:rgba(244,239,231,.6);
  --p55:rgba(244,239,231,.55);
  --p45:rgba(244,239,231,.45);
  --p35:rgba(244,239,231,.35);
  --i75:rgba(26,23,20,.75);
  --i72:rgba(26,23,20,.72);
  --i65:rgba(26,23,20,.65);
  --i60:rgba(26,23,20,.6);
  --i50:rgba(26,23,20,.5);
  --i40:rgba(26,23,20,.4);
  --i25:rgba(26,23,20,.25);
  --i14:rgba(26,23,20,.14);
  --w03:rgba(255,255,255,.03);
  --w04:rgba(255,255,255,.04);
  --w05:rgba(255,255,255,.05);
  --w07:rgba(255,255,255,.07);
  --w08:rgba(255,255,255,.08);
  --w10:rgba(255,255,255,.1);
  --w12:rgba(255,255,255,.12);
  --w14:rgba(255,255,255,.14);
  --w20:rgba(255,255,255,.2);

  --f-display:'Kelly Slab',serif;
  --f-ui:'Oswald',sans-serif;
  --f-serif:'PT Serif',serif;

  --gut:clamp(16px,4vw,56px);
  --ease:cubic-bezier(.22,1,.36,1);
  --hdr-h:84px;
}

/* ── База ─────────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hdr-h) + 16px);}
body{margin:0;background:var(--panel);color:var(--paper);font-family:var(--f-ui);font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{color:inherit;text-decoration:none;cursor:pointer;}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;}
button:disabled{cursor:default;}
input,textarea{font:inherit;color:inherit;}
input::placeholder{color:inherit;opacity:.5;}
img{max-width:100%;}
::selection{background:rgba(181,52,46,.55);color:#fff;}
:focus-visible{outline:2px solid var(--red-border);outline-offset:2px;}
::-webkit-scrollbar{width:9px;height:9px;}
::-webkit-scrollbar-track{background:var(--panel);}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:5px;}
main{display:block;min-height:60vh;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

.wrap{width:100%;max-width:1280px;margin:0 auto;padding-left:var(--gut);padding-right:var(--gut);}
.serif{font-family:var(--f-serif);}
.serif-i{font-family:var(--f-serif);font-style:italic;}
.slab{font-family:var(--f-display);font-weight:400;}
.red{color:var(--red);}
.cap{font-size:12px;letter-spacing:.2em;color:var(--p55);text-transform:uppercase;}
.cap--ink{color:var(--i60);}

/* ── Intro-лоадер (как в старом kit.css, перекрашен) ──────────────────── */
#intro{position:fixed;inset:0;z-index:9000;background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;transition:opacity .45s ease,visibility .45s;}
#intro.done{opacity:0;visibility:hidden;}
#intro .ring{position:relative;width:150px;height:150px;display:flex;align-items:center;justify-content:center;}
#intro .ring .sun{position:absolute;inset:0;border-radius:50%;border:3px solid var(--red);transform:rotate(-8deg);animation:introStamp .55s cubic-bezier(.3,0,.6,1) both;}
#intro .ring img{position:relative;width:118px;height:auto;}
#intro .bar{width:200px;height:2px;background:var(--w12);overflow:hidden;}
#intro .bar i{display:block;height:100%;width:40%;background:var(--red);animation:introBar 1.3s var(--ease) forwards;}
@keyframes introBar{from{width:6%;}to{width:100%;}}
@keyframes introStamp{0%{opacity:0;transform:rotate(-8deg) scale(2.2);}75%{opacity:1;transform:rotate(-8deg) scale(.94);}100%{opacity:1;transform:rotate(-8deg) scale(1);}}

/* ── Кнопки ───────────────────────────────────────────────────────────── */
.b{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 16px;border-radius:4px;font-family:var(--f-ui);font-size:14px;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background .12s linear,color .12s linear,border-color .12s linear,transform .12s linear;border:1px solid transparent;text-align:center;}
.b svg{width:16px;height:16px;flex-shrink:0;}
.b:disabled,.b[aria-disabled="true"]{opacity:.45;cursor:default;pointer-events:none;}
.b--lg{padding:13px 20px;font-size:15px;}
.b--block{width:100%;}
.b--caps{letter-spacing:.1em;text-transform:uppercase;}
/* тёмная поверхность */
.b--red{background:var(--red-fill);border-color:var(--red-border);color:#fff;letter-spacing:.08em;}
.b--red:hover{background:var(--red-fill-hover);color:#fff;}
.b--ghost{background:var(--w05);border-color:var(--w14);color:var(--paper);}
.b--ghost:hover{background:var(--w10);color:var(--paper);}
.b--quiet{color:var(--p60);padding-left:6px;padding-right:6px;}
.b--quiet:hover{color:var(--amber);}
.b--discord{background:var(--discord);color:#fff;}
.b--discord:hover{background:#6a76f5;color:#fff;}
.b--parchment{background:var(--parchment);border-color:var(--parchment);color:var(--ink);}
/* бумажная поверхность */
.b--ink{border-color:var(--ink);color:var(--ink);}
.b--ink:hover,.b--ink.on{background:var(--ink);color:var(--parchment);}
.b--solid{background:var(--red);color:#fff;letter-spacing:.12em;}
.b--solid:hover{background:var(--red-hot);color:#fff;}
.b--dark{background:var(--ink);color:var(--parchment);letter-spacing:.1em;}
.b--dark:hover{background:var(--red);color:#fff;}
.b--sm{padding:6px 12px;font-size:13px;}

.chips{display:flex;flex-wrap:wrap;gap:8px;}
.chip{padding:9px 16px;border-radius:4px;font-size:14px;background:var(--w05);color:var(--paper);border:1px solid var(--w14);transition:background .12s linear;}
.chip:hover{background:var(--w10);}
.chip.on{background:var(--parchment);color:var(--ink);border-color:var(--parchment);}
.chip--sm{padding:8px 14px;}

.search{display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--w20);border-radius:4px;color:var(--p60);transition:border-color .12s linear;}
.search:focus-within{border-color:var(--red-border);}
.search svg{width:16px;height:16px;flex-shrink:0;}
.search input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:var(--paper);font-family:var(--f-ui);font-size:15px;padding:12px 0;}
.search button{display:flex;color:var(--p60);font-size:20px;line-height:1;padding:4px;}
.search button:hover{color:var(--red);}
.search-hint{font-family:var(--f-serif);font-style:italic;font-size:13px;color:var(--p55);min-height:18px;}

.field{display:flex;flex-direction:column;gap:5px;}
.field>span{font-size:11px;letter-spacing:.2em;color:var(--p55);text-transform:uppercase;}
.input{width:100%;padding:10px 12px;background:var(--w03);border:1px solid var(--w20);border-radius:4px;color:var(--paper);font-family:var(--f-ui);font-size:15px;outline:none;transition:border-color .12s linear,background .12s linear;}
.input:focus{border-color:var(--red-border);background:var(--w05);}
.input.bad{border-color:var(--dead);}
.field small{font-family:var(--f-serif);font-style:italic;font-size:12px;color:var(--p45);}
.field small.bad{color:var(--dead);}
.input--paper{background:transparent;border-color:rgba(26,23,20,.35);color:var(--ink);}
.input--paper:focus{border-color:var(--ink);background:rgba(26,23,20,.04);}

.captcha{display:flex;flex-direction:column;gap:6px;}
.msg{font-family:var(--f-serif);font-size:14px;line-height:1.45;padding:10px 12px;border-radius:4px;}
.msg--ok{background:rgba(111,174,114,.12);color:var(--alive);}
.msg--err{background:rgba(194,69,63,.12);color:#e0766f;}
.msg--ink-err{background:rgba(181,52,46,.1);color:var(--red);}
.note-err{font-family:var(--f-serif);font-style:italic;font-size:13px;color:var(--dead);}

/* ── Бумага, штампы, кнопки-булавки ───────────────────────────────────── */
.paper{background:var(--parchment);color:var(--ink);}
.torn{display:block;height:12px;background-color:var(--panel);-webkit-mask:url('assets/v2/torn-strip.png') center/100% 100% no-repeat;mask:url('assets/v2/torn-strip.png') center/100% 100% no-repeat;flex-shrink:0;}
.torn--top{transform:scaleY(-1);}
.torn--night{background-color:var(--night);}
.torn--light{background-color:var(--torn);height:10px;}
.dbl-rule{border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);height:3px;}
.dbl-rule--rev{border-top:1px solid var(--ink);border-bottom:3px solid var(--ink);height:3px;}
.ink-rule{display:block;height:2px;background:var(--ink);}
.stamp{display:inline-block;border:3px solid var(--red);color:var(--red);font-family:var(--f-display);letter-spacing:.08em;line-height:1.15;padding:4px 12px;white-space:nowrap;}
.stamp--green{border-color:var(--sage);color:var(--sage);}
.stamp--muted{border:2px dashed rgba(26,23,20,.45);color:rgba(26,23,20,.55);}
.stamp--thin{border-width:2px;}
.pin{position:absolute;top:-8px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--red);box-shadow:0 3px 6px rgba(0,0,0,.5);z-index:2;}
.pin--grey{background:#6b6b6b;}
.board{background:var(--board);box-shadow:inset 0 0 80px rgba(0,0,0,.7);}
.plate{background:var(--w04);border:1px solid var(--w08);border-radius:4px;}
.dots{flex:1;border-bottom:1px dotted rgba(26,23,20,.5);min-width:12px;transform:translateY(-4px);}
.roman{font-family:var(--f-display);font-size:36px;color:var(--red);line-height:1;}

/* ── Анимации появления ───────────────────────────────────────────────── */
.reveal{opacity:0;translate:0 28px;transition:opacity .7s var(--ease),translate .7s var(--ease);transition-delay:var(--d,0ms);}
.reveal.in{opacity:1;translate:0 0;}
.drop{animation:pinDrop .9s var(--ease) both;animation-delay:var(--d,0ms);}
.slam{animation:stampSlam .45s cubic-bezier(.3,0,.6,1) both;animation-delay:var(--d,500ms);}
.rise{animation:rise .7s var(--ease) both;animation-delay:var(--d,0ms);}
.fade-in{animation:fadeIn .25s ease both;}
/* Контейнер с .reveal.drop-on сам не «выплывает» — вместо этого его дети
   падают булавками, когда App помечает контейнер .in при прокрутке. */
.reveal.drop-on{opacity:1;translate:none;}
.drop-on:not(.in)>*{opacity:0;}
.drop-on.in>*{animation:pinDrop .9s var(--ease) both;animation-delay:calc(var(--i,0) * 140ms);}
@keyframes pinDrop{0%{opacity:0;translate:0 -60px;rotate:-8deg;}70%{opacity:1;translate:0 6px;rotate:2deg;}100%{opacity:1;translate:0 0;rotate:0deg;}}
@keyframes stampSlam{0%{opacity:0;scale:2.4;}75%{opacity:1;scale:.92;}100%{opacity:1;scale:1;}}
@keyframes rise{from{opacity:0;translate:0 24px;}to{opacity:1;translate:0 0;}}
@keyframes slideIn{from{opacity:0;translate:-40px 0;}to{opacity:1;translate:0 0;}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes paperOpen{from{opacity:0;transform:translateY(-14px);clip-path:inset(0 0 100% 0);}to{opacity:1;transform:none;clip-path:inset(0 0 0 0);}}
@keyframes modalIn{from{opacity:0;transform:translateY(30px) rotate(-2deg);}to{opacity:1;transform:none;}}
@keyframes pulse{0%,100%{opacity:1;scale:1;}50%{opacity:.25;scale:.7;}}
@keyframes spin{to{rotate:360deg;}}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;translate:none;transition:none;}
  .drop,.slam,.rise,.fade-in,.drop-on.in>*{animation:none;}
  .drop-on:not(.in)>*{opacity:1;}
  *{scroll-behavior:auto !important;}
}

/* ── Шапка ────────────────────────────────────────────────────────────── */
.hdr{position:sticky;top:0;z-index:40;background:var(--panel);border-bottom:1px solid var(--w07);}
.hdr-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding-top:22px;padding-bottom:22px;}
.hdr-logo{height:64px;margin:-18px 0 -18px -14px;justify-self:start;cursor:pointer;display:block;}
.hdr-nav{display:flex;gap:34px;font-size:15px;letter-spacing:.06em;text-transform:uppercase;}
.hdr-nav a{color:var(--p60);position:relative;padding:4px 0;transition:color .12s linear;}
.hdr-nav a:hover{color:var(--amber);}
.hdr-nav a.on{color:var(--paper);}
.hdr-nav a.on::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--red);}
.hdr-act{display:flex;gap:10px;align-items:center;justify-self:end;}
.hdr-cab{display:flex;align-items:center;gap:8px;}
.hdr-cab.on{background:var(--parchment);border-color:var(--parchment);color:var(--ink);}
.badge-n{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--red);color:#fff;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0;}
.hdr-burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--w14);border-radius:4px;background:var(--w05);justify-self:end;}
.hdr-burger svg{width:22px;height:22px;}
.hdr-m{display:none;}
.notice{background:rgba(181,52,46,.12);border-bottom:1px solid var(--red-border);}
.notice .wrap{display:flex;align-items:center;gap:12px;padding-top:12px;padding-bottom:12px;font-family:var(--f-serif);font-size:15px;}
.notice .wrap>span{flex:1;}
.notice button{font-size:22px;line-height:1;color:var(--p60);}
.notice button:hover{color:var(--red);}

/* ── Подвал ───────────────────────────────────────────────────────────── */
.ftr{border-top:1px solid var(--w07);}
.ftr .wrap{padding-top:48px;padding-bottom:32px;display:flex;flex-direction:column;gap:36px;}
.ftr-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;}
.ftr-brand{display:flex;flex-direction:column;gap:12px;}
.ftr-brand img{height:48px;width:auto;align-self:flex-start;margin-left:-10px;}
.ftr-brand p{margin:0;font-family:var(--f-serif);font-style:italic;font-size:14px;line-height:1.5;color:var(--p60);}
.ftr-col{display:flex;flex-direction:column;gap:9px;font-size:14px;}
.ftr-col h5{margin:0 0 2px;font-weight:400;font-size:12px;letter-spacing:.2em;color:var(--p45);}
.ftr-col a,.ftr-col>span{color:var(--p75);}
.ftr-col a:hover{color:var(--amber);}
.ftr-live{display:flex;align-items:center;gap:7px;}
.ftr-live i{width:6px;height:6px;border-radius:50%;background:var(--alive);box-shadow:0 0 6px var(--alive);}
.ftr-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:20px;border-top:1px solid var(--w07);font-size:13px;color:var(--p45);}

/* ── Общие заголовки страниц ──────────────────────────────────────────── */
.ph{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px 40px;padding-top:56px;padding-bottom:40px;}
.ph-copy{display:flex;flex-direction:column;gap:12px;max-width:720px;}
.ph-title{margin:0;font-family:var(--f-display);font-weight:400;font-size:clamp(44px,6vw,72px);line-height:1;}
.ph-title em{font-style:normal;color:var(--red);}
.ph-sub{margin:0;font-family:var(--f-serif);font-size:18px;line-height:1.5;color:var(--p75);text-wrap:pretty;}
.ph-side{display:flex;flex-direction:column;gap:8px;width:340px;max-width:100%;}
.back-link{font-size:13px;letter-spacing:.2em;color:var(--p55);cursor:pointer;transition:color .12s linear;align-self:flex-start;}
.back-link:hover{color:var(--amber);}
.h-slab{margin:0;font-family:var(--f-display);font-weight:400;font-size:44px;line-height:1.05;}
.loading{font-family:var(--f-serif);font-style:italic;font-size:16px;color:var(--p60);padding:40px 0;}
.loading--ink{color:var(--i60);padding:24px 0;}
.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:72px 0;text-align:center;}
.empty b{font-family:var(--f-display);font-weight:400;font-size:30px;}
.empty span{font-family:var(--f-serif);font-style:italic;font-size:15px;color:var(--p60);}
.empty--ink span{color:var(--i65);}
.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--i25);border-top-color:var(--red);animation:spin .8s linear infinite;}
.spinner--dark{border-color:var(--w14);border-top-color:var(--red);}

/* шаги «I II III» */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--w07);border-bottom:1px solid var(--w07);}
.steps--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.step{padding:26px 24px;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--w07);color:var(--paper);transition:background .12s linear;}
.step:first-child{padding-left:0;}
.step:last-child{border-right:0;padding-right:0;}
a.step:hover{background:var(--w05);color:var(--paper);}
.step-top{display:flex;justify-content:space-between;align-items:flex-start;}
.step-top i{font-style:normal;font-size:18px;color:var(--p45);}
.step>b{font-size:18px;font-weight:500;}
.step>span:not(.roman){font-family:var(--f-serif);font-size:14px;color:var(--p60);}
.steps--links .step:first-child{padding-left:24px;}

/* ── Главная ──────────────────────────────────────────────────────────── */
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:40px;align-items:end;padding-top:56px;}
.hero-copy{display:flex;flex-direction:column;gap:18px;padding-bottom:200px;position:relative;z-index:2;}
.hero-title{margin:0;font-family:var(--f-display);font-weight:400;font-size:88px;line-height:.98;}
.hero-title em{font-style:normal;color:var(--red);}
.hero-sub{margin:0;font-family:var(--f-serif);font-size:19px;line-height:1.55;color:var(--p75);max-width:560px;text-wrap:pretty;}
.hero-cta{display:flex;gap:12px;align-items:stretch;margin-top:6px;flex-wrap:wrap;}
.hero-cta>.b{min-width:240px;}
.hero-art{position:relative;height:680px;}
.hero-agent{position:absolute;right:-90px;bottom:-340px;height:1060px;width:auto;max-width:none;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6));z-index:1;animation:agentIn 1.1s var(--ease) .15s both;}
@keyframes agentIn{from{opacity:0;translate:80px 0;}to{opacity:1;translate:0 0;}}
.hero-stamp{position:absolute;right:10px;bottom:70px;transform:rotate(8deg);background:rgba(16,16,16,.55);font-size:22px;padding:5px 14px;z-index:3;}

.dw-inline{display:flex;align-items:center;gap:12px;padding:6px 6px 6px 14px;border:1px solid var(--w14);border-radius:4px;background:var(--w05);min-height:50px;}
.dw-inline .glyph{color:#8f99ff;display:flex;}
.dw-inline .txt{display:flex;flex-direction:column;line-height:1.2;}
.dw-inline .txt b{font-weight:500;font-size:15px;}
.dw-inline .txt span{display:flex;align-items:center;gap:6px;font-family:var(--f-serif);font-style:italic;font-size:12px;color:var(--p60);}
.dw-inline .txt span i{width:6px;height:6px;border-radius:50%;background:var(--alive);box-shadow:0 0 6px var(--alive);}

.posters{position:relative;z-index:2;margin-bottom:88px;padding:56px 40px 64px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;}
.poster{position:relative;cursor:pointer;transform:rotate(var(--r,0deg)) translateY(var(--y,0px));transition:transform .35s var(--ease);color:var(--ink);}
.poster:hover{transform:rotate(0deg) translateY(-12px) scale(1.04);z-index:3;color:var(--ink);}
.poster-sheet{position:relative;background:var(--poster);padding:18px 18px 22px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;box-shadow:0 16px 36px rgba(0,0,0,.55);}
.poster-sheet--light{background:var(--parchment);}
.poster-kicker{font-family:var(--f-display);font-size:30px;line-height:1;}
.poster-img{width:100%;height:270px;object-fit:cover;object-position:center 15%;display:block;background:#000;}
.poster-img--law{width:100%;height:270px;background:#000;overflow:hidden;display:flex;justify-content:center;}
.poster-img--law img{width:78%;height:auto;align-self:flex-start;margin-top:-6px;margin-left:24px;display:block;}
.poster-img--car{filter:grayscale(1) contrast(1.2);mix-blend-mode:multiply;background:transparent;object-position:center;}
.poster-name{font-family:var(--f-display);font-size:24px;}
.poster-text{font-family:var(--f-serif);font-size:14px;line-height:1.45;}
.poster-1930{position:absolute;right:-14px;top:120px;transform:rotate(-16deg);font-size:18px;padding:3px 10px;}

.live{display:flex;flex-direction:column;align-items:center;gap:40px;padding-bottom:96px;}
.live-head{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;}
.live-stamp{transform:rotate(-3deg);font-size:60px;line-height:1;padding:8px 28px;letter-spacing:.06em;}
.live-sub{margin:0;font-family:var(--f-serif);font-style:italic;font-size:17px;color:var(--p72);max-width:600px;}
.live-stage{--cw:min(680px,84vw);position:relative;width:100%;height:calc(var(--cw) * 9 / 16 + 120px);overflow:hidden;touch-action:pan-y;user-select:none;}
.live-card{position:absolute;left:50%;top:50%;width:var(--cw);background:var(--parchment);padding:16px 16px 20px;box-shadow:0 24px 60px rgba(0,0,0,.7);color:var(--ink);cursor:pointer;transition:transform .75s var(--ease),opacity .75s ease;}
.live-card .pin{width:16px;height:16px;margin-left:-8px;}
.live-shot{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000;}
.live-shot img,.live-shot .ph-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:sepia(.25);}
.live-shot .ph-img{display:flex;align-items:center;justify-content:center;font-family:var(--f-serif);font-style:italic;color:var(--p60);filter:none;}
.live-badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:.12em;color:#fff;background:var(--red);padding:5px 10px;border-radius:3px;transition:opacity .4s ease;}
.live-badge i{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.6s infinite;}
.live-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(16,16,16,.7);border:1px solid rgba(255,255,255,.4);color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease,opacity .4s ease;}
.live-play svg{width:22px;height:22px;margin-left:3px;}
.live-card.is-active:hover .live-play{transform:translate(-50%,-50%) scale(1.12);background:rgba(181,52,46,.9);}
.live-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:14px;}
.live-meta>div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;}
.live-name{font-family:var(--f-display);font-size:26px;line-height:1.1;}
.live-title{font-family:var(--f-serif);font-style:italic;font-size:14px;color:var(--i72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.live-meta>.live-views{flex:0 0 auto;font-size:18px;font-weight:600;color:var(--red);white-space:nowrap;}
.live-nav{display:flex;align-items:center;gap:18px;}
.round-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--w05);border:1px solid var(--w14);transition:background .12s linear,border-color .12s linear;}
.round-btn:hover{background:rgba(181,52,46,.18);border-color:var(--red);}
.round-btn svg{width:18px;height:18px;}
.live-dots{display:flex;gap:8px;align-items:center;}
.live-dots button{width:8px;height:8px;border-radius:999px;background:var(--p35);transition:width .3s ease,background .3s ease;}
.live-dots button.on{width:26px;background:var(--red);}
.trailer-frame{position:relative;width:min(900px,100%);background:var(--parchment);padding:16px 16px 20px;box-shadow:0 24px 60px rgba(0,0,0,.7);transform:rotate(-.6deg);}
.trailer-frame .pin{width:16px;height:16px;margin-left:-8px;}
.trailer-shot{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;}
.trailer-shot img,.trailer-shot video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.trailer-shot img{filter:sepia(.25);}
.trailer-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.trailer-btn .live-play{width:80px;height:80px;}
.trailer-btn:hover .live-play{transform:translate(-50%,-50%) scale(1.12);background:rgba(181,52,46,.9);}
.trailer-cap{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:14px;color:var(--ink);}
.trailer-cap b{font-family:var(--f-display);font-weight:400;font-size:26px;}
.trailer-cap span{font-family:var(--f-serif);font-style:italic;font-size:14px;color:var(--i72);}

.reward{background:var(--parchment);color:var(--ink);}
.reward .wrap{padding-top:56px;padding-bottom:64px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px 40px;}
.reward h2{margin:0;font-family:var(--f-display);font-weight:400;font-size:44px;line-height:1.05;}
.reward p{margin:12px 0 0;font-family:var(--f-serif);font-size:17px;line-height:1.5;}
.shop-stamp{display:flex;align-items:center;gap:22px;margin-right:30px;transform:rotate(-3deg);border:5px solid var(--red);color:var(--red);font-family:var(--f-display);font-size:56px;line-height:1;letter-spacing:.08em;padding:18px 44px;transition:transform .2s ease,background .2s ease,color .2s ease;flex-shrink:0;}
.shop-stamp span{font-family:var(--f-ui);font-size:40px;}
.shop-stamp:hover{transform:rotate(0deg) scale(1.05);background:var(--red);color:var(--parchment);}

/* ── Модалки ──────────────────────────────────────────────────────────── */
.scrim{position:fixed;inset:0;z-index:150;background:rgba(10,9,8,.84);display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto;animation:fadeIn .22s ease both;}
.scrim--top{align-items:flex-start;padding-top:48px;padding-bottom:64px;}
.modal-x{position:absolute;top:10px;right:12px;z-index:3;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;color:inherit;opacity:.7;transition:color .12s linear,opacity .12s linear;}
.modal-x:hover{color:var(--red);opacity:1;}
.mdark{position:relative;width:100%;max-width:440px;background:var(--panel);border:1px solid var(--w07);border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.04);animation:rise .3s var(--ease) both;}
.mdark-in{padding:30px 28px 24px;display:flex;flex-direction:column;gap:16px;}
.mdark-title{display:flex;flex-direction:column;gap:6px;}
.mdark-title b{font-family:var(--f-display);font-weight:400;font-size:32px;line-height:1;color:var(--red);}
.mpaper{position:relative;width:100%;max-width:440px;background:var(--parchment);color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.6);animation:modalIn .45s var(--ease) both;}
.mpaper-in{position:relative;padding:24px 28px 28px;display:flex;flex-direction:column;gap:14px;}
.mpaper-title{font-family:var(--f-display);font-size:32px;line-height:1.05;padding-right:28px;}
.mpaper p{margin:0;font-family:var(--f-serif);font-size:15px;line-height:1.55;}
.mpaper .row2{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px;}
.mpaper .row2>*{flex:1;}
.legal-note{font-family:var(--f-serif);font-style:italic;font-size:12px;line-height:1.5;color:var(--p45);text-align:center;}
.legal-note a{color:var(--p72);text-decoration:underline;}
.or-line{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.2em;color:rgba(244,239,231,.4);}
.or-line::before,.or-line::after{content:'';flex:1;height:1px;background:var(--w10);}
.seg2{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.seg2 .chip{text-align:center;padding:9px;font-size:15px;}

/* ── Магазин ──────────────────────────────────────────────────────────── */
.store-tools{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;}
.store-tools .search{width:300px;max-width:100%;}
.store-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:32px;align-items:start;padding-bottom:88px;}
.store-board{padding:48px clamp(18px,3vw,36px) 52px;min-height:420px;}
.goods{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:36px 26px;}
.good{position:relative;cursor:pointer;transform:rotate(var(--r,0deg));transition:transform .3s var(--ease);}
.good:hover{transform:rotate(0deg) translateY(-8px);}
.good .pin{top:-7px;width:12px;height:12px;margin-left:-6px;}
.good-sheet{background:var(--parchment);color:var(--ink);padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 14px 30px rgba(0,0,0,.55);height:100%;}
.good-img{position:relative;height:150px;background:repeating-linear-gradient(135deg,#d9cfbb 0 8px,#e2d9c6 8px 16px);display:flex;align-items:center;justify-content:center;font-family:var(--f-serif);font-style:italic;font-size:13px;color:rgba(26,23,20,.55);overflow:hidden;}
.good-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.good-badge{position:absolute;top:8px;right:8px;z-index:1;transform:rotate(6deg);background:var(--parchment);border:2px solid var(--red);color:var(--red);font-family:var(--f-display);font-size:13px;padding:1px 7px;letter-spacing:.06em;}
.good-name{font-family:var(--f-display);font-size:22px;line-height:1.1;}
.good-note{font-family:var(--f-serif);font-size:13px;color:var(--i72);}
.good-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px dashed var(--i40);padding-top:10px;}
.good-price{font-family:var(--f-display);font-size:24px;color:var(--red);white-space:nowrap;}
.good-add{padding:6px 12px;border:1px solid var(--ink);border-radius:3px;font-size:13px;color:var(--ink);transition:background .12s linear,color .12s linear;white-space:nowrap;}
.good-add:hover,.good-add.on{background:var(--ink);color:var(--parchment);}

.receipt{position:sticky;top:calc(var(--hdr-h) + 24px);background:var(--parchment);color:var(--ink);box-shadow:0 20px 50px rgba(0,0,0,.6);transform:rotate(1deg);transition:scale .3s var(--ease);}
.receipt.bump{animation:bump .3s var(--ease);}
@keyframes bump{50%{scale:1.04;}}
.receipt-in{position:relative;padding:20px 24px 26px;display:flex;flex-direction:column;gap:14px;}
.receipt-stamp{position:absolute;right:16px;top:14px;transform:rotate(-10deg);font-size:14px;padding:2px 8px;}
.receipt-title{font-family:var(--f-display);font-size:30px;line-height:1.1;}
.receipt-meta{display:flex;gap:12px;align-items:baseline;font-family:var(--f-serif);font-style:italic;font-size:13px;color:var(--i60);}
.receipt-meta button{font-family:var(--f-ui);font-style:normal;text-decoration:underline;color:var(--ink);}
.receipt-meta button:hover{color:var(--red);}
.receipt-empty{font-family:var(--f-serif);font-style:italic;font-size:15px;color:var(--i60);padding:10px 0;}
.receipt-row{display:flex;gap:8px;align-items:baseline;font-size:15px;}
.receipt-row b{font-weight:500;white-space:nowrap;}
.receipt-qty{display:inline-flex;align-items:center;gap:2px;font-size:13px;color:var(--i60);}
.receipt-qty button{width:18px;height:18px;line-height:1;color:var(--i60);}
.receipt-qty button:hover{color:var(--red);}
.receipt-x{color:var(--i50);padding:0 2px;font-size:17px;line-height:1;}
.receipt-x:hover{color:var(--red);}
.receipt-total{display:flex;justify-content:space-between;align-items:baseline;}
.receipt-total span{font-size:13px;letter-spacing:.2em;}
.receipt-total b{font-family:var(--f-display);font-weight:400;font-size:34px;color:var(--red);}
.receipt-total b.pop{animation:totalPop .4s cubic-bezier(.3,0,.6,1);}
@keyframes totalPop{0%{scale:1.6;opacity:0;}70%{scale:.95;opacity:1;}100%{scale:1;}}
.receipt-field{display:flex;flex-direction:column;gap:6px;}
.receipt-field>span{font-size:11px;letter-spacing:.2em;color:var(--i60);}
.receipt-field input{text-transform:uppercase;}
.receipt-field small{font-family:var(--f-serif);font-style:italic;font-size:12px;color:var(--i60);}
.pay-m{display:flex;gap:10px;align-items:center;padding:9px 12px;border:1px solid rgba(26,23,20,.25);border-radius:4px;text-align:left;width:100%;color:var(--ink);transition:border-color .12s linear,background .12s linear;}
.pay-m:hover{border-color:var(--i60);}
.pay-m.on{border-color:var(--ink);background:rgba(26,23,20,.06);}
.pay-m .radio{width:14px;height:14px;border-radius:50%;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.pay-m .radio i{width:6px;height:6px;border-radius:50%;background:transparent;}
.pay-m.on .radio i{background:var(--red);}
.pay-m b{display:block;font-weight:400;font-size:14px;}
.pay-m small{display:block;font-family:var(--f-serif);font-style:italic;font-size:12px;color:var(--i60);}
.fine{font-family:var(--f-serif);font-style:italic;font-size:13px;line-height:1.45;color:var(--i65);}
.fly-chip{position:fixed;width:32px;height:32px;border-radius:50%;background:var(--red);color:#fff;font:600 13px var(--f-ui);display:flex;align-items:center;justify-content:center;z-index:300;pointer-events:none;box-shadow:0 6px 16px rgba(0,0,0,.5);}
.receipt-fab{display:none;}

.vip{padding-bottom:56px;}
.vip-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 32px;margin-bottom:26px;}
.vip-head p{margin:8px 0 0;font-family:var(--f-serif);font-size:15px;line-height:1.5;color:var(--p72);max-width:640px;}
.vip-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:14px 18px;margin-bottom:22px;border:1px solid rgba(224,164,88,.4);background:rgba(224,164,88,.08);border-radius:4px;font-family:var(--f-serif);font-size:15px;}
.vip-banner b{font-family:var(--f-ui);font-weight:500;color:var(--amber);}
.vip-banner a{color:var(--amber);text-decoration:underline;}
.vip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px 26px;}
/* Появление — анимацией rise (карточки приходят с сервера позже первого скролл-чека),
   поэтому transition здесь только для наведения. */
.vip-card{position:relative;background:var(--parchment);color:var(--ink);display:flex;flex-direction:column;box-shadow:0 18px 40px rgba(0,0,0,.55);transform:rotate(var(--r,0deg));transition:transform .3s var(--ease);}
.vip-card.rise{animation-duration:.8s;}
.vip-card:hover{transform:rotate(0deg) translateY(-6px);}
.vip-card-in{padding:20px 20px 22px;display:flex;flex-direction:column;gap:12px;flex:1;}
.vip-kicker{font-size:11px;letter-spacing:.3em;color:var(--i60);}
.vip-name{font-family:var(--f-display);font-size:30px;line-height:1.05;padding-right:60px;}
.vip-badge{position:absolute;right:14px;top:16px;transform:rotate(-8deg);font-size:14px;padding:2px 8px;}
.vip-price{display:flex;align-items:baseline;gap:8px;}
.vip-price b{font-family:var(--f-display);font-weight:400;font-size:34px;color:var(--red);}
.vip-price span{font-family:var(--f-serif);font-style:italic;font-size:13px;color:var(--i60);}
.vip-perks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;flex:1;}
.vip-perks li{display:flex;gap:8px;font-family:var(--f-serif);font-size:14px;line-height:1.4;}
.vip-perks li::before{content:'★';color:var(--red);font-family:var(--f-ui);}
.vip-once{font-size:13px;color:var(--i72);text-decoration:underline;text-align:center;padding:2px;}
.vip-once:hover{color:var(--red);}
.vip-once:disabled{text-decoration:none;opacity:.55;}
.vip-gate{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding:18px 20px;}
.vip-gate span{font-family:var(--f-serif);font-size:15px;color:var(--p75);}

.pmodal{position:relative;width:860px;max-width:100%;background:var(--parchment);color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.6);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));animation:modalIn .45s var(--ease) both;}
.pmodal-media{padding:22px;display:flex;flex-direction:column;gap:10px;}
.pmodal-media .good-img{flex:1;min-height:360px;font-size:14px;}
.pmodal-media small{font-family:var(--f-serif);font-style:italic;font-size:13px;color:var(--i60);text-align:center;}
.pmodal-body{padding:34px 34px 30px 12px;display:flex;flex-direction:column;gap:16px;}
.pmodal-name{font-family:var(--f-display);font-size:40px;line-height:1.05;padding-right:30px;}
.pmodal-desc{font-family:var(--f-serif);font-size:16px;line-height:1.55;text-wrap:pretty;white-space:pre-line;}
.facts{display:flex;flex-direction:column;gap:6px;}
.fact{display:flex;gap:8px;align-items:baseline;font-size:14px;}
.fact span{color:var(--i65);}
.pmodal-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px dashed var(--i40);padding-top:16px;}
.pmodal-foot b{font-family:var(--f-display);font-weight:400;font-size:38px;color:var(--red);}

.gate{display:flex;justify-content:center;padding-bottom:96px;}
.gate .mpaper{animation:rise .7s var(--ease) both;transform:rotate(-1deg);max-width:480px;}

/* ── Правила ──────────────────────────────────────────────────────────── */
.doc-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start;padding-bottom:96px;}
.toc{position:sticky;top:calc(var(--hdr-h) + 48px);display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - var(--hdr-h) - 70px);overflow:auto;padding-right:4px;}
.toc-sec{display:flex;gap:12px;align-items:baseline;padding:11px 14px;border-radius:4px;background:var(--w04);color:var(--paper);border:1px solid var(--w08);text-align:left;width:100%;transition:background .12s linear;}
.toc-sec:hover{background:var(--w08);}
.toc-sec .n{font-family:var(--f-display);font-size:20px;color:var(--p45);min-width:16px;}
.toc-sec .t{flex:1;font-size:15px;line-height:1.3;}
.toc-sec .c{font-size:12px;opacity:.6;}
.toc-sec.on{background:var(--parchment);color:var(--ink);border-color:var(--parchment);}
.toc-sec.on .n{color:var(--red);}
.toc-sub{display:flex;gap:10px;padding:6px 14px 6px 42px;font-size:14px;color:var(--p60);text-align:left;width:100%;transition:color .12s linear;}
.toc-sub:hover{color:var(--amber);}
.toc-sub i{font-style:normal;color:rgba(244,239,231,.4);}
.sheet{background:var(--parchment);color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.6);min-width:0;}
.sheet-in{position:relative;padding:36px clamp(18px,4vw,48px) 48px;display:flex;flex-direction:column;gap:22px;}
.sheet-head{display:flex;flex-direction:column;gap:6px;}
.sheet-kicker{font-size:12px;letter-spacing:.3em;color:var(--i60);}
.sheet-title{margin:0;font-family:var(--f-display);font-weight:400;font-size:clamp(30px,4vw,48px);line-height:1.05;padding-right:150px;}
.sheet-head .dbl-rule{margin-top:12px;}
.sheet-stamp{position:absolute;right:clamp(18px,4vw,48px);top:40px;transform:rotate(8deg);font-size:18px;}
.sheet-img{width:100%;display:block;}
.rgroup{border:1px solid var(--i25);border-radius:4px;}
.rgroup-head{display:flex;align-items:center;gap:14px;padding:16px 20px;width:100%;text-align:left;color:var(--ink);transition:background .12s linear;}
.rgroup-head:hover{background:rgba(26,23,20,.05);}
.rgroup-head .n{font-family:var(--f-display);font-size:22px;color:var(--red);min-width:36px;}
.rgroup-head .t{flex:1;font-family:var(--f-display);font-size:22px;line-height:1.2;}
.rgroup-head .c{font-size:13px;color:var(--i60);white-space:nowrap;}
.chev{display:inline-flex;transition:transform .25s ease;}
.chev svg{width:16px;height:16px;}
.chev.open{transform:rotate(180deg);}
.rule{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:18px 20px;border-top:1px solid var(--i14);scroll-margin-top:calc(var(--hdr-h) + 24px);}
.rule.flash{animation:flash 2s ease;}
@keyframes flash{0%,40%{background:rgba(224,164,88,.35);}100%{background:transparent;}}
.rule-n{display:flex;flex-direction:column;gap:6px;align-items:flex-start;}
.rule-n b{font-weight:600;font-size:15px;color:var(--red);}
.rule-n button{font-size:12px;color:var(--i50);transition:color .12s linear;}
.rule-n button:hover{color:var(--red);}
.rule-body{display:flex;flex-direction:column;gap:10px;min-width:0;}
.rule-p{margin:0;font-family:var(--f-serif);font-size:16px;line-height:1.6;text-wrap:pretty;overflow-wrap:anywhere;}
.rule-p mark,.wiki-p mark{background:rgba(224,164,88,.55);color:inherit;padding:0;}
.rule-note{display:flex;flex-direction:column;gap:3px;padding:10px 14px;background:rgba(26,23,20,.06);border-radius:3px;}
.rule-note span{font-size:11px;letter-spacing:.2em;color:var(--i65);text-transform:uppercase;}
.rule-note p{margin:0;font-family:var(--f-serif);font-style:italic;font-size:15px;line-height:1.55;white-space:pre-line;}
.rule-pen{align-self:flex-start;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;border:2px solid var(--red);color:var(--red);padding:6px 12px;transform:rotate(-.6deg);}
.rule-pen span{font-family:var(--f-display);font-size:15px;letter-spacing:.08em;}
.rule-pen b{font-size:15px;font-weight:500;}
.rule-where{font-family:var(--f-serif);font-style:italic;font-size:13px;color:var(--i60);}
.pager{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px dashed var(--i40);padding-top:20px;margin-top:6px;}
.pager button{display:flex;flex-direction:column;gap:2px;text-align:left;color:inherit;transition:color .12s linear;}
.pager button:last-child{align-items:flex-end;text-align:right;}
.pager button:hover{color:var(--red);}
.pager button:disabled{opacity:.3;}
.pager span{font-size:12px;letter-spacing:.2em;color:var(--i60);}
.pager b{font-family:var(--f-display);font-weight:400;font-size:20px;}
.pager--dark{border-top:1px solid var(--w10);padding-top:22px;}
.pager--dark span{color:var(--p55);}
.pager--dark button:hover{color:var(--amber);}

/* ── Вики ─────────────────────────────────────────────────────────────── */
.paper-btn{align-self:flex-start;display:flex;align-items:center;gap:14px;margin-top:8px;padding:10px 18px 10px 12px;background:var(--parchment);color:var(--ink);transform:rotate(-1.5deg);box-shadow:0 10px 24px rgba(0,0,0,.5);transition:transform .25s var(--ease);text-align:left;}
.paper-btn:hover{transform:rotate(0deg) translateY(-3px);}
.paper-btn .yr{font-family:var(--f-display);font-size:13px;line-height:1;letter-spacing:.06em;color:var(--red);border:2px solid var(--red);padding:5px 6px;}
.paper-btn b{display:block;font-family:var(--f-display);font-weight:400;font-size:22px;line-height:1.1;}
.paper-btn small{display:block;font-size:11px;letter-spacing:.22em;color:var(--i60);}
.paper-btn i{font-style:normal;font-size:18px;}
.wiki-index{padding:52px clamp(18px,3vw,40px) 56px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:44px 26px;margin-bottom:96px;}
.wcard{position:relative;cursor:pointer;transform:rotate(var(--r,0deg));transition:transform .3s var(--ease);text-align:left;color:var(--ink);}
.wcard:hover{transform:rotate(0deg) translateY(-8px);}
.wcard-no{position:absolute;top:-18px;left:14px;background:#d9cfbb;color:var(--ink);padding:4px 12px 6px;font-size:12px;letter-spacing:.14em;font-weight:600;}
.wcard-sheet{background:var(--parchment);padding:20px 18px 18px;display:flex;flex-direction:column;gap:10px;min-height:190px;height:100%;box-shadow:0 14px 30px rgba(0,0,0,.55);}
.wcard-t{font-family:var(--f-display);font-size:24px;line-height:1.1;text-wrap:pretty;}
.wcard-peek{display:flex;flex-direction:column;gap:3px;flex:1;}
.wcard-peek span{display:block;font-family:var(--f-serif);font-style:italic;font-size:14px;line-height:1.35;color:var(--i72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wcard-foot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px dashed var(--i40);padding-top:9px;font-size:13px;}
.wcard-foot span{color:var(--i65);}
.wcard-foot b{color:var(--red);font-weight:500;}
.wiki-results{display:flex;flex-direction:column;border-top:1px solid var(--w07);margin-bottom:96px;}
.wres{display:grid;grid-template-columns:minmax(160px,240px) minmax(0,1fr);gap:24px;padding:20px 0;border-bottom:1px solid var(--w07);text-align:left;transition:background .12s linear;}
.wres:hover{background:var(--w03);}
.wres>span{font-size:13px;letter-spacing:.14em;color:var(--p55);text-transform:uppercase;}
.wres b{display:block;font-family:var(--f-display);font-weight:400;font-size:24px;}
.wres p{margin:4px 0 0;font-family:var(--f-serif);font-size:15px;line-height:1.5;color:rgba(244,239,231,.7);}
.wiki-layout{display:grid;grid-template-columns:minmax(200px,250px) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:start;padding-bottom:96px;}
.wiki-layout--solo{grid-template-columns:minmax(0,1fr);}
.wiki-toc{position:sticky;top:calc(var(--hdr-h) + 48px);display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - var(--hdr-h) - 70px);overflow:auto;}
.wiki-toc .cap{margin-bottom:9px;}
.wiki-toc button{text-align:left;padding:5px 0;font-size:15px;color:var(--p72);line-height:1.35;transition:color .12s linear;}
.wiki-toc button.grp{padding:12px 0 4px;font-size:12px;letter-spacing:.18em;color:var(--red);text-transform:uppercase;}
.wiki-toc button:hover{color:var(--amber);}
.wiki-content{display:flex;flex-direction:column;gap:44px;min-width:0;max-width:820px;}
.wiki-group{display:flex;flex-direction:column;gap:36px;}
.wiki-group-t{display:flex;align-items:center;gap:16px;scroll-margin-top:calc(var(--hdr-h) + 24px);}
.wiki-group-t span{font-size:13px;letter-spacing:.24em;color:var(--red);text-transform:uppercase;}
.wiki-group-t i{flex:1;height:1px;background:var(--w12);}
.wiki-entry{display:flex;flex-direction:column;gap:14px;scroll-margin-top:calc(var(--hdr-h) + 24px);}
.wiki-entry h2{margin:0;font-family:var(--f-display);font-weight:400;font-size:34px;line-height:1.1;text-wrap:pretty;}
.wiki-p{margin:0;font-family:var(--f-serif);font-size:17px;line-height:1.65;color:var(--p85);text-wrap:pretty;overflow-wrap:anywhere;}
.wiki-p b{color:var(--paper);}
.wiki-p a{color:var(--amber);text-decoration:underline;}
.wiki-keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;}
.wiki-key{display:flex;align-items:center;gap:14px;padding:10px 14px;background:var(--w04);border:1px solid var(--w08);border-radius:4px;}
.wiki-key kbd{min-width:38px;height:38px;padding:0 8px;display:flex;align-items:center;justify-content:center;background:var(--parchment);color:var(--ink);border-radius:4px;box-shadow:0 3px 0 #b3a891;font-family:var(--f-ui);font-weight:600;font-size:15px;}
.wiki-key span{font-size:15px;color:var(--p85);}
.wiki-gloss{display:flex;flex-direction:column;background:var(--w04);border:1px solid var(--w08);border-radius:4px;padding:2px 20px;}
.wiki-gloss>div{display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:20px;padding:14px 0;}
.wiki-gloss>div+div{border-top:1px solid rgba(255,255,255,.06);}
.wiki-gloss b{font-family:var(--f-display);font-weight:400;font-size:19px;line-height:1.3;}
.wiki-gloss span{font-family:var(--f-serif);font-size:16px;line-height:1.55;color:rgba(244,239,231,.8);}
.wiki-img{align-self:flex-start;max-width:100%;background:var(--parchment);padding:8px 8px 10px;box-shadow:0 16px 40px rgba(0,0,0,.6);transform:rotate(var(--r,-.8deg));position:relative;margin:8px 0;}
.wiki-img .pin{top:-7px;width:12px;height:12px;margin-left:-6px;}
.wiki-img img{display:block;max-width:100%;max-height:440px;width:auto;height:auto;}
.wiki-img--cover img{max-height:none;}

.news{position:relative;max-width:1100px;margin:0 auto;background:var(--parchment);color:var(--ink);padding:28px clamp(18px,4vw,44px) 40px;box-shadow:0 40px 90px rgba(0,0,0,.7);animation:newsIn .65s var(--ease) both;}
@keyframes newsIn{0%{opacity:0;transform:translateY(60px) rotate(-4deg) scale(.9);}70%{opacity:1;transform:translateY(-6px) rotate(.5deg) scale(1.01);}100%{opacity:1;transform:none;}}
.news-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;font-size:12px;letter-spacing:.24em;padding-right:36px;}
.news-name{text-align:center;font-family:var(--f-display);font-size:clamp(46px,9vw,104px);line-height:.95;}
.news-tag{text-align:center;font-family:var(--f-serif);font-style:italic;font-size:16px;margin-top:8px;}
.news-lead{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:28px 36px;padding-bottom:28px;border-bottom:3px double var(--ink);}
.news-kick{font-size:12px;letter-spacing:.3em;color:var(--red);}
.news-h{font-family:var(--f-display);font-size:clamp(34px,4.5vw,54px);line-height:1;}
.news-cols{column-width:220px;column-gap:26px;column-rule:1px solid rgba(26,23,20,.3);font-family:var(--f-serif);font-size:15px;line-height:1.55;text-wrap:pretty;}
.news-cols p{margin:0 0 8px;}
.news-photo{background:var(--ink);padding:6px;}
.news-photo img{display:block;width:100%;height:340px;object-fit:cover;filter:grayscale(1) contrast(1.15) sepia(.3);}
.news-cap{font-family:var(--f-serif);font-style:italic;font-size:13px;color:rgba(26,23,20,.7);}
.news-fig{margin:0;display:flex;flex-direction:column;gap:8px;}
.news-town{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:22px 34px;align-items:start;padding:28px 0;border-top:3px double var(--ink);}
.news-town--flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr);}
.news-town--flip .news-fig{order:2;}
.news-town--tall{grid-template-columns:minmax(0,4fr) minmax(0,8fr);}
.news-town--tall.news-town--flip{grid-template-columns:minmax(0,8fr) minmax(0,4fr);}
.news-town .news-photo img{height:auto;max-height:520px;aspect-ratio:auto;}
.news-town-body{display:flex;flex-direction:column;gap:10px;min-width:0;}
.news-town-h{margin:0;font-family:var(--f-display);font-weight:400;font-size:clamp(28px,3.4vw,40px);line-height:1.02;}
.news-dash{display:block;height:1px;background:var(--ink);width:48px;}
.news-cols--town{column-width:230px;}
.news-cols p:last-child{margin-bottom:0;}
.news-credit{margin-top:4px;padding-top:12px;border-top:1px solid var(--ink);font-family:var(--f-serif);font-style:italic;font-size:12px;color:rgba(26,23,20,.6);}
.news-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-top:26px;padding-top:18px;border-top:1px dashed var(--i40);}

/* ── Документы ────────────────────────────────────────────────────────── */
.docs-head{display:flex;flex-direction:column;gap:20px;padding-top:56px;padding-bottom:32px;}
.docs-sheet{width:100%;max-width:860px;margin:0 auto 96px;}
.docs-sheet .sheet-in{padding:36px clamp(18px,5vw,56px) 48px;gap:20px;}
.docs-intro{font-family:var(--f-serif);font-style:italic;font-size:16px;line-height:1.6;padding:14px 18px;background:rgba(26,23,20,.06);border-radius:3px;}
.docs-sec{display:flex;flex-direction:column;gap:8px;padding-top:6px;}
.docs-sec h2{margin:0;display:flex;gap:12px;align-items:baseline;font-family:var(--f-display);font-weight:400;font-size:24px;}
.docs-sec h2 span{color:var(--red);min-width:22px;}
.docs-sec p{margin:0;font-family:var(--f-serif);font-size:15px;line-height:1.6;text-wrap:pretty;}
.docs-sec p.li{padding-left:18px;}
.docs-foot{border-top:1px dashed var(--i40);padding-top:14px;font-size:13px;color:rgba(26,23,20,.7);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;}
.docs-foot a{color:var(--red);}

/* ── Кабинет ──────────────────────────────────────────────────────────── */
.cab{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:clamp(28px,4vw,48px);align-items:start;padding-top:56px;padding-bottom:96px;}
.cab-side{display:flex;flex-direction:column;gap:28px;}
.cab-main{display:flex;flex-direction:column;gap:28px;min-width:0;}
.passport{position:relative;padding:22px 22px 24px;box-shadow:0 24px 60px rgba(0,0,0,.6);transform:rotate(-1.2deg);}
.passport-k{text-align:center;font-size:11px;letter-spacing:.3em;}
.passport-t{text-align:center;font-family:var(--f-display);font-size:28px;line-height:1.1;margin-top:4px;}
.passport .dbl-rule{margin:12px 0 16px;}
.passport-f{display:flex;flex-wrap:wrap;gap:12px 32px;}
.passport-f>div{display:flex;flex-direction:column;min-width:0;}
.passport-f small{font-size:10px;letter-spacing:.2em;color:var(--i60);}
.passport-f b{font-size:18px;font-weight:500;overflow-wrap:anywhere;}
.passport-f span{font-family:var(--f-serif);font-size:15px;}
.passport-stamps{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;}
.passport-stamps .stamp{font-size:15px;padding:2px 10px;letter-spacing:.06em;}
.passport-out{position:absolute;right:14px;bottom:12px;font-size:12px;color:var(--i60);text-decoration:underline;}
.passport-out:hover{color:var(--red);}
.sec-rows{padding:2px 16px;}
.sec-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;}
.sec-row+.sec-row,.sec-form+.sec-row{border-top:1px solid var(--w05);}
.sec-row>div{display:flex;flex-direction:column;gap:2px;min-width:0;}
.sec-row b{font-weight:400;font-size:15px;}
.sec-row small{font-family:var(--f-serif);font-style:italic;font-size:13px;color:var(--p55);overflow-wrap:anywhere;}
.sec-row small.warn{color:var(--dead);}
.sec-row small.ok{color:var(--alive);}
.sec-form{display:flex;flex-direction:column;gap:8px;padding:0 0 14px;}
.sec-form .input{padding:9px 11px;font-size:14px;}
.sec-form .acts{display:flex;gap:8px;}
.cab-plate{padding:18px 20px;display:flex;flex-direction:column;gap:10px;}
.cab-plate .cap{font-size:12px;}
.ac-code{display:flex;justify-content:space-between;align-items:baseline;gap:12px;}
.ac-code b{font-family:var(--f-display);font-weight:400;font-size:28px;color:var(--amber);overflow-wrap:anywhere;}
.ac-code b.none{font-size:20px;color:var(--p45);}
.plate-note{font-family:var(--f-serif);font-style:italic;font-size:13px;line-height:1.45;color:var(--p55);}
.plate-note a{color:var(--amber);text-decoration:underline;}
.plate-line{font-family:var(--f-serif);font-size:15px;line-height:1.5;color:var(--p85);}
.plate-line b{font-family:var(--f-ui);font-weight:500;color:var(--amber);}
.plate-acts{display:flex;flex-wrap:wrap;gap:8px;}
.charges{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.charges li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:13px;color:var(--p72);border-top:1px solid var(--w05);}
.alert-bar{padding:16px 20px;border:1px solid rgba(181,52,46,.5);background:rgba(181,52,46,.1);border-radius:4px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;font-family:var(--f-serif);font-size:15px;}
.alert-bar--amber{border-color:rgba(224,164,88,.45);background:rgba(224,164,88,.08);}
.mail-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;}
.mail-head>div:first-child{display:flex;align-items:center;gap:20px;}
.mail-title{display:flex;flex-direction:column;gap:4px;}
.mail-title small{font-size:12px;letter-spacing:.3em;color:var(--p55);}
.mail-title b{font-family:var(--f-display);font-weight:400;font-size:48px;line-height:1;}
.mail-new{transform:rotate(-6deg);font-size:16px;padding:3px 10px;}
.mailbox{padding:clamp(14px,3vw,32px);display:flex;flex-direction:column;gap:14px;}
.letter{display:flex;flex-direction:column;box-shadow:0 12px 28px rgba(0,0,0,.5);transform:rotate(var(--r,0deg));transition:transform .3s var(--ease);animation:slideIn .6s var(--ease) both;animation-delay:var(--d,0ms);}
.letter.open{transform:none;}
.env{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 18px;background:var(--parchment);color:var(--ink);text-align:left;width:100%;overflow:hidden;transition:background .12s linear;}
.env:hover{background:#efe7d8;}
.letter.read .env{background:var(--envelope-read);}
.letter.read .env:hover{background:#ebe2d0;}
.env::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom right,transparent 49.6%,rgba(26,23,20,.08) 50%,transparent 50.4%),linear-gradient(to bottom left,transparent 49.6%,rgba(26,23,20,.08) 50%,transparent 50.4%);pointer-events:none;transition:opacity .2s;}
.letter.open .env::before{opacity:0;}
.seal{position:relative;width:44px;height:44px;border-radius:50%;background:var(--red);color:var(--parchment);display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-size:20px;box-shadow:inset 0 0 0 3px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.3);}
.letter.read .seal{background:#8a7f70;}
.env-txt{position:relative;display:flex;flex-direction:column;gap:2px;min-width:0;}
.env-from{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;}
.env-from b{font-family:var(--f-display);font-weight:400;font-size:20px;line-height:1.15;}
.env-from span{font-family:var(--f-serif);font-style:italic;font-size:13px;color:var(--i60);}
.env-subj{font-size:15px;font-weight:600;line-height:1.35;text-wrap:pretty;overflow-wrap:anywhere;}
.letter.read .env-subj{font-weight:400;}
.env-tag{align-self:flex-start;margin-top:4px;transform:rotate(-3deg);font-size:12px;padding:1px 7px;letter-spacing:.06em;}
.env .chev{position:relative;}
.letter-paper{background:var(--paper);color:var(--ink);padding:26px clamp(16px,3vw,34px) 28px;display:flex;flex-direction:column;gap:16px;border-top:1px dashed rgba(26,23,20,.3);animation:paperOpen .45s var(--ease) both;}
.letter-paper p{margin:0;font-family:var(--f-serif);font-size:16px;line-height:1.6;text-wrap:pretty;}
.code-box{position:relative;border:2px dashed var(--ink);padding:18px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin:4px 0;}
.code-box small{display:block;font-size:11px;letter-spacing:.24em;color:var(--i60);}
.code-val{display:block;font-size:30px;font-weight:600;letter-spacing:.14em;margin-top:4px;overflow-wrap:anywhere;transition:filter .15s;}
.code-val.hidden{filter:blur(9px);user-select:none;}
.code-val.used{color:var(--i40);text-decoration:line-through;}
.code-used{position:absolute;right:-10px;top:-18px;transform:rotate(-8deg);background:var(--paper);font-size:16px;padding:3px 10px;}
.code-acts{display:flex;gap:8px;flex-wrap:wrap;}
.code-steps{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:var(--i75);}
.code-steps span{white-space:nowrap;}
.code-steps b{color:var(--red);font-weight:600;}
.letter-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;border-top:1px solid rgba(26,23,20,.15);padding-top:14px;}
.letter-foot span{font-family:var(--f-serif);font-style:italic;font-size:14px;color:rgba(26,23,20,.7);}
.letter-foot small{font-size:12px;color:var(--i50);text-align:right;}
.mail-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:48px 0;text-align:center;}
.mail-empty b{font-family:var(--f-display);font-weight:400;font-size:26px;}
.mail-empty span{font-family:var(--f-serif);font-style:italic;font-size:14px;color:var(--p60);}
.mail-fine{font-family:var(--f-serif);font-style:italic;font-size:13px;color:var(--p45);}
.cab-guest{display:flex;justify-content:center;padding:56px 0 96px;}

/* ── «Спасибо за покупку» ─────────────────────────────────────────────── */
.thanks{display:flex;justify-content:center;padding:72px 0 96px;}
.thanks .mpaper{transform:rotate(-1deg);max-width:480px;}
.thanks-paid{position:absolute;right:18px;top:18px;transform:rotate(-12deg);font-size:20px;padding:2px 10px;}
.thanks-sum{display:flex;justify-content:space-between;font-size:15px;}
.thanks-sum b{font-weight:500;}
.thanks .code-box{margin:0;}

/* ── Тост ─────────────────────────────────────────────────────────────── */
.toast{position:fixed;left:50%;bottom:28px;translate:-50% 0;z-index:200;background:var(--parchment);color:var(--ink);padding:12px 18px;box-shadow:0 16px 40px rgba(0,0,0,.6);font-size:14px;display:flex;align-items:center;gap:10px;animation:rise .3s var(--ease) both;max-width:calc(100vw - 32px);}
.toast b{font-weight:500;}

/* ── Адаптив ──────────────────────────────────────────────────────────── */
/* Агент вылезает правее колонки (как в макете); пока экран не шире макета — режем по краю. */
@media (max-width:1400px){.hero{overflow-x:clip;}}
@media (max-width:1180px){
  .hero{grid-template-columns:minmax(0,1fr) 360px;}
  .hero-title{font-size:72px;}
  .hero-agent{height:900px;bottom:-300px;right:-60px;}
  .posters{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px;}
  .ftr-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .ftr-brand{grid-column:1/-1;}
}
@media (max-width:980px){
  :root{--hdr-h:72px;}
  .hdr-in{grid-template-columns:1fr auto;padding-top:16px;padding-bottom:16px;}
  .hdr-logo{height:56px;margin:-14px 0 -14px -12px;}
  .hdr-nav,.hdr-act{display:none;}
  .hdr-burger{display:flex;}
  .hdr-m{display:flex;flex-direction:column;gap:6px;padding:8px var(--gut) 20px;border-top:1px solid var(--w07);animation:fadeIn .2s ease both;}
  .hdr-m>a{padding:12px 0;font-size:17px;letter-spacing:.06em;text-transform:uppercase;color:var(--p72);border-bottom:1px solid var(--w05);display:flex;align-items:center;justify-content:space-between;}
  .hdr-m>a.on{color:var(--paper);}
  .hdr-m-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;}
  .hdr-m-acts .b{width:100%;}

  .hero{grid-template-columns:1fr;gap:0;padding-top:40px;}
  .hero-copy{padding-bottom:24px;}
  .hero-title{font-size:clamp(46px,9vw,72px);}
  .hero-art{height:clamp(320px,70vw,520px);overflow:hidden;margin:0 calc(var(--gut) * -1);}
  .hero-agent{position:absolute;left:50%;right:auto;translate:-50% 0;bottom:auto;top:0;height:auto;width:min(560px,92vw);animation:none;}
  .hero-stamp{right:var(--gut);bottom:24px;}

  .store-layout{grid-template-columns:1fr;}
  .receipt{position:relative;top:auto;transform:none;}
  .receipt-fab{display:flex;position:fixed;right:16px;bottom:16px;z-index:60;align-items:center;gap:10px;padding:12px 16px;background:var(--red);color:#fff;border-radius:4px;box-shadow:0 12px 30px rgba(0,0,0,.6);font-size:15px;letter-spacing:.06em;}
  .receipt-fab .badge-n{background:var(--parchment);color:var(--ink);}

  .doc-layout{grid-template-columns:1fr;}
  .toc{position:relative;top:auto;max-height:none;overflow:visible;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;gap:6px;margin:0 calc(var(--gut) * -1);padding-left:var(--gut);padding-right:var(--gut);scrollbar-width:none;}
  .toc::-webkit-scrollbar{display:none;}
  .toc>.cap{display:none;}
  .toc-sec{width:auto;flex-shrink:0;white-space:nowrap;padding:9px 12px;}
  .toc-sub{display:none;}
  .sheet-title{padding-right:0;}
  .sheet-stamp{position:static;align-self:flex-start;order:-1;transform:rotate(-4deg);font-size:15px;}

  .wiki-layout{grid-template-columns:1fr;}
  .wiki-toc{display:none;}
  .reward .wrap{flex-direction:column;align-items:flex-start;}
  .shop-stamp{font-size:44px;padding:14px 32px;margin-right:0;}

  .cab{grid-template-columns:1fr;padding-top:36px;}
  .passport{max-width:460px;}
  /* Почта — главное в кабинете: сразу после удостоверения, остальные плашки ниже. */
  .cab-side{display:contents;}
  .cab-side>*{order:2;}
  .cab-side>:first-child{order:0;}
  .cab-main{order:1;}
}
@media (max-width:760px){
  .steps{grid-template-columns:1fr 1fr;}
  .step{padding:22px 16px;border-bottom:1px solid var(--w07);}
  .step:first-child{padding-left:16px;}
  .step:nth-child(2n){border-right:0;}
  .steps--3{grid-template-columns:1fr;}
  .steps--3 .step{border-right:0;padding-left:0;}
  .posters{overflow:hidden;padding:44px 20px 40px;gap:40px 18px;margin-left:calc(var(--gut) * -1);margin-right:calc(var(--gut) * -1);}
  .poster-img,.poster-img--law{height:200px;}
  .poster-kicker{font-size:clamp(14px,4.4vw,22px);}
  .poster-sheet{padding:14px 12px 18px;}
  .poster-name{font-size:20px;}
  .posters{margin-bottom:56px;}
  .live-stamp{font-size:40px;}
  .live-name{font-size:20px;}
  .live-meta>.live-views{font-size:14px;}
  .reward .wrap{flex-direction:column;align-items:flex-start;}
  .reward h2{font-size:34px;}
  .shop-stamp{font-size:38px;padding:12px 26px;margin-right:0;}
  .shop-stamp span{font-size:28px;}
  .ftr-grid{grid-template-columns:1fr 1fr;}
  .ph{padding-top:36px;padding-bottom:28px;}
  .ph-side{width:100%;}
  .store-tools .search{width:100%;}
  .store-board{margin-left:calc(var(--gut) * -1);margin-right:calc(var(--gut) * -1);padding-left:var(--gut);padding-right:var(--gut);}
  .goods{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px;}
  .good-img{height:120px;}
  .good-name{font-size:18px;}
  .good-price{font-size:20px;}
  .good-foot{flex-direction:column;align-items:stretch;}
  .good-add{text-align:center;}
  .pmodal-body{padding:22px;}
  .pmodal-media{padding:22px 22px 0;}
  .pmodal-media .good-img{min-height:220px;}
  .pmodal-name{font-size:30px;}
  .rule{grid-template-columns:1fr;gap:8px;padding:16px;}
  .rule-n{flex-direction:row;align-items:baseline;gap:12px;}
  .rgroup-head{padding:14px 16px;}
  .rgroup-head .n{min-width:0;}
  .rgroup-head .t{font-size:19px;}
  .wiki-index{margin-left:calc(var(--gut) * -1);margin-right:calc(var(--gut) * -1);padding-left:var(--gut);padding-right:var(--gut);}
  .wres{grid-template-columns:1fr;gap:4px;}
  .wiki-gloss>div{grid-template-columns:1fr;gap:4px;}
  .wiki-entry h2{font-size:28px;}
        .mail-title b{font-size:40px;}
  .news-town,.news-town--flip,.news-town--tall,.news-town--tall.news-town--flip{grid-template-columns:1fr;}
  .news-town--flip .news-fig{order:0;}
  .news-town .news-photo img{max-height:380px;object-fit:cover;}
  .vip-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;margin:0 calc(var(--gut) * -1);padding:12px var(--gut) 26px;scrollbar-width:none;}
  .vip-grid::-webkit-scrollbar{display:none;}
  .vip-card{flex:0 0 min(300px,82vw);scroll-snap-align:center;}
  .mailbox{margin-left:calc(var(--gut) * -1);margin-right:calc(var(--gut) * -1);}
  .env{grid-template-columns:40px minmax(0,1fr) auto;gap:12px;padding:12px 14px;}
  .seal{width:36px;height:36px;font-size:17px;}
  .code-val{font-size:22px;letter-spacing:.08em;}
  .code-steps span{white-space:normal;}
  .thanks{padding-top:40px;}
}
@media (max-width:480px){
  .hero-cta>.b,.hero-cta>.dw-inline{width:100%;min-width:0;}
  .goods{grid-template-columns:1fr 1fr;}
  .ftr-grid{grid-template-columns:1fr;}
  .ftr-bottom{flex-direction:column;}
  .mdark-in,.mpaper-in{padding-left:20px;padding-right:20px;}
}