/* =====================================================================
   StarBuz — тема «Ангар Пайро».  Накладывается ПОВЕРХ существующих стилей:
   расположение блоков не меняется, меняются только материалы, свет и детали.
   Все текстуры — файлы в /static/assets/tex (сгенерированы кодом, см. tools/).
   ===================================================================== */
:root{
  --bg:#090807;--surface:#17181a;--surface-2:#1d1f22;--surface-3:#2a2d31;
  --border:#3a3d42;--border-soft:#2a2c30;
  --text-hi:#f1ebdd;--text-mid:#bdb5a5;--text-lo:#8a8272;
  --accent:#ffb340;--accent-2:#ffc874;--accent-dim:#7d5a22;
  --sell:#46d18c;--buy:#ffb340;--trade:#4db3ff;--rent:#c4a0ff;
  --radius:4px;--radius-sm:3px;
  --t-steel:url(/static/assets/tex/steel.jpg);--t-dark:url(/static/assets/tex/dark.jpg);
  --t-paint:url(/static/assets/tex/paint.jpg);--t-rust:url(/static/assets/tex/rust.jpg);
  --t-mask:url(/static/assets/tex/mask.png);--t-speck:url(/static/assets/tex/speck.png);
  --f-head:'Russo One','Space Grotesk',sans-serif;
  --rivet:radial-gradient(circle at 34% 30%,#d1d5da 0,#80868d 30%,#34383c 66%,rgba(0,0,0,.6) 70%,transparent 72%);
  --glow:rgba(255,179,64,.55);
}
html{background:#070605}
body{background:transparent;color:var(--text-hi);font-family:'Inter',sans-serif}
::selection{background:var(--accent);color:#1a1100}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
h1,h2,h3{font-family:var(--f-head);letter-spacing:.03em;font-weight:400}

/* ---------- Атмосфера (создаётся theme.js) ---------- */
.sb-wall{position:fixed;inset:0;z-index:-1;background:
  radial-gradient(ellipse at 50% 0%,rgba(0,0,0,0),rgba(0,0,0,.55) 75%),
  linear-gradient(rgba(6,5,4,.76),rgba(6,5,4,.92)),var(--t-dark);background-size:auto,auto,512px}
.sb-wall::before{content:'';position:absolute;inset:0;background:
  repeating-linear-gradient(90deg,transparent 0 358px,rgba(0,0,0,.8) 358px 360px,rgba(255,255,255,.045) 360px 361px),
  repeating-linear-gradient(0deg,transparent 0 238px,rgba(0,0,0,.8) 238px 240px,rgba(255,255,255,.045) 240px 241px)}
.sb-shaft{position:fixed;top:-6vh;width:210px;height:112vh;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,170,90,.17),rgba(255,120,60,.04) 62%,transparent);transform:skewX(-16deg);animation:sb-sh 9s ease-in-out infinite}
.sb-shaft.s1{left:16%}.sb-shaft.s2{left:50%;width:150px;animation-delay:-3s}.sb-shaft.s3{left:80%;width:240px;animation-delay:-6s}
@keyframes sb-sh{0%,100%{opacity:.4}50%{opacity:1}}
.sb-fog{position:fixed;left:0;height:46vh;width:calc(100% + 1500px);pointer-events:none;background-repeat:repeat-x;background-size:1500px 100%;will-change:transform;animation:sb-dr 140s linear infinite}
.sb-fog.f1{bottom:-4vh;z-index:-1;opacity:.4}
.sb-fog.f2{bottom:14vh;z-index:-1;opacity:.24;animation-duration:210s;animation-direction:reverse}
.sb-fog.f3{bottom:-8vh;z-index:34;opacity:.12;animation-duration:100s}
@keyframes sb-dr{to{transform:translateX(-1500px)}}
.sb-vig{position:fixed;inset:0;z-index:35;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 50%,rgba(0,0,0,.55) 100%)}
#sb-dust{position:fixed;inset:0;width:100%;height:100%;z-index:36;pointer-events:none}
#sb-cables{position:fixed;left:0;top:0;width:100%;height:100vh;z-index:45;pointer-events:none}
.sb-lamp{display:inline-block;width:9px;height:9px;border-radius:50%;background:#46d18c;box-shadow:0 0 0 2px #121212,0 0 10px #46d18c}
.sb-flick.off{opacity:.2!important;filter:brightness(.5)}
html.fx-lite .sb-shaft,html.fx-lite .sb-fog,html.fx-lite #sb-dust,html.fx-lite #sb-cables,html.fx-off .sb-shaft,html.fx-off .sb-fog,html.fx-off #sb-dust,html.fx-off #sb-cables{display:none}
@media (prefers-reduced-motion:reduce){.sb-shaft,.sb-fog,.brand-mark,.sb-blink{animation:none!important}}

/* ---------- Кнопки ---------- */
.btn{border-radius:3px;font-family:'Inter';font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:11px;padding:8px 12px;color:#17120a;
  background:linear-gradient(180deg,#9aa0a6 0%,#6b7076 48%,#52575c 52%,#3d4145 100%);
  box-shadow:0 0 0 2px #0b0b0b,inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.45),0 4px 8px rgba(0,0,0,.55);text-shadow:0 1px 0 rgba(255,255,255,.35);transition:transform .08s,filter .2s,box-shadow .2s}
.btn:hover{filter:brightness(1.12);box-shadow:0 0 0 2px #0b0b0b,inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.45),0 4px 8px rgba(0,0,0,.55),0 0 18px var(--glow)}
.btn:active{transform:translateY(2px);box-shadow:0 0 0 2px #0b0b0b,inset 0 2px 6px rgba(0,0,0,.6)}
.btn-primary{background:linear-gradient(180deg,#ffd27a 0%,#ffb340 48%,#d98914 52%,#a8620a 100%);color:#241300}
.btn-primary:hover{background:linear-gradient(180deg,#ffd27a 0%,#ffb340 48%,#d98914 52%,#a8620a 100%)}
.btn-ghost{background:linear-gradient(180deg,#3b3f43,#25282b);color:#e6dfd0;border:0;text-shadow:0 1px 0 #000}
.btn-ghost:hover{border:0}
.icon-btn{border-radius:3px;border:0;color:#d8d1c1;background:linear-gradient(180deg,#3b3f43,#25282b);box-shadow:0 0 0 2px #0b0b0b,inset 0 1px 0 rgba(255,255,255,.2),0 3px 6px rgba(0,0,0,.5)}
.icon-btn:hover{color:#fff;border:0;box-shadow:0 0 0 2px #0b0b0b,inset 0 1px 0 rgba(255,255,255,.2),0 3px 6px rgba(0,0,0,.5),0 0 14px var(--glow)}
.badge-dot{background:#ff4a3d!important;color:#fff;box-shadow:0 0 10px #ff4a3d}
.sb-ping{animation:sb-pg 2.4s ease-out 1}
@keyframes sb-pg{0%,60%{box-shadow:0 0 0 2px #0b0b0b,0 0 26px 6px var(--glow)}100%{box-shadow:0 0 0 2px #0b0b0b,inset 0 1px 0 rgba(255,255,255,.2),0 3px 6px rgba(0,0,0,.5)}}

/* ---------- Шапка-балка ---------- */
.topbar{background:var(--t-steel) 0 0/512px,#2a2d30!important;border-bottom:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  box-shadow:0 10px 24px rgba(0,0,0,.7),inset 0 -3px 0 #0a0a0a,inset 0 1px 0 rgba(255,255,255,.14)}
.topbar::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.66));pointer-events:none}
.topbar::after{content:'';position:absolute;left:0;right:0;bottom:-14px;height:14px;pointer-events:none;
  background:repeating-linear-gradient(-45deg,#e6b422 0 14px,#161616 14px 28px);-webkit-mask-image:var(--t-mask);mask-image:var(--t-mask);-webkit-mask-size:256px;mask-size:256px;box-shadow:0 6px 10px rgba(0,0,0,.6)}
.topbar-in{position:relative;z-index:1}
.brand-mark{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#ffd0c8,#ff4a3d 38%,#7a120c 78%);box-shadow:0 0 0 3px #101010,0 0 14px #ff4a3d,0 0 32px rgba(255,74,61,.55);animation:sb-bl 1.8s steps(1) infinite}
.brand-mark svg{display:none}
@keyframes sb-bl{0%,100%{opacity:1}50%{opacity:.3}}
.brand-name{font-family:var(--f-head);font-size:23px;letter-spacing:.07em;color:#ece5d4;text-shadow:0 2px 0 #000,0 0 22px rgba(255,130,50,.3);-webkit-mask-image:var(--t-speck);-webkit-mask-size:256px;mask-image:var(--t-speck);mask-size:256px}
.brand:hover .brand-name{color:#ffc874}
.brand-sub{letter-spacing:.16em;font-size:8.5px;color:#a79f8e;white-space:nowrap}
.toptabs{gap:7px}
.toptabs a{padding:7px 11px;border-radius:3px;font-family:'Inter';font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#d8d1c1;
  background:linear-gradient(180deg,#3b3f43,#25282b);box-shadow:0 0 0 2px #0b0b0b,inset 0 1px 0 rgba(255,255,255,.2),0 3px 6px rgba(0,0,0,.5);text-shadow:0 1px 0 #000;transition:.2s}
.toptabs a:hover{color:#fff;box-shadow:0 0 0 2px #0b0b0b,inset 0 1px 0 rgba(255,255,255,.2),0 3px 6px rgba(0,0,0,.5),0 0 14px var(--glow)}
.toptabs a.active{color:#241300;background:linear-gradient(180deg,#ffd27a,#ffb340 50%,#c9780f);text-shadow:0 1px 0 rgba(255,255,255,.4)}
.toptabs a.active::after{display:none}
.search-wrap{background:none;border:0;border-radius:0;box-shadow:none;padding:4px 0}
.search-wrap:focus-within{box-shadow:none}
.search-wrap svg{color:#d9a04a;filter:drop-shadow(0 0 4px rgba(255,160,60,.35))}
.search-wrap input{color:#e8d4b0;font-family:'IBM Plex Mono',monospace;font-size:13px;caret-color:#ffb340;background:none;border:none;border-bottom:1px solid #5a3a22;box-shadow:none;padding:6px 0}
.search-wrap:focus-within input{border-bottom-color:#c07a40;box-shadow:0 1px 0 rgba(200,120,50,.35)}
.search-wrap input::placeholder{color:#8a7350}
.kbd{display:none!important}
.user-chip{border:0;border-radius:3px;background:linear-gradient(180deg,#34383c,#222528);box-shadow:0 0 0 2px #0b0b0b,inset 0 1px 0 rgba(255,255,255,.18),0 3px 6px rgba(0,0,0,.5)}
.user-chip:hover{border:0;box-shadow:0 0 0 2px #0b0b0b,inset 0 1px 0 rgba(255,255,255,.18),0 0 14px var(--glow)}
.user-bal{color:#ffb340;font-family:'IBM Plex Mono';text-shadow:0 0 10px rgba(255,170,50,.6)}
.dropdown,.modal{background:linear-gradient(rgba(10,10,10,.5),rgba(10,10,10,.72)),var(--t-dark) 0 0/auto,512px;border:0;box-shadow:0 20px 44px rgba(0,0,0,.75),inset 0 0 40px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.15),0 0 0 2px #0b0b0b}
.dropdown{background:linear-gradient(rgba(10,10,10,.5),rgba(10,10,10,.72)),var(--t-dark);background-size:auto,512px;border-radius:5px}
.dropdown-item{border-radius:2px}.dropdown-item:hover{background:rgba(255,179,64,.12);color:#ffd27a}

/* ---------- Боковое меню ---------- */
.sidenav{background:linear-gradient(rgba(8,8,8,.52),rgba(8,8,8,.7)),var(--t-dark);background-size:auto,512px;border-radius:5px;padding:8px 10px 14px;
  box-shadow:0 12px 26px rgba(0,0,0,.55),inset 0 0 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.12),0 0 0 2px #0b0b0b}
.nav-group-label{font-family:var(--f-head);font-size:10px;letter-spacing:.24em;color:#c9a35a;-webkit-mask-image:var(--t-speck);-webkit-mask-size:256px}
.nav-item{border-radius:2px;color:#cfc8b8;border-left:3px solid transparent;transition:background .15s,color .15s}
.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}
.nav-item.active{background:linear-gradient(90deg,rgba(255,179,64,.22),rgba(255,179,64,.02));color:#ffd27a;border-left-color:var(--accent);box-shadow:inset 0 0 18px rgba(255,179,64,.08)}
.nav-item .cnt{color:#c9a35a;font-family:'IBM Plex Mono'}
.nav-item .pill{background:#ff4a3d;box-shadow:0 0 8px #ff4a3d}
.donate-card{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),var(--t-rust);background-size:auto,512px;border:0;box-shadow:inset 0 0 30px rgba(0,0,0,.6),0 0 0 2px #0b0b0b}

/* ---------- Hero ---------- */
.hero{background:linear-gradient(90deg,rgba(6,7,8,.7),rgba(6,7,8,.14) 82%),var(--t-paint)!important;background-size:auto,512px!important;border:0!important;border-radius:6px!important;
  box-shadow:0 14px 30px rgba(0,0,0,.6),inset 0 0 46px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.16),0 0 0 2px #0b0b0b}
.hero::before{display:none!important}   /* внешние заклёпки/болты рамки hero убраны */
.hero.sb-b::before{display:none!important}
.hero::after{background:radial-gradient(circle at 72% 24%,#6a2f20 0,#2a120d 46%,#070303 78%)!important;border:0!important;box-shadow:inset -34px -18px 60px rgba(255,100,40,.3),0 0 70px rgba(255,90,40,.25)!important}
.hero-eyebrow{font-family:var(--f-head);letter-spacing:.22em;color:#e6d9b5;-webkit-mask-image:var(--t-speck);-webkit-mask-size:256px}
.hero h1{text-shadow:0 3px 0 #000,0 0 30px rgba(255,120,40,.26);-webkit-mask-image:var(--t-speck);-webkit-mask-size:340px;mask-image:var(--t-speck);mask-size:340px}
.hero h1 em{color:#ffb340;text-shadow:0 3px 0 #000,0 0 28px rgba(255,150,40,.6)}
.hero p{color:#d3ccbc}

/* ---------- Быстрые ссылки, категории ---------- */
.qlink,.popcat{background:linear-gradient(rgba(8,8,8,.28),rgba(8,8,8,.46)),var(--t-dark);background-size:auto,512px;border:0;border-radius:4px;
  box-shadow:0 8px 18px rgba(0,0,0,.5),inset 0 0 30px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.14),0 0 0 2px #0b0b0b;transition:transform .2s,box-shadow .2s}
.qlink:hover,.popcat:hover{border:0;transform:translateY(-2px);box-shadow:0 12px 22px rgba(0,0,0,.6),inset 0 0 30px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.14),0 0 0 2px #0b0b0b,0 0 18px rgba(255,150,40,.2)}
.qic{background:#050806!important;color:#ffb340!important;border-radius:3px;box-shadow:inset 0 3px 8px #000,0 0 0 2px #0d0e0f;filter:drop-shadow(0 0 6px rgba(255,170,60,.5))}
.qt{font-family:var(--f-head);letter-spacing:.04em}
.popcat-thumb{background:radial-gradient(ellipse at 50% 60%,#16120b,#050504)!important;box-shadow:inset 0 0 20px #000}
.popcat-thumb svg{color:#ffb340!important;filter:drop-shadow(0 0 8px rgba(255,170,60,.6))}

/* ---------- Заголовки секций, вкладки, фильтры ---------- */
.sec-head h2,.vh{letter-spacing:.05em;text-shadow:0 2px 0 #000}
.list-tabs{gap:8px;border-bottom:0}
.list-tab{padding:8px 14px;border:0;border-radius:3px;font-family:var(--f-head);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#cfc8b8;
  background:linear-gradient(180deg,#34383c,#222528);box-shadow:0 0 0 2px #0b0b0b,inset 0 1px 0 rgba(255,255,255,.18),0 3px 6px rgba(0,0,0,.45)}
.list-tab.active{color:#241300;background:linear-gradient(180deg,#ffd27a,#ffb340 50%,#c9780f);border-bottom:0}
.type-pill{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:3px;color:#cfc8b8;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;
  background:linear-gradient(180deg,#34383c,#222528);box-shadow:0 0 0 2px #0b0b0b,inset 0 1px 0 rgba(255,255,255,.16);
  box-sizing:border-box;height:30px;padding:0 12px;flex:0 0 auto;transform:none!important}
.type-pill::before{content:'';width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#444;box-shadow:0 0 0 2px #101010}
.type-pill.active{color:#fff;background:linear-gradient(180deg,#34383c,#222528);box-shadow:0 0 0 2px #0b0b0b,inset 0 1px 0 rgba(255,255,255,.16),0 0 14px var(--glow)}
.type-pill.active::before{background:#ffb340;box-shadow:0 0 0 2px #101010,0 0 10px #ffb340}
.type-sep{width:1px;align-self:stretch;min-height:22px;background:var(--border);margin:0 4px;flex:0 0 1px}
#gridView.is-loading{opacity:.55;pointer-events:none;transition:opacity .12s linear}
.filters-row{background:linear-gradient(rgba(8,8,8,.5),rgba(8,8,8,.66)),var(--t-dark);background-size:auto,512px;border:0;border-radius:4px;
  box-shadow:0 8px 18px rgba(0,0,0,.5),inset 0 0 30px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.12),0 0 0 2px #0b0b0b}
.fgroup>span{font-family:var(--f-head);color:#c9a35a;letter-spacing:.18em}
.field label{font-family:'Inter';letter-spacing:.1em;text-transform:uppercase;font-size:11px;color:#c9a35a}

/* Поля ввода — «щели» с янтарным текстом */
.field input,.field select,.field textarea,input.ctrl,select.ctrl,.chat-form input,.link-row input,.fld input,.fld select{
  background:#060706!important;color:#ffcf85!important;border:0!important;border-radius:3px;font-family:'IBM Plex Mono',monospace;
  box-shadow:inset 0 3px 8px #000,0 0 0 2px #0e0f10,0 1px 0 2px rgba(255,255,255,.1)!important;caret-color:var(--accent)}
.field input:focus,.field select:focus,.field textarea:focus,input.ctrl:focus,select.ctrl:focus{box-shadow:inset 0 3px 8px #000,0 0 0 2px #0e0f10,0 0 0 3px var(--accent-dim),0 0 14px rgba(255,179,64,.25)!important;outline:none}
::placeholder{color:#7d6a45!important}

/* ---------- Карточки-ящики ---------- */
.card{background:linear-gradient(rgba(8,8,8,.3),rgba(8,8,8,.3)),var(--t-paint);background-size:auto,512px;border:0;border-radius:4px;
  box-shadow:0 12px 24px rgba(0,0,0,.6),0 2px 0 rgba(0,0,0,.8),inset 0 0 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.16),0 0 0 2px #0b0b0b;transition:transform .22s,box-shadow .22s}
.grid>.card:nth-child(4n+2){background-image:linear-gradient(rgba(8,8,8,.3),rgba(8,8,8,.3)),var(--t-rust)}
.grid>.card:nth-child(4n+3){background-image:linear-gradient(rgba(8,8,8,.3),rgba(8,8,8,.3)),var(--t-steel)}
.card:hover{border:0;transform:translateY(-4px);box-shadow:0 18px 32px rgba(0,0,0,.68),0 2px 0 rgba(0,0,0,.8),inset 0 0 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.16),0 0 0 2px #0b0b0b,0 0 24px rgba(255,150,40,.16)}
.card-body{position:relative}
.card-body::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:var(--rivet),var(--rivet),var(--rivet),var(--rivet);background-size:11px 11px;background-repeat:no-repeat;
  background-position:7px 6px,calc(100% - 7px) 6px,7px calc(100% - 7px),calc(100% - 7px) calc(100% - 7px)}
.thumb{background:radial-gradient(ellipse at 50% 60%,#16120b,#050504)!important;border-bottom:0;margin:10px 10px 0;border-radius:3px;overflow:hidden;
  box-shadow:inset 0 0 20px #000,0 0 0 2px #121314,0 1px 0 2px rgba(255,255,255,.1)}
.thumb::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px)}
.thumb svg.mainic{color:#ffb340!important;opacity:.95;filter:drop-shadow(0 0 8px rgba(255,170,60,.65))}
.thumb img{filter:contrast(1.06) saturate(.9)}
.kindtag{border-radius:2px;font-family:var(--f-head);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,255,255,.4),0 2px 4px rgba(0,0,0,.5);z-index:3}
.card-title{text-shadow:0 2px 0 rgba(0,0,0,.8);color:#f4eddc}
.card-desc{margin:4px 0 0;font-size:12px;line-height:1.35;color:#a89878;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-meta{margin:5px 0 0;font-size:11px;letter-spacing:.04em;color:#7a6d55;text-transform:uppercase}
.card-qty{font-size:12px;font-weight:500;color:#8a7350!important;text-shadow:none}
.row-desc{margin:2px 0 4px;font-size:12px;color:var(--text-lo);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:28em}
.row-qty{font-size:11px;color:var(--text-lo);font-weight:400;margin-top:2px}
.card-deal{flex-direction:column;align-items:stretch;gap:8px}
.card-offer{width:100%;background:linear-gradient(180deg,#0a0705,#15100b);border-radius:5px;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.85),inset 0 0 0 1px rgba(255,200,140,.08),0 0 0 1px #0a0704}
.card-price{color:#e0b25a;text-shadow:0 0 10px rgba(255,170,50,.35);background:none;padding:0;margin:0;box-shadow:none}
.card-price span{color:#8a7350}
.card-seller{color:#cbb89a;text-shadow:0 1px 0 #000;opacity:.9}
.card-seller .avatar{display:none!important}
.card-buy{width:100%;height:30px;min-height:30px;padding:0 11px;font-size:10.5px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;
  background:linear-gradient(180deg,#5a3822,#2e1a10);color:#ffe8c4;border:1px solid #a86a38;border-radius:5px;
  box-shadow:inset 0 1px 0 rgba(255,216,172,.28),inset 0 -1px 0 rgba(0,0,0,.35),0 1px 3px rgba(0,0,0,.4);text-shadow:0 1px 0 #000}
.card-buy:hover{color:#fff0d4;border-color:#d08a48;filter:brightness(1.08)}
.card-actions .card-buy{width:auto;flex:1 1 auto}
.fav-btn,.cmp-btn{border-radius:3px;border:0;background:rgba(10,10,10,.7);box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,255,255,.2)}
.tag-pill{border-radius:2px;background:rgba(0,0,0,.45);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}

/* Таблица-вид */
.table-wrap,.tbl{border-radius:4px}
.row-item{background:linear-gradient(rgba(8,8,8,.5),rgba(8,8,8,.62)),var(--t-dark);background-size:auto,512px;border:0!important;box-shadow:inset 0 0 26px rgba(0,0,0,.5),0 0 0 2px #0b0b0b;margin-bottom:8px;border-radius:3px}
.row-item:hover{box-shadow:inset 0 0 26px rgba(0,0,0,.5),0 0 0 2px #0b0b0b,0 0 16px rgba(255,150,40,.2)}
.row-price{color:#ffb340;text-shadow:0 0 10px rgba(255,170,50,.6)}

/* ---------- Правая колонка ---------- */
.panel,.vpanel,.tool-card,.kpi,.ct-card,.deal,.donate-card,.review,.sess{background:linear-gradient(rgba(8,8,8,.5),rgba(8,8,8,.66)),var(--t-dark);background-size:auto,512px;border:0;border-radius:4px;
  box-shadow:0 10px 22px rgba(0,0,0,.5),inset 0 0 34px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.12),0 0 0 2px #0b0b0b}
.sess{box-shadow:none;background:none;border-bottom:1px solid #2a2c30;border-radius:0}
.panel-title{font-family:var(--f-head);letter-spacing:.18em;font-size:11px;color:#c9a35a}
.sys-badge{border-radius:3px;background:#050806;color:#ffb340;box-shadow:inset 0 2px 6px #000,0 0 0 2px #0d0e0f;border:0}
.sys-badge .dot{background:#46d18c!important;box-shadow:0 0 8px #46d18c}
.stat{background:#050806;border-radius:3px;padding:8px 10px;box-shadow:inset 0 3px 8px #000,0 0 0 2px #0d0e0f}
.stat .n{color:#ffb340;text-shadow:0 0 12px rgba(255,170,50,.7)}
.stat .l{color:#7d6a45;letter-spacing:.06em}
.promo{background:linear-gradient(rgba(8,8,8,.5),rgba(8,8,8,.62)),var(--t-rust)!important;background-size:auto,512px!important;border:0;border-radius:4px;box-shadow:inset 0 0 34px rgba(0,0,0,.6),0 0 0 2px #0b0b0b}
.promo-q{text-shadow:0 2px 0 #000}
.loc-item{border-bottom:1px solid #2a2c30}.loc-item:hover{background:rgba(255,179,64,.08)}
.loc-swatch{background:#050806!important;color:#ffb340!important;border-radius:3px;box-shadow:inset 0 2px 6px #000}
.loc-count{color:#ffb340;font-family:'IBM Plex Mono';text-shadow:0 0 8px rgba(255,170,50,.5)}
.cta-panel{position:relative;background:linear-gradient(rgba(8,8,8,.4),rgba(8,8,8,.5)),var(--t-paint);background-size:auto,512px;border:0;border-radius:4px;box-shadow:inset 0 0 30px rgba(0,0,0,.55),0 0 0 2px #0b0b0b;overflow:hidden}
.cta-panel::before{content:'';position:absolute;left:0;right:0;top:0;height:9px;background:repeating-linear-gradient(-45deg,#e6b422 0 9px,#161616 9px 18px)}
.cta-panel .k{color:#ffd27a;font-family:var(--f-head)}

/* ---------- Модальные окна, уведомления, подвал ---------- */
.modal-overlay{background:rgba(3,3,3,.8)}
.modal{border-radius:6px}
.modal::before{content:'';position:absolute;left:0;right:0;top:0;height:8px;border-radius:6px 6px 0 0;background:repeating-linear-gradient(-45deg,#e6b422 0 9px,#161616 9px 18px);opacity:.9}
.modal h3{text-shadow:0 2px 0 #000}
.toast{background:linear-gradient(rgba(8,8,8,.4),rgba(8,8,8,.6)),var(--t-dark);border:0;border-radius:3px;box-shadow:0 12px 26px rgba(0,0,0,.7),inset 4px 0 0 var(--accent),0 0 0 2px #0b0b0b}
.toast.err{box-shadow:0 12px 26px rgba(0,0,0,.7),inset 4px 0 0 #ff4a3d,0 0 0 2px #0b0b0b}
.cmp-bar{background:var(--t-steel);border:0;box-shadow:0 -8px 24px rgba(0,0,0,.6),0 0 0 2px #0b0b0b}
footer.site{border-top:0;position:relative;margin-top:30px;padding-top:40px}
footer.site::before{content:'';position:absolute;left:0;right:0;top:0;height:14px;background:repeating-linear-gradient(-45deg,#e6b422 0 14px,#161616 14px 28px);-webkit-mask-image:var(--t-mask);mask-image:var(--t-mask);-webkit-mask-size:256px;mask-size:256px}
.sb-fxbtn{background:none;border:0;color:#a79f8e;font:inherit;cursor:pointer;letter-spacing:.06em}.sb-fxbtn:hover{color:#ffc874}
.ver-banner,.verify-bar{font-family:'Inter'}
/* инфо-страницы (правила, гайды, донат…): на всю ширину колонки, в той же рамке что и панели */
.prose{width:100%;max-width:none;box-sizing:border-box;padding:34px 42px}
.tbl th{font-family:var(--f-head);letter-spacing:.12em;color:#c9a35a;font-size:11px}

/* ---------- Полосы прокрутки ---------- */
/* базовые scrollbar-правила — ниже в блоке «скроллбары» */

@media (max-width:1180px){.sb-shaft{display:none}#sb-cables{height:420px}}

/* ---------- Компактность под более широкий шрифт ---------- */
.topbar-in{gap:14px}
.search-wrap{min-width:0;flex:1 1 220px}
.search-wrap .kbd{display:none}
.top-right{gap:8px}
.quicklinks{grid-template-columns:repeat(5,minmax(0,1fr))}
.qlink{padding:12px 10px;gap:8px;min-width:0}
.qlink>div{min-width:0}
.qt{font-size:12.5px;line-height:1.15}
.qd{font-size:10.5px;line-height:1.25}
.popcat-body{padding:10px}
.hero h1{letter-spacing:.01em}
@media (min-width:1700px){.topbar-in{gap:20px}.btn{padding:9px 16px;font-size:12px}.toptabs a{padding:8px 14px;font-size:12px}}
@media (max-width:1180px){.quicklinks{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.quicklinks{grid-template-columns:repeat(2,minmax(0,1fr))}}

.qt{font-size:11.5px;letter-spacing:-.01em;overflow-wrap:normal}
.qic{width:26px;height:26px;flex:0 0 26px}
.qlink{padding:11px 8px;gap:7px}

/* слот держит колонку сетки; сам sidenav при .is-pinned — fixed (иначе main сжимается в 1-ю колонку) */
.sidenav-slot{min-width:0;align-self:start}
.sidenav{top:104px;max-height:calc(100vh - 120px);overflow-y:auto;-webkit-overflow-scrolling:touch}
.rightpanel{top:104px;position:sticky}
@media (min-width:1101px){
  .sidenav.is-pinned{position:fixed!important;z-index:48;overflow-y:auto!important;overscroll-behavior:contain;box-sizing:border-box}
}
.thumb svg.mainic{width:60px;height:60px}
@media (min-width:1700px){.thumb svg.mainic{width:72px;height:72px}}

/* ---------- Телефон ---------- */
@media (max-width:640px){
  .topbar-in{gap:7px;padding:8px 10px}
  .brand-name{font-size:19px}.brand-sub{display:none}.brand-mark{width:20px;height:20px}
  .topbar-in{flex-wrap:wrap}
  .brand{margin-right:auto}
  .search-wrap{order:10;flex:1 1 100%;max-width:none;padding:7px 10px}
  .search-wrap input{font-size:12px}
  .top-right{gap:6px}
  #postBtn{font-size:0;padding:0;width:36px;height:36px;justify-content:center}
  #postBtn::before{content:'+';font-size:22px;line-height:1;color:#241300}
  #registerBtn{padding:0 10px;height:36px;font-size:10px}
  .hero-eyebrow{letter-spacing:.1em;font-size:10px}
  .sec-head h2,.vh{font-size:17px}
  .topbar::after{height:10px;bottom:-10px}
}

/* =====================================================================
   v2 · «Обжитой Пайро»: приглушённо, пыльно, без аварийных элементов.
   Убраны жёлто-чёрные полосы и неоновый красный; свет — тусклая бронза и ржавый отсвет.
   ===================================================================== */
:root{--accent:#d9a04a;--accent-2:#e8be78;--accent-dim:#6e5224;--glow:rgba(217,160,74,.26);--text-hi:#ece4d3;--text-mid:#b3a994;--text-lo:#857b69;
  --border:#3a342c;--border-soft:#2a2620}
/* стена: тёплый тёмный металл и ржавый отсвет от далёкой лампы */
.sb-wall{background:radial-gradient(ellipse at 88% 0%,rgba(176,84,38,.2),transparent 52%),radial-gradient(ellipse at 8% 100%,rgba(120,60,30,.14),transparent 55%),
  linear-gradient(rgba(14,9,6,.74),rgba(10,7,5,.93)),var(--t-dark);background-size:auto,auto,auto,512px}
.sb-shaft{background:linear-gradient(180deg,rgba(210,120,60,.1),rgba(180,90,40,.025) 62%,transparent)}
.sb-fog.f1{opacity:.52}.sb-fog.f2{opacity:.3}.sb-fog.f3{opacity:.1}
.sb-vig{background:radial-gradient(ellipse at 50% 45%,transparent 42%,rgba(0,0,0,.62) 100%)}

/* никаких предупреждающих полос: вместо них тёмная окантовка со швом и мелкими заклёпками */
.topbar::after,footer.site::before{height:7px;bottom:-7px;-webkit-mask-image:none;mask-image:none;box-shadow:0 5px 10px rgba(0,0,0,.55);
  background:radial-gradient(circle at 50% 50%,#7a7466 0,#3a352e 1.6px,transparent 2.4px) 0 50%/34px 7px repeat-x,linear-gradient(180deg,#1d1914,#0c0a08)}
footer.site::before{bottom:auto;top:0;box-shadow:none}
.modal::before,.cta-panel::before{display:none}
.hazard{display:none}
.topbar{box-shadow:0 8px 20px rgba(0,0,0,.65),inset 0 -2px 0 #0a0806,inset 0 1px 0 rgba(255,235,210,.1)}
.topbar::before{background:linear-gradient(180deg,rgba(18,10,5,.4),rgba(10,6,3,.72))}

/* маяк: тусклая ржавая лампа вместо неонового красного */
.brand-mark{width:20px;height:20px;background:radial-gradient(circle at 36% 30%,#e3b79c,#b0502f 42%,#3d160c 82%);
  box-shadow:0 0 0 3px #100d0a,0 0 8px rgba(176,80,47,.4);animation:sb-bl2 7s ease-in-out infinite}
@keyframes sb-bl2{0%,100%{opacity:1}45%{opacity:.72}50%{opacity:.4}55%{opacity:.8}}
.brand-name{color:#e6dcc6;text-shadow:0 2px 0 #000,0 0 12px rgba(176,100,50,.18)}
.badge-dot{background:#b0502f!important;box-shadow:0 0 6px rgba(176,80,47,.5)}
.nav-item .pill{background:#b0502f;box-shadow:none}

/* кнопки и панели: плоская тёплая сталь, латунь вместо глянцевого янтаря */
.btn,.toptabs a,.icon-btn,.user-chip,.list-tab,.type-pill{background:linear-gradient(180deg,#3a352d,#26221c);color:#d9cfba;text-shadow:0 1px 0 #000;
  box-shadow:0 0 0 1px #0a0806,inset 0 1px 0 rgba(255,235,210,.1),0 3px 6px rgba(0,0,0,.45)}
.btn:hover,.toptabs a:hover,.icon-btn:hover,.user-chip:hover{box-shadow:0 0 0 1px #0a0806,inset 0 1px 0 rgba(255,235,210,.12),0 3px 6px rgba(0,0,0,.45),0 0 10px var(--glow)}
.btn-primary,.toptabs a.active,.list-tab.active,.card-buy{background:linear-gradient(180deg,#cfa662,#a97b38 50%,#7d5622);color:#1d1307;text-shadow:0 1px 0 rgba(255,235,200,.3);
  box-shadow:0 0 0 1px #0a0806,inset 0 1px 0 rgba(255,235,200,.35),0 3px 6px rgba(0,0,0,.5)}
.btn-primary:hover,.card-buy:hover{background:linear-gradient(180deg,#d9b270,#b38640 50%,#86602a);box-shadow:0 0 0 1px #0a0806,inset 0 1px 0 rgba(255,235,200,.4),0 0 12px var(--glow)}
.btn-ghost{background:linear-gradient(180deg,#34302a,#221f1a);color:#d9cfba}
.type-pill.active{box-shadow:0 0 0 1px #0a0806,inset 0 1px 0 rgba(255,235,210,.1),0 0 10px var(--glow)}
.type-pill.active::before{background:#d9a04a;box-shadow:0 0 0 2px #100d0a,0 0 6px rgba(217,160,74,.6)}
.search-wrap svg,.hero h1 em{color:#d9a04a}
.hero h1 em{text-shadow:0 3px 0 #000,0 0 14px rgba(217,150,70,.3)}
.hero h1{text-shadow:0 3px 0 #000}
.hero-eyebrow{color:#cdbf9c}

/* «табло»: тусклые янтарные цифры, без неонового свечения */
.card-price,.stat .n,.row-price,.loc-count,.user-bal,.qic,.popcat-thumb svg,.thumb svg.mainic,.sys-badge,.cta-panel .k{color:#d9a04a!important}
.card-price,.stat .n,.row-price,.loc-count,.user-bal{text-shadow:0 0 6px rgba(217,160,74,.22)}
.qic,.popcat-thumb svg,.thumb svg.mainic{filter:drop-shadow(0 0 4px rgba(217,150,70,.3))}
.card-price span,.stat .l{color:#7a6a4a}
.search-wrap input,.field input,.field select,.field textarea,input.ctrl,select.ctrl,.chat-form input,.link-row input,.fld input,.fld select{color:#dcb673!important}
::placeholder{color:#76674a!important}
.nav-group-label,.fgroup>span,.field label,.panel-title,.tbl th{color:#b39a63}
.nav-item.active{background:linear-gradient(90deg,rgba(200,140,60,.2),rgba(200,140,60,.02));color:#e8be78;border-left-color:#c8903f;box-shadow:none}
.nav-item .cnt{color:#a58a58}
.sys-badge .dot{background:#8fa86a!important;box-shadow:0 0 5px #8fa86a}
.loc-item:hover{background:rgba(200,140,60,.07)}

/* панели: чуть светлее и «грязнее», меньше рельефа и заклёпок */
.card-body::before{opacity:.55;background-size:9px 9px}
.card,.qlink,.popcat,.panel,.vpanel,.prose,.tool-card,.kpi,.ct-card,.deal,.filters-row,.sidenav{box-shadow:0 8px 18px rgba(0,0,0,.5),inset 0 0 36px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,235,210,.09),0 0 0 1px #0a0806}
.card:hover,.qlink:hover,.popcat:hover{box-shadow:0 12px 24px rgba(0,0,0,.6),inset 0 0 36px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,235,210,.09),0 0 0 1px #0a0806,0 0 14px rgba(200,130,60,.12)}
.hero{box-shadow:0 12px 26px rgba(0,0,0,.6),inset 0 0 46px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,235,210,.1),0 0 0 1px #0a0806}
.hero::after{background:radial-gradient(circle at 72% 24%,#6e3a26 0,#2c1710 46%,#080403 78%)!important;box-shadow:inset -30px -16px 54px rgba(200,100,50,.22),0 0 46px rgba(190,90,40,.14)!important}
.hero{background:linear-gradient(90deg,rgba(8,6,4,.7),rgba(8,6,4,.14) 82%),var(--t-paint)!important}
.modal{box-shadow:0 20px 44px rgba(0,0,0,.75),inset 0 0 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,235,210,.1),0 0 0 1px #0a0806}
.cta-panel{box-shadow:inset 0 0 30px rgba(0,0,0,.5),0 0 0 1px #0a0806}
.cmp-bar{box-shadow:0 -8px 24px rgba(0,0,0,.6),0 0 0 1px #0a0806}
.kindtag{box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,255,255,.25),0 2px 4px rgba(0,0,0,.5);filter:saturate(.8)}

/* ---------- Лампы и огоньки (крепятся к балке шапки) ---------- */
.sb-lights{position:absolute;left:0;right:0;bottom:0;height:0;pointer-events:none;z-index:3}
.sb-led{position:absolute;bottom:-5px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:rgb(var(--lc));
  box-shadow:0 0 0 1px #0a0806,0 0 5px 1px rgba(var(--lc),.75),0 0 14px 3px rgba(var(--lc),.3)}
.sb-led::after{content:'';position:absolute;left:-14px;top:-4px;width:33px;height:30px;border-radius:50%;background:radial-gradient(ellipse at 50% 20%,rgba(var(--lc),.2),transparent 70%)}
.sb-led.steady{opacity:.95}
.sb-led.slow{animation:sb-led-slow 4.6s ease-in-out infinite}
.sb-led.pulse{animation:sb-led-pulse 2.8s ease-in-out infinite}
@keyframes sb-led-slow{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes sb-led-pulse{0%,60%,100%{opacity:.3}72%{opacity:1}84%{opacity:.4}92%{opacity:1}}
.sb-wl{position:absolute;bottom:-1px;width:0;height:0}
.sb-wl i{position:absolute;display:block}
.sb-wl .body{left:-13px;top:7px;width:26px;height:9px;border-radius:2px;background:linear-gradient(#524b43,#1a1612);box-shadow:0 0 0 1px #000,0 2px 3px rgba(0,0,0,.6)}
.sb-wl .body::before{content:'';position:absolute;left:-4px;top:-8px;width:34px;height:8px;background:linear-gradient(#2c2823,#14110e);border-radius:2px 2px 0 0}
.sb-wl .lens{left:-10px;top:16px;width:20px;height:4px;border-radius:0 0 4px 4px;background:rgb(var(--lc));
  box-shadow:0 0 6px 2px rgba(var(--lc),.9),0 0 22px 7px rgba(var(--lc),.45),0 6px 36px 12px rgba(var(--lc),.22)}
.sb-wl .cone{left:-110px;top:20px;width:220px;height:230px;background:linear-gradient(180deg,rgba(var(--lc),.32),rgba(var(--lc),.09) 55%,transparent);clip-path:polygon(41% 0,59% 0,100% 100%,0 100%)}
.sb-wl .halo{left:-80px;top:-12px;width:160px;height:56px;background:radial-gradient(ellipse at 50% 60%,rgba(var(--lc),.34),transparent 72%)}
.sb-wl.dim .cone{opacity:.7}
@keyframes sb-wl-fl{0%,100%{opacity:1}6%{opacity:.82}7%{opacity:1}41%{opacity:1}42%{opacity:.55}44%{opacity:1}45%{opacity:.7}46%{opacity:1}}
.sb-wl.off,.sb-wl.sb-flick.off{opacity:.45!important;filter:none}
.sb-hero-leds{position:absolute;top:21px;right:62px;z-index:4;display:flex;gap:11px;pointer-events:none}
.sb-hero-leds .sb-led{position:relative;bottom:auto;margin:0;width:7px;height:7px}
html.fx-lite .sb-wl,html.fx-lite .sb-led{animation:none}
html.fx-off .sb-wl .cone,html.fx-off .sb-wl .halo{display:none}
@media (max-width:1180px){.sb-wl .cone{height:150px}}
@media (max-width:640px){.sb-wl,.sb-hero-leds{display:none}}
@media (prefers-reduced-motion:reduce){.sb-wl,.sb-led{animation:none!important}}

/* ---------- Подвал: сплошная металлическая панель ---------- */
footer.site{position:relative;z-index:60;margin-top:48px;padding:38px 24px 34px;border-top:0;
  background:linear-gradient(180deg,rgba(8,5,3,.42),rgba(255,235,210,.05) 22%,rgba(10,7,4,.14) 55%,rgba(8,5,3,.42)),var(--t-steel);background-size:auto,512px;background-color:#2e2922;
  box-shadow:0 -10px 24px rgba(0,0,0,.6),inset 0 14px 22px rgba(0,0,0,.5),inset 0 -3px 0 #0a0806,inset 0 1px 0 rgba(255,235,210,.08)}
footer.site::before{background:radial-gradient(circle at 50% 50%,#8a8374 0,#3a352e 1.6px,transparent 2.4px) 0 50%/34px 7px repeat-x,linear-gradient(180deg,#221d17,#0b0907);box-shadow:0 3px 6px rgba(0,0,0,.6)}
footer.site::after{content:'';position:absolute;left:0;right:0;bottom:7px;height:6px;pointer-events:none;
  background:radial-gradient(circle at 50% 50%,#8a8374 0,#3a352e 1.6px,transparent 2.4px) 17px 50%/34px 6px repeat-x}
footer.site .in{position:relative;z-index:1}
footer.site .l,footer.site .r{color:#d6cbb2;text-shadow:0 1px 0 #000}
footer.site .r a,footer.site .r button{color:#e2d8c0;transition:color .15s}
footer.site .r a:hover,footer.site .r button:hover{color:#e8be78}
footer.site .sb-fxbtn{color:#c2b79e}
footer.site .sb-foot-leds{position:absolute;left:24px;top:16px;display:flex;gap:9px;pointer-events:none}
footer.site .sb-foot-leds .sb-led{position:relative;bottom:auto;margin:0;width:6px;height:6px}

/* =====================================================================
   v3 · Износ: болты, разъеденные края, ржавчина, рваная кромка шапки.
   У каждого блока всё своё — параметры случайные (см. theme-damage.js).
   ===================================================================== */
.topbar::after{display:none}
/* болты вместо одинаковых «точек» */
.sb-b::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:3;border-radius:inherit;opacity:1!important;
  background-image:var(--bt1,none),var(--bt2,none),var(--bt3,none),var(--bt4,none)!important;background-repeat:no-repeat!important;
  background-size:var(--bs,14px) var(--bs,14px)!important;
  background-position:var(--p1x,8px) var(--p1y,8px),calc(100% - var(--p2x,8px)) var(--p2y,8px),var(--p3x,8px) calc(100% - var(--p3y,8px)),calc(100% - var(--p4x,8px)) calc(100% - var(--p4y,8px))!important}
/* слой повреждений: ржавчина и разъеденные края */
.sb-dmg{position:absolute;inset:0;pointer-events:none;z-index:2;border-radius:inherit;overflow:hidden}
.sb-dmg::before{content:'';position:absolute;inset:0;background:var(--rust,none) var(--rx,0) var(--ry,0)/var(--rsz,512px) repeat;opacity:var(--ro,0)}
.sb-dmg::after{content:'';position:absolute;inset:0;background:var(--edge,none) 0 0/100% 100% no-repeat;transform:scale(var(--fx,1),var(--fy,1));opacity:var(--eo,0)}
/* рваная нижняя кромка шапки */
.sb-edge-wrap{position:absolute;left:0;right:0;top:100%;height:26px;margin-top:-3px;pointer-events:none;z-index:1;filter:drop-shadow(0 3px 3px rgba(0,0,0,.72))}
.sb-edge{position:absolute;inset:0;background:linear-gradient(rgba(8,8,8,.32),rgba(8,8,8,0) 55%,rgba(0,0,0,.18)),repeating-linear-gradient(90deg,transparent 0 358px,rgba(0,0,0,.4) 358px 360px,rgba(255,255,255,.05) 360px 361px),url(/static/assets/tex/concrete.jpg) 0 0/420px;
  -webkit-mask:var(--hdr) 0 0/1400px 100% repeat-x;mask:var(--hdr) 0 0/1400px 100% repeat-x}
.sb-bolt{position:absolute;margin-left:-6px;background-size:contain;background-repeat:no-repeat;pointer-events:none}
.sb-flap{position:absolute;top:8px;width:var(--w,100px);height:var(--h,60px);transform-origin:8px 4px;animation:sb-swing var(--dur,6s) ease-in-out infinite alternate;pointer-events:none}
.sb-flap .body{position:absolute;inset:0;background:linear-gradient(rgba(14,8,4,.3),rgba(14,8,4,.04)),url(/static/assets/tex/rustov2.webp) var(--rx,0) 0/380px,var(--t-rust) 0 0/420px}
.sb-flap .pivot{left:3px;top:-1px;width:15px;height:15px;margin:0}
@keyframes sb-swing{from{transform:rotate(var(--a0,-4deg))}to{transform:rotate(var(--a1,7deg))}}
html.fx-lite .sb-flap,html.fx-off .sb-flap,html.reduce-motion .sb-flap{animation:none}
@media (prefers-reduced-motion:reduce){.sb-flap{animation:none}}
@media (max-width:640px){.sb-flap{display:none}.sb-edge-wrap{height:30px}}

/* ---------- Свет, звук, корабли, мусор ---------- */
#sb-dark,#sb-glow{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none}
html.fx-lite #sb-dark,html.fx-lite #sb-glow,html.fx-off #sb-dark,html.fx-off #sb-glow{display:none}
.sb-motes{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;border-radius:inherit}
html.fx-lite .sb-motes,html.fx-off .sb-motes{display:none}
.sb-snd svg .w1,.sb-snd svg .w2{opacity:.25}.sb-snd.on svg .w1,.sb-snd.on svg .w2{opacity:1}
.sb-snd svg .off{opacity:1}.sb-snd.on svg .off{opacity:0}
.sb-snd.on{color:#e8be78}
footer.site{padding-bottom:34px;margin-top:120px}
.sb-debris{position:absolute;left:0;right:0;bottom:100%;height:96px;overflow:visible;pointer-events:none;z-index:3}
.sb-debris .sb-item{position:absolute;filter:brightness(.86) saturate(.72) drop-shadow(0 1px 1px rgba(0,0,0,.8));transform-origin:50% 100%}
.sb-debris .ground{position:absolute;left:0;right:0;bottom:-4px;height:11px;z-index:0;background:radial-gradient(circle at 50% 100%,rgba(70,58,44,.5) 0 1px,transparent 1.5px) 0 0/9px 6px,linear-gradient(180deg,transparent,rgba(8,6,4,.78))}
.sb-debris .sb-item::after{content:'';position:absolute;left:4%;right:4%;bottom:-2px;height:5px;border-radius:50%;background:rgba(0,0,0,.7);filter:blur(1.6px);z-index:-1}
.sb-debris .sb-item svg{display:block;width:100%;height:auto}
.sb-debris canvas.rat{position:absolute;z-index:8;pointer-events:none}
.sb-debris canvas.flies{position:absolute;z-index:9;pointer-events:none}
@media (max-width:640px){footer.site{padding-bottom:30px;margin-top:100px}.sb-debris{height:80px}.sb-snd{display:none}}
html.fx-off .sb-debris canvas.rat,html.fx-off .sb-debris canvas.flies,html.fx-lite .sb-debris canvas.rat,html.fx-lite .sb-debris canvas.flies{display:none}

/* ---------- Длинные горизонтальные лампы под шапкой ---------- */
.sb-tube{position:absolute;bottom:-7px;height:0;pointer-events:none;display:flex}
.sb-tube .fix{position:absolute;left:-7px;right:-7px;top:5px;height:8px;border-radius:3px;background:linear-gradient(#4a443c,#17140f);box-shadow:0 0 0 1px #000,0 3px 4px rgba(0,0,0,.6)}
.sb-tube .fix::before,.sb-tube .fix::after{content:'';position:absolute;top:-4px;width:3px;height:6px;background:#2a2622;box-shadow:0 0 0 1px #000}
.sb-tube .fix::before{left:14%}.sb-tube .fix::after{right:14%}
.sb-seg{position:relative;flex:1;height:0}
.sb-seg .bulb{position:absolute;left:1px;right:1px;top:11px;height:5px;border-radius:3px;background:linear-gradient(rgba(255,255,255,.96),rgb(var(--lc)) 60%,rgba(var(--lc),.8));
  box-shadow:0 0 6px 2px rgba(var(--lc),.85),0 0 22px 6px rgba(var(--lc),.38),0 6px 40px 12px rgba(var(--lc),.18)}
.sb-seg .cone{position:absolute;left:-30%;right:-30%;top:16px;height:min(50vh,520px);background:radial-gradient(ellipse 50% 100% at 50% 0%,rgba(var(--lc),.2),rgba(var(--lc),.085) 45%,rgba(var(--lc),.025) 76%,transparent 100%)}
.sb-seg .halo{position:absolute;left:-12%;right:-12%;top:-14px;height:46px;background:radial-gradient(ellipse at 50% 60%,rgba(var(--lc),.3),transparent 72%)}
html.fx-off .sb-seg .cone,html.fx-off .sb-seg .halo{display:none}
@media (max-width:1180px){.sb-seg .cone{height:140px}}
@media (max-width:640px){.sb-tube{display:none}}

/* =====================================================================
   v4 · бетонный потолок, длинные конусы света, яркий режим, подсветка картинок пользователей
   ===================================================================== */
/* конус света — на половину страницы */
.sb-seg .cone{height:min(56vh,580px);background:linear-gradient(180deg,rgba(var(--lc),.17),rgba(var(--lc),.08) 30%,rgba(var(--lc),.03) 65%,transparent)}
.sb-seg .bulb{top:11px}
/* яркий режим: полумрак выключен, лампы «выключены», сайт светлее */
.sb-bright-veil{position:fixed;inset:0;z-index:55;pointer-events:none;opacity:0;transition:opacity .45s;
  -webkit-backdrop-filter:brightness(1.3) contrast(1.1) saturate(1.2);backdrop-filter:brightness(1.3) contrast(1.1) saturate(1.2)}
html.bright .sb-bright-veil{opacity:1}
html.bright #sb-dark,html.bright #sb-glow,html.bright .sb-vig,html.bright .sb-shaft,html.bright #sb-dust{display:none}
html.bright .sb-fog{opacity:.1!important}
html.bright .sb-seg .cone,html.bright .sb-seg .halo{display:none}
html.bright .sb-seg .bulb{background:linear-gradient(#cfc8b8,#8d877a);box-shadow:none}
html.bright .sb-wall{background:linear-gradient(rgba(74,58,44,.2),rgba(58,44,32,.34)),var(--t-steel);background-size:auto,512px}
html.bright .sb-bright-btn{color:#ffe29a}
.sb-bright-btn.on{color:#ffe29a;box-shadow:0 0 0 1px #0a0806,inset 0 1px 0 rgba(255,235,210,.12),0 0 14px rgba(255,214,120,.55)}
.sb-bright-btn svg{filter:drop-shadow(0 0 0 transparent)}
.sb-bright-btn.on svg{filter:drop-shadow(0 0 4px rgba(255,214,120,.8))}
@media (max-width:640px){.sb-bright-btn{display:inline-flex}}
/* картинки: лёгкий CRT-ободок внутри превью, без ореола наружу (он залил низ/кнопку) */
.thumb:has(img){box-shadow:inset 0 0 0 1px rgba(255,185,115,.16),inset 0 0 14px rgba(255,165,90,.1)!important}
.thumb:has(img)::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:screen;
  background:linear-gradient(180deg,rgba(255,215,170,.12),rgba(255,215,170,0) 42%),linear-gradient(180deg,transparent 46%,rgba(255,232,196,.075) 50%,transparent 54%) 0 0/100% 320%;
  animation:sb-img-fl 6.5s linear infinite,sb-img-sweep 9s linear infinite}
.thumb:has(img) img{animation:sb-img-sh 5.2s steps(1) infinite}
@keyframes sb-img-fl{0%,100%{opacity:.75}8%{opacity:.95}9%{opacity:.5}30%{opacity:.85}52%{opacity:.6}53%{opacity:1}55%{opacity:.72}78%{opacity:.9}}
@keyframes sb-img-sweep{0%{background-position:0 0,0 -100%}100%{background-position:0 0,0 300%}}
@keyframes sb-img-sh{0%,100%{filter:brightness(1.035) contrast(1.02)}11%{filter:brightness(1.06) contrast(1.03)}12%{filter:brightness(1.0)}40%{filter:brightness(1.045)}41%{filter:brightness(1.07)}43%{filter:brightness(1.02)}71%{filter:brightness(1.055)}73%{filter:brightness(1.015)}}
.grid>.card:nth-child(3n+2) .thumb:has(img)::before{animation-delay:-2.3s,-3.1s}
.grid>.card:nth-child(3n) .thumb:has(img)::before{animation-delay:-4.4s,-6.2s}
.grid>.card:nth-child(3n+2) .thumb:has(img) img{animation-delay:-1.7s}
.grid>.card:nth-child(3n) .thumb:has(img) img{animation-delay:-3.4s}
html.fx-off .thumb:has(img)::before,html.fx-off .thumb:has(img) img{animation:none}
@media (prefers-reduced-motion:reduce){.thumb:has(img)::before,.thumb:has(img) img{animation:none}}

/* яркий режим: сами поверхности светлее (сталь без тяжёлой чёрной подложки), чтобы не было просто «тёмной страницы с контрастом» */





html.bright .card-title,html.bright .nav-item,html.bright .qt,html.bright .popcat-body,html.bright .loc-item,html.bright .panel-title,html.bright .sec-head h2{text-shadow:0 1px 2px rgba(0,0,0,.65)}

/* экономия: слои мигающих секций — отдельные (GPU), туман и лучи — без лишней площади */
.sb-seg{contain:none}
.sb-fog{height:36vh}
.sb-fog.f2,.sb-fog.f3{display:none}
.sb-shaft.s1,.sb-shaft.s3{display:none}
.sb-shaft{will-change:opacity}

/* =====================================================================
   v5 · реализм: логотип, ткань, скроллы, меню поверх всего, серая стена в светлом режиме, кнопки и крепления
   ===================================================================== */
/* логотип-картинка */
.brand{gap:0}
.brand-logo{display:block;height:40px;width:auto;filter:drop-shadow(0 2px 1px rgba(0,0,0,.85)) drop-shadow(0 0 9px rgba(0,0,0,.35))}
.brand-mark,.brand-name,.brand-sub{display:none!important}
/* туман, лучи и «светофоры» убраны */
.sb-fog,.sb-shaft,.sb-led,.sb-hero-leds,.sb-foot-leds{display:none!important}
.sb-wall{background:radial-gradient(ellipse at 88% 0%,rgba(176,84,38,.15),transparent 52%),linear-gradient(180deg,rgba(14,9,6,.68),rgba(10,7,5,.92)),var(--t-dark);background-size:auto,auto,640px}
/* выпадающие меню — поверх ламп, проводов и всего остального */
.sb-lights{z-index:1}.sb-edge-wrap{z-index:0}
header.topbar nav,.top-right{position:relative;z-index:6}
.dropdown{z-index:300!important}
/* подвал: только крыса и мухи */
footer.site{margin-top:64px}
.sb-debris{position:absolute;left:0;right:0;bottom:100%;height:60px;overflow:visible;pointer-events:none;z-index:3}
.sb-debris canvas{position:absolute;pointer-events:none}
.sb-debris canvas.rat{z-index:8}.sb-debris canvas.flies{z-index:9}
@media (max-width:640px){footer.site{margin-top:50px}.sb-debris{height:50px}}

/* ---------- скроллбары: тёмный паз + бронзовый ползунок (не синий системный) ---------- */
html,body,.sidenav,.rightpanel,#pageView,.modal,#appModalBody,.dropdown,.chat-box,.table-wrap,textarea{
  scrollbar-width:thin;scrollbar-color:#9a7d4e #16120e}
html::-webkit-scrollbar,*::-webkit-scrollbar{width:10px;height:10px}
.sidenav::-webkit-scrollbar,.rightpanel::-webkit-scrollbar{width:8px}
html::-webkit-scrollbar-track,*::-webkit-scrollbar-track{
  background:linear-gradient(90deg,#0a0806,#1c1610 50%,#0a0806);
  box-shadow:inset 0 0 0 1px #000,inset 2px 0 5px rgba(0,0,0,.75);border-radius:5px}
html::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{border-radius:5px;border:1px solid #070504;
  background:linear-gradient(180deg,#c9a86e,#8a6e42 48%,#5a4a30);
  box-shadow:inset 0 1px 0 rgba(255,238,205,.4),inset 0 -1px 0 rgba(0,0,0,.5)}
html::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#e0b876,#a88448 48%,#6e5634)}
html::-webkit-scrollbar-thumb:active,*::-webkit-scrollbar-thumb:active{
  background:linear-gradient(180deg,#ffc874,#b8863a)}
*::-webkit-scrollbar-button{display:none;height:0;width:0}
*::-webkit-scrollbar-corner{background:#0a0806}

/* ---------- светлый режим: серая потрёпанная штукатурка, ничего «чёрного» на ней ---------- */
html.bright .sb-wall{background:linear-gradient(rgba(34,30,26,.08),rgba(34,30,26,.22)),url(/static/assets/tex/plaster.jpg) 0 0/760px!important}
html.bright .thumb,html.bright .popcat-thumb,html.bright .qic,html.bright .stat,html.bright .field input,html.bright .field select,html.bright .field textarea,html.bright input.ctrl,html.bright select.ctrl{
  background-image:linear-gradient(rgba(70,58,46,.5),rgba(46,38,30,.62)),var(--t-steel)!important;background-size:auto,256px!important;background-color:#51463a!important}

/* ---------- кнопки и крепления: настоящий металл с фаской ---------- */
.btn,.toptabs a,.icon-btn,.user-chip,.list-tab,.type-pill{background-image:linear-gradient(180deg,rgba(255,240,220,.15),rgba(0,0,0,.3)),var(--t-steel)!important;background-size:auto,256px!important;background-color:#3a352d!important;
  box-shadow:0 0 0 1px #090705,0 1px 0 1px rgba(255,235,210,.07),inset 0 1px 0 rgba(255,240,220,.3),inset 0 -2px 0 rgba(0,0,0,.45),0 3px 5px rgba(0,0,0,.55)!important;border-radius:5px;transition:filter .12s,transform .08s}
.btn:hover,.toptabs a:hover,.icon-btn:hover,.user-chip:hover{filter:brightness(1.14)}
.btn:active,.toptabs a:active,.icon-btn:active,.user-chip:active{transform:translateY(1px);box-shadow:0 0 0 1px #090705,inset 0 2px 6px rgba(0,0,0,.65)!important}
.btn-primary,.toptabs a.active,.list-tab.active{background-image:linear-gradient(180deg,rgba(255,238,196,.42),rgba(70,34,0,.4)),var(--t-steel)!important;background-color:#b98a3e!important;background-blend-mode:normal,multiply!important;
  box-shadow:0 0 0 1px #090705,inset 0 1px 0 rgba(255,244,214,.55),inset 0 -2px 0 rgba(60,30,0,.55),0 3px 5px rgba(0,0,0,.55)!important}
.sb-tube .fix{background:linear-gradient(#5a534a,#1a1612),var(--t-steel);box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,235,205,.3),0 3px 4px rgba(0,0,0,.6)}
.sb-tube .fix::before,.sb-tube .fix::after{width:4px;height:8px;top:-6px;background:linear-gradient(90deg,#3a352e,#8a8478 45%,#2a2722);box-shadow:0 0 0 1px #000}

/* ---------- «Популярные локации» — ткань на штанге, колышется на ветру ---------- */
.cl-wrap{position:relative;padding-top:22px;margin-bottom:10px}
.cl-shadow{position:absolute;left:8px;right:8px;top:34px;bottom:-8px;background:rgba(0,0,0,.55);filter:blur(9px);border-radius:10px;z-index:0}
.cl-wrap .panel.sb-cloth{z-index:1}
.cl-rod{position:absolute;left:-5px;right:-5px;top:13px;height:10px;border-radius:5px;z-index:4;
  background:linear-gradient(180deg,#e2ddd0,#8a8579 38%,#3a3731 72%,#1a1815);box-shadow:0 2px 3px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.55)}
.cl-cap{position:absolute;top:-3px;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f3eedd,#928d80 48%,#2b2925);box-shadow:0 1px 3px #000}
.cl-cap.l{left:-9px}.cl-cap.r{right:-9px}
.cl-hang{position:absolute;bottom:8px;width:3px;height:16px;background:linear-gradient(90deg,#2a2722,#8a8578,#2a2722);box-shadow:0 0 0 1px #000}
.cl-hang.l{left:20px}.cl-hang.r{right:20px}
.panel.sb-cloth{border:0!important;border-radius:0!important;box-shadow:none!important;transform-origin:50% 0;padding-top:30px!important;
  background-color:#4a4a3a!important;background-image:linear-gradient(rgba(10,9,6,.22),rgba(10,9,6,.4)),url(/static/assets/tex/cloth.jpg)!important;background-size:auto,280px!important;overflow:visible}
.panel.sb-cloth::before{content:'';position:absolute;inset:8px 8px 20px 8px;border:1px dashed rgba(244,230,196,.3);pointer-events:none;background:none!important}
.panel.sb-cloth::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(0,0,0,.16) 0 14px,rgba(255,236,200,.05) 14px 32px,rgba(0,0,0,.1) 32px 50px),linear-gradient(180deg,rgba(0,0,0,.28),transparent 18%)}
.panel.sb-cloth .panel-head{position:relative;z-index:2;margin-top:4px}
.panel.sb-cloth .loc-item{position:relative;z-index:2}
@media (prefers-reduced-motion:reduce){.panel.sb-cloth{transform:none!important}}
/* конус света: плавное затухание и по горизонтали, и вниз (последнее правило — перекрывает прежние) */
.sb-seg .cone{position:absolute;left:-30%;right:-30%;top:16px;height:min(50vh,520px);background:radial-gradient(ellipse 50% 100% at 50% 0%,rgba(var(--lc),.2),rgba(var(--lc),.085) 45%,rgba(var(--lc),.025) 76%,transparent 100%)!important}

/* светлый режим: читаемый текст, светлые (а не чёрные) вставки */
html.bright .sidenav,html.bright .qlink,html.bright .popcat,html.bright .card-body,html.bright .loc-item,html.bright .panel,html.bright .filters-row{text-shadow:0 1px 2px rgba(0,0,0,.8)}
html.bright .loc-item>:first-child,html.bright .nav-item .ic,html.bright .qlink>:first-child{background-image:linear-gradient(rgba(70,58,46,.5),rgba(46,38,30,.62)),var(--t-steel)!important;background-size:auto,256px!important;background-color:#51463a!important}
html.bright .panel.sb-cloth{background-image:linear-gradient(rgba(10,9,6,.4),rgba(10,9,6,.55)),url(/static/assets/tex/cloth.jpg)!important}
/* выпадающие меню — сплошные, не просвечивают */
.dropdown{background-color:#1a1612!important;background-image:linear-gradient(rgba(10,7,4,.4),rgba(10,7,4,.55)),var(--t-dark)!important;background-size:auto,512px!important;border-color:#050403!important;box-shadow:0 18px 40px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,235,210,.1)!important}
/* лампы и потолок — ниже содержимого шапки, чтобы выпадающие меню были строго поверх */
.sb-edge-wrap{z-index:-2!important}
.sb-lights{z-index:-1!important}

/* движение ткани: CSS-анимации на видеокарте */
.panel.sb-cloth{will-change:transform;animation:cl-sway 7s ease-in-out infinite}
.panel.sb-cloth .panel-head,.panel.sb-cloth .loc-item{will-change:transform;animation:cl-row 5.6s ease-in-out infinite;animation-delay:calc(var(--i,0) * -0.45s)}
@keyframes cl-sway{0%,100%{transform:rotate(-.45deg) skewX(-.8deg)}33%{transform:rotate(.3deg) skewX(.9deg)}66%{transform:rotate(-.15deg) skewX(.2deg)}}
@keyframes cl-row{0%,100%{transform:translateX(calc(var(--a,0) * -1.2px)) skewY(calc(var(--a,0) * -.25deg))}50%{transform:translateX(calc(var(--a,0) * 1.6px)) skewY(calc(var(--a,0) * .3deg))}}
html.fx-off .panel.sb-cloth,html.fx-off .panel.sb-cloth .panel-head,html.fx-off .panel.sb-cloth .loc-item,html.fx-lite .panel.sb-cloth,html.fx-lite .panel.sb-cloth .panel-head,html.fx-lite .panel.sb-cloth .loc-item{animation:none;will-change:auto}

.panel.sb-cloth .cl-tail{position:absolute;left:0;right:0;bottom:-21px;height:22px;pointer-events:none;background-color:#4a4a3a;background-image:linear-gradient(rgba(10,9,6,.4),rgba(10,9,6,.55)),url(/static/assets/tex/cloth.jpg);background-size:auto,280px;background-position:0 0,0 -40px;clip-path:polygon(0 0,100% 0,100% 100%,50% 50%,0 100%)}
html.bright .panel.sb-cloth .cl-tail{background-image:linear-gradient(rgba(10,9,6,.4),rgba(10,9,6,.55)),url(/static/assets/tex/cloth.jpg)}

/* =====================================================================
   v6 · рамки-«листы» как на макете: толстая рамка из рыжеватого железа + тёмная вставка внутри, болты по углам рамки.
   Тексты и расположение — наши; меняются только оформление блоков.
   ===================================================================== */
:root{--frame:url(/static/assets/tex/plate1.jpg)}
.hero,.panel:not(.sb-cloth),.vpanel,.prose,.filters-row,.tool-card,.kpi,.ct-card,.deal,.cta-panel,.donate-card,.sidenav,.card,.qlink,.popcat{
  border:var(--fw,6px) solid transparent!important;
  background-image:var(--in1),var(--in2),var(--frame)!important;
  background-origin:padding-box,padding-box,border-box!important;background-clip:padding-box,padding-box,border-box!important;
  background-size:auto,512px,var(--fs,600px)!important;background-position:0 0,0 0,var(--fx,0) var(--fy,0)!important;background-repeat:no-repeat,repeat,repeat!important;
  box-shadow:0 0 0 1px #050302,inset 0 0 0 1px rgba(0,0,0,.65),inset 0 4px 9px rgba(0,0,0,.6),0 7px 15px rgba(0,0,0,.55)!important;
  outline:1px solid rgba(255,226,186,.16);outline-offset:-1px}
.panel:not(.sb-cloth),.vpanel,.prose,.filters-row,.tool-card,.ct-card,.deal,.cta-panel,.donate-card,.sidenav{--fw:7px;--in1:linear-gradient(rgba(10,7,4,.5),rgba(10,7,4,.66));--in2:var(--t-dark)}
.hero{--fw:9px;--in1:linear-gradient(90deg,rgba(8,6,4,.62),rgba(8,6,4,.1) 82%);--in2:var(--t-paint)}
.qlink,.popcat,.kpi{--fw:6px;--in1:linear-gradient(rgba(10,7,4,.42),rgba(10,7,4,.58));--in2:var(--t-dark)}
.card{--fw:6px;--in1:linear-gradient(rgba(10,7,4,.24),rgba(10,7,4,.3));--in2:var(--t-paint)}
.grid>.card:nth-child(4n+2){--in2:var(--t-rust)}.grid>.card:nth-child(4n+3){--in2:var(--t-steel)}
/* болты сидят в углах рамки */
.sb-b::before{inset:calc(var(--fw,0px) * -1)}
/* светлый режим: тот же каркас, светлее вставки */
html.bright .panel:not(.sb-cloth),html.bright .vpanel,html.bright .prose,html.bright .filters-row,html.bright .tool-card,html.bright .ct-card,html.bright .deal,html.bright .cta-panel,html.bright .donate-card,html.bright .sidenav,html.bright .qlink,html.bright .popcat,html.bright .kpi{--in1:linear-gradient(rgba(10,7,4,.34),rgba(10,7,4,.46));--in2:var(--t-steel)}
html.bright .card{--in1:linear-gradient(rgba(10,7,4,.3),rgba(10,7,4,.34))}
html.bright .hero{--in1:linear-gradient(90deg,rgba(8,6,4,.5),rgba(8,6,4,.1) 82%)}
/* узкие блоки: рамка потоньше, чтобы текст не обрезался */
.qlink,.popcat,.kpi{--fw:4px}
.popcat-body{padding-left:7px!important;padding-right:5px!important}
.popcat-body *{letter-spacing:0!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none}
.popcat{--fw:3px}

/* =====================================================================
   v7 · шапка, кнопки и фон по новому образцу: тёмная пластина с рыжей ржавой рамкой, меню-текст, трубы по краям.
   Никаких «волокон» (читались как дерево/бетон) — тёмный литой металл.
   ===================================================================== */
/* шапка: тёмная пластина + рамка из ржавого листа снизу */
header.topbar{--frame:url(/static/assets/tex/plate2.jpg);border-bottom:9px solid transparent!important;
  background-image:linear-gradient(180deg,rgba(255,226,186,.08),rgba(0,0,0,0) 34%,rgba(0,0,0,.4)),linear-gradient(rgba(14,10,7,.5),rgba(14,10,7,.68)),var(--t-dark),var(--frame)!important;
  background-origin:padding-box,padding-box,padding-box,border-box!important;background-clip:padding-box,padding-box,padding-box,border-box!important;
  background-size:auto,auto,520px,720px!important;background-repeat:no-repeat,no-repeat,repeat,repeat!important;background-position:0 0,0 0,0 0,0 0!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  box-shadow:0 10px 24px rgba(0,0,0,.72),inset 0 -2px 0 #050302,inset 0 1px 0 rgba(255,226,186,.16)!important}
header.topbar::before{display:none!important}
/* пункты меню — текст с рыжим подчёркиванием, без «кнопок» */
.toptabs a{background:none!important;box-shadow:none!important;border-radius:0!important;color:#c9a781!important;letter-spacing:.1em;border-bottom:2px solid transparent;text-shadow:0 1px 0 #000;filter:none!important;transition:color .15s ease,border-color .15s ease,text-shadow .15s ease}
.toptabs a:hover{color:#ffe7c4!important;border-bottom-color:#a86a36;text-shadow:0 0 10px rgba(220,120,50,.45),0 1px 0 #000}
.toptabs a.active{color:#ffd9a2!important;border-bottom-color:#c4743a;text-shadow:0 0 12px rgba(220,120,50,.55),0 1px 0 #000}
.toptabs a.active:hover{color:#ffe7c4!important;border-bottom-color:#e08a4a}
/* шапка справа: тихие тёмные контролы без медного свечения и «болтов» */
.top-right{gap:8px!important;align-items:center}
.top-right .icon-btn,.top-right .user-chip,.top-right #postBtn{
  background:linear-gradient(180deg,#241811,#120c08)!important;background-image:none!important;
  border:1px solid #5a3a22!important;border-radius:5px!important;color:#d4b896!important;
  box-shadow:inset 0 1px 0 rgba(255,220,180,.08),inset 0 -1px 0 rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.45)!important;
  filter:none!important;outline:none!important;text-shadow:0 1px 0 #000!important}
.top-right .icon-btn{width:34px!important;height:34px!important;padding:0!important}
.top-right .icon-btn svg,.top-right .icon-btn .ic{width:16px;height:16px;filter:none!important;opacity:.9}
.top-right .user-chip{padding:3px 8px 3px 3px!important;gap:7px!important;min-height:34px;box-sizing:border-box}
.top-right .user-chip .avatar{width:26px!important;height:26px!important;font-size:10px!important;box-shadow:0 0 0 1px #0a0704}
.top-right .user-name{font-size:12px;font-weight:600;color:#ead7bc;letter-spacing:.02em}
.top-right .user-bal,.top-right #userRoleHint{font-size:10px!important;color:#8a7355!important;font-family:'Inter',sans-serif!important;letter-spacing:.04em;text-transform:lowercase}
.top-right #postBtn{height:34px;padding:0 11px!important;font-size:11px!important;letter-spacing:.08em;font-weight:700;text-transform:uppercase}
.top-right .icon-btn:hover,.top-right .user-chip:hover,.top-right #postBtn:hover{
  border-color:#8a5a32!important;color:#f0e0c8!important;filter:brightness(1.08)!important;box-shadow:inset 0 1px 0 rgba(255,220,180,.12),0 1px 3px rgba(0,0,0,.5)!important}
.top-right .icon-btn:active,.top-right .user-chip:active,.top-right #postBtn:active{transform:translateY(1px);filter:brightness(.96)!important}
.top-right .user-chip.sb-b::before,.top-right .icon-btn.sb-b::before{display:none!important}
.top-right .icon-btn:focus-visible{outline:1px solid #8a5a32!important;outline-offset:2px}
#bellBtn .badge-dot{top:-4px;right:-4px;background:#a84828!important;border:1px solid #1a100a;box-shadow:0 1px 2px rgba(0,0,0,.6);font-family:var(--f-head);letter-spacing:.02em;min-width:16px;height:16px;font-size:9px}
/* кнопки — тёмные пластины с медным ободком и светящимся текстом */
.btn{background:linear-gradient(180deg,#2c1f15,#150e09)!important;border:1px solid #7a4724!important;border-radius:6px!important;color:#e8c9a0!important;text-shadow:0 1px 0 #000;
  box-shadow:inset 0 1px 0 rgba(255,205,150,.22),inset 0 -2px 0 rgba(0,0,0,.5),0 2px 5px rgba(0,0,0,.6)!important}
.btn:hover{border-color:#c07a40!important;color:#fff0d4!important;filter:none!important}
.btn-primary,.list-tab.active{background:linear-gradient(180deg,#6d4328,#3b2213)!important;border:1px solid #c07a40!important;color:#ffe8c4!important;
  box-shadow:inset 0 1px 0 rgba(255,216,172,.45),inset 0 -2px 0 rgba(0,0,0,.5),0 0 12px rgba(200,110,50,.26),0 2px 5px rgba(0,0,0,.6)!important;text-shadow:0 1px 0 #000,0 0 8px rgba(255,170,90,.4)}
.btn-primary:hover{border-color:#e39a58!important;filter:brightness(1.12)!important}
/* postBtn в шапке — не primary-свечение */
.top-right #postBtn.btn-primary{
  background:linear-gradient(180deg,#241811,#120c08)!important;border:1px solid #5a3a22!important;color:#d4b896!important;
  box-shadow:inset 0 1px 0 rgba(255,220,180,.08),inset 0 -1px 0 rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.45)!important;
  text-shadow:0 1px 0 #000!important}
.top-right #postBtn.btn-primary:hover{border-color:#8a5a32!important;color:#f0e0c8!important;filter:brightness(1.08)!important}
.card-buy{background:linear-gradient(180deg,#5a3822,#2e1a10)!important;border:1px solid #a86a38!important;color:#ffe8c4!important;
  box-shadow:inset 0 1px 0 rgba(255,216,172,.28),inset 0 -1px 0 rgba(0,0,0,.35),0 1px 3px rgba(0,0,0,.4)!important;
  text-shadow:0 1px 0 #000!important;width:100%!important;height:30px!important;min-height:30px!important;padding:0 11px!important;font-size:10.5px!important;border-radius:5px!important;align-self:stretch!important}
.card-actions .card-buy{width:auto!important;flex:1 1 auto!important}
.card-buy:hover{border-color:#d08a48!important;filter:brightness(1.08)!important}
.list-tab,.type-pill{background:linear-gradient(180deg,#241811,#120c08)!important;border:1px solid #5e381f!important;color:#cdaa80!important;box-shadow:inset 0 1px 0 rgba(255,205,150,.14),inset 0 -2px 0 rgba(0,0,0,.45)!important}
.search-wrap{background:none!important;border:0!important;box-shadow:none!important;padding:4px 2px!important}
.search-wrap input{background:none!important;border:none!important;border-bottom:1px solid #6a4224!important;border-radius:0!important;box-shadow:none!important;color:#e8d4b0!important;padding:6px 0!important}
.search-wrap:focus-within input{border-bottom-color:#c07a40!important;box-shadow:0 1px 0 rgba(200,120,50,.4)!important}
.search-wrap svg{color:#e0b25a!important}

/* технический потолок под шапкой — тёмный металл, не бетон */
.sb-edge{background:linear-gradient(rgba(0,0,0,.34),rgba(0,0,0,0) 55%,rgba(0,0,0,.3)),var(--t-dark) 0 0/520px!important}

/* фон: почти чёрный литой металл, виньетка и трубы по краям экрана */
.sb-wall{background:radial-gradient(ellipse at 50% 0%,rgba(160,80,34,.1),transparent 55%),linear-gradient(rgba(8,6,4,.42),rgba(5,4,3,.8)),url(/static/assets/tex/wall.jpg) 0 0/640px!important}
.sb-wall::before,.sb-wall::after{content:'';position:fixed;top:0;bottom:0;width:14px;z-index:0;pointer-events:none;
  background:repeating-linear-gradient(180deg,transparent 0 196px,rgba(8,5,3,.8) 196px 206px,rgba(210,160,110,.35) 206px 207px,transparent 207px 400px),
    linear-gradient(90deg,#150c06 0%,#7f5230 20%,#c98f58 38%,#8c5a34 56%,#3a2214 84%,#100804 100%);
  box-shadow:0 0 0 1px #050302,0 0 14px rgba(0,0,0,.75);opacity:.9}
.sb-wall::before{left:5px}.sb-wall::after{right:5px}
@media (max-width:1100px){.sb-wall::before,.sb-wall::after{display:none}}
html.bright .sb-wall::before,html.bright .sb-wall::after{opacity:.75}
/* главный блок и карточки — тёплая ржавая пластина, как на образце (а не зеленоватая краска) */
.hero{--in1:linear-gradient(90deg,rgba(8,6,4,.6),rgba(8,6,4,.16) 84%);--in2:url(/static/assets/tex/plate3.jpg)}
.card{--in1:linear-gradient(rgba(10,7,4,.28),rgba(10,7,4,.34));--in2:url(/static/assets/tex/plate1.jpg)}
.grid>.card:nth-child(4n+2){--in2:url(/static/assets/tex/plate2.jpg)}
.grid>.card:nth-child(4n+3){--in2:url(/static/assets/tex/plate3.jpg)}
html.bright .hero{--in1:linear-gradient(90deg,rgba(8,6,4,.5),rgba(8,6,4,.12) 84%)}
html.bright .card{--in1:linear-gradient(rgba(10,7,4,.3),rgba(10,7,4,.34))}

/* =====================================================================
   v8 · «как на образце»: рамка окна, рамки блоков (из макета), арт станции в главном блоке, медная пластина с текстом, трубы
   Графика вырезана из макета: static/assets/ref/*
   ===================================================================== */
html{--wf:9px}
/* рамка окна — ржавая, по краю экрана */
body::after{content:'';position:fixed;inset:0;z-index:58;pointer-events:none;border:var(--wf) solid transparent;border-image:url(/static/assets/ref/frame-window.png) 14 stretch}
@media (max-width:700px){body::after{display:none}}
/* нижняя кромка шапки — ржавая полоса из макета */
header.topbar{border-bottom:12px solid transparent!important;border-image:url(/static/assets/ref/hdr-bottom.png) 0 0 16 0 / 0 0 12px 0 stretch!important}
/* рамки блоков — 9-slice из макета (углы и кромка с ржавчиной) */
.panel:not(.sb-cloth),.vpanel,.prose,.filters-row,.sidenav,.tool-card,.ct-card,.deal,.cta-panel,.donate-card,.kpi{
  border:8px solid transparent!important;border-image:url(/static/assets/ref/frame-panel.png) 11 / 8px round!important;border-radius:8px!important;
  box-shadow:0 7px 15px rgba(0,0,0,.55)!important;outline:0}
.card,.qlink,.popcat{
  border:7px solid transparent!important;border-image:url(/static/assets/ref/frame-card.png) 12 / 7px round!important;border-radius:8px!important;
  box-shadow:0 7px 15px rgba(0,0,0,.55)!important;outline:0}
.qlink{border-width:5px!important;border-image-width:5px!important}
.hero{border:11px solid transparent!important;border-image:url(/static/assets/ref/frame-panel.png) 11 / 11px round!important;border-radius:10px!important;box-shadow:0 9px 20px rgba(0,0,0,.6)!important;outline:0}
.sb-b::before{inset:calc(var(--fw,0px) * -1)}
/* главный блок: справа арт станции, слева медная пластина */
.hero{--in1:linear-gradient(90deg,rgba(8,6,4,.55),rgba(8,6,4,.1) 80%);--in2:url(/static/assets/tex/dark.jpg)}
.hero::after{content:''!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:60%!important;height:auto!important;transform:none!important;filter:none!important;opacity:1!important;
  background:linear-gradient(90deg,rgba(8,6,4,.5),transparent 18%),url(/static/assets/ref/hero-art.jpg) center/cover no-repeat!important;border-radius:0 6px 6px 0!important;
  box-shadow:inset 0 0 44px rgba(0,0,0,.65),inset 0 0 0 2px rgba(0,0,0,.6)!important;z-index:1!important}
.hero-plate{position:absolute;z-index:2;pointer-events:none;border:8px solid transparent;border-image:url(/static/assets/ref/frame-panel.png) 11 / 8px round;border-radius:10px;
  background:linear-gradient(135deg,rgba(222,150,78,.55),rgba(124,66,30,.6)),url(/static/assets/tex/plate3.jpg) 0 0/560px;
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.42),inset 0 0 0 4px rgba(255,216,172,.18),inset 0 10px 24px rgba(0,0,0,.35),7px 9px 20px rgba(0,0,0,.55)}
.hero>*:not(.hero-plate):not(.sb-dmg):not(.sb-motes):not(.sb-ships):not(.hero-glow):not(.hero-badge){position:relative;z-index:3}
/* текст на медной пластине — тёмно-коричневый, тиснёный */
.hero h1,.hero h1 em{color:#40240f!important;-webkit-text-fill-color:#40240f!important;background:none!important;text-shadow:0 1px 0 rgba(255,214,170,.55),0 -1px 0 rgba(0,0,0,.35)!important}
.hero p,.hero-eyebrow,.hero .sub{color:#4a2b14!important;text-shadow:0 1px 0 rgba(255,214,170,.4)!important}
.hero-eyebrow{font-weight:700}
/* быстрые ссылки — гнездо лампы справа (всегда видно) */
.qlink{position:relative}
.qlink::after{content:''!important;position:absolute!important;right:8px;top:28%;bottom:28%;width:10px;border-radius:5px;
  background:linear-gradient(90deg,#050302,#1a120c 55%,#0c0906)!important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,200,140,.08),0 1px 0 rgba(255,200,150,.14)!important;pointer-events:none;z-index:1}
/* категории: плитка-пластина, значок — тиснёная медь */
.popcat-thumb{background:linear-gradient(rgba(20,14,10,.1),rgba(20,14,10,.3)),url(/static/assets/tex/steel.jpg) 0 0/380px!important;box-shadow:inset 0 0 0 2px rgba(0,0,0,.45),inset 0 0 0 4px rgba(255,214,170,.12)!important;border-radius:6px}
.popcat-thumb svg,.thumb svg.mainic{color:#b4703a!important;filter:drop-shadow(0 1px 0 rgba(255,220,176,.5)) drop-shadow(0 -1px 1px rgba(0,0,0,.75))!important}
/* трубы по краям экрана — из макета */
.sb-wall::before,.sb-wall::after{width:22px;background:url(/static/assets/ref/pipe-v.png) repeat-y center/22px auto!important;box-shadow:none;opacity:.95}
.sb-wall::before{left:12px}.sb-wall::after{right:12px}
/* текст главного блока умещается на медной пластине */
.hero h1{font-size:clamp(28px,3.1vw,46px)!important;line-height:1.05!important}
.hero h1,.hero p,.hero-eyebrow,.hero .sub{max-width:min(47%,520px)!important}
.hero p{font-size:clamp(13px,1.05vw,16px)!important}
.hero h1{font-size:clamp(20px,2vw,30px)!important}
.hero h1,.hero p,.hero-eyebrow,.hero .sub{max-width:min(52%,540px)!important}
.hero h1{font-size:clamp(20px,2vw,30px)!important;letter-spacing:.01em}

/* =====================================================================
   v9 · «один в один» с макетом: пропорции колонок, шапка-пластина, быстрые ссылки, плитки категорий, карточки, трубы
   ===================================================================== */
@media (min-width:1200px){
  .shell{grid-template-columns:clamp(180px,12.4vw,230px) minmax(0,1fr) clamp(240px,16.8vw,320px)!important;gap:20px!important;padding:24px clamp(38px,3.5vw,64px) 60px!important}
}
/* шапка — плавающая пластина в рамке со скруглёнными углами */
header.topbar{position:sticky!important;top:12px;margin:12px 16px 0!important;border:10px solid transparent!important;border-image:url(/static/assets/ref/frame-panel.png) 11 / 10px round!important;border-radius:12px!important;box-shadow:0 10px 24px rgba(0,0,0,.65)!important}
.sidenav,.rightpanel{top:104px!important}
.sidenav{max-height:calc(100vh - 120px)!important}
/* top / left / width / max-height для .sidenav.is-pinned задаёт pin() в theme.js */
/* быстрые ссылки: выключенная лампа в гнезде → при hover загорается */
.quicklinks{margin-bottom:22px!important}
.qlink::before{content:''!important;position:absolute!important;right:11px;top:50%;width:4px;height:18px;margin-top:-9px;border-radius:2px;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,#3a2a1a,#1a1008 55%,#2a1c12)!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.85),inset 0 -1px 0 rgba(255,200,140,.06),0 0 0 1px rgba(0,0,0,.5)!important;
  opacity:.9;transition:background .18s ease,box-shadow .18s ease,filter .18s ease}
.qlink:hover::before{background:linear-gradient(180deg,#ffe0a0,#ffb040 40%,#e07020)!important;
  box-shadow:0 0 4px 1px rgba(255,180,70,.95),0 0 12px 3px rgba(255,140,40,.65),inset 0 1px 1px rgba(255,255,230,.5)!important;
  filter:brightness(1.08)}
/* плитки категорий: тёмный металл (не цемент), ржавчина по краям, тиснёная медь */
.popcat{--in1:linear-gradient(180deg,rgba(16,12,9,.58),rgba(8,6,4,.76));--in2:url(/static/assets/tex/steel.jpg)}
.popcat-thumb{background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.15)),radial-gradient(ellipse at 50% 40%,rgba(40,30,22,.2),transparent 70%)!important;box-shadow:inset 0 3px 10px rgba(0,0,0,.75),inset 0 0 0 1px rgba(0,0,0,.55),inset 0 0 0 2px rgba(255,200,140,.08)!important;border-radius:8px;margin:6px 6px 0}
.popcat-thumb svg{width:54px!important;height:54px!important;color:#e0a050!important;filter:drop-shadow(0 0 6px rgba(255,160,60,.45)) drop-shadow(0 1px 0 rgba(0,0,0,.8))!important;stroke-width:1.5}
.popcat-body{margin:6px!important;border-radius:6px;background:linear-gradient(180deg,#1a120c,#0e0907)!important;border:1px solid #6a4224;padding:6px 9px!important;box-shadow:inset 0 1px 0 rgba(255,214,170,.14),inset 0 2px 6px rgba(0,0,0,.65)!important}
.pop-badge{position:absolute;top:9px;right:10px;z-index:3;font:700 10px 'IBM Plex Mono',monospace;color:#e8c08a;background:rgba(14,10,7,.82);border:1px solid #6a4020;border-radius:4px;padding:1px 5px;font-style:normal}
/* панель-цитата с фото из макета */
.panel.promo,.rightpanel .promo{--in1:linear-gradient(rgba(8,6,4,.42),rgba(8,6,4,.7));--in2:url(/static/assets/ref/quote-bg.jpg);background-size:auto,cover,var(--fs,600px)!important}

#sb-pipes{filter:drop-shadow(0 3px 3px rgba(0,0,0,.6))}
/* пропорции шапки и главного блока как на макете */
header.topbar .topbar-inner,header.topbar>div{padding-top:2px!important;padding-bottom:2px!important}
header.topbar{margin-top:10px!important;top:10px!important}
.hero{padding-left:34px!important}


/* крыса, мухи и трубы больше не расширяют страницу (раньше крыса, въезжая из-за края, давала горизонтальную прокрутку) */
.sb-debris{overflow-x:clip;overflow-y:visible}
html,body{overflow-x:clip}

/* =====================================================================
   v10 · главный блок «как на шаблоне»: объёмная медная плакетка (свет в центре, ржавчина и тёмная кромка по краям, заклёпки), свечение, значок на арте
   ===================================================================== */
.hero-plate{background:
    radial-gradient(ellipse 70% 62% at 46% 38%,rgba(255,206,132,.5),rgba(255,160,80,.16) 55%,rgba(60,24,8,0) 78%),
    linear-gradient(180deg,rgba(0,0,0,.0) 62%,rgba(36,14,4,.46)),
    linear-gradient(135deg,rgba(214,142,72,.6),rgba(116,60,26,.66)),
    url(/static/assets/tex/plate3.jpg) 0 0/560px!important;
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.5),inset 0 0 0 4px rgba(255,218,176,.2),inset 0 0 34px rgba(30,10,2,.55),inset 0 12px 26px rgba(0,0,0,.28),
    8px 10px 22px rgba(0,0,0,.6),0 0 46px rgba(214,120,48,.32)!important}
.hero-plate::before{content:'';position:absolute;inset:7px;pointer-events:none;
  background-image:var(--bolt-hex),var(--bolt-hex2),var(--bolt-phillips),var(--bolt-hex);background-repeat:no-repeat;background-size:15px 15px;background-position:0 0,100% 0,0 100%,100% 100%}
.hero-plate::after{content:'';position:absolute;inset:14px;border:1px solid rgba(255,222,184,.2);border-radius:6px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.35);pointer-events:none}
/* тиснёный текст: тёмный, со светлой кромкой снизу */
.hero h1{text-shadow:0 1.5px 0 rgba(255,222,184,.65),0 -1px 0 rgba(0,0,0,.4),0 0 18px rgba(255,190,110,.25)!important;letter-spacing:.015em}
/* свечение главного блока и значок на арте */
.hero-glow{position:absolute;z-index:1;pointer-events:none;inset:0;background:radial-gradient(ellipse 50% 80% at 30% 45%,rgba(255,168,84,.2),transparent 70%),radial-gradient(ellipse 36% 60% at 92% 50%,rgba(120,170,230,.1),transparent 70%);animation:hero-glow 7s ease-in-out infinite}
@keyframes hero-glow{0%,100%{opacity:.85}50%{opacity:1}}
.hero-badge{display:none!important}
html.fx-lite .hero-glow,html.fx-off .hero-glow{animation:none}
@media (prefers-reduced-motion:reduce){.hero-glow{animation:none}}

/* v11 · главный блок: баннер на всю ширину под плашкой, плашка узкая, текст внутри неё с отступами */
.hero{padding-left:66px!important}
.hero::after{left:0!important;width:auto!important;border-radius:6px!important;
  background:linear-gradient(90deg,rgba(8,6,4,.66),rgba(8,6,4,.3) 36%,rgba(8,6,4,0) 64%),var(--hero-art,url(/static/assets/ref/hero-art.jpg)) 64% center/cover no-repeat!important}
.hero h1,.hero p,.hero-eyebrow,.hero .sub{max-width:clamp(240px,36%,380px)!important}
.hero-eyebrow{letter-spacing:.11em!important;line-height:1.55!important}
.hero .btn{white-space:nowrap}
.hero-glow{background:radial-gradient(ellipse 36% 80% at 22% 45%,rgba(255,168,84,.2),transparent 70%),radial-gradient(ellipse 36% 60% at 92% 50%,rgba(120,170,230,.1),transparent 70%)}

/* =====================================================================
   v12 · ткань и крепление: единое полотно (ничего не разъезжается), рукав на штанге, кронштейны с болтами
   ===================================================================== */
.cl-tail,.cl-hang,.cl-hw .cl-hang{display:none!important}
.panel.sb-cloth .panel-head,.panel.sb-cloth .loc-item{animation:none!important;will-change:auto!important;transform:none}
.cl-wrap{position:relative;padding-top:34px;margin-top:-4px;margin-bottom:12px}
.cl-shadow{position:absolute;left:10px;right:10px;top:46px;bottom:-8px;background:rgba(0,0,0,.55);filter:blur(10px);border-radius:10px;z-index:0}
/* штанга: ниже ткани, торчат только концы */
.cl-rod{position:absolute;left:-14px;right:-14px;top:25px;height:12px;border-radius:6px;z-index:1;
  background:linear-gradient(180deg,#e6e0d2 0%,#9a9487 28%,#4a463e 62%,#1a1814 100%);box-shadow:0 2px 3px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.6)}
.cl-cap{position:absolute;top:-3px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#f6f1e2,#9a9487 46%,#26241f);box-shadow:0 1px 3px #000}
.cl-cap.l{left:-10px}.cl-cap.r{right:-10px}
/* крепление: кронштейн с болтами → ремешок → кольцо на штанге */
.cl-hw{position:absolute;left:-14px;right:-14px;top:0;height:40px;pointer-events:none;z-index:4}
.cl-brk{position:absolute;top:-4px;width:34px;height:20px;border-radius:5px;border:1px solid #050302;
  background-image:var(--bolt-hex),var(--bolt-hex2),linear-gradient(180deg,#5a5045,#1d1812),url(/static/assets/tex/steel.jpg);background-repeat:no-repeat,no-repeat,no-repeat,repeat;background-size:9px 9px,9px 9px,auto,160px;
  background-position:5px 50%,calc(100% - 5px) 50%,0 0,0 0;box-shadow:inset 0 1px 0 rgba(255,236,206,.3),0 3px 5px rgba(0,0,0,.65)}
.cl-brk.l{left:10px}.cl-brk.r{right:10px}
.cl-strap{position:absolute;top:15px;width:8px;height:14px;background:linear-gradient(90deg,#241c13,#6d5b3e 50%,#241c13);box-shadow:0 0 0 1px #050302}
.cl-strap.l{left:23px}.cl-strap.r{right:23px}
.cl-ring{position:absolute;top:21px;width:18px;height:20px;border:3px solid #a9a395;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.7)}
.cl-ring.l{left:19px}.cl-ring.r{right:19px}
/* полотно: тёмная плотная ткань, одно целое */
.panel.sb-cloth{z-index:2;border:0!important;border-image:none!important;border-radius:0!important;box-shadow:none!important;transform-origin:50% 0;padding-top:34px!important;margin-top:0;
  background-color:#3f4033!important;background-image:linear-gradient(rgba(10,9,6,.3),rgba(10,9,6,.46)),url(/static/assets/tex/cloth.jpg)!important;background-size:auto,300px!important;background-repeat:no-repeat,repeat!important;
  filter:url(#sb-cloth-wave);overflow:visible}
.panel.sb-cloth::before{content:'';position:absolute;inset:26px 9px 22px 9px;border:1px dashed rgba(236,220,170,.34);border-radius:2px;pointer-events:none;background:none!important}
.panel.sb-cloth::after{content:none!important}
/* рукав вокруг штанги: выпуклая складка со строчкой */
.cl-sleeve{position:absolute;left:0;right:0;top:0;height:24px;pointer-events:none;z-index:3;
  background:linear-gradient(180deg,rgba(255,238,200,.3),rgba(255,238,200,.08) 38%,rgba(0,0,0,.42));border-bottom:1px solid rgba(0,0,0,.55);box-shadow:inset 0 -3px 4px rgba(0,0,0,.35)}
.cl-sleeve::after{content:'';position:absolute;left:6px;right:6px;bottom:4px;border-bottom:1px dashed rgba(236,220,170,.5)}
/* складки света: широкий градиент едет по ткани (GPU) */
.cl-sheen{position:absolute;top:0;bottom:0;left:-35%;width:170%;pointer-events:none;z-index:1;
  background:linear-gradient(90deg,transparent 0 12%,rgba(255,236,196,.07) 20%,transparent 30%,rgba(0,0,0,.14) 44%,transparent 56%,rgba(255,236,196,.06) 68%,transparent 80%,rgba(0,0,0,.12) 92%,transparent);animation:cl-sheen 9s ease-in-out infinite alternate;will-change:transform}
@keyframes cl-sheen{from{transform:translateX(-7%)}to{transform:translateX(7%)}}
.panel.sb-cloth .panel-head,.panel.sb-cloth .loc-item{position:relative;z-index:2}
html.fx-off .cl-sheen,html.fx-lite .cl-sheen{animation:none}
html.bright .panel.sb-cloth{background-image:linear-gradient(rgba(10,9,6,.4),rgba(10,9,6,.55)),url(/static/assets/tex/cloth.jpg)!important}
@media (prefers-reduced-motion:reduce){.cl-sheen{animation:none}}


/* =====================================================================
   v13 · логотип StarBaz, ровный главный блок, ткань на ремешках, плитки категорий, ряд вкладок, все контролы в стиле сайта,
   лампа на карточке при наведении, вывеска «Угостить кофе» в духе Fallout, трубы справа отзеркалены
   ===================================================================== */
body{position:relative}
.brand{gap:8px;align-items:center}
.brand-logo{height:46px;width:auto;position:relative;z-index:1;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.8)) drop-shadow(-6px 0 10px rgba(255,160,60,.28))}
/* овальная лампа накаливания в рейдерском гнезде — не круглая LED */
.brand-led{display:flex!important;position:relative;flex:0 0 auto;width:16px;height:36px;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;padding:3px 0 2px;
  background:linear-gradient(180deg,#2a1c12,#100a07);border:0;border-radius:9px;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.85),inset 0 0 0 1px rgba(0,0,0,.45)}
.brand-led-bulb{position:relative;display:block;width:9px;height:16px;margin-bottom:-1px;z-index:1;opacity:1;filter:brightness(1.12)}
.brand-led-glass{position:absolute;inset:0;border-radius:50% 50% 42% 42%/58% 58% 42% 42%;border:0;
  background:radial-gradient(ellipse 70% 55% at 38% 28%,rgba(255,252,230,.75) 0%,rgba(255,210,120,.45) 28%,rgba(255,160,60,.55) 55%,rgba(180,90,20,.35) 78%,rgba(40,18,6,.25) 100%);
  box-shadow:0 0 5px 1px rgba(255,170,60,.55),0 0 10px 2px rgba(255,130,40,.28),inset -1px 0 2px rgba(255,255,255,.15)}
.brand-led-glass::after{content:'';position:absolute;left:1px;top:3px;width:2px;height:6px;border-radius:2px;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));transform:rotate(-12deg)}
.brand-led-filament{position:absolute;left:50%;top:5px;width:4px;height:7px;margin-left:-2px;z-index:1;
  background:linear-gradient(90deg,transparent 0 35%,#ffd27a 35% 45%,transparent 45% 55%,#ffb040 55% 65%,transparent 65%),
    repeating-linear-gradient(180deg,#ffe08a 0 1px,transparent 1px 2.2px);
  background-size:100% 100%,100% 100%;opacity:.95;
  filter:drop-shadow(0 0 2px #ff9a30) drop-shadow(0 0 4px rgba(255,140,40,.8));
  clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}
.brand-led-base{display:block;width:8px;height:7px;border-radius:1px 1px 2px 2px;z-index:2;
  background:linear-gradient(180deg,#6a5a48,#2a2218 40%,#4a3a2a 70%,#1a140e);
  box-shadow:inset 0 1px 0 rgba(255,220,180,.25),inset 0 -1px 0 rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.5);
  border:1px solid #1a1008}
.brand-led-base::before{content:'';display:block;height:100%;
  background:repeating-linear-gradient(180deg,transparent 0 1.2px,rgba(0,0,0,.45) 1.2px 1.7px,rgba(255,220,180,.12) 1.7px 2px)}
.brand-led-wash{position:absolute;left:65%;top:42%;width:56px;height:48px;transform:translateY(-50%);pointer-events:none;border-radius:50%;z-index:0;opacity:.85;
  background:radial-gradient(ellipse at 0% 50%,rgba(255,170,60,.4) 0%,rgba(255,140,40,.14) 40%,transparent 72%)}
html.fx-off .brand-led-wash{opacity:.35}
html.fx-off .brand-led-bulb{opacity:.7;filter:brightness(.85)}
/* серой плашки под шапкой нет — лампы висят на самой раме */
.sb-edge-wrap{display:none!important}
/* шапка: снаружи ржавая рама, внутри — утопленная металлическая пластина (эффект «рейдеров») */
header.topbar{background:linear-gradient(180deg,rgba(40,24,14,.55),rgba(14,10,7,.75)),url(/static/assets/tex/plate2.jpg) 0 0/560px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  box-shadow:0 10px 24px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,214,170,.14)!important}
header.topbar>.topbar-in,header.topbar .topbar-in{position:relative;z-index:1;margin:5px 7px;padding:8px 14px!important;border-radius:7px;border:1px solid #0a0704;
  background:
    linear-gradient(180deg,rgba(0,0,0,.62) 0%,rgba(8,10,14,.35) 40%,rgba(0,0,0,.5) 100%),
    linear-gradient(90deg,rgba(255,200,140,.04),transparent 12%,transparent 88%,rgba(255,200,140,.04)),
    url(/static/assets/tex/dark.jpg) 0 0/520px!important;
  background-blend-mode:normal,normal,multiply;
  box-shadow:
    inset 0 4px 10px rgba(0,0,0,.88),
    inset 0 -2px 0 rgba(255,210,160,.1),
    inset 0 1px 0 rgba(120,150,180,.08),
    inset 3px 0 8px rgba(0,0,0,.35),
    inset -3px 0 8px rgba(0,0,0,.35),
    0 1px 0 rgba(255,200,150,.12)!important}
.topbar-in::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background-image:var(--bolt-hex),var(--bolt-hex2),var(--bolt-phillips),var(--bolt-hex);
  background-repeat:no-repeat;background-size:10px 10px;
  background-position:6px 6px,calc(100% - 6px) 6px,6px calc(100% - 6px),calc(100% - 6px) calc(100% - 6px);
  opacity:.85}
.topbar-in>*{position:relative;z-index:1}
/* трубы справа — зеркально слева */
.sb-wall::after{transform:scaleX(-1)}
/* главный блок: текст ровно внутри плашки, с зазором до заклёпок и внутренней кромки */
.hero-content{max-width:min(420px,46%)!important;margin:var(--fw);padding:3px 12px 15px 10px;box-sizing:border-box}
.hero h1{font-size:clamp(20px,1.9vw,28px)!important;letter-spacing:.01em;line-height:1.1!important;margin:0 0 12px!important}
.hero h1,.hero p,.hero-eyebrow,.hero .sub{max-width:100%!important}
.hero p{font-size:clamp(13px,.95vw,15px)!important;line-height:1.55!important;margin:0 0 16px!important}
.hero-eyebrow{font-size:10.5px!important;letter-spacing:.07em!important;line-height:1.45!important;margin-bottom:10px!important}
.hero-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}
.hero .btn{font-size:12px;padding:9px 12px}
.hero{padding:56px 40px 56px 64px!important}

/* ткань: штанги нет — два кронштейна с ремешками и люверсами; низ ровный */
.cl-rod{display:none!important}
.cl-wrap{padding-top:34px}
.cl-hw{left:0!important;right:0!important;top:0;height:60px}
.cl-brk{top:-10px;width:38px;height:22px}
.cl-brk.l{left:12px}.cl-brk.r{right:12px}
.cl-strap{top:11px;height:26px;width:7px}
.cl-strap.l{left:27px}.cl-strap.r{right:27px}
.cl-ring{top:34px;width:16px;height:16px;border:3px solid #b8b2a2;background:#090705;box-shadow:inset 0 0 0 1px rgba(0,0,0,.7),0 1px 2px rgba(0,0,0,.7)}
.cl-ring.l{left:23px}.cl-ring.r{right:23px}
.panel.sb-cloth{padding-top:46px!important;padding-bottom:32px!important}
.cl-sleeve{height:22px;border-radius:0}
.panel.sb-cloth::before{inset:34px 9px 14px 9px}

/* плитки категорий: тёмный брашированный металл + медный значок */
.popcat{--in1:linear-gradient(165deg,rgba(28,20,14,.45),rgba(10,7,5,.7) 55%,rgba(55,28,12,.55));--in2:url(/static/assets/tex/steel.jpg)}
.popcat-thumb{margin:8px 8px 0!important;border-radius:8px!important;
  background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(20,14,10,.08) 45%,rgba(0,0,0,.35)),linear-gradient(90deg,rgba(255,200,140,.04),transparent 30%,transparent 70%,rgba(255,200,140,.04))!important;
  box-shadow:inset 0 4px 12px rgba(0,0,0,.8),inset 0 0 0 1px #0a0704,inset 0 0 0 2px rgba(255,200,140,.1)!important}
.popcat-thumb svg{color:#ffb340!important;filter:drop-shadow(0 0 8px rgba(255,170,60,.55)) drop-shadow(0 1px 0 rgba(0,0,0,.85))!important}
.popcat-body{margin:0 8px 8px!important;padding:6px 10px!important;border-radius:6px!important;border:1px solid #6a4224!important;
  background:linear-gradient(180deg,#1c130d,#100a07)!important;box-shadow:inset 0 1px 0 rgba(255,214,170,.14),inset 0 2px 6px rgba(0,0,0,.7)!important}
.popcat-body .n{color:#f0e2c8!important;text-shadow:0 1px 0 #000}
.popcat-body .c{color:#a88860!important}

/* ряд вкладок и инструментов: одна высота, одна линия */
.listings-head{display:flex!important;align-items:center!important;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;margin-bottom:14px}
.list-tabs{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap}
.list-tab{height:38px!important;padding:0 16px!important;display:inline-flex!important;align-items:center;justify-content:center;line-height:1!important;margin:0!important}
.listings-tools{display:flex!important;align-items:center;gap:10px}
.listings-tools select.ctrl{height:38px!important;margin:0!important}
.view-toggle{display:inline-flex!important;align-items:stretch;height:38px;border:1px solid #5e381f;border-radius:7px;overflow:hidden;background:linear-gradient(180deg,#1a120c,#0e0907);box-shadow:inset 0 2px 6px rgba(0,0,0,.8)}
.view-toggle button{width:40px;display:flex;align-items:center;justify-content:center;background:none!important;border:0!important;color:#b98a5a;box-shadow:none!important;border-radius:0!important}
.view-toggle button+button{border-left:1px solid #3a2414!important}
.view-toggle button.active{background:linear-gradient(180deg,#6d4328,#3b2213)!important;color:#ffe8c4;box-shadow:inset 0 1px 0 rgba(255,216,172,.4)!important}
.type-pill{height:30px;display:inline-flex!important;align-items:center}
.filters-row{align-items:flex-end}
.filters-row select,.filters-row input{height:38px}

/* все поля и контролы — под дизайн сайта */
select,textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]){
  background:linear-gradient(180deg,#0e0907,#17100b)!important;border:1px solid #4b2d19!important;color:#e6c79c!important;border-radius:6px;box-shadow:inset 0 3px 8px rgba(0,0,0,.8)}
select,select.ctrl{-webkit-appearance:none!important;appearance:none!important;cursor:pointer;
  background-color:#120c08!important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1.5 1.8L6 6.2L10.5 1.8' stroke='%23e0b25a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
    linear-gradient(180deg,#1a120c,#0e0907)!important;
  background-repeat:no-repeat,no-repeat!important;
  background-position:right 11px center,0 0!important;
  background-size:12px 8px,100% 100%!important;
  border:1px solid #7a4724!important;border-radius:6px!important;color:#e8c9a0!important;
  padding:0 34px 0 12px!important;
  box-shadow:inset 0 1px 0 rgba(255,205,150,.14),inset 0 3px 8px rgba(0,0,0,.75),0 1px 0 rgba(255,200,150,.08)!important;
  font-family:'IBM Plex Mono',monospace!important;font-size:12.5px!important;letter-spacing:.02em}
select:hover,select.ctrl:hover{border-color:#c07a40!important;color:#ffe8c4!important}
select:focus,select.ctrl:focus,select:focus-visible,select.ctrl:focus-visible{
  outline:none!important;border-color:#c07a40!important;
  box-shadow:inset 0 1px 0 rgba(255,205,150,.18),inset 0 3px 8px rgba(0,0,0,.75),0 0 0 2px rgba(192,122,64,.45),0 0 12px rgba(200,110,50,.28)!important}
select option,select.ctrl option{background:#14100c;color:#e6c79c}
::placeholder{color:#7d6446!important}
input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid rgba(224,140,60,.7);outline-offset:1px}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:#c9783a}
input[type=file]{color:#cdaa80}
input[type=file]::file-selector-button{margin-right:10px;padding:7px 12px;border:1px solid #7a4724;border-radius:6px;color:#e8c9a0;cursor:pointer;background:linear-gradient(180deg,#2c1f15,#150e09);box-shadow:inset 0 1px 0 rgba(255,205,150,.22)}
input[type=file]::file-selector-button:hover{border-color:#c07a40;color:#fff0d4}
table{border-collapse:collapse}
hr{border:0;border-top:1px solid #3a2414}

/* лампа на карточке = .sb-tube, 1 секция: корпус всегда виден, светится только на hover (без scale) */
.card{transition:transform .18s ease,box-shadow .18s ease}
.card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #050302,0 0 28px rgba(255,170,80,.34),0 0 48px rgba(255,150,60,.16),0 10px 22px rgba(0,0,0,.6)!important}
.card-lamp{--lc:255,196,130;position:absolute;left:16%;right:16%;top:-2px;height:0;z-index:7;pointer-events:none;display:flex}
.card-lamp .rail{position:absolute;left:-4px;right:-4px;top:3px;height:5px;border-radius:2px;
  background:linear-gradient(#5a534a,#1a1612),var(--t-steel);background-size:auto,180px;
  box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,235,205,.22),0 1px 2px rgba(0,0,0,.5)}
.card-lamp .rail::before,.card-lamp .rail::after{content:'';position:absolute;top:-3px;width:2px;height:4px;
  background:linear-gradient(90deg,#3a352e,#8a8478 45%,#2a2722);box-shadow:0 0 0 1px #000}
.card-lamp .rail::before{left:16%}.card-lamp .rail::after{right:16%}
.card-lamp .sb-seg{position:relative;flex:1;height:0}
.card-lamp .sb-seg .bulb{position:absolute;left:2px;right:2px;top:7px;height:3px;border-radius:2px;
  background:linear-gradient(#3a3530,#1c1916);box-shadow:inset 0 1px 1px rgba(0,0,0,.55);transition:background .2s,box-shadow .2s}
.card-lamp .sb-seg .halo,.card-lamp .sb-seg .cone{opacity:0;transition:opacity .22s}
.card-lamp .sb-seg .halo{position:absolute;left:-10%;right:-10%;top:-8px;height:24px;
  background:radial-gradient(ellipse at 50% 60%,rgba(var(--lc),.26),transparent 72%)}
.card-lamp .sb-seg .cone{position:absolute;left:-18%;right:-18%;top:10px;height:52px;
  background:linear-gradient(180deg,rgba(var(--lc),.12),rgba(var(--lc),.04) 42%,transparent)}
.card:hover .card-lamp .sb-seg .bulb{background:linear-gradient(rgba(255,255,255,.96),rgb(var(--lc)) 60%,rgba(var(--lc),.8));
  box-shadow:0 0 4px 1px rgba(var(--lc),.85),0 0 12px 3px rgba(var(--lc),.32),0 3px 14px 4px rgba(var(--lc),.12);
  animation:lamp-on .45s forwards}
.card:hover .card-lamp .sb-seg .halo,.card:hover .card-lamp .sb-seg .cone{opacity:1}
@keyframes lamp-on{0%{opacity:.35}18%{opacity:1}32%{opacity:.55}52%{opacity:1}68%{opacity:.85}100%{opacity:1}}
html.bright .card-lamp .sb-seg .cone,html.bright .card-lamp .sb-seg .halo{display:none}
html.bright .card-lamp .sb-seg .bulb,html.bright .card:hover .card-lamp .sb-seg .bulb{background:linear-gradient(#cfc8b8,#8d877a);box-shadow:none;animation:none}
@media (hover:none){.card:hover .card-lamp .sb-seg .bulb{animation:none}}
@media (prefers-reduced-motion:reduce){.card-lamp .sb-seg .bulb,.card:hover .card-lamp .sb-seg .bulb,.card-lamp .sb-seg .halo,.card-lamp .sb-seg .cone{animation:none;transition:none}}

/* «Угостить кофе» — вывеска в духе Fallout: неон, звезда и бегущие лампочки по периметру */
.donate-card{--bulb:radial-gradient(circle at 50% 50%,#fffbe2 0 1.7px,#ffd36b 2.6px,rgba(255,150,40,.6) 4px,transparent 6px);
  position:relative;overflow:visible!important;text-align:center;padding:26px 14px 16px!important;
  border:3px solid #2a130b!important;border-image:none!important;border-radius:14px!important;outline:0;
  background:radial-gradient(ellipse 90% 70% at 50% 0%,rgba(190,64,34,.44),rgba(40,12,6,.92) 72%),url(/static/assets/tex/rust.jpg) 0 0/380px!important;
  box-shadow:0 0 0 1px #050302,0 0 26px rgba(255,120,40,.3),inset 0 0 22px rgba(0,0,0,.72)!important}
.donate-card::before,.donate-card::after{content:'';position:absolute;inset:5px;border-radius:10px;pointer-events:none;
  background-image:var(--bulb),var(--bulb),var(--bulb),var(--bulb);background-size:16px 12px,16px 12px,12px 16px,12px 16px;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;
  background-position:var(--bp) 0,var(--bp) 100%,0 var(--bp),100% var(--bp);animation-duration:1.3s;animation-timing-function:steps(1);animation-iteration-count:infinite}
.donate-card::before{--bp:0px;animation-name:bulbs-a}
.donate-card::after{--bp:8px;animation-name:bulbs-b}
@keyframes bulbs-a{0%,49%{opacity:1}50%,100%{opacity:.16}}
@keyframes bulbs-b{0%,49%{opacity:.16}50%,100%{opacity:1}}
.donate-card .t{font-family:'Russo One','Space Grotesk',sans-serif;font-size:15px;line-height:1.2;letter-spacing:.07em;text-transform:uppercase;color:#ffe3ad;text-shadow:0 0 3px #ffbf6a,0 0 10px #ff9a2e,0 0 22px #ff6f10}
.donate-card .t::before{content:'★';display:block;font-size:22px;line-height:1;margin-bottom:4px;color:#ff9f55;text-shadow:0 0 6px #ff6a20,0 0 18px #ff4d0a}
.donate-card .d{color:#ecd0ae;font-size:12px;margin:6px 0 12px;text-shadow:0 1px 0 #000}
#donateBtn{background:rgba(34,10,4,.72)!important;border:2px solid #ffd28a!important;color:#ffe9c2!important;border-radius:8px!important;letter-spacing:.1em;text-transform:uppercase;
  text-shadow:0 0 6px #ff9a30,0 0 14px #ff7a10;box-shadow:0 0 8px rgba(255,170,70,.7),inset 0 0 9px rgba(255,170,70,.4),0 0 24px rgba(255,120,30,.34)!important;animation:neon 5s linear infinite}
@keyframes neon{0%,100%{opacity:1}46%{opacity:1}47%{opacity:.8}49%{opacity:1}51%{opacity:.86}52%{opacity:1}}
html.fx-off .donate-card::before,html.fx-off .donate-card::after,html.fx-lite .donate-card::before,html.fx-lite .donate-card::after,html.fx-off #donateBtn,html.fx-lite #donateBtn{animation:none}
@media (prefers-reduced-motion:reduce){.donate-card::before,.donate-card::after,#donateBtn{animation:none}}
/* плитки категорий: значок сверху, подпись строго под ним */
.popcat{display:flex!important;flex-direction:column}
.popcat-thumb{height:76px!important;flex:0 0 76px;aspect-ratio:auto!important;display:flex!important;align-items:center;justify-content:center}
.popcat-thumb svg{width:44px!important;height:44px!important}
.popcat-body{margin-top:8px!important;flex:1 1 auto}
/* мелкие доводки */
.popcat-body{padding:6px 7px!important}
.popcat-body>*:first-child{font-size:13px!important}
.donate-card{padding:26px 24px 16px!important}
.ctrl,input.ctrl{background:linear-gradient(180deg,#0e0907,#17100b)!important;border:1px solid #4b2d19!important;color:#e6c79c!important;box-shadow:inset 0 3px 8px rgba(0,0,0,.8)!important}
input.ctrl:focus{outline:none;border-color:#c07a40!important;box-shadow:inset 0 3px 8px rgba(0,0,0,.8),0 0 0 2px rgba(192,122,64,.4)!important}


/* откат card-head: снова обычный kindtag (не трогаем .card-lamp) */
.card-head,.ch-sign,.ch-strip,.ch-plate,.ch-rivet,.ch-bulb,.ch-label{display:none!important}
.ch-lamp{display:none!important} /* gooseneck, не путать с .card-lamp */
.card.has-head .kindtag{display:block!important}
/* вывеска «Угостить кофе»: лампочки светят постоянно (с лёгкой «бегущей» волной яркости), освещают саму вывеску и всё вокруг */
.donate-card{--bulb:radial-gradient(circle at 50% 50%,#fffbe6 0 1.6px,#ffe08a 2.5px,rgba(255,170,50,.82) 4.5px,rgba(255,130,30,.3) 8px,transparent 11px);
  box-shadow:0 0 0 1px #050302,0 0 34px 4px rgba(255,160,50,.5),0 0 80px 10px rgba(255,120,30,.22),inset 0 0 26px rgba(255,170,60,.5),inset 0 0 60px rgba(0,0,0,.6)!important}
.donate-card::before,.donate-card::after{background-size:20px 20px,20px 20px,20px 20px,20px 20px;animation-timing-function:ease-in-out;animation-duration:2.6s;animation-direction:alternate}
.donate-card::after{--bp:10px}
@keyframes bulbs-a{from{opacity:1}to{opacity:.62}}
@keyframes bulbs-b{from{opacity:.62}to{opacity:1}}
.donate-card .t{text-shadow:0 0 4px #ffc070,0 0 12px #ff9a2e,0 0 28px #ff6f10,0 0 48px rgba(255,110,20,.6)}

/* вывеска: текст помещается */
.donate-card{padding:26px 16px 16px!important}
.donate-card .t{font-size:13px!important;letter-spacing:.05em!important;overflow-wrap:anywhere}
#donateBtn{font-size:11px!important;letter-spacing:.05em!important;padding:8px 6px!important;white-space:nowrap}

/* =====================================================================
   v16 · «Угостить кофе»: медная плакетка без бегущих лампочек — спокойно, в стиле сайта
   ===================================================================== */
.donate-card{
  --bulb:none;
  position:relative;overflow:hidden!important;text-align:center;
  margin-top:20px;padding:18px 14px 14px!important;
  border:8px solid transparent!important;
  border-image:url(/static/assets/ref/frame-panel.png) 11 / 8px round!important;
  border-radius:10px!important;outline:0;
  background:
    radial-gradient(ellipse 80% 55% at 50% 18%,rgba(255,190,110,.22),transparent 70%),
    linear-gradient(180deg,rgba(255,214,170,.08),rgba(0,0,0,.35)),
    linear-gradient(145deg,rgba(180,110,55,.55),rgba(70,36,16,.75)),
    url(/static/assets/tex/plate3.jpg) 0 0/420px!important;
  box-shadow:0 8px 18px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,214,170,.14),inset 0 0 28px rgba(0,0,0,.45)!important;
  transition:box-shadow .25s ease,filter .25s ease}
.donate-card::before{content:'';position:absolute;inset:7px;pointer-events:none;border-radius:6px;border:1px solid rgba(255,214,170,.16);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.35);
  background-image:var(--bolt-hex),var(--bolt-hex2),var(--bolt-phillips),var(--bolt-hex);
  background-repeat:no-repeat;background-size:11px 11px;background-position:2px 2px,calc(100% - 2px) 2px,2px calc(100% - 2px),calc(100% - 2px) calc(100% - 2px);
  animation:none!important;opacity:1}
.donate-card::after{content:none!important;display:none!important;animation:none!important;background:none!important}
.donate-card .donate-ic{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0 auto 8px;border-radius:50%;
  color:#e8c49a;background:radial-gradient(circle at 35% 30%,rgba(255,220,170,.2),rgba(20,12,6,.7));
  border:1px solid #6a4020;box-shadow:inset 0 1px 0 rgba(255,220,180,.25),0 2px 6px rgba(0,0,0,.45)}
.donate-card .donate-ic svg{width:18px;height:18px;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6))}
.donate-card .t{font-family:'Russo One','Space Grotesk',sans-serif;font-size:12.5px!important;line-height:1.25;letter-spacing:.06em!important;text-transform:uppercase;
  color:#f0d4ae!important;-webkit-text-fill-color:#f0d4ae;margin:0;overflow-wrap:anywhere;
  text-shadow:0 1px 0 rgba(0,0,0,.65),0 0 12px rgba(255,170,80,.2)!important}
.donate-card .t::before{content:none!important;display:none!important}
.donate-card .d{color:#c9a882!important;font-size:11.5px;line-height:1.4;margin:6px 0 12px;text-shadow:0 1px 0 rgba(0,0,0,.5)!important}
#donateBtn{margin:0;width:100%;font-size:11px!important;letter-spacing:.06em!important;padding:9px 8px!important;white-space:nowrap;text-transform:uppercase;
  animation:none!important;text-shadow:0 1px 0 #000!important;
  background:linear-gradient(180deg,#6d4328,#3b2213)!important;border:1px solid #c07a40!important;color:#ffe8c4!important;border-radius:6px!important;
  box-shadow:inset 0 1px 0 rgba(255,216,172,.4),inset 0 -2px 0 rgba(0,0,0,.45),0 2px 5px rgba(0,0,0,.5)!important}
#donateBtn:hover{border-color:#e39a58!important;filter:brightness(1.08)}
.donate-card:hover{box-shadow:0 10px 22px rgba(0,0,0,.6),0 0 28px rgba(200,120,50,.22),inset 0 0 0 1px rgba(255,214,170,.2),inset 0 0 28px rgba(0,0,0,.4)!important}
html.fx-off .donate-card::before,html.fx-lite .donate-card::before,html.fx-off #donateBtn,html.fx-lite #donateBtn{animation:none}
@media (prefers-reduced-motion:reduce){.donate-card,.donate-card::before,#donateBtn{animation:none;transition:none}}

/* =====================================================================
   v16 · адаптив по форматам:
   ≥1361 desktop · ≤1360 laptop compact · ≤1180 − правая колонка ·
   ≤1100 tablet (бургер) · ≤768 small tablet · ≤640 phone
   ===================================================================== */
.sidenav-close{display:none}
header.topbar{box-sizing:border-box;max-width:calc(100vw - 24px)}
.topbar-in{min-width:0;max-width:100%;box-sizing:border-box}
.search-wrap,.toptabs,.top-right,.brand{min-width:0}
.top-right{flex-shrink:0}
.toptabs{flex-shrink:1}

/* laptop / узкое окно: шапка уплотняется, не обрезается */
@media (max-width:1360px){
  header.topbar{margin:8px 10px 0!important;top:8px!important;border-width:8px!important;border-image-width:8px!important;border-radius:10px!important}
  .topbar-in{gap:10px!important;padding:7px 10px!important;margin:4px 5px}
  .brand-logo{height:36px}
  .toptabs{gap:2px;flex-wrap:nowrap}
  .toptabs a{padding:6px 7px!important;font-size:10.5px!important;letter-spacing:.06em!important}
  .search-wrap{flex:1 1 100px;min-width:72px;max-width:220px!important;padding:4px 6px}
  .search-wrap input{font-size:12px}
  .kbd{display:none!important}
  .top-right{gap:6px}
  #postBtn{padding:7px 9px;font-size:11px}
  .auth-guest{gap:6px}
  .auth-guest #loginBtn{display:none}
  .auth-guest #registerBtn{padding:7px 10px;font-size:11px}
  .icon-btn{width:34px;height:34px}
  .sidenav,.rightpanel{top:92px!important}
}

/* desktop mid: без правой колонки */
@media (max-width:1180px){
  .shell{grid-template-columns:minmax(180px,220px) minmax(0,1fr)!important;gap:16px!important;padding:18px 16px 48px!important}
  .rightpanel{display:none!important}
  .hero{padding:44px 28px 44px 40px!important}
  .hero-content{max-width:min(460px,58%)!important}
  .quicklinks{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-bottom:24px!important}
  .popcats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .popcat-thumb svg{width:44px!important;height:44px!important}
  #sb-pipes{opacity:.55}
  .search-wrap{flex:1 1 120px;max-width:200px!important}
}

/* tablet: бургер, выезжающее меню, одна колонка */
@media (max-width:1100px){
  header.topbar{margin:6px 8px 0!important;top:6px!important;border-width:7px!important;border-image-width:7px!important;border-radius:10px!important;max-width:calc(100vw - 16px)}
  .brand-logo{height:34px}
  .brand-led{width:13px;height:28px;border-radius:7px}
  .brand-led-bulb{width:7px;height:12px}
  .brand-led-base{width:6px;height:5px}
  .brand-led-wash{width:36px;height:32px}
  .topbar-in{gap:8px!important;padding:8px 10px!important;margin:3px 4px;flex-wrap:nowrap}
  .toptabs,.kbd{display:none!important}
  .menu-toggle{display:flex!important}
  .search-wrap{flex:1 1 120px;min-width:0;max-width:none!important}
  #postBtn{padding:8px 10px;font-size:11px}
  .auth-guest #loginBtn{display:none}
  .shell{grid-template-columns:minmax(0,1fr)!important;padding:12px 10px 40px!important;gap:14px!important}
  .sidenav-slot{display:contents}
  .sidenav{display:none;position:fixed!important;top:0!important;left:0!important;bottom:0!important;right:auto!important;width:min(320px,88vw)!important;max-height:none!important;z-index:220!important;margin:0!important;padding:14px 12px 28px!important;overflow-y:auto!important;border-radius:0 12px 12px 0!important;box-shadow:12px 0 40px rgba(0,0,0,.65)!important}
  .sidenav.open{display:block!important}
  .sidenav-close{display:flex;position:sticky;top:0;z-index:2;margin:0 0 10px auto;width:36px;height:36px}
  .mob-overlay.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:210}
  .hero{padding:22px 14px!important;min-height:0!important}
  .hero-content{max-width:100%!important;padding:10px 12px 12px}
  .hero h1{font-size:clamp(22px,6.5vw,30px)!important;line-height:1.12!important}
  .hero p{font-size:13.5px!important;margin-bottom:14px!important}
  .hero-eyebrow{font-size:9.5px!important;letter-spacing:.05em!important;line-height:1.4!important}
  .hero-btns{gap:8px}
  .hero-badge,.hero-glow{display:none!important}
  .hero::after{opacity:.4!important;width:100%!important}
  #sb-pipes,#sb-cables,#sb-dust,.sb-shaft,.sb-fog,.sb-wall::before,.sb-wall::after,body::after,.sb-debris,.sb-lights{display:none!important}
  .sidenav .nav-item{padding:11px 10px;font-size:13.5px;min-height:42px}
  .quicklinks{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:10px!important;margin-bottom:12px!important;gap:7px!important}
  .qlink{padding:9px 10px!important;gap:8px!important}
  .qlink .qt{font-size:12px!important;line-height:1.2}
  .qlink .qic{width:28px!important;height:28px!important;flex:0 0 28px}
  .qlink .qic svg{width:15px!important;height:15px!important}
  .popcats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .popcat-thumb{height:54px!important;flex:0 0 54px!important;aspect-ratio:auto!important;margin:4px 4px 0!important}
  .popcat-thumb svg{width:30px!important;height:30px!important}
  .popcat-body{margin:4px!important;padding:5px 7px!important}
  .popcat-body .n{font-size:12px!important;line-height:1.25}
  .popcat-body .c{font-size:10px!important}
  .filters-row{gap:8px!important;padding:8px 10px!important}
  .filters-row select.ctrl{min-width:0;flex:1 1 140px;width:100%}
  .filters-row input.ctrl{width:96px}
  .filters-row #fReset{margin-left:0;width:100%}
  .listings-head{flex-direction:column;align-items:stretch;gap:8px}
  .listings-tools{margin-left:0;width:100%;flex-wrap:wrap}
  .list-tabs{gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}
  .toolbar-row{margin:10px 0 12px!important;gap:8px!important}
  .grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr))!important;gap:9px!important}
  .sec-head{margin:14px 0 8px!important}
  .sec-head h2{font-size:15px}
  footer.site{padding:18px 12px 32px;margin-top:28px}
}

/* small tablet / большой телефон */
@media (max-width:768px){
  header.topbar{margin:4px 6px 0!important;top:4px!important;border-width:6px!important;border-image-width:6px!important;max-width:calc(100vw - 12px)}
  .topbar-in{gap:6px!important;padding:6px 8px!important}
  .brand-logo{height:30px}
  .search-wrap input{font-size:12px}
  .search-wrap input::placeholder{font-size:11px}
  .auth-guest #registerBtn{padding:7px 8px;font-size:10.5px}
  .quicklinks{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-bottom:10px!important}
  .popcats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .popcat-thumb{height:50px!important;flex-basis:50px!important}
  .grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,148px),1fr))!important;gap:8px!important}
  .filters-row{flex-direction:column;align-items:stretch}
  .filters-row input.ctrl{width:100%}
  .shell{padding:8px 8px 28px!important}
  .sec-head{margin:12px 0 6px!important}
}

@media (max-width:640px){
  .brand-logo{height:28px}
  .brand-led{width:11px;height:24px}
  .brand-led-bulb{width:6px;height:10px}
  .brand-led-base{width:5px;height:4px}
  .brand-led-wash{width:28px;height:26px;opacity:.7}
  .hero{padding:14px 10px!important}
  .hero-btns{flex-direction:column;gap:6px}
  .hero-btns .btn{width:100%;justify-content:center}
  .hero-eyebrow{letter-spacing:.04em!important}
  #postBtn{font-size:0;padding:8px 10px;letter-spacing:0}
  #postBtn::before{content:'+';font-size:18px;line-height:1;font-weight:700}
  .auth-guest #registerBtn{padding:8px 10px;font-size:11px}
  .quicklinks{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .qlink{padding:8px 9px!important}
  .popcats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .popcat-thumb{height:46px!important;flex-basis:46px!important;margin:3px 3px 0!important}
  .popcat-thumb svg{width:26px!important;height:26px!important}
  .popcat-body{margin:3px!important;padding:4px 6px!important}
  .detail-grid{grid-template-columns:1fr!important}
  .modal,.modal.wide,#appModalBody{max-width:calc(100vw - 24px)!important;margin:12px;padding:18px}
  .cmp-bar{left:8px;right:8px;transform:none;width:auto;max-width:none}
  .table-wrap{margin:0 -4px}
}

/* mid desktop: меньше пустоты между блоками */
@media (min-width:1101px) and (max-width:1400px){
  .shell{gap:14px!important;padding:16px 14px 44px!important}
  .quicklinks{gap:8px!important;margin-bottom:16px!important}
  .qlink{padding:11px 10px!important}
  .popcats{gap:10px!important}
  .popcat-thumb{height:64px!important;flex-basis:64px!important}
  .sec-head{margin:16px 0 8px}
  .grid{gap:12px!important}
}