@charset "utf-8";
/* ═══════════════════════════════════════════════════════════════════
   ДИЗАЙН 4 — «ГАРАЖ»
   Вечер в мастерской: тёплый уголь вместо холодного графита, мягкий
   свет лампы, скруглённые панели, крупные тёплые карточки. Тёмная
   тема, но не техническая и не резкая — уютная.
   ═══════════════════════════════════════════════════════════════════ */

[data-theme="garage"]{
  --sheet:#15100C; --sheet2:#1E1813; --sheet3:#272019; --sheet4:#332A21;
  --ink:#FF9A3C; --ink2:#FFB877; --ink-soft:rgba(255,154,60,.12);
  --amber:#FF9A3C; --amber-tx:#211203; --amber-soft:rgba(255,154,60,.14);
  --red:#E8624B; --red-soft:rgba(232,98,75,.14);
  --green:#7FBE5A; --green-soft:rgba(127,190,90,.14);
  --chalk:#F2E9DF; --chalk2:#B6A493; --chalk3:#8A7767;
  --rule:rgba(255,205,150,.13); --rule2:rgba(255,205,150,.22); --rule3:rgba(255,205,150,.40);
  --well:#F6F1EA;
  --r:16px;
}
[data-theme="garage"] body{
  background:var(--sheet);
  background-image:
    radial-gradient(90% 60% at 18% -5%,rgba(255,154,60,.13),transparent 62%),
    radial-gradient(70% 50% at 92% 4%,rgba(255,120,40,.07),transparent 60%);
  background-size:auto}

/* мягкая типографика, без капса в заголовках */
[data-theme="garage"] h1,[data-theme="garage"] h2,[data-theme="garage"] h3,[data-theme="garage"] h4{
  text-transform:none;letter-spacing:-.03em;line-height:1.06}
[data-theme="garage"] .d1{font-size:clamp(32px,5.8vw,78px)}
[data-theme="garage"] .hero-top h1 em{transform:none;color:var(--ink)}
[data-theme="garage"] .hero-top h1 u{-webkit-text-stroke:0;color:var(--chalk3)}
[data-theme="garage"] .lt-t b{text-transform:none;font-size:clamp(18px,1.9vw,26px)}
[data-theme="garage"] .lt-n{-webkit-text-stroke:0;color:var(--ink);opacity:.5;font-family:inherit;
  font-weight:800}
[data-theme="garage"] .lt-h{border-bottom:1px solid var(--rule);padding-bottom:14px}
[data-theme="garage"] .lt-x{display:none}
[data-theme="garage"] .bd{font-size:16px}
[data-theme="garage"] .tl{letter-spacing:.14em;color:var(--chalk3)}

/* убираем чертёжные элементы */
[data-theme="garage"] .frm,[data-theme="garage"] .stamp,[data-theme="garage"] .well u,
[data-theme="garage"] .vp-gr,[data-theme="garage"] .vp-scan,[data-theme="garage"] .vp-ax{display:none}
[data-theme="garage"] .dim i{display:none}
[data-theme="garage"] .dim{justify-content:flex-start}
[data-theme="garage"] .dim span{background:var(--sheet3);padding:3px 9px;border-radius:999px}

/* шапка */
[data-theme="garage"] .tb{background:rgba(21,16,12,.9);border-bottom:1px solid var(--rule)}
[data-theme="garage"] .tb-in{min-height:60px}
[data-theme="garage"] .lg{background:var(--chalk)}
[data-theme="garage"] .lg-i{background:var(--ink)}
[data-theme="garage"] .fld{background:var(--sheet2);border:1px solid var(--rule);border-radius:999px;
  height:42px;padding:0 16px}
[data-theme="garage"] .fld:focus-within{border-color:var(--ink)}
[data-theme="garage"] .fld .pr{color:var(--ink)}
[data-theme="garage"] .tb-cart{background:var(--ink);color:var(--amber-tx);border-color:var(--ink);
  border-radius:999px;height:42px;padding:0 18px;font-family:inherit;font-weight:800;letter-spacing:.02em}
[data-theme="garage"] .ib,[data-theme="garage"] .tb-acc{border-radius:999px;height:42px;
  border-color:var(--rule2)}
[data-theme="garage"] .ib{width:42px}
[data-theme="garage"] .tb-nav a{text-transform:none;letter-spacing:0;font-size:14px;font-weight:600}
[data-theme="garage"] .tb-nav a:hover,[data-theme="garage"] .tb-nav a[aria-current]{color:var(--ink)}
[data-theme="garage"] .mega,[data-theme="garage"] .sg{background:var(--sheet2);border-radius:var(--r);
  border-color:var(--rule);box-shadow:0 26px 60px rgba(0,0,0,.55)}
[data-theme="garage"] .mega-in,[data-theme="garage"] .mega-c{background:transparent}

/* карточки — крупные, тёплые, мягкие */
[data-theme="garage"] .pgrid,[data-theme="garage"] .gar{background:transparent;border:0;gap:14px}
[data-theme="garage"] .pc,[data-theme="garage"] .gcard{background:var(--sheet2);
  border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;
  transition:transform .18s,box-shadow .18s,border-color .18s}
[data-theme="garage"] .pc:hover,[data-theme="garage"] .gcard:hover{background:var(--sheet3);
  transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.45);border-color:var(--rule2)}
[data-theme="garage"] .well{border-radius:calc(var(--r) - 5px);background:var(--well)}
[data-theme="garage"] .tag{border-radius:999px;padding:4px 11px;font-family:inherit;font-weight:800;
  letter-spacing:0;text-transform:none;left:9px;top:9px}
[data-theme="garage"] .tag.s{left:auto;right:9px}
[data-theme="garage"] .tag.n,[data-theme="garage"] .tag.fit{top:auto;bottom:9px}
[data-theme="garage"] .tag.o{background:var(--sheet4);color:var(--chalk2)}
[data-theme="garage"] .pr-b{font-family:inherit;font-weight:800;font-size:23px;letter-spacing:-.035em}
[data-theme="garage"] .pc-n{font-size:14px}
[data-theme="garage"] .segs i{border-radius:2px}

/* кнопки и поля — таблетки */
[data-theme="garage"] .btn{border-radius:999px;background:var(--ink);color:var(--amber-tx);
  font-family:inherit;font-weight:800;letter-spacing:.02em;text-transform:none;font-size:14px;padding:0 24px}
[data-theme="garage"] .btn::before{display:none}
[data-theme="garage"] .btn-g{background:transparent;border:1px solid var(--rule2);color:var(--chalk)}
[data-theme="garage"] .btn-g:hover{border-color:var(--ink);color:var(--ink);background:var(--ink-soft)}
[data-theme="garage"] .btn-r{background:transparent;border:1px solid var(--red);color:var(--red)}
[data-theme="garage"] .inp,[data-theme="garage"] .sel,[data-theme="garage"] .qt{border-radius:12px;
  background:var(--sheet3);border-color:var(--rule)}
[data-theme="garage"] .inp:focus{border-color:var(--ink)}
[data-theme="garage"] .chk i{border-radius:5px}
[data-theme="garage"] .chk.on i{background:var(--ink);border-color:var(--ink)}
[data-theme="garage"] .chk.on i::after{border-color:var(--amber-tx)}
[data-theme="garage"] .rad{border-radius:var(--r);background:var(--sheet2)}
[data-theme="garage"] .rad.on{border-color:var(--ink);background:var(--ink-soft)}
[data-theme="garage"] .rad.on i::after{background:var(--ink)}
[data-theme="garage"] .rad em{color:var(--ink)}
[data-theme="garage"] .chip{border-radius:999px;background:var(--sheet2);border-color:var(--rule)}
[data-theme="garage"] .vmode{background:var(--sheet3);border-radius:999px;padding:3px;gap:3px}
[data-theme="garage"] .vmode button{background:transparent;border-radius:999px}
[data-theme="garage"] .vmode button.on{background:var(--ink);color:var(--amber-tx)}
[data-theme="garage"] .pager{background:transparent;border:0;gap:6px}
[data-theme="garage"] .pager button{background:var(--sheet2);border:1px solid var(--rule);border-radius:12px}
[data-theme="garage"] .pager button.on{background:var(--ink);color:var(--amber-tx);border-color:var(--ink)}

/* панели */
[data-theme="garage"] .pnl,[data-theme="garage"] .side,[data-theme="garage"] .sumbox,
[data-theme="garage"] .crow,[data-theme="garage"] .cal,[data-theme="garage"] .rt-p,
[data-theme="garage"] .spec,[data-theme="garage"] .empty,[data-theme="garage"] .authbox,
[data-theme="garage"] .tabp,[data-theme="garage"] .buybox{background:var(--sheet2);
  border:1px solid var(--rule);border-radius:var(--r)}
[data-theme="garage"] .rt-w{background:transparent;border:0;gap:14px}
[data-theme="garage"] .crow{margin-bottom:12px}
[data-theme="garage"] .spec{overflow:hidden}
[data-theme="garage"] .sp-hd{background:var(--sheet3)}
[data-theme="garage"] .sp-r:hover{background:var(--ink-soft)}
[data-theme="garage"] .sp-r::before{background:var(--ink)}
[data-theme="garage"] .sp-n{text-transform:none;font-size:15px}
[data-theme="garage"] .tabs{background:transparent;gap:8px}
[data-theme="garage"] .tabs button{background:var(--sheet2);border:1px solid var(--rule);
  border-radius:999px;text-transform:none;letter-spacing:0;font-size:13.5px;box-shadow:none}
[data-theme="garage"] .tabs button.on{background:var(--ink);color:var(--amber-tx);border-color:var(--ink)}
[data-theme="garage"] .steps{background:transparent;gap:10px}
[data-theme="garage"] .steps div{background:var(--sheet2);border-radius:var(--r)}
[data-theme="garage"] .steps div.on{background:var(--ink);color:var(--amber-tx)}
[data-theme="garage"] .gal-m,[data-theme="garage"] .gal-th button{border-radius:var(--r);
  background:var(--well);border-color:var(--rule)}

/* техника — тёплый свет вместо синей печати */
[data-theme="garage"] .vp,[data-theme="garage"] .gcard .ph{border-radius:var(--r);background:#0E0A07;
  border-color:var(--rule)}
[data-theme="garage"] .gcard .ph{border-radius:0}
[data-theme="garage"] .vp-im img,[data-theme="garage"] .gcard .ph img{
  filter:contrast(1.06) brightness(1.02) saturate(.75)}
[data-theme="garage"] .vp-tint,[data-theme="garage"] .gcard .ph .tint{
  background:linear-gradient(150deg,#FF9A3C,#5A2A08 72%);mix-blend-mode:color;opacity:.55}
[data-theme="garage"] .vp-vig,[data-theme="garage"] .gcard .ph .vig{
  background:radial-gradient(115% 105% at 50% 44%,transparent 30%,rgba(21,16,12,.5) 66%,#15100C 100%)}
[data-theme="garage"] .gcard .ph .scan{display:none}
[data-theme="garage"] .vp-lb,[data-theme="garage"] .vp-cr{background:rgba(21,16,12,.86);
  color:var(--chalk);font-family:inherit;font-weight:700;letter-spacing:0;text-transform:none;
  border-radius:0 0 12px 0}
[data-theme="garage"] .vp-cr{border-radius:0 0 0 12px}
[data-theme="garage"] .hot i{background:var(--ink);box-shadow:0 0 0 3px rgba(21,16,12,.8),0 0 18px rgba(255,154,60,.6)}
[data-theme="garage"] .hot b{color:var(--ink2)}
[data-theme="garage"] .lead path{stroke:var(--ink)}
[data-theme="garage"] .picks,[data-theme="garage"] .gnav{background:transparent;border:0;gap:8px}
[data-theme="garage"] .picks button,[data-theme="garage"] .gnav button{background:var(--sheet2);
  border:1px solid var(--rule);border-radius:999px;text-transform:none;letter-spacing:0;font-size:13px;
  box-shadow:none}
[data-theme="garage"] .picks button.on,[data-theme="garage"] .gnav button.on{background:var(--ink);
  color:var(--amber-tx);border-color:var(--ink)}
[data-theme="garage"] .un-t{text-transform:none;letter-spacing:0;font-size:13.5px;font-weight:700}
[data-theme="garage"] .gcard .noph{background:var(--sheet3)}

/* мелочи */
[data-theme="garage"] .jaw{background:var(--ink)}
[data-theme="garage"] .jaw::before{border-top-color:var(--ink)}
[data-theme="garage"] .stop.on em,[data-theme="garage"] .stop.on u{color:var(--ink)}
[data-theme="garage"] .stop.on i{background:var(--ink)}
[data-theme="garage"] .cal-r .pv b{color:var(--ink)}
[data-theme="garage"] .cal-r .nm{text-transform:none}
[data-theme="garage"] .tk{border-color:var(--rule);background:var(--sheet2);border-radius:var(--r)}
[data-theme="garage"] .tk-l{color:var(--ink)}
[data-theme="garage"] .tk-r em{color:var(--ink)}
[data-theme="garage"] .blk-st{display:none}
[data-theme="garage"] .mb{background:rgba(21,16,12,.96);border-top:1px solid var(--rule)}
[data-theme="garage"] .mb a[aria-current]{color:var(--ink)}
[data-theme="garage"] .toast{background:var(--sheet3);border-color:var(--ink);border-radius:var(--r)}
[data-theme="garage"] .toast i{background:var(--ink);color:var(--amber-tx);border-radius:999px}
[data-theme="garage"] .hint-i{border-color:var(--ink);color:var(--ink);border-radius:10px}
[data-theme="garage"] .nd i{border-color:var(--ink);color:var(--ink);border-radius:999px;background:var(--sheet2)}
[data-theme="garage"] .pay{background:transparent;gap:8px}
[data-theme="garage"] .pay span{background:var(--sheet2);border:1px solid var(--rule);border-radius:999px;
  box-shadow:none}
[data-theme="garage"] .pay span.a{background:var(--ink);color:var(--amber-tx);border-color:var(--ink)}
[data-theme="garage"] .facts{background:transparent;gap:12px}
[data-theme="garage"] .facts div{background:var(--sheet2);border:1px solid var(--rule);border-radius:var(--r)}
[data-theme="garage"] .prog-b{background:var(--sheet4);border-radius:999px}
[data-theme="garage"] .prog-b i{background:linear-gradient(90deg,#B85A12,var(--ink));border-radius:999px}
[data-theme="garage"] .yours{color:var(--ink2);border-left-color:var(--ink)}
[data-theme="garage"] .mapbox,[data-theme="garage"] .map-links{border-radius:var(--r);overflow:hidden;
  border-color:var(--rule)}
[data-theme="garage"] .mapbox iframe{filter:grayscale(.45) sepia(.35) saturate(1.2) brightness(.92)}
[data-theme="garage"] .map-ov{background:rgba(21,16,12,.9);border:0;border-radius:0 0 12px 0}
[data-theme="garage"] .map-links a{background:var(--sheet2);text-transform:none;letter-spacing:0;
  font-size:13.5px}
[data-theme="garage"] .peek{border-radius:var(--r);overflow:hidden;background:var(--sheet2)}
[data-theme="garage"] .voidcell{border-radius:var(--r);background:var(--sheet2);
  background-image:repeating-linear-gradient(135deg,rgba(255,205,150,.09) 0 1px,transparent 1px 11px)}
[data-theme="garage"] .pbar{border-radius:999px;overflow:hidden}
[data-theme="garage"] .pbar i{background:var(--ink)}
[data-theme="garage"] .tb-acc.in{color:var(--ink);border-color:var(--ink)}
[data-theme="garage"] .themesw-t{border-radius:999px}
[data-theme="garage"] .themesw-l{border-radius:var(--r);overflow:hidden}
