/* «До винтика» — демо сайта сборки мебели. Мир: стена мебельных фасадов, шапка — строительный уровень. */
@font-face{font-family:'M PLUS 1p';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/mplus1p-400-cyr.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'M PLUS 1p';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/mplus1p-400-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'M PLUS 1p';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/mplus1p-500-cyr.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'M PLUS 1p';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/mplus1p-500-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'M PLUS 1p';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/mplus1p-700-cyr.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'M PLUS 1p';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/mplus1p-700-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'M PLUS 1p';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/mplus1p-800-cyr.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'M PLUS 1p';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/mplus1p-800-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'M PLUS 1p';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/mplus1p-400-sym.woff2) format('woff2');unicode-range:U+b1,U+bc-be,U+20bd,U+2190-2195,U+2264-2265,U+2300,U+2713}
@font-face{font-family:'M PLUS 1p';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/mplus1p-500-sym.woff2) format('woff2');unicode-range:U+b1,U+bc-be,U+20bd,U+2190-2195,U+2264-2265,U+2300,U+2713}
@font-face{font-family:'M PLUS 1p';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/mplus1p-700-sym.woff2) format('woff2');unicode-range:U+b1,U+bc-be,U+20bd,U+2190-2195,U+2264-2265,U+2300,U+2713}
@font-face{font-family:'M PLUS 1p';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/mplus1p-800-sym.woff2) format('woff2');unicode-range:U+b1,U+bc-be,U+20bd,U+2190-2195,U+2264-2265,U+2300,U+2713}

:root{
  --venge:#3A2A22; --venge-d:#2A1E18; --venge-l:#4F3B30; --korpus:#1B1410;
  --krem:#F1E9DD; --krem-2:#D8CCBC;
  --shagren:#ECEBE6; --shagren-d:#DEDCD5; --tush:#221A16; --tush-2:#4E443D;
  --amp:#D6EC3C; --amp-d:#B5CF17; --amp-tush:#1E2410;
  --karandash:#C9381F; --karandash-l:#F08A6E; --karandash-t:#A32A13;
  --alu:#CDD1D5; --alu-d:#9BA1A7; --alu-l:#EEF0F2;
  --karton:#C9A273; --karton-d:#A9824F; --karton-tush:#2B2621;
  --beryoza:#E7D7BC;
  --zazor:4px; --shapka:64px;
  --tex-venge:none; --tex-shagren:none; --tex-karton:none;
  --f:'M PLUS 1p',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--shapka) + 16px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--korpus);color:var(--tush);font:400 17px/1.55 var(--f);overflow-x:clip}
::selection{background:var(--amp);color:var(--amp-tush)}
img,svg{display:block;max-width:100%}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1.5px}
h1,h2,h3{margin:0;font-weight:800;line-height:1.08;letter-spacing:-.015em;text-wrap:balance}
h2{font-size:clamp(30px,3.7vw,54px)}
h3{font-size:20px;line-height:1.25;letter-spacing:0}
p{margin:0 0 .9em;text-wrap:pretty}
:focus-visible{outline:3px solid var(--amp);outline-offset:3px;border-radius:2px}
.front-shagren :focus-visible,.front-karton :focus-visible,.pol :focus-visible,.dlg :focus-visible,.front-amp :focus-visible{outline-color:var(--tush)}
.skip{position:absolute;left:12px;top:-60px;z-index:99;background:var(--amp);color:var(--amp-tush);padding:10px 16px;font-weight:700}
.skip:focus{top:10px}
.wrap{max-width:1300px;margin:0 auto;padding:0 40px}
.u{border-bottom:1.5px dashed currentColor;padding-bottom:1px;opacity:.78;font-size:.88em;white-space:normal}
.u-key{white-space:nowrap}

/* ===== Кнопки ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border:0;border-radius:3px;font:700 16px/1.15 var(--f);cursor:pointer;text-decoration:none;transition:background-color .2s,box-shadow .2s,transform .2s}
.btn-amp{background:var(--amp);color:var(--amp-tush);box-shadow:0 1px 2px rgba(0,0,0,.18)}
.btn-amp:hover{background:#C9E02A}
.btn-amp:active{transform:translateY(1px);box-shadow:none}
.btn-venge{background:var(--venge-d);color:var(--krem);box-shadow:0 1px 2px rgba(0,0,0,.3)}
.btn-venge:hover{background:var(--venge-l)}
.btn-tonk{background:transparent;color:inherit;box-shadow:inset 0 0 0 2px currentColor}
.btn-big{min-height:58px;padding:0 30px;font-size:18px}
.btn:disabled{background:#CFCFC8;color:#46413C;box-shadow:none;cursor:not-allowed}
.ssylka{font-weight:700;font-size:17px;text-decoration:underline}
.knopki{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}

/* ===== Шапка-уровень ===== */
.shapka{position:fixed;inset:0 0 auto;z-index:50;height:var(--shapka)}
.uroven{height:100%;display:flex;align-items:center;gap:22px;padding:0 14px 0 22px;background:#CDD1D5;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 #A3A9AF,0 4px 14px rgba(20,14,10,.22);color:#24292D}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none;color:var(--tush)}
.logo-znak{width:36px;height:36px;color:var(--tush)}
.logo-t{display:flex;flex-direction:column;line-height:1.02}
.logo-t b{font-size:19px;font-weight:800;letter-spacing:-.01em}
.logo-t small{font-size:12.5px;font-weight:500;color:#4D5459}
.menu{display:flex;align-items:center;gap:2px;margin-left:auto}
.menu a{position:relative;padding:8px 11px;font-size:15px;font-weight:500;text-decoration:none;color:#262B2F;border-radius:2px}
.menu a::after{content:"";position:absolute;left:11px;right:11px;bottom:2px;height:3px;border-radius:2px;background:var(--tush);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.menu a:hover::after{transform:scaleX(.5)}
.menu a.tek::after{transform:scaleX(1)}
.menu-zapis{display:none}
.ampula{position:relative;flex:none;width:112px;height:28px;border-radius:14px;background:#2B3136;padding:4px;box-shadow:inset 0 2px 3px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.6)}
.ampula::before{content:"";position:absolute;inset:4px;border-radius:10px;background:linear-gradient(180deg,#E9F77A 0%,var(--amp) 45%,#A9C214 100%)}
.ampula::after{content:"";position:absolute;top:4px;bottom:4px;left:calc(50% - 15px);width:30px;border-left:2px solid #20260C;border-right:2px solid #20260C;opacity:.85}
.ampula-puz{position:absolute;z-index:1;top:7px;left:calc(50% - 12px);width:24px;height:14px;border-radius:50%;background:radial-gradient(ellipse at 40% 35%,#FFFFFF 0 30%,#F6FBD7 55%,rgba(240,250,190,.6) 100%);box-shadow:0 0 0 1px rgba(60,70,10,.35);transform:translateX(var(--puz-x,0px));transition:transform .6s cubic-bezier(.16,1,.3,1)}
.menu-knopka{display:none}
.shapka-zapis{flex:none;min-height:44px}

/* ===== Первый экран: шкаф ===== */
.geroy{position:relative;background:var(--shagren);background-image:var(--tex-shagren)}
.komnata{position:relative;padding:calc(var(--shapka) + 22px) 32px 0}
.shkaf{position:relative;max-width:1240px;margin:0 auto;height:clamp(380px,52svh,600px);padding:0 14px;
  background:linear-gradient(90deg,var(--venge-d),var(--venge) 14px,var(--venge-d) 15px,var(--korpus) 16px,var(--korpus) calc(100% - 16px),var(--venge-d) calc(100% - 15px),var(--venge) calc(100% - 14px),var(--venge-d));
  display:flex;flex-direction:column}
.kryshka{height:16px;margin:0 -14px;background:var(--venge-d);background-image:var(--tex-venge);background-size:400px auto;box-shadow:inset 0 2px 0 #7A6250,inset 0 -2px 0 rgba(0,0,0,.4)}
.dveri{flex:1;display:grid;padding-top:4px!important;grid-template-columns:repeat(3,1fr);gap:0 6px;padding-top:0;margin:0;font:inherit}
.dver{position:relative;display:flex;align-items:flex-end;padding:0 0 15% 7%;container-type:inline-size;background:var(--venge);background-image:var(--tex-venge);background-size:420px auto;
  box-shadow:inset 1px 0 0 rgba(255,255,255,.06),inset -1px 0 0 rgba(0,0,0,.35),inset 0 -2px 0 rgba(255,255,255,.07);overflow:visible}
.dver::after{content:"";position:absolute;top:8%;bottom:30%;width:5px;border-radius:3px;background:#B9BEC3;box-shadow:1px 2px 3px rgba(0,0,0,.45)}
.d1::after{right:16px}.d2::after{left:16px}.d3::after{left:16px}
.slovo{display:block;font-size:min(21cqi,112px);font-weight:800;line-height:.86;letter-spacing:-.03em;color:var(--krem);white-space:nowrap;transition:color .4s}
.d3{transform:translate(calc(var(--d3x,0) * 1px),calc(var(--d3y,0) * 1px));will-change:transform;touch-action:none;cursor:grab;z-index:2}
.d3.tyanu{cursor:grabbing}
.d3.dobro .slovo{color:var(--amp)}
.dver-podskazka{position:absolute;left:7%;bottom:7%;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--amp);letter-spacing:0;white-space:nowrap;transition:opacity .3s}
.dver-podskazka svg{width:18px;height:18px;animation:kivok 1.6s ease-in-out infinite}
.d3.dobro .dver-podskazka,.d3.tronuli .dver-podskazka{opacity:0}
@keyframes kivok{0%,100%{transform:translateY(2px)}50%{transform:translateY(-4px)}}
.cokol-norma{position:absolute;left:28px;top:50%;transform:translateY(-50%);padding:4px 12px;border-radius:2px;background:#C7CBCF;color:#1E2326;font-size:13.5px;font-weight:700;letter-spacing:.01em;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.45)}
.cokol{position:relative;height:46px;margin:0 -14px;background:var(--venge-d);background-image:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,0) 30%),var(--tex-venge);background-size:auto,420px auto;box-shadow:0 18px 30px -12px rgba(20,14,10,.55)}
.metka{position:absolute;z-index:3;padding:4px 9px 5px;border-radius:3px;font-size:14px;font-weight:800;line-height:1;white-space:nowrap;background:var(--karandash);color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:background-color .3s,color .3s;pointer-events:none}
.metka::before{content:"";position:absolute;width:0;height:0;border:6px solid transparent}
.metka-zazor{top:30%;transform:translateX(-50%)}
.metka-zazor::before{left:calc(50% - 6px);top:100%;border-top-color:inherit;border-top-color:var(--karandash)}
.metka-niz{transform:translateY(-50%)}
.metka.dobro{background:var(--amp);color:var(--amp-tush)}
.metka.dobro::before{border-top-color:var(--amp)}

.pol{background:var(--shagren-d);background-image:linear-gradient(180deg,rgba(27,20,16,.16),rgba(27,20,16,0) 40px),var(--tex-shagren)}
.pol-in{max-width:1300px;margin:0 auto;padding:26px 40px 44px;display:grid;grid-template-columns:6fr 3.4fr 3fr;gap:36px;align-items:start}
.lid{font-size:clamp(17px,1.35vw,20px);line-height:1.5;max-width:38em;margin-bottom:18px;color:var(--tush)}
.petlya{padding:4px 0 0;font-size:15px}
.petlya-h{font-weight:800;font-size:15px;margin-bottom:8px}
.petlya-ryad{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.petlya-t{display:inline-flex;align-items:center;gap:8px;width:118px;font-weight:500}
.petlya-t svg{width:20px;height:20px;color:var(--tush-2)}
.vint{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;color:var(--tush);background:#D5D8DB;box-shadow:inset 0 0 0 1.5px #9BA1A7,0 1px 2px rgba(0,0,0,.2);transition:background-color .2s}
.vint:hover{background:var(--amp)}
.vint:active{transform:translateY(1px)}
.str{width:20px;height:20px}
.str-n{transform:rotate(180deg)}.str-l{transform:rotate(-90deg)}.str-p{transform:rotate(90deg)}
.petlya-itog{font-weight:700;margin:6px 0 8px;min-height:3em;color:var(--karandash-t)}
.petlya-itog.dobro{color:#4E5E06}
.norma{font-size:13.5px;color:var(--tush-2);margin:0}
.norma b{color:var(--tush)}
.yarlyk{position:relative;background:#FBFBF8;border:1px solid #C9C6BE;padding:14px 16px 40px;font-size:13.5px;line-height:1.45;color:#3B3530;box-shadow:0 2px 0 rgba(0,0,0,.05)}
.yarlyk p{margin:0}
.shtrih{position:absolute;left:16px;bottom:12px;width:120px;height:18px;background:repeating-linear-gradient(90deg,#2a2622 0 2px,transparent 2px 4px,#2a2622 4px 5px,transparent 5px 8px,#2a2622 8px 11px,transparent 11px 12px)}

/* ===== Фасады-разделы ===== */
.front{position:relative;margin:var(--zazor) 6px 0;padding:108px 0 116px;border-radius:2px;scroll-margin-top:var(--shapka)}
.front::before{content:"";position:absolute;inset:0 0 auto;height:2px;border-radius:2px 2px 0 0;opacity:.6}
.front-shagren{background:var(--shagren);background-image:var(--tex-shagren);color:var(--tush)}
.front-shagren::before{background:#FFFFFF}
.front-venge{background:var(--venge);background-image:var(--tex-venge);background-size:400px auto;color:var(--krem)}
.front-venge::before{background:#6B5444}
.front-karton{background:var(--karton);background-image:var(--tex-karton);color:var(--karton-tush)}
.front-karton::before{background:#E0BF92}
.front-amp{background:var(--amp);color:var(--amp-tush);padding:96px 0}
.front-amp::before{background:#F2FB9E}
.zagl{display:grid;grid-template-columns:7fr 5fr;gap:40px 64px;align-items:start;margin-bottom:56px}
.zagl-lid{font-size:18px;padding-top:6px}
.zagl-shir{grid-template-columns:5fr 6fr;column-gap:72px}
.zagl-shir h2{grid-column:1/-1;font-size:clamp(34px,4.6vw,66px);max-width:20ch}
.zagl-shir .zagl-lid{display:contents}
.zagl-shir .citata{grid-column:1;margin:0}
.zagl-shir .zagl-lid>p{grid-column:2;margin:0;font-size:18px}
.zagl-uzk{grid-template-columns:1fr;max-width:780px;gap:22px}
.zagl-afisha{grid-template-columns:1fr;max-width:940px;margin-left:auto;margin-right:auto;text-align:center;gap:18px}
.zagl-afisha h2{font-size:clamp(36px,5.2vw,76px)}
.zagl-afisha .citata p{max-width:34em;margin:0 auto 6px}
.zagl-afisha .zagl-lid>p{max-width:40em;margin:0 auto}
.zagl-otves{grid-template-columns:1fr;max-width:820px;margin-left:172px;gap:16px}
.zagl-otves h2{font-size:clamp(34px,4.4vw,62px)}
.zagl-uzk h2{font-size:clamp(36px,5vw,72px)}
.zagl-uzk .citata{padding-left:0;margin-bottom:14px}
.citata{margin:0 0 18px;padding:0}
.citata p{font-size:19px;line-height:1.45;font-weight:700;margin:0 0 6px}
.citata footer{font-size:13.5px;opacity:.75}
.front-venge .zagl-lid{color:var(--krem-2)}
.front-venge .citata p,.front-venge h2,.front-venge h3{color:var(--krem)}

/* ===== Опись ===== */
.opis{display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:start}
.korobki-h{font-size:17px;margin-bottom:16px}
.korobki-ryad{display:flex;flex-direction:column;gap:6px}
.korobka{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;width:100%;min-height:86px;padding:12px 18px 12px 22px;border:0;border-radius:2px;text-align:left;cursor:pointer;font:inherit;color:var(--karton-tush);overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(0,0,0,.06)),#B88F5E;background-image:linear-gradient(180deg,rgba(255,255,255,.12),rgba(0,0,0,.08)),var(--tex-karton);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 3px 0 #8C6A41,0 6px 10px rgba(0,0,0,.25);transition:transform .25s,box-shadow .25s}
.korobka:nth-child(2){margin-left:18px;width:calc(100% - 18px)}
.korobka:nth-child(3){margin-left:6px;width:calc(100% - 30px)}
.korobka-mal{width:76%!important;margin-left:8%}
.korobka:hover{transform:translateY(-2px)}
.korobka-pech{display:flex;flex-direction:column;line-height:1.1}
.korobka-pech b{font-size:20px;font-weight:800;letter-spacing:.04em}
.korobka-pech span{font-size:15px;font-weight:700}
.korobka-znaki{display:flex;gap:6px}
.korobka-znaki svg{width:30px;height:30px;color:var(--karton-tush);opacity:.85}
.korobka-etiketka{justify-self:end;display:flex;flex-direction:column;gap:4px;max-width:210px;background:#FBFAF6;padding:8px 10px;font-size:12.5px;line-height:1.25;font-weight:500;color:#2F2A26;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.korobka-etiketka i{display:block;width:90px;height:14px;background:repeating-linear-gradient(90deg,#222 0 2px,transparent 2px 3px,#222 3px 4px,transparent 4px 7px,#222 7px 9px,transparent 9px 10px)}
.korobka-kryshka{position:absolute;inset:0;z-index:2;background:inherit;background-image:var(--tex-karton);pointer-events:none;transform-origin:right center;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s;opacity:0}
.korobka-shtamp{position:absolute;right:236px;top:50%;z-index:3;transform:translateY(-50%) rotate(-6deg) scale(.6);opacity:0;padding:5px 10px;border:3px solid currentColor;border-radius:4px;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s}
.korobka.otkryta{background-image:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,0) 14px),linear-gradient(180deg,#F6F3EC,#E9E5DC);box-shadow:0 0 0 2px #8C6A41 inset,0 3px 0 #8C6A41}
.korobka.otkryta .korobka-pech,.korobka.otkryta .korobka-znaki{opacity:.35}
.korobka.otkryta .korobka-shtamp{opacity:1;transform:translateY(-50%) rotate(-6deg) scale(1)}
.korobka.ok .korobka-shtamp{color:#4A5A05;background:rgba(214,236,60,.55)}
.korobka.bad .korobka-shtamp{color:var(--karandash-t);background:rgba(255,255,255,.8)}
.akt{background:#FBFAF6;color:#2F2A26;padding:22px 24px 24px;box-shadow:0 2px 0 rgba(0,0,0,.08),0 10px 24px rgba(0,0,0,.18);position:sticky;top:calc(var(--shapka) + 20px)}
.akt-h{font-weight:800;font-size:19px;margin-bottom:12px}
.akt-h span{font-weight:500;font-size:15px;opacity:.7}
.akt-spisok{list-style:none;margin:0;padding:0;counter-reset:a}
.akt-spisok li{position:relative;padding:10px 0 10px 34px;border-top:1px solid #E1DDD4;font-size:15.5px;line-height:1.4}
.akt-spisok li::before{position:absolute;left:0;top:10px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px}
.akt-spisok li.ok::before{content:"";background:var(--amp) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%231E2410' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.akt-spisok li.bad::before{content:"";background:var(--karandash) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v9' stroke='%23fff' stroke-width='3.4' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='18.5' r='2' fill='%23fff'/%3E%3C/svg%3E") center/16px no-repeat}
.akt-spisok li.akt-pusto{padding-left:0;color:#7A716A}
.akt-spisok li b{display:block;font-size:14px;font-weight:800;color:#5E554E}
.akt-spisok li em{display:block;font-style:normal;font-weight:700;color:var(--karandash-t);margin-top:2px}
.akt-osnova{margin:18px 0 0;padding:14px 0 0;border-top:1.5px dashed #C9C2B6;font-size:13.5px;line-height:1.45;color:#4A423C}
.akt-osnova dt{font-weight:800;color:#2F2A26;margin-top:10px}
.akt-osnova dt:first-child{margin-top:0}
.akt-osnova dd{margin:2px 0 0}
.akt-itog{margin:14px 0 0;padding:14px 16px;background:#2F2A26;color:#F6F1E7;font-size:15.5px;font-weight:500;line-height:1.45}

/* ===== Ровно ===== */
.diag{display:grid;grid-template-columns:5fr 6fr;gap:56px;align-items:center}
.diag-ris{position:relative;margin:0;background:var(--korpus);border-radius:2px;padding:28px 28px 20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.diag-ris svg{width:100%;height:auto;max-height:560px}
.diag-lenta{stroke:var(--amp);stroke-width:5;stroke-dasharray:2 10;stroke-linecap:round;transition:stroke .3s}
.diag-lenta-2{stroke:#E9F77A}
.diag-ris.krivo .diag-lenta{stroke:var(--karandash-l)}
.diag-chislo{position:absolute;padding:4px 10px;border-radius:3px;background:var(--amp);color:var(--amp-tush);font-weight:800;font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap;transform:translate(-50%,-50%)}
.diag-ris.krivo .diag-chislo{background:var(--karandash);color:#fff}
.diag-pult h3{font-size:26px;margin-bottom:14px}
.diag-pult p{color:var(--krem-2);max-width:34em}
.lineyka{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center;margin:24px 0 10px;font-weight:700}
.lineyka span{grid-column:1/-1;font-size:15px;color:var(--krem-2)}
.lineyka output{font-size:20px;font-weight:800;min-width:4.4em;text-align:right;font-variant-numeric:tabular-nums}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:30px;background:transparent;cursor:pointer}
input[type=range]::-webkit-slider-runnable-track{height:22px;border-radius:2px;background:repeating-linear-gradient(90deg,#2A2310 0 2px,transparent 2px 10%),linear-gradient(180deg,#F4E46A,#E6CF2E);background-size:10% 100%,100% 100%;box-shadow:inset 0 -2px 0 rgba(0,0,0,.2)}
input[type=range]::-moz-range-track{height:22px;border-radius:2px;background:linear-gradient(180deg,#F4E46A,#E6CF2E)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:38px;margin-top:-8px;border-radius:3px;background:#D5D8DB;box-shadow:inset 0 0 0 1.5px #8A9097,0 2px 4px rgba(0,0,0,.45);border:0}
input[type=range]::-moz-range-thumb{width:22px;height:38px;border-radius:3px;background:#D5D8DB;border:0}
.diag-raznica{font-size:19px;font-weight:800;margin:6px 0 20px!important;color:var(--krem)!important}
.diag-raznica.krivo{color:var(--karandash-l)!important}
.diag-dopusk{font-size:14px;margin:-12px 0 18px!important;color:var(--krem-2)}
.diag-vyvod{margin-top:16px!important;font-weight:700;min-height:3em}
.diag-vyvod.dobro{color:var(--amp)!important}
.diag-vyvod.krivo{color:var(--karandash-l)!important}
.vynoski{display:grid;grid-template-columns:5fr 6fr;gap:56px;align-items:center;margin-top:84px}
.vynoski-ris{margin:0}
.vynoski-ris svg{width:100%;height:auto;max-width:520px}
.vynoski-spisok{list-style:none;margin:0;padding:0}
.vynoski-spisok li{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:22px 0;border-top:1px solid rgba(241,233,221,.18)}
.vynoski-spisok li:last-child{border-bottom:1px solid rgba(241,233,221,.18)}
.nomer{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--krem);color:var(--venge-d);font-weight:800;font-size:17px}
.vynoski-spisok h3{margin-bottom:6px}
.vynoski-spisok p{color:var(--krem-2);font-size:16px;margin:0}

/* ===== Цена ===== */
.prais{display:grid;grid-template-columns:8fr 4fr;gap:44px;align-items:start}
.prais-pometka{font-size:14px;color:var(--tush-2);margin-bottom:12px}
.afisha-podskaz{font-size:15px;color:var(--tush-2);margin-bottom:18px}
.afisha{display:block;line-height:1.1;margin:0 0 40px;padding:26px 0 24px;border-top:3px solid var(--tush);border-bottom:3px solid var(--tush)}
.af{display:inline-block;position:relative;margin:0 30px 4px 0;vertical-align:baseline}
.af.est{padding-right:40px}
.af-dob{display:inline-block;padding:2px 4px;margin:0 -4px;border:0;background:none;cursor:pointer;font:inherit;color:var(--tush);text-align:left;border-radius:2px;line-height:1.08}
.af-n{font-weight:800;letter-spacing:-.02em;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.18em;text-decoration-thickness:.08em;transition:text-decoration-color .2s;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.af-dob:hover .af-n{text-decoration-color:currentColor}
.af-c{margin-left:.35em;font-weight:500;font-size:.56em;color:var(--tush-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.af-k{margin-left:.4em;font-weight:800;font-size:.56em;color:var(--amp-tush);background:var(--amp);border-radius:2px;padding:0 6px;white-space:nowrap}
.af-k:empty{display:none}
.af.est .af-n{background:linear-gradient(transparent 58%,rgba(214,236,60,.85) 58%)}
.af-ub{position:absolute;right:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--tush);cursor:pointer;box-shadow:inset 0 0 0 1.5px #9E998F}
.af:has(.af-pr) .af-ub{top:.55em;transform:none}
.af-ub svg{width:16px;height:16px}
.af-ub:hover{background:var(--karandash-t);color:#fff;box-shadow:none}
.af-pr{display:block;font-size:14px;font-weight:400;color:var(--tush-2);margin-top:2px;letter-spacing:0}
.af-xl{font-size:clamp(28px,3vw,44px)}
.af-l{font-size:clamp(24px,2.3vw,33px)}
.af.af-m{font-size:clamp(21px,2vw,28px)}
.af-s{font-size:clamp(19px,1.6vw,23px)}
.afisha-dop-h{font-weight:800;font-size:19px;margin-bottom:10px}
.dop-spisok{display:flex;flex-wrap:wrap;gap:6px 22px}
.dop-k{padding:6px 2px;border:0;background:none;cursor:pointer;font:500 17px/1.3 var(--f);color:var(--tush);text-align:left;border-radius:2px}
.dop-k b{font-weight:800;white-space:nowrap}
.dop-k span{text-decoration:underline;text-decoration-style:dashed;text-decoration-color:#9E998F;text-underline-offset:.25em}
.dop-k[aria-pressed=true]{background:linear-gradient(transparent 55%,rgba(214,236,60,.85) 55%)}
.dop-k[aria-pressed=true] span{text-decoration-color:transparent}
.schet{position:sticky;top:calc(var(--shapka) + 20px);background:var(--venge);background-image:var(--tex-venge);background-size:400px auto;color:var(--krem);padding:26px 26px 24px;border-radius:2px;box-shadow:0 14px 30px rgba(27,20,16,.25)}
.schet-h{font-weight:800;font-size:19px;margin-bottom:10px}
.schet-stroki{list-style:none;margin:0 0 14px;padding:0;font-size:15.5px;max-height:260px;overflow:auto}
.schet-stroki li{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-bottom:1px dashed rgba(241,233,221,.18)}
.schet-stroki li span:last-child{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.schet-pusto{color:var(--krem-2);border:0!important;display:block!important}
.schet-itog,.schet-vremya{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:0 0 6px}
.schet-itog span,.schet-vremya span{color:var(--krem-2)}
.schet-itog b{font-size:clamp(36px,3.4vw,50px);font-weight:800;color:var(--amp);font-variant-numeric:tabular-nums;line-height:1}
.schet-vremya b{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.schet-min{font-size:14px;color:var(--krem-2);margin:6px 0 18px}
.schet-min.malo{color:#FFB39E}
.schet .btn{width:100%}
.schet-besplatno{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid rgba(241,233,221,.16);font-size:14.5px;color:var(--krem-2)}
.schet-besplatno li{position:relative;padding-left:22px;margin-bottom:6px}
.schet-besplatno li::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;border-radius:50%;background:var(--krem-2)}
.granica{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:64px}
.granica-k{padding:0}
.granica-net li b{color:inherit;font-weight:800}
.granica-k h3{font-size:22px;margin-bottom:12px}
.granica-k ul{margin:0;padding-left:20px;font-size:16px}
.granica-k li{margin-bottom:8px}

/* ===== День: отвес ===== */
.otves{list-style:none;margin:0;padding:0 0 70px;position:relative;max-width:980px}
.otves::before{content:"";position:absolute;left:150px;top:-30px;bottom:44px;width:2px;background:repeating-linear-gradient(180deg,#C9B48E 0 6px,#A88F66 6px 8px)}
.otves::after{content:"";position:absolute;left:139px;bottom:0;width:24px;height:46px;background:linear-gradient(90deg,#9C7A2E,#E9CF7A 45%,#8C6A22);clip-path:polygon(18% 0,82% 0,82% 34%,100% 40%,50% 100%,0 40%,18% 34%)}
.otves li{display:grid;grid-template-columns:132px 1fr;gap:40px;padding:0 0 30px;position:relative}
.otves li::before{content:"";position:absolute;left:144px;top:10px;width:14px;height:14px;border-radius:50%;background:#C9B48E;box-shadow:0 0 0 4px var(--venge)}
.otves-vr{text-align:right;font-weight:800;font-size:20px;color:var(--krem);font-variant-numeric:tabular-nums;padding-top:2px}
.otves h3{margin-bottom:6px;font-size:22px}
.otves p{color:var(--krem-2);margin:0;max-width:40em}
.otves-pometka{font-size:14.5px;color:var(--krem-2);max-width:60em;margin:12px 0 0 172px}

/* ===== Стена ===== */
.stena{display:grid;grid-template-columns:7fr 5fr;grid-template-rows:auto 1fr;gap:20px 48px;align-items:start}
.stena-vybor{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
.stena-vybor button{min-height:48px;padding:0 22px;border:0;border-radius:3px;cursor:pointer;font:700 17px/1 var(--f);background:var(--shagren-d);color:var(--tush);box-shadow:inset 0 0 0 1.5px #C2BEB5}
.stena-vybor button[aria-checked=true]{background:var(--tush);color:var(--krem);box-shadow:none}
.stena-ris{margin:0;max-width:400px}
.stena-ris svg{width:100%;height:auto;max-height:360px;margin:0 auto}
.schet-mini{display:none}
.stena-tekst h3{font-size:24px;margin-bottom:10px}
.stena-tekst p{margin-bottom:10px}
.stena-tekst .stena-krep{font-weight:700}
.zapiski{list-style:none;margin:26px 0 0;padding:18px 0 0;border-top:2px solid var(--tush)}
.zapiski li{position:relative;padding:0 0 12px 34px;font-size:16px}
.zapiski li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 13.2c1.6 1.2 3.1 3 4.4 5.3 2.7-5.6 6.5-10.3 12.6-13.7' fill='none' stroke='%23221A16' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.zapiski b{font-weight:800}
.pravila{list-style:none;margin:56px 0 0;padding:28px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:2px solid currentColor}
.pravila li{font-size:16px;max-width:32em}
.pravila b{display:block;font-size:19px;margin-bottom:6px;line-height:1.3}
.pravila-dva{border-top:2px solid currentColor;padding-top:28px}

/* ===== Сдача ===== */
.sdacha{display:grid;grid-template-columns:3fr 6fr 4fr;gap:40px;align-items:start}
.sdacha-uroven{position:sticky;top:calc(var(--shapka) + 40px);text-align:center}
.ampula-big{width:100%;max-width:220px;height:52px;border-radius:26px;margin:0 auto 12px;padding:6px}
.ampula-big::before{inset:6px;border-radius:20px}
.ampula-big::after{top:6px;bottom:6px;left:calc(50% - 26px);width:52px;border-width:3px}
.ampula-big .ampula-puz{top:12px;left:calc(50% - 22px);width:44px;height:28px;transform:translateX(var(--puz-x,0px))}
.sdacha-uroven p{font-weight:800;font-size:22px;margin:0;font-variant-numeric:tabular-nums}
.chek{list-style:none;margin:0;padding:0;counter-reset:c}
.chek li{border-top:1px solid rgba(241,233,221,.16)}
.chek li:last-child{border-bottom:1px solid rgba(241,233,221,.16)}
.chek label{display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:start;padding:13px 4px;cursor:pointer;font-size:17px;color:var(--krem)}
.chek input{appearance:none;-webkit-appearance:none;width:28px;height:28px;margin:0;border-radius:3px;border:2px solid var(--krem-2);background:transparent;cursor:pointer;display:grid;place-items:center;transition:background-color .2s,border-color .2s}
.chek input::after{content:"";width:12px;height:7px;border-left:3px solid var(--amp-tush);border-bottom:3px solid var(--amp-tush);transform:rotate(-45deg) translate(1px,-1px) scale(0);transition:transform .2s}
.chek input:checked{background:var(--amp);border-color:var(--amp)}
.chek input:checked::after{transform:rotate(-45deg) translate(1px,-1px) scale(1)}
.chek input:checked+span{color:var(--krem-2)}
.sdacha-akt{background:#FBFAF6;color:#2F2A26;padding:22px 22px 24px;position:sticky;top:calc(var(--shapka) + 40px)}
.sdacha-akt-h{font-weight:800;font-size:20px;margin-bottom:8px}
.sdacha-akt.gotovo{box-shadow:0 0 0 4px var(--amp)}
.sdacha-akt.gotovo .sdacha-akt-h::after{content:" — можно подписывать";color:#4E5E06}

/* ===== Вопросы: комод ===== */
#voprosy .wrap{display:grid;grid-template-columns:4fr 8fr;gap:56px;align-items:start}
#voprosy .zagl{grid-template-columns:1fr;gap:20px;margin:0;position:sticky;top:calc(var(--shapka) + 32px)}
.komod{display:grid;grid-template-columns:1fr;gap:var(--zazor);padding:var(--zazor);background:var(--korpus);border-radius:2px;align-items:start}
.yashik{background:var(--venge);background-image:var(--tex-venge);background-size:400px auto;color:var(--krem)}
.yashik summary{list-style:none;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;min-height:96px;padding:20px 24px;cursor:pointer;font-size:19px;font-weight:700;line-height:1.3;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 -2px 0 rgba(0,0,0,.25)}
.yashik summary::-webkit-details-marker{display:none}
.ruchka{width:56px;height:10px;border-radius:5px;background:#B9BEC3;box-shadow:0 2px 3px rgba(0,0,0,.5);transition:transform .3s}
.yashik summary:hover .ruchka{transform:translateY(-2px)}
.yashik[open] summary{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 18px -6px rgba(0,0,0,.55);position:relative;z-index:1}
.yashik[open] .ruchka{background:var(--amp)}
.yashik-in{background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,0) 14px),linear-gradient(90deg,#D3BE98 0 7px,var(--beryoza) 7px calc(100% - 7px),#D3BE98 calc(100% - 7px));color:#2F2A26;padding:22px 28px 6px;font-size:16.5px;animation:vydvig .35s cubic-bezier(.2,.8,.2,1)}
@keyframes vydvig{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}

/* ===== Финал и подвал ===== */
.final{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:end}
.final h2{font-size:clamp(32px,4vw,58px);color:var(--amp-tush)}
.final-d p{margin:14px 0 0;font-size:15px;font-weight:500}
.podval{margin-top:var(--zazor);padding:48px 0 56px;color:#BFB3A3;font-size:14.5px}
.podval-in{display:grid;grid-template-columns:4fr 4fr 5fr;gap:32px}
.podval-logo{display:flex;align-items:center;gap:10px;color:var(--krem);font-size:16px}
.podval-logo svg{width:32px;height:32px;color:var(--korpus);--znak-golova:var(--amp)}
.podval-docs{list-style:none;margin:0;padding:0}
.podval-docs li{margin-bottom:8px}
.podval-docs a{color:var(--krem)}
.podval-mel{margin:0;line-height:1.55}

/* ===== Окно заявки ===== */
.dlg{width:min(620px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:0;border:0;border-radius:3px;background:var(--shagren);color:var(--tush);box-shadow:0 30px 80px rgba(0,0,0,.5);overflow:auto}
.dlg::backdrop{background:rgba(27,20,16,.72)}
.dlg-form{position:relative;padding:28px 32px 32px}
.dlg-x{position:absolute;right:10px;top:10px;width:48px;height:48px;border:0;border-radius:50%;background:transparent;cursor:pointer;color:var(--tush)}
.dlg-x svg{width:24px;height:24px;margin:auto;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}
.dlg-x:hover{background:var(--shagren-d)}
.dlg-demo{display:inline-block;background:var(--shagren-d);color:var(--tush);box-shadow:inset 0 0 0 1px #C2BEB5;padding:4px 10px;font-weight:700;font-size:14px;margin-bottom:14px}
.dlg h2{font-size:30px;margin-bottom:8px;padding-right:44px}
.dlg-sub{color:var(--tush-2);margin-bottom:18px}
.fld{display:block;margin:0 0 14px;border:0;padding:0}
.fld>span,.fld legend{display:block;font-weight:700;font-size:15px;margin-bottom:6px;padding:0}
.fld input[type=text],.fld input[type=tel],.fld input[type=url],.fld textarea{width:100%;min-height:48px;padding:11px 14px;border:0;border-radius:3px;background:#FBFBF8;box-shadow:inset 0 0 0 1.5px #BDB9B0;font:400 17px/1.4 var(--f);color:var(--tush);resize:vertical}
.fld input:focus,.fld textarea:focus{outline:none;box-shadow:inset 0 0 0 2.5px var(--tush)}
.fld input[aria-invalid=true]{box-shadow:inset 0 0 0 2.5px var(--karandash)}
.fld input[type=file]{font:400 15px var(--f);max-width:100%}
.fld small{display:block;font-size:13px;color:var(--tush-2);margin-top:4px}
.err{display:block;color:var(--karandash-t);font-style:normal;font-weight:700;font-size:14px;margin-top:6px}
.fld-chips{display:flex;flex-wrap:wrap;gap:6px}
.fld-chips legend{width:100%}
.chip{position:relative;cursor:pointer}
.chip input{position:absolute;opacity:0}
.chip span{display:inline-block;padding:10px 14px;border-radius:3px;background:#FBFBF8;box-shadow:inset 0 0 0 1.5px #BDB9B0;font-size:15.5px;font-weight:500}
.chip input:checked+span{background:var(--tush);color:var(--krem);box-shadow:none}
.chip input:focus-visible+span{outline:3px solid var(--tush);outline-offset:2px}
.agree{margin:18px 0 18px;padding:14px 0 0;border-top:1px solid #CFCCC4}
.tick{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;cursor:pointer;font-size:14.5px;line-height:1.45}
.tick input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--tush);cursor:pointer}
.agree__t{flex:1;min-width:0}
.agree__t a{font-weight:700}
.agree__o{display:block;margin-top:4px;color:var(--tush-2);font-size:13.5px}
.tick-vse{font-weight:700;padding-bottom:12px;margin-bottom:14px;border-bottom:1px dashed #CFCCC4}
.dlg-send{width:100%}
.dlg-hint{font-size:14px;color:var(--tush-2);margin:10px 0 0}
.dlg-state[hidden]{display:none}
#dlgDone h2{outline:none}

/* ===== Адаптив ===== */
@media (max-width:1240px){
  .menu{gap:0}
  .menu a{padding:8px 8px;font-size:14.5px}
  .menu a::after{left:8px;right:8px}
  .ampula{width:88px}
}
@media (max-width:1100px){
  .uroven{gap:12px}
  .menu{position:fixed;top:var(--shapka);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 18px;background:linear-gradient(180deg,#DADDE0,var(--alu));box-shadow:0 18px 30px rgba(0,0,0,.35);transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;max-height:calc(100svh - var(--shapka));overflow:auto}
  .menu.otkryto{opacity:1;visibility:visible;transform:none}
  .menu a{padding:14px 6px;font-size:18px;border-bottom:1px solid rgba(0,0,0,.08)}
  .menu a::after{display:none}
  .menu-zapis{display:flex;margin-top:14px;min-height:52px}
  .ampula{margin-left:auto}
  .menu-knopka{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:0;border-radius:3px;background:#2B3136;color:#F1F3F4;font:700 15px/1 var(--f);cursor:pointer}
  .menu-knopka[aria-expanded=true]{background:var(--tush)}
  .pol-in{grid-template-columns:1fr 1fr;padding:28px 32px 40px}
  .pol-tekst{grid-column:1/-1}
  .zagl,.opis,.prais,.diag,.final{grid-template-columns:1fr}
  .zagl{gap:24px}
  .zagl-shir .zagl-lid>p,.zagl-shir .citata{grid-column:1}
  .akt,.schet{position:static}
  .pravila{grid-template-columns:1fr;gap:24px}
  .vynoski{grid-template-columns:1fr;gap:28px}
  .sdacha{grid-template-columns:1fr}
  .sdacha-uroven{position:sticky;top:calc(var(--shapka) + 8px);z-index:2;background:var(--venge);padding:10px 0;display:flex;align-items:center;gap:16px}
  .ampula-big{margin:0;max-width:180px;height:40px}
  .ampula-big .ampula-puz{top:9px;width:36px;height:22px;left:calc(50% - 18px)}
  .sdacha-akt{position:static}
  .stena{grid-template-columns:1fr}
  #voprosy .wrap{grid-template-columns:1fr;gap:0}
  #voprosy .zagl{position:static;margin-bottom:36px}
  .podval-in{grid-template-columns:1fr}
}
@media (max-width:760px){
  :root{--shapka:58px}
  body{font-size:16px}
  .wrap{padding:0 16px}
  .uroven{padding:0 8px 0 12px;gap:8px}
  .logo-znak{width:30px;height:30px}
  .logo-t b{font-size:17px}
  .logo-t small{font-size:11.5px}
  .ampula{width:64px;height:24px;padding:3px}
  .ampula::before{inset:3px}
  .ampula::after{left:calc(50% - 10px);width:20px;top:3px;bottom:3px}
  .ampula-puz{top:6px;width:16px;height:12px;left:calc(50% - 8px)}
  .shapka-zapis{display:none}
  .komnata{padding:0 10px}
  .komnata{padding-top:calc(var(--shapka) + 14px)}
  .shkaf{height:clamp(360px,54svh,520px);padding:0 9px}
  .kryshka{margin:0 -9px;height:12px}
  .cokol-norma{left:12px;font-size:11px;padding:3px 7px}
  .cokol-norma .kr{display:none}
  .dveri{grid-template-columns:1fr 1fr;grid-template-rows:2fr 3fr;gap:5px}
  .d1{grid-column:1;grid-row:1;padding-bottom:16px}
  .d2{grid-column:1;grid-row:2}
  .d3{grid-column:2;grid-row:1/3}
  .dver{padding:0 0 18% 9%}
  .d1::after{right:10px;top:auto;bottom:12px;height:40%}
  .d2::after,.d3::after{left:10px}
  .slovo{font-size:min(20.5cqi,52px)}
  .dver-podskazka{font-size:12.5px;left:9%;bottom:auto;top:44%;white-space:normal;max-width:8em;align-items:flex-start}
  .metka-zazor{top:22px}
  .metka{font-size:12.5px;padding:3px 7px 4px}
  .cokol{height:36px;margin:0 -9px}
  .pol-in{grid-template-columns:1fr;padding:22px 16px 32px;gap:26px}
  .lid{font-size:17px}
  .btn-big{width:100%}
  .knopki{gap:12px}
  .front{margin:var(--zazor) 3px 0;padding:64px 0 72px}
  .zagl{margin-bottom:36px}
  .citata p{font-size:17px}
  .korobka{grid-template-columns:1fr auto;gap:10px;padding:12px 14px;min-height:96px}
  .korobka:nth-child(n){width:100%!important;margin-left:0}
  .korobka-znaki{display:none}
  .korobka-etiketka{max-width:150px;font-size:11.5px}
  .korobka-shtamp{right:auto;left:14px;top:auto;bottom:8px;transform:rotate(-4deg) scale(.6);font-size:12px}
  .korobka.otkryta .korobka-shtamp{transform:rotate(-4deg) scale(1)}
  .korobka-pech b{font-size:17px}
  .korobka.otkryta .korobka-pech{transform:translateY(-14px)}
  .diag{gap:28px}
  .diag-ris{padding:16px}
  .diag-ris svg{max-height:380px}
  .diag-pult h3{font-size:22px}
  .vynoski{margin-top:48px}
  .schet-mini{display:flex;position:sticky;bottom:10px;z-index:3;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 0;padding:12px 16px;border-radius:3px;background:var(--venge);color:var(--krem);font-weight:700;box-shadow:0 8px 20px rgba(0,0,0,.35)}
  .schet-mini b{color:var(--amp);font-size:22px;font-variant-numeric:tabular-nums}
  .schet-mini a{color:var(--krem);font-size:14px;display:inline-flex;align-items:center;gap:4px}
  .schet-mini .str{width:14px;height:14px}
  .granica{grid-template-columns:1fr;gap:32px}
  .otves::before{left:80px}
  .otves::after{left:69px}
  .otves li{grid-template-columns:66px 1fr;gap:30px}
  .otves li::before{left:74px}
  .otves-vr{font-size:14px;padding-top:5px;letter-spacing:-.01em}
  .otves-pometka{margin-left:0}
  .zagl-otves{margin-left:0}
  .zagl-afisha{text-align:left}
  .zagl-afisha .citata p,.zagl-afisha .zagl-lid>p{margin-left:0}
  .af{display:block;margin-right:0}
  .komod{grid-template-columns:1fr}
  .yashik summary{min-height:80px;font-size:17px;padding:16px 18px}
  .ruchka{width:40px}
  .front-amp{padding:64px 0}
  .dlg{width:100%;max-width:100%;max-height:100%;height:100%;border-radius:0;margin:0}
  .dlg-form{padding:22px 16px 28px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}