@charset "utf-8";
/* ═══════════════════════════════════════════════════════════════════
   ДИЗАЙН 2 — «КАТАЛОГ»
   Печатный справочник запчастей: тёплая бумага, чёрная типографика,
   красный акцент, жирные линейки, серифовые заголовки. Полная
   противоположность «Чертежу»: аналоговый, светлый, типографский.
   ═══════════════════════════════════════════════════════════════════ */

@font-face{font-family:'PTS';font-style:normal;font-weight:400;font-display:swap;
  src:url(../fonts/ptserif-cyrillic.woff2) format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'PTS';font-style:normal;font-weight:400;font-display:swap;
  src:url(../fonts/ptserif-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122;}
@font-face{font-family:'PTS';font-style:normal;font-weight:700;font-display:swap;
  src:url(../fonts/ptserif-cyrillic-700.woff2) format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'PTS';font-style:normal;font-weight:700;font-display:swap;
  src:url(../fonts/ptserif-latin-700.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122;}

[data-theme="catalog"]{
  --sheet:#F2EDE1; --sheet2:#FBF8F1; --sheet3:#EDE6D7; --sheet4:#E2D9C6;
  --ink:#B3271C; --ink2:#B3271C; --ink-soft:rgba(179,39,28,.10);
  --amber:#C8352A; --amber-tx:#FFF8F0; --amber-soft:rgba(200,53,42,.10);
  --red:#B3271C; --red-soft:rgba(179,39,28,.09);
  --green:#1F6B3A; --green-soft:rgba(31,107,58,.12);
  --chalk:#14110D; --chalk2:#4A4238; --chalk3:#7A6F60;
  --rule:rgba(20,17,13,.16); --rule2:rgba(20,17,13,.34); --rule3:rgba(20,17,13,.62);
  --well:#FFFFFF;
}
[data-theme="catalog"] body{
  background:var(--sheet);
  background-image:
    repeating-linear-gradient(0deg,rgba(20,17,13,.022) 0 1px,transparent 1px 3px),
    radial-gradient(120% 90% at 12% 0,rgba(200,53,42,.05),transparent 60%);
  background-size:auto,auto;
}
/* заголовки — серифовые, как в печатном каталоге */
[data-theme="catalog"] h1,[data-theme="catalog"] h2,
[data-theme="catalog"] h3,[data-theme="catalog"] h4,
[data-theme="catalog"] .d1,[data-theme="catalog"] .d2,[data-theme="catalog"] .d3,
[data-theme="catalog"] .sp-n,[data-theme="catalog"] .pc-n,
[data-theme="catalog"] .gcard .tx b,[data-theme="catalog"] .cal-r .nm{
  font-family:'PTS',Georgia,serif;font-weight:700;letter-spacing:-.012em}
[data-theme="catalog"] .d1{font-size:clamp(32px,6vw,88px);line-height:.98;text-transform:none}
[data-theme="catalog"] .d2{text-transform:none}
[data-theme="catalog"] .hero-top h1 em{transform:none;color:var(--red);font-style:italic}
[data-theme="catalog"] .hero-top h1 u{-webkit-text-stroke:0;color:var(--chalk);
  text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:8px}
[data-theme="catalog"] .bd{font-family:'PTS',Georgia,serif;font-size:16.5px;line-height:1.62}
[data-theme="catalog"] .lt-t b{font-family:'PTS',Georgia,serif;text-transform:none;font-size:clamp(17px,1.7vw,23px)}
[data-theme="catalog"] .lt-n{-webkit-text-stroke:0;color:var(--red);opacity:.9}
[data-theme="catalog"] .lt-h{border-bottom:3px solid var(--chalk);padding-bottom:9px}
[data-theme="catalog"] .pc-n{font-size:14.5px;line-height:1.32}

/* шапка — печатная «шапка страницы» */
[data-theme="catalog"] .tb{background:var(--sheet2);border-bottom:3px solid var(--chalk)}
[data-theme="catalog"] .lg{background:var(--chalk)}
[data-theme="catalog"] .lg-i{background:var(--red)}
[data-theme="catalog"] .fld{background:#fff;border:1px solid var(--rule2)}
[data-theme="catalog"] .fld .pr{color:var(--red)}
[data-theme="catalog"] .tb-cart{border-color:var(--red);color:var(--red);background:var(--amber-soft)}
[data-theme="catalog"] .tb-cart:hover{background:var(--red);color:#fff}
[data-theme="catalog"] .tb-nav a:hover,[data-theme="catalog"] .tb-nav a[aria-current]{color:var(--red)}
[data-theme="catalog"] .mega{background:var(--sheet2);border-bottom:3px solid var(--chalk)}
[data-theme="catalog"] .mega-c{background:var(--sheet2)}
[data-theme="catalog"] .sg{background:#fff;box-shadow:0 18px 40px rgba(20,17,13,.18)}

/* убираем чертёжные украшения */
[data-theme="catalog"] .frm,[data-theme="catalog"] .stamp,
[data-theme="catalog"] .well u,[data-theme="catalog"] .vp-gr,
[data-theme="catalog"] .vp-scan,[data-theme="catalog"] .vp-ax{display:none}

/* карточки — как строки бумажного каталога */
[data-theme="catalog"] .pgrid{background:var(--rule2);border:1px solid var(--rule2)}
[data-theme="catalog"] .pc{background:var(--sheet2)}
[data-theme="catalog"] .pc:hover{background:#fff}
[data-theme="catalog"] .well{background:#fff;border-bottom:1px solid var(--rule)}
[data-theme="catalog"] .tag{background:var(--green);color:#fff;font-weight:700;letter-spacing:.04em}
[data-theme="catalog"] .tag.o{background:var(--sheet4);color:var(--chalk2)}
[data-theme="catalog"] .tag.s{background:var(--red)}
[data-theme="catalog"] .tag.fit{background:var(--chalk);color:var(--sheet2)}
[data-theme="catalog"] .tag.n{background:var(--chalk);color:var(--sheet2)}
[data-theme="catalog"] .dim i{background:var(--rule2)}
[data-theme="catalog"] .dim i::before{background:var(--rule2)}
[data-theme="catalog"] .pr-b{font-family:'PTS',Georgia,serif;font-size:25px;letter-spacing:-.02em}
[data-theme="catalog"] .segs i{background:var(--sheet4)}
[data-theme="catalog"] .segs i.f{background:var(--green)}

/* кнопки — плотные, печатные */
[data-theme="catalog"] .btn{background:var(--red);color:#fff;letter-spacing:.09em}
[data-theme="catalog"] .btn::before{display:none}
[data-theme="catalog"] .btn:hover{background:var(--chalk)}
[data-theme="catalog"] .btn-g{background:0;border:2px solid var(--chalk);color:var(--chalk)}
[data-theme="catalog"] .btn-g:hover{background:var(--chalk);color:var(--sheet2)}
[data-theme="catalog"] .btn:disabled{background:var(--sheet4);color:var(--chalk3)}
[data-theme="catalog"] .inp,[data-theme="catalog"] .sel{background:#fff;border:1px solid var(--rule2)}
[data-theme="catalog"] .inp:focus{border-color:var(--red)}
[data-theme="catalog"] .chk.on i{background:var(--red);border-color:var(--red)}
[data-theme="catalog"] .chk.on i::after{border-color:#fff}
[data-theme="catalog"] .rad{background:#fff}
[data-theme="catalog"] .rad.on{border-color:var(--red);background:var(--amber-soft)}
[data-theme="catalog"] .rad.on i::after{background:var(--red)}
[data-theme="catalog"] .rad em{color:var(--red)}
[data-theme="catalog"] .qt{background:#fff}

/* панели, таблицы, боковая колонка */
[data-theme="catalog"] .pnl,[data-theme="catalog"] .side,[data-theme="catalog"] .sumbox,
[data-theme="catalog"] .crow,[data-theme="catalog"] .spec,[data-theme="catalog"] .cal,
[data-theme="catalog"] .rt-p{background:var(--sheet2);border-color:var(--rule2)}
[data-theme="catalog"] .rt-w{background:var(--rule2);border-color:var(--rule2)}
[data-theme="catalog"] .sp-hd{background:var(--chalk)}
[data-theme="catalog"] .sp-hd span{color:var(--sheet2);border-color:rgba(255,255,255,.2)}
[data-theme="catalog"] .sp-r:hover{background:var(--amber-soft)}
[data-theme="catalog"] .sp-r::before{background:var(--red)}
[data-theme="catalog"] .sp-p{color:var(--red);font-weight:700}
[data-theme="catalog"] .sp-c i{color:var(--green)}
[data-theme="catalog"] .spectable td{border-color:var(--rule)}
[data-theme="catalog"] .vmode button{background:var(--sheet2)}
[data-theme="catalog"] .vmode button.on{background:var(--chalk);color:var(--sheet2)}
[data-theme="catalog"] .pager button{background:var(--sheet2)}
[data-theme="catalog"] .pager button.on{background:var(--red);color:#fff}
[data-theme="catalog"] .chip{background:#fff;border-color:var(--rule2)}
[data-theme="catalog"] .empty{background:#fff;border-color:var(--rule2)}
[data-theme="catalog"] .note{background:var(--red-soft);border-color:var(--red)}

/* техника: фото в красно-коричневой печати, как в старом каталоге */
[data-theme="catalog"] .vp,[data-theme="catalog"] .gcard .ph{background:#fff;border-color:var(--rule2)}
[data-theme="catalog"] .vp-im img,[data-theme="catalog"] .gcard .ph img{
  filter:contrast(1.1) brightness(1.06) sepia(.32)}
[data-theme="catalog"] .vp-tint,[data-theme="catalog"] .gcard .ph .tint{
  background:linear-gradient(150deg,#B3271C,#5A1C12);mix-blend-mode:multiply;opacity:.30}
[data-theme="catalog"] .vp-vig,[data-theme="catalog"] .gcard .ph .vig,
[data-theme="catalog"] .gcard .ph .scan{display:none}
[data-theme="catalog"] .vp-lb,[data-theme="catalog"] .vp-cr{
  background:var(--chalk);color:var(--sheet2)}
[data-theme="catalog"] .hot i{background:var(--red);box-shadow:0 0 0 2px #fff,0 0 0 5px rgba(179,39,28,.25)}
[data-theme="catalog"] .hot b{color:var(--red);text-shadow:0 1px 3px #fff}
[data-theme="catalog"] .lead path{stroke:var(--red)}
[data-theme="catalog"] .picks{background:var(--rule2);border-color:var(--rule2)}
[data-theme="catalog"] .picks button{background:var(--sheet2)}
[data-theme="catalog"] .picks button.on{background:var(--red);color:#fff}
[data-theme="catalog"] .gcard{background:var(--sheet2)}
[data-theme="catalog"] .gcard .noph{background:var(--sheet3)}
[data-theme="catalog"] .gnav button{background:var(--sheet2)}
[data-theme="catalog"] .gnav button.on{background:var(--red);color:#fff}

/* шкала цен */
[data-theme="catalog"] .scale-mk{background:repeating-linear-gradient(90deg,var(--rule2) 0 1px,transparent 1px 9px)}
[data-theme="catalog"] .jaw{background:var(--red)}
[data-theme="catalog"] .jaw::before{border-top-color:var(--red)}
[data-theme="catalog"] .stop.on em,[data-theme="catalog"] .stop.on u{color:var(--red)}
[data-theme="catalog"] .stop.on i{background:var(--red)}
[data-theme="catalog"] .cal-r .pv b{color:var(--red)}

/* лента, подвал, мобильная панель */
[data-theme="catalog"] .tk{border-top:2px solid var(--chalk);border-bottom:2px solid var(--chalk)}
[data-theme="catalog"] .tk-l{color:var(--red)}
[data-theme="catalog"] .tk-r em{color:var(--red)}
[data-theme="catalog"] .ft{border-top:3px solid var(--chalk)}
[data-theme="catalog"] .blk-st{border-color:var(--rule2)}
[data-theme="catalog"] .mb{background:var(--sheet2);border-top:2px solid var(--chalk)}
[data-theme="catalog"] .mb a[aria-current]{color:var(--red)}
[data-theme="catalog"] .toast{background:var(--chalk);border-color:var(--chalk);color:var(--sheet2)}
[data-theme="catalog"] .toast i{background:var(--red);color:#fff}
[data-theme="catalog"] .toast .tt span{color:rgba(255,255,255,.65)}
[data-theme="catalog"] .peek{background:var(--sheet2)}
[data-theme="catalog"] .hint-i{border-color:var(--red);color:var(--red)}
[data-theme="catalog"] .nd i{border-color:var(--red);color:var(--red);background:var(--sheet2)}
[data-theme="catalog"] .pay span{background:var(--sheet3)}
[data-theme="catalog"] .pay span.a{background:var(--red);color:#fff}
[data-theme="catalog"] .facts div{background:var(--sheet)}
[data-theme="catalog"] .cal-l li em{color:var(--red)}
[data-theme="catalog"] .map-links a{background:var(--sheet2)}
[data-theme="catalog"] .mapbox iframe{filter:grayscale(.5) sepia(.15)}
[data-theme="catalog"] .map-ov{background:var(--chalk);color:var(--sheet2);border-color:var(--chalk)}
[data-theme="catalog"] .yours{color:var(--red);border-left-color:var(--red)}
[data-theme="catalog"] .prog-b{background:var(--sheet4)}
[data-theme="catalog"] .prog-b i{background:linear-gradient(90deg,var(--chalk),var(--red))}
[data-theme="catalog"] .steps div{background:var(--sheet2)}
[data-theme="catalog"] .steps div.on{background:var(--red);color:#fff}
[data-theme="catalog"] .steps div.done{background:var(--sheet3)}
[data-theme="catalog"] .authbox,[data-theme="catalog"] .pbar{background:var(--sheet2)}
[data-theme="catalog"] .pbar i{background:var(--red)}
[data-theme="catalog"] .tb-acc.in{color:var(--red);border-color:var(--red)}