@charset "utf-8";
/* ═══════════════════════════════════════════════════════════════════
   ДИЗАЙН 3 — «ВИТРИНА»
   Светлый современный ритейл: воздух, крупные фото, мягкие тени,
   скруглённые углы, фирменный синий как основной цвет действия.
   Спокойный вариант для тех, кому «Чертёж» и «Каталог» слишком смелые.
   ═══════════════════════════════════════════════════════════════════ */

[data-theme="shop"]{
  --sheet:#F6F7F9; --sheet2:#FFFFFF; --sheet3:#F1F3F7; --sheet4:#E6EAF0;
  --ink:#1F62D6; --ink2:#1F62D6; --ink-soft:rgba(31,98,214,.08);
  --amber:#1F62D6; --amber-tx:#FFFFFF; --amber-soft:rgba(31,98,214,.08);
  --red:#D93B3B; --red-soft:rgba(217,59,59,.08);
  --green:#159A5C; --green-soft:rgba(21,154,92,.10);
  --chalk:#0F172A; --chalk2:#4B5768; --chalk3:#8A94A6;
  --rule:#E6EAF0; --rule2:#D8DEE8; --rule3:#B7C0CF;
  --well:#FFFFFF;
  --r:12px;
}
[data-theme="shop"] body{background:var(--sheet);background-image:none}

/* типографика — крупнее, спокойнее, без капса */
[data-theme="shop"] h1,[data-theme="shop"] h2,[data-theme="shop"] h3,[data-theme="shop"] h4{
  text-transform:none;letter-spacing:-.028em;line-height:1.08}
[data-theme="shop"] .d1{font-size:clamp(32px,5.4vw,72px)}
[data-theme="shop"] .hero-top h1 em{transform:none;color:var(--ink)}
[data-theme="shop"] .hero-top h1 u{-webkit-text-stroke:0;color:var(--chalk3);text-decoration:none}
[data-theme="shop"] .lt-t b{text-transform:none;font-size:clamp(19px,2vw,28px)}
[data-theme="shop"] .lt-n{display:none}
[data-theme="shop"] .lt-h{border-bottom:1px solid var(--rule);padding-bottom:16px}
[data-theme="shop"] .lt-x{display:none}
[data-theme="shop"] .tl{letter-spacing:.12em;color:var(--chalk3)}
[data-theme="shop"] .bd{font-size:16px;color:var(--chalk2)}
[data-theme="shop"] .pc-n{font-size:14px;color:var(--chalk)}

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

/* шапка */
[data-theme="shop"] .tb{background:rgba(255,255,255,.92);border-bottom:1px solid var(--rule);
  box-shadow:0 1px 3px rgba(15,23,42,.05)}
[data-theme="shop"] .tb-in{min-height:64px}
[data-theme="shop"] .lg{background:var(--ink)}
[data-theme="shop"] .lg-i{background:var(--chalk)}
[data-theme="shop"] .fld{background:var(--sheet3);border:1px solid transparent;border-radius:999px;height:42px;
  padding:0 16px}
[data-theme="shop"] .fld:focus-within{border-color:var(--ink);background:#fff}
[data-theme="shop"] .fld .pr{color:var(--chalk3)}
[data-theme="shop"] .fld input{font-family:inherit;font-size:14.5px}
[data-theme="shop"] .tb-cart{background:var(--ink);color:#fff;border-color:var(--ink);border-radius:999px;
  height:42px;padding:0 18px;font-family:inherit;font-weight:700;letter-spacing:0;text-transform:none}
[data-theme="shop"] .tb-cart:hover{filter:brightness(1.08)}
[data-theme="shop"] .ib{border-radius:999px;width:42px;height:42px;border-color:var(--rule2)}
[data-theme="shop"] .tb-nav a{text-transform:none;letter-spacing:0;font-size:14px;font-weight:600}
[data-theme="shop"] .tb-nav a:hover,[data-theme="shop"] .tb-nav a[aria-current]{color:var(--ink)}
[data-theme="shop"] .mega{background:#fff;border-radius:0 0 var(--r) var(--r);
  box-shadow:0 24px 50px rgba(15,23,42,.14)}
[data-theme="shop"] .mega-in{background:transparent;gap:0}
[data-theme="shop"] .mega-c{background:#fff}
[data-theme="shop"] .sg{background:#fff;border-radius:var(--r);box-shadow:0 20px 44px rgba(15,23,42,.16);
  border-color:var(--rule)}

/* карточки — белые, мягкие, с тенью */
[data-theme="shop"] .pgrid{background:transparent;border:0;gap:14px}
[data-theme="shop"] .pc{background:#fff;border:1px solid var(--rule);border-radius:var(--r);
  transition:box-shadow .18s,transform .18s}
[data-theme="shop"] .pc:hover{background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.10);transform:translateY(-2px)}
[data-theme="shop"] .well{border-radius:calc(var(--r) - 4px);background:var(--sheet3)}
[data-theme="shop"] .tag{border-radius:999px;padding:4px 10px;font-family:inherit;font-weight:700;
  letter-spacing:0;text-transform:none;left:8px;top:8px}
[data-theme="shop"] .tag.s{right:8px;left:auto}
[data-theme="shop"] .tag.n,[data-theme="shop"] .tag.fit{bottom:8px;top:auto}
[data-theme="shop"] .tag{color:#fff}
[data-theme="shop"] .tag.o{background:var(--sheet4);color:var(--chalk2)}
[data-theme="shop"] .tag.fit{background:var(--green);color:#fff}
[data-theme="shop"] .pr-b{font-family:inherit;font-size:22px;letter-spacing:-.03em}
[data-theme="shop"] .pc.fill,[data-theme="shop"] .pc.void{background:var(--sheet3);border-style:dashed}
[data-theme="shop"] .pc.void{display:none}

/* кнопки и поля — округлые */
[data-theme="shop"] .btn{border-radius:999px;background:var(--ink);color:#fff;font-family:inherit;
  font-weight:700;letter-spacing:0;text-transform:none;font-size:14px;padding:0 24px}
[data-theme="shop"] .btn::before{display:none}
[data-theme="shop"] .btn-g{background:#fff;border:1px solid var(--rule2);color:var(--chalk)}
[data-theme="shop"] .btn-g:hover{border-color:var(--ink);color:var(--ink);background:#fff}
[data-theme="shop"] .btn-r{border-color:var(--red);color:var(--red);background:#fff}
[data-theme="shop"] .btn:disabled{background:var(--sheet4);color:var(--chalk3)}
[data-theme="shop"] .inp,[data-theme="shop"] .sel,[data-theme="shop"] .qt{border-radius:10px;
  border-color:var(--rule2);background:#fff}
[data-theme="shop"] .inp:focus{border-color:var(--ink);box-shadow:0 0 0 3px var(--ink-soft)}
[data-theme="shop"] .chk i{border-radius:4px}
[data-theme="shop"] .chk.on i{background:var(--ink);border-color:var(--ink)}
[data-theme="shop"] .chk.on i::after{border-color:#fff}
[data-theme="shop"] .rad{border-radius:var(--r);background:#fff}
[data-theme="shop"] .rad.on{border-color:var(--ink);background:var(--ink-soft)}
[data-theme="shop"] .rad.on i::after{background:var(--ink)}
[data-theme="shop"] .rad em{color:var(--ink)}
[data-theme="shop"] .chip{border-radius:999px;background:#fff;border-color:var(--rule2)}
[data-theme="shop"] .vmode{background:var(--sheet3);border-radius:999px;padding:3px;gap:2px}
[data-theme="shop"] .vmode button{background:transparent;border-radius:999px}
[data-theme="shop"] .vmode button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(15,23,42,.14)}
[data-theme="shop"] .pager{background:transparent;border:0;gap:6px}
[data-theme="shop"] .pager button{background:#fff;border:1px solid var(--rule2);border-radius:10px}
[data-theme="shop"] .pager button.on{background:var(--ink);color:#fff;border-color:var(--ink)}

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

/* техника — фото в естественном цвете */
[data-theme="shop"] .vp,[data-theme="shop"] .gcard .ph{border-radius:var(--r);background:var(--sheet3);
  border-color:var(--rule)}
[data-theme="shop"] .vp-im img,[data-theme="shop"] .gcard .ph img{filter:saturate(.92) contrast(1.03)}
[data-theme="shop"] .vp-vig,[data-theme="shop"] .gcard .ph .vig{
  background:linear-gradient(180deg,transparent 55%,rgba(15,23,42,.45))}
[data-theme="shop"] .vp-lb,[data-theme="shop"] .vp-cr{background:rgba(255,255,255,.92);color:var(--chalk);
  border-radius:0 0 10px 0;font-family:inherit;font-weight:700;letter-spacing:0;text-transform:none}
[data-theme="shop"] .vp-cr{border-radius:0 0 0 10px}
[data-theme="shop"] .hot i{background:var(--ink);box-shadow:0 0 0 3px #fff,0 2px 8px rgba(15,23,42,.3)}
[data-theme="shop"] .hot b{color:#fff;text-shadow:0 1px 4px rgba(15,23,42,.8)}
[data-theme="shop"] .lead path{stroke:var(--ink)}
[data-theme="shop"] .picks{background:transparent;border:0;gap:8px;margin-bottom:10px}
[data-theme="shop"] .picks button{background:#fff;border:1px solid var(--rule2);border-radius:999px;
  text-transform:none;letter-spacing:0;font-size:13px}
[data-theme="shop"] .picks button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
[data-theme="shop"] .gcard{background:#fff;border:1px solid var(--rule);border-radius:var(--r);overflow:hidden}
[data-theme="shop"] .gar{background:transparent;border:0;gap:14px}
[data-theme="shop"] .gcard .noph{background:var(--sheet3)}
[data-theme="shop"] .gnav{background:transparent;gap:8px}
[data-theme="shop"] .gnav button{background:#fff;border:1px solid var(--rule2);border-radius:999px;
  text-transform:none;letter-spacing:0;font-size:13px}
[data-theme="shop"] .gnav button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
[data-theme="shop"] .un-t{text-transform:none;letter-spacing:0;font-size:13.5px;font-weight:700}

/* шкала */
[data-theme="shop"] .jaw{background:var(--ink)}
[data-theme="shop"] .jaw::before{border-top-color:var(--ink)}
[data-theme="shop"] .stop.on em,[data-theme="shop"] .stop.on u{color:var(--ink)}
[data-theme="shop"] .stop.on i{background:var(--ink)}
[data-theme="shop"] .cal-r .pv b{color:var(--ink)}
[data-theme="shop"] .cal-r .nm{text-transform:none}

/* прочее */
[data-theme="shop"] .tk{border-color:var(--rule);background:#fff;border-radius:var(--r)}
[data-theme="shop"] .tk-l{color:var(--ink)}
[data-theme="shop"] .tk-r em{color:var(--ink)}
[data-theme="shop"] .ft{border-top:1px solid var(--rule)}
[data-theme="shop"] .blk-st{display:none}
[data-theme="shop"] .mb{background:rgba(255,255,255,.96);border-top:1px solid var(--rule)}
[data-theme="shop"] .mb a[aria-current]{color:var(--ink)}
[data-theme="shop"] .toast{background:var(--chalk);border-color:var(--chalk);color:#fff;border-radius:var(--r)}
[data-theme="shop"] .toast i{background:var(--ink);color:#fff;border-radius:999px}
[data-theme="shop"] .toast .tt span{color:rgba(255,255,255,.7)}
[data-theme="shop"] .hint-i{border-color:var(--ink);color:var(--ink);border-radius:8px}
[data-theme="shop"] .nd i{border-color:var(--ink);color:var(--ink);background:#fff;border-radius:999px}
[data-theme="shop"] .pay span{background:#fff;border-radius:999px;border:1px solid var(--rule2)}
[data-theme="shop"] .pay{background:transparent;gap:8px}
[data-theme="shop"] .pay span.a{background:var(--ink);color:#fff;border-color:var(--ink)}
[data-theme="shop"] .facts{background:transparent;gap:12px}
[data-theme="shop"] .facts div{background:#fff;border:1px solid var(--rule);border-radius:var(--r)}
[data-theme="shop"] .note{background:var(--red-soft);border:1px solid var(--red);border-radius:var(--r)}
[data-theme="shop"] .mapbox,[data-theme="shop"] .map-links{border-radius:var(--r);overflow:hidden;
  border-color:var(--rule)}
[data-theme="shop"] .mapbox iframe{filter:none}
[data-theme="shop"] .map-ov{background:rgba(255,255,255,.94);color:var(--chalk);border:0;
  border-radius:0 0 10px 0}
[data-theme="shop"] .map-links a{background:#fff;text-transform:none;letter-spacing:0;font-size:13.5px}
[data-theme="shop"] .yours{color:var(--ink);border-left-color:var(--ink)}
[data-theme="shop"] .prog-b{background:var(--sheet4);border-radius:999px}
[data-theme="shop"] .prog-b i{background:var(--ink);border-radius:999px}
[data-theme="shop"] .peek{border-radius:var(--r);background:#fff;overflow:hidden}
[data-theme="shop"] .pbar i{background:var(--ink)}
[data-theme="shop"] .tb-acc.in{color:var(--ink);border-color:var(--ink)}
[data-theme="shop"] .empty{border-style:dashed;background:#fff}
