/* Dr House — страницата „Анатомия“. Идва след stil.css и ползва неговите цветове.

   Както в „Процес“: сцената стои с position:sticky, картите минават отгоре.
   Нищо тук не се смята при скрол. Без backdrop-filter и filter над платното.
   Картите са като лист от чертеж: тънка рамка и оранжеви ъгли. */

.str-anat{background:#070a10}
.str-anat .glava.lepne{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(9,12,18,.94)}
.str-anat .glava::before{background:linear-gradient(180deg,rgba(6,9,14,.8) 0%,rgba(6,9,14,.45) 55%,rgba(6,9,14,0) 100%)}

:root{--s-osnova:#6f7a88;--s-ramka:#a3b6cf;--s-obvivka:var(--zlato);--s-pod:#d8dce2}

/* ═════ ЗАРЕЖДАНЕ ═════ */
.zar{display:none}
.js .zar{position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:#070a10;
  transition:opacity .8s var(--lek),visibility .8s}
.zar.gotovo{opacity:0;visibility:hidden}
.js .zar[hidden]{display:none}
.zar-vatre{width:min(360px,78vw)}
.zar-plan{width:100%;height:auto;display:block;overflow:visible}
.zar-plan path{stroke:var(--zlato);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;
  stroke-dashoffset:calc(1 - var(--p,0));vector-effect:non-scaling-stroke}
.zar-plan .r-z path{stroke:rgba(226,102,43,.4)}
.zar-red{display:flex;justify-content:space-between;align-items:baseline;margin-top:22px;
  font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#8b94a3}
.zar-ime i{font-style:normal;color:var(--zlato);margin:0 .3em}
.zar-pr{color:#fff;font-size:13px}
.zar-pr b{font-weight:700;font-size:28px;letter-spacing:.02em;margin-right:2px;font-variant-numeric:tabular-nums}
.zar-lenta{height:2px;background:rgba(255,255,255,.08);margin-top:12px;overflow:hidden;border-radius:2px}
.zar-lenta i{display:block;height:100%;background:var(--zlato);transform-origin:left;transform:scaleX(var(--p,0))}

/* ═════ СЦЕНАТА ═════ */
.an-scena{position:relative}
.an-lepne{position:sticky;top:0;height:100vh;height:100lvh;overflow:hidden;z-index:0;
  background:radial-gradient(110% 85% at 64% 40%,#1a2331 0%,#0d131c 52%,#06080c 100%)}
#platno{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}
.an-rezerva{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html:not(.js) .an-rezerva,.bez-3d .an-rezerva{display:block}
html:not(.js) #platno,.bez-3d #platno,html:not(.js) .an-tablo,.bez-3d .an-tablo,
html:not(.js) .an-tochki,.bez-3d .an-tochki,html:not(.js) .an-linii,.bez-3d .an-linii{display:none}
.an-lepne::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(6,8,12,.5) 0%,rgba(6,8,12,0) 34%),
             radial-gradient(130% 100% at 62% 45%,rgba(6,8,12,0) 60%,rgba(6,8,12,.55) 100%)}

/* надписите и водещите линии над модела */
.an-linii{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}
.an-et-l{stroke:rgba(255,255,255,.42);stroke-width:1;fill:none}
.an-et-t{fill:var(--zlato-yark)}
.an-vodach{stroke:var(--zlato);stroke-width:1.3;fill:none;stroke-linejoin:round}
.an-vodach-t{fill:#070a10;stroke:var(--zlato);stroke-width:2}
.an-vodach-k{fill:var(--zlato)}
.an-etiketi{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0}
.an-et{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;white-space:nowrap;will-change:transform;
  padding:4px 11px 4px 4px;border-radius:999px;background:rgba(8,11,17,.86);border:1px solid rgba(255,255,255,.13);
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#e9edf3}
.an-et b{display:grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:var(--zlato);color:#fff;
  font-size:10px;font-weight:700;letter-spacing:0}
.an-et.lqvo{flex-direction:row-reverse;padding:4px 4px 4px 11px}

/* таблото горе вдясно: коя част и разрез на халето */
.an-tablo{position:absolute;bottom:30px;right:92px;z-index:3;pointer-events:none;text-align:right;transition:opacity .4s var(--lek);
  font-family:'JetBrains Mono',monospace;color:#fff;display:flex;flex-direction:column;align-items:flex-end}
.an-tablo-et{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--zlato-yark)}
.an-tablo-nom{display:flex;align-items:flex-end;gap:10px;line-height:.9}
.an-tablo-nom b{font-weight:700;font-size:clamp(52px,5.4vw,84px);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.an-tablo-nom span{font-size:15px;color:rgba(255,255,255,.55);padding-bottom:.5em}
.an-bez-chast .an-tablo{opacity:0}
.an-tablo-ime{font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin-top:10px;max-width:260px}
.an-tablo-sloi{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-top:4px;min-height:1em}
.an-razrez{width:200px;height:auto;margin-bottom:14px;overflow:visible;pointer-events:auto}
.an-razrez path{stroke:rgba(255,255,255,.32);stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;
  transition:stroke .35s}
.an-razrez .r-z path{stroke:rgba(255,255,255,.14)}
.an-razrez g[data-c]{cursor:pointer}
.an-razrez g[data-c]:hover path{stroke:rgba(255,255,255,.7)}
.an-razrez g.aktiven path{stroke:var(--zlato);stroke-width:2.2}

/* точките на картите, отдясно */
.an-tochki{position:absolute;right:26px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:3px;z-index:3}
.an-tochka{display:flex;align-items:center;justify-content:flex-end;gap:10px;height:22px;padding:0;color:rgba(255,255,255,.55)}
.an-tochka i{order:2;width:9px;height:9px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);
  transition:background .3s,border-color .3s,transform .3s var(--lek)}
.an-tochka span{order:1;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  opacity:0;transform:translateX(6px);transition:opacity .25s,transform .25s var(--lek);white-space:nowrap;
  background:rgba(7,10,16,.8);padding:3px 7px;border-radius:5px}
.an-tochka:hover span,.an-tochka:focus-visible span,.an-tochka.aktivna span{opacity:1;transform:none}
.an-tochka.aktivna{color:#fff}
.an-tochka.aktivna i{background:var(--zlato);border-color:var(--zlato);transform:scale(1.25)}
.an-tochka:hover i{border-color:#fff}

/* ═════ КАРТИТЕ ═════ */
.an-karti{position:relative;z-index:2;margin-top:-100vh;margin-top:-100lvh;pointer-events:none}
.an-uvod{height:100vh;height:100lvh;display:flex;align-items:flex-end;padding:0 24px calc(96px + 6vh)}
.an-uvod-vatre{max-width:var(--shir);margin:0 auto;width:100%;pointer-events:auto}
.an-h1{font-family:'Rubik',sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:.9;
  font-size:clamp(44px,7.2vw,116px);max-width:7.4em;margin:18px 0 22px;text-shadow:0 2px 40px rgba(0,0,0,.35)}
.an-uvod-p{max-width:470px;color:rgba(255,255,255,.82);font-size:17px}
.an-uvod-dolu{display:flex;align-items:center;flex-wrap:wrap;gap:14px 30px;margin-top:28px}
.an-mishka{display:inline-flex;align-items:center;gap:12px;font-family:'JetBrains Mono',monospace;
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.an-mishka i{width:18px;height:28px;border:1.5px solid rgba(255,255,255,.6);border-radius:10px;position:relative}
.an-mishka i::after{content:"";position:absolute;left:50%;top:6px;width:2px;height:6px;margin-left:-1px;background:var(--zlato);
  border-radius:2px;animation:an-mishka 1.8s var(--lek) infinite}
@keyframes an-mishka{0%{opacity:0;transform:translateY(-3px)}30%{opacity:1}100%{opacity:0;transform:translateY(8px)}}
.an-uvod-vr{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:#fff;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:3px}
.an-uvod-vr svg{width:16px;height:16px;color:var(--zlato-yark);transition:transform .25s var(--lek)}
.an-uvod-vr:hover svg{transform:translateX(4px)}
.js .an-uvod-vatre>*{opacity:0;transform:translateY(22px);transition:opacity .9s var(--lek),transform .9s var(--lek)}
.an-vlyazlo .an-uvod-vatre>*{opacity:1;transform:none}
.an-vlyazlo .an-uvod-vatre>:nth-child(2){transition-delay:.12s}
.an-vlyazlo .an-uvod-vatre>:nth-child(3){transition-delay:.26s}
.an-vlyazlo .an-uvod-vatre>:nth-child(4){transition-delay:.4s}

.an-stapka{height:100vh;height:100lvh;position:relative}
.an-karta{position:sticky;top:20vh;pointer-events:auto;
  margin-left:max(24px,calc((100vw - var(--shir)) / 2 + 24px));width:min(452px,calc(100vw - 48px));
  background:rgba(8,11,17,.9);border:1px solid rgba(255,255,255,.09);border-radius:4px;padding:24px 26px 22px;
  box-shadow:0 30px 60px -30px rgba(0,0,0,.65)}
/* ъглите на листа */
.an-karta::before,.an-karta::after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;border:0 solid var(--zlato)}
.an-karta::before{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px}
.an-karta::after{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px}
.an-karta-gore{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;
  font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase}
.an-karta-nom{color:var(--zlato-yark);font-weight:700;display:inline-flex;align-items:center;white-space:nowrap;flex:none}
.an-karta-nom::before{content:"";display:inline-block;width:8px;height:8px;background:var(--zlato);margin-right:10px;border-radius:1px}
.an-karta-nom i{font-style:normal;color:rgba(255,255,255,.45);font-weight:500;margin-left:6px}
.an-karta-sloi{color:rgba(255,255,255,.62);display:inline-flex;align-items:center;gap:8px;min-width:0;text-align:right}
.an-karta-sloi::before{content:"";width:10px;height:3px;border-radius:2px;background:var(--c,#fff)}
.an-karta-sloi[data-s="osnova"]{--c:var(--s-osnova)}
.an-karta-sloi[data-s="ramka"]{--c:var(--s-ramka)}
.an-karta-sloi[data-s="obvivka"]{--c:var(--s-obvivka)}
.an-karta-sloi[data-s="pod"]{--c:var(--s-pod)}
.an-karta h2{font-family:'Rubik',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.015em;
  font-size:clamp(26px,2.4vw,34px);line-height:1;margin-bottom:12px}
.an-karta>p{color:rgba(255,255,255,.8);font-size:15px;line-height:1.58}

/* размерите и чертежът */
.an-spec-red{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:16px;align-items:center;margin-top:16px;
  padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.an-spec{margin:0;display:grid;gap:6px}
.an-spec div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.an-spec dt{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.48)}
.an-spec dd{margin:0;font-size:14px;font-weight:600;color:#fff;text-align:right}
.an-chertezh{width:112px;height:auto;display:block;overflow:visible}
.an-chertezh path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.an-chertezh .o{stroke:rgba(255,255,255,.5);stroke-width:1}
.an-chertezh .a{stroke:var(--zlato-yark);stroke-width:1.4}
.an-chertezh .af{stroke:var(--zlato-yark);stroke-width:1.2;fill:rgba(226,102,43,.16)}
.an-chertezh .f{stroke:rgba(255,255,255,.45);stroke-width:1;fill:rgba(255,255,255,.05)}
.an-chertezh .pena{fill:rgba(229,195,92,.28);stroke:none}
.an-chertezh .k{stroke:rgba(255,255,255,.32);stroke-width:.8}
.an-chertezh .ob{stroke:var(--zlato-yark);stroke-width:5;stroke-linecap:butt}
.an-chertezh text{font-family:'JetBrains Mono',monospace;font-size:8px;fill:rgba(255,255,255,.62);text-anchor:middle}

/* делът от цената */
.an-dyal{margin-top:16px}
.an-dyal-lenta{display:flex;gap:2px;height:8px;border-radius:2px;overflow:hidden}
.an-dyal-lenta i{flex:0 0 var(--w);background:rgba(255,255,255,.14)}
.an-dyal .an-dyal-lenta i[data-s="osnova"],.an-dyal-spis li[data-s="osnova"] i{background:var(--s-osnova)}
.an-dyal .an-dyal-lenta i[data-s="ramka"],.an-dyal-spis li[data-s="ramka"] i{background:var(--s-ramka)}
.an-dyal .an-dyal-lenta i[data-s="obvivka"],.an-dyal-spis li[data-s="obvivka"] i{background:var(--s-obvivka)}
.an-dyal .an-dyal-lenta i[data-s="pod"],.an-dyal-spis li[data-s="pod"] i{background:var(--s-pod)}
.an-dyal-spis{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin-top:12px}
.an-dyal-spis li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:8px;align-items:baseline}
.an-dyal-spis i{width:10px;height:10px;border-radius:2px;grid-row:1/3;align-self:center}
.an-dyal-spis b{font-size:14px;font-weight:600}
.an-dyal-spis b{grid-column:2;grid-row:1}
.an-dyal-spis em{grid-column:3;grid-row:1;font-style:normal;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--zlato-yark);text-align:right}
.an-dyal-spis span{grid-column:2/4;grid-row:2;font-family:'JetBrains Mono',monospace;font-size:11.5px;color:rgba(255,255,255,.6)}
.an-dyal-mini{margin-top:14px}
.an-dyal-mini .an-dyal-lenta{height:4px}
.an-dyal-mini .an-dyal-lenta i.aktiven{background:var(--zlato)}
.an-dyal-mini span{display:block;margin-top:7px;font-size:12.5px;color:rgba(255,255,255,.6)}
.an-dyal-mini b{color:#fff;font-weight:600}
.an-legenda{display:none}

/* веригата на товара */
.an-veriga{display:flex;flex-wrap:wrap;gap:6px 4px;margin-top:14px;counter-reset:v}
.an-veriga li{display:inline-flex;align-items:center;gap:4px;font-family:'JetBrains Mono',monospace;font-size:11px;
  letter-spacing:.08em;text-transform:uppercase;color:#fff;padding:5px 9px;border-radius:999px;border:1px solid rgba(226,102,43,.45);background:rgba(226,102,43,.1)}
.an-veriga li+li::before{content:"";width:14px;height:1px;background:var(--zlato);margin:0 4px 0 -9px}

.an-bel{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:13.5px;color:rgba(255,255,255,.66)}
.an-bel svg{flex:0 0 18px;width:18px;height:18px;color:var(--zlato);margin-top:1px}
.an-kam-proces{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-family:'JetBrains Mono',monospace;font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--zlato-yark)}
.an-kam-proces svg{width:15px;height:15px;transition:transform .25s var(--lek)}
.an-kam-proces:hover svg{transform:translateX(4px)}

/* второстепенни бутони */
.an-vtora{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 20px;border-radius:52px;border:1px solid rgba(255,255,255,.18);
  color:#fff;font-weight:600;transition:border-color .25s,background .25s}
.an-vtora svg{width:18px;height:18px;color:var(--zlato-yark);transition:transform .25s var(--lek)}
.an-vtora:hover{border-color:var(--zlato);background:rgba(226,102,43,.08)}
.an-vtora:hover svg{transform:translateX(4px)}
.an-vtora-3d{background:var(--zlato);border-color:var(--zlato)}
.an-vtora-3d svg{color:#fff}
.an-vtora-3d:hover{background:#ef7338;border-color:#ef7338}
.an-vtora-3d:hover svg{transform:rotate(-12deg)}
.an-karta .an-vtora{margin-top:16px}
.an-kraj .an-vtora-3d{background:none;border-color:rgba(226,102,43,.6)}
.an-kraj .an-vtora-3d svg{color:var(--zlato-yark)}
.an-kraj .an-vtora-3d:hover{background:rgba(226,102,43,.1);border-color:var(--zlato)}

/* Когато 3D работи, се вижда само картата на текущата част. */
.an-3d .an-karta{opacity:0;transform:translateY(14px);transition:opacity .45s var(--lek),transform .45s var(--lek)}
.an-3d .an-stapka.aktiven .an-karta{opacity:1;transform:none}
.an-3d .an-uvod:not(.aktiven) .an-uvod-vatre{opacity:0;transition:opacity .4s var(--lek)}

/* режимът за снимки (#t=…&snimka) */
.an-snimka .an-karti{visibility:hidden}
.an-cisto .glava,.an-cisto .an-tablo,.an-cisto .an-tochki,.an-cisto .an-linii,.an-cisto .an-etiketi,.an-cisto .an-lepne::after{display:none}

/* ═════ „РАЗГЛЕДАЙТЕ САМИ“ ═════ */
.an-svobodno body{overflow:hidden}
.an-svobodno .an-lepne{position:fixed;inset:0;height:100%;z-index:90}
.an-svobodno .an-tablo,.an-svobodno .an-tochki,.an-svobodno .an-linii,.an-svobodno .an-etiketi{display:none}
.an-svobodno #platno{touch-action:none;cursor:grab}
.an-svob{position:absolute;inset:0;z-index:4;pointer-events:none}
.an-svob[hidden]{display:none}
.an-svob-gore{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;
  padding:18px 24px;pointer-events:auto;background:linear-gradient(180deg,rgba(6,8,12,.75),rgba(6,8,12,0))}
.an-svob-ime{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.an-svob-ime i{width:9px;height:9px;background:var(--zlato);border-radius:1px}
.an-svob-zatv{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 16px 0 18px;border-radius:44px;
  border:1px solid rgba(255,255,255,.2);background:rgba(8,11,17,.7);font-weight:600}
.an-svob-zatv svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}
.an-svob-zatv:hover{border-color:var(--zlato)}
.an-svob-info{position:absolute;left:24px;top:84px;width:min(400px,calc(100vw - 48px));max-height:calc(100% - 250px);overflow:auto;
  pointer-events:auto;background:rgba(8,11,17,.92);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:20px 22px}
.an-svob-info[hidden]{display:none}
.an-svob-info h2{font-family:'Rubik',sans-serif;font-weight:800;text-transform:uppercase;font-size:26px;line-height:1;margin-bottom:10px}
.an-svob-info>p{color:rgba(255,255,255,.8);font-size:14.5px;line-height:1.55}
.an-svob-info .an-kam-proces,.an-svob-info .an-vtora{display:none}
.an-svob-dolu{position:absolute;left:0;right:0;bottom:0;padding:18px 24px calc(18px + env(safe-area-inset-bottom));pointer-events:auto;
  background:linear-gradient(0deg,rgba(6,8,12,.85),rgba(6,8,12,0));display:flex;flex-direction:column;gap:12px}
.an-svob-knopki{display:flex;gap:10px;flex-wrap:wrap}
.an-svob-k{height:44px;padding:0 18px;border-radius:44px;border:1px solid rgba(255,255,255,.2);background:rgba(8,11,17,.7);font-weight:600}
.an-svob-k:hover{border-color:var(--zlato)}
#an-razglobi{background:var(--zlato);border-color:var(--zlato)}
#an-razglobi .s,#an-razglobi[aria-pressed="true"] .r{display:none}
#an-razglobi[aria-pressed="true"] .s{display:inline}
.an-chipove{display:flex;gap:6px;flex-wrap:wrap}
.an-chip{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px 0 5px;border-radius:34px;border:1px solid rgba(255,255,255,.14);
  background:rgba(8,11,17,.72);font-size:13px;color:rgba(255,255,255,.85);transition:border-color .2s,background .2s}
.an-chip b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.1);
  font-family:'JetBrains Mono',monospace;font-size:10px}
.an-chip:hover{border-color:rgba(255,255,255,.4)}
.an-chip[aria-pressed="true"]{border-color:var(--zlato);background:rgba(226,102,43,.16);color:#fff}
.an-chip[aria-pressed="true"] b{background:var(--zlato)}
.an-svob-podsk{font-size:12.5px;color:rgba(255,255,255,.5)}
.an-svob-podsk .m{display:none}
.an-hover{position:absolute;left:0;top:0;z-index:5;pointer-events:none;display:flex;align-items:center;gap:8px;white-space:nowrap;
  padding:5px 12px 5px 5px;border-radius:999px;background:rgba(8,11,17,.9);border:1px solid rgba(226,102,43,.55);
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.an-hover[hidden]{display:none}
.an-hover b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--zlato);font-size:10px}

/* ═════ КРАЯТ: ЦЕНАТА ПО СЛОЕВЕ ═════ */
.an-kraj{position:relative;z-index:3;background:var(--fon);padding:120px 0 110px;border-top:1px solid var(--linia)}
.an-kraj-red{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;align-items:start}
.an-kraj .glavno{margin:14px 0 22px}
.an-kraj-p{color:var(--sivo);max-width:520px}
.an-kraj-knopki{display:flex;flex-wrap:wrap;align-items:center;gap:14px 16px;margin-top:34px}
.an-ili{color:var(--sivo);font-size:15px;flex-basis:100%;margin-top:6px}
.an-ili a{color:#fff;font-weight:600;white-space:nowrap}
.an-tablica{background:var(--fon-2);border:1px solid var(--linia);border-radius:var(--rad);padding:8px 26px 20px;overflow-x:auto}
.an-tablica table{width:100%;border-collapse:collapse;font-size:14.5px}
.an-tablica th{text-align:left;font-family:'JetBrains Mono',monospace;font-weight:500;font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--sivo-2);padding:16px 0 12px}
.an-tablica th:last-child,.an-tablica td:last-child{text-align:right;white-space:nowrap;padding-left:18px}
.an-tablica td{padding:12px 0;border-top:1px solid var(--linia);color:#dfe3ea;vertical-align:top}
.an-tablica td:first-child{font-weight:600;color:#fff;white-space:nowrap;padding-right:18px}
.an-tablica td:first-child i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:10px;background:var(--c)}
.an-tablica tr[data-s="osnova"]{--c:var(--s-osnova)}
.an-tablica tr[data-s="ramka"]{--c:var(--s-ramka)}
.an-tablica tr[data-s="obvivka"]{--c:var(--s-obvivka)}
.an-tablica tr[data-s="pod"]{--c:var(--s-pod)}
.an-tablica td:nth-child(2){color:var(--sivo);font-size:14px}
.an-tablica td small{display:block;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--zlato-yark);margin-top:3px}
.an-tablica tfoot td{border-top:1px solid rgba(255,255,255,.2);padding-top:16px;font-weight:700;color:#fff}
.an-tablica tfoot td:last-child{font-size:19px}
.an-belejka{margin-top:40px;font-size:13px;color:var(--sivo-2);max-width:760px}

/* ═════ ПО-ТЕСНИ ЕКРАНИ ═════ */
@media (max-width:1180px){
  .an-razrez{width:170px}
}
@media (max-width:1040px){
  .an-tablo{bottom:24px;right:70px}
  .an-razrez{display:none}
  .an-kraj-red{grid-template-columns:minmax(0,1fr);gap:40px}
}
@media (max-width:760px){
  .an-tochki{display:none}
  .an-lepne::after{background:linear-gradient(180deg,rgba(6,8,12,.55) 0%,rgba(6,8,12,0) 22%,rgba(6,8,12,0) 50%,rgba(6,8,12,.55) 100%)}
  .an-tablo{top:74px;bottom:auto;left:16px;right:16px;flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:flex-end;column-gap:12px;text-align:right}
  .an-tablo-et{display:none}
  .an-tablo-nom b{font-size:46px}
  .an-tablo-nom span{font-size:12px}
  .an-tablo-ime{order:-1;flex:1 1 0;min-width:0;text-align:left;font-size:12px;margin:0 0 6px;align-self:flex-end}
  .an-tablo-sloi{display:none}
  .an-et{padding:3px;font-size:10px}
  .an-et span{display:none}
  .an-et.lqvo{padding:3px}
  .an-uvod{align-items:flex-end;padding:0 18px calc(38px + env(safe-area-inset-bottom))}
  .an-h1{font-size:clamp(40px,12vw,62px);margin:14px 0 16px}
  .an-uvod-p{font-size:15.5px}
  .an-stapka{display:flex;align-items:flex-end}
  .an-karta{top:auto;bottom:calc(12px + env(safe-area-inset-bottom));margin:0 10px;width:calc(100vw - 20px);
    padding:15px 15px 13px}
  .an-karta h2{font-size:22px;margin-bottom:7px}
  .an-karta>p{font-size:13.5px;line-height:1.46}
  .an-bel{display:none}
  .an-dyal-spis span{display:none}
  .an-dyal-spis li{grid-template-rows:auto}
  .an-kam-proces{margin-top:10px}
  .an-spec-red{grid-template-columns:minmax(0,1fr);margin-top:10px;padding-top:10px}
  .an-chertezh{display:none}
  .an-spec{grid-template-columns:1fr 1fr;gap:6px 14px}
  .an-spec div{flex-direction:column;gap:1px;align-items:flex-start}
  .an-spec dd{text-align:left;font-size:13.5px}
  .an-dyal-mini span{font-size:12px}
  .an-bel{margin-top:10px;font-size:12.5px}
  .an-legenda{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;margin-top:12px;
    font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.75)}
  .an-legenda b{color:var(--zlato-yark);margin-right:7px}
  .an-dyal-spis{gap:6px 12px}
  .an-dyal-spis b{font-size:13px}
  .an-kraj{padding:80px 0 70px}
  .an-tablica{padding:4px 16px 16px}
  .an-tablica table{font-size:13.5px}
  .an-tablica td:nth-child(2),.an-tablica th:nth-child(2){display:none}
  .an-svob-gore{padding:14px 16px}
  .an-svob-info{left:10px;right:10px;top:auto;bottom:calc(170px + env(safe-area-inset-bottom));width:auto;max-height:34vh;padding:16px}
  .an-svob-dolu{padding:14px 12px calc(14px + env(safe-area-inset-bottom))}
  .an-chipove{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
  .an-chip{flex:0 0 auto}
  .an-svob-podsk .d{display:none}
  .an-svob-podsk .m{display:inline}
}
@media (max-width:374px){
  .an-h1{font-size:36px}
}
/* на руски „ОДНОГО АНГАРА“ е един ред от 13 главни букви: на телефон излизаше вдясно (420 px при 390) */
@media (max-width:760px){html[lang="ru"] .an-h1{font-size:clamp(30px,10vw,62px)}}
@media (max-width:374px){html[lang="ru"] .an-h1{font-size:32px}}
@media (prefers-reduced-motion:reduce){
  .js .an-uvod-vatre>*{opacity:1;transform:none;transition:none}
  .an-mishka i::after{animation:none}
  .an-3d .an-karta{transition:none}
}