/* Проект: SALTECS — сайт saltecs.ru. Общий стиль сайта, направление «Протокол анализа» (вариант Б, выбран владельцем 17.10.2026). */
:root{
  /* гамма владельца 17.10.2026: чёрный, жёлтый, белый + серые тона */
  --bg:#121212; --surface:#242424; --ink:#ffffff; --muted:#b4b4b4;
  --paper:#ffffff; --paper-2:#f0f0f0; --paper-ink:#121212; --paper-muted:#5e5e5e; --rule:#e2e2e2;
  --accent:#ffc400; --accent-ink:#121212; --over:#b3401f; --ok:#1f7a3a;
  --step-small:clamp(.8125rem,.79rem + .1vw,.875rem);
  --step-body:clamp(1.0625rem,1rem + .25vw,1.1875rem);
  --step-head:clamp(2.25rem,1.2rem + 3.6vw,4.5rem);
  --m:clamp(16px,2.4vw,36px);
  font-family:'Manrope',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
body{background:var(--bg);color:var(--ink);font-size:var(--step-body);line-height:1.5}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{font-weight:500;letter-spacing:-.03em;line-height:1}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.num{font-variant-numeric:tabular-nums}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border:0;border-radius:0;
  background:var(--accent);color:var(--accent-ink);font-family:inherit;font-size:1.0625rem;font-weight:500;line-height:1;text-decoration:none;cursor:pointer}
.btn:hover{background:#ffd54a}
.btn.dark{background:var(--bg);color:var(--ink)}
.btn.dark:hover{background:#000}
.btn.paper{background:var(--paper);color:var(--paper-ink)}
.btn.paper:hover{background:#fff}
.plist li.c{grid-template-columns:64px 1fr auto;gap:14px}
.plist li.c .ph{width:64px;height:64px}
.btn.small{min-height:44px;padding:0 18px;font-size:1rem}
.btn.done{background:var(--ok);color:#fff}

/* шапка */
.top{display:flex;align-items:center;gap:28px;padding:20px var(--m);font-size:1rem}
.top .logo{margin-right:auto}.top .logo img{height:34px;width:auto}
.top a{text-decoration:none;color:var(--muted)}.top a:hover{color:var(--ink)}
.top .tel{color:var(--ink);font-weight:500}
.top .cart{color:var(--ink);font-weight:500;display:inline-flex;gap:8px;align-items:center}
.top .cart b{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:.875rem}

/* шапка страницы: крошки и заголовок на тёмном */
.head{padding:clamp(16px,2vw,32px) var(--m) clamp(32px,4vw,56px)}
.crumbs{font-size:var(--step-small);color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 8px}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--ink);text-decoration:underline}
.crumbs span[aria-hidden]{opacity:.6}
.head h1{font-size:clamp(2.25rem,1.2rem + 3.4vw,4.25rem);margin-top:20px;max-width:22ch;letter-spacing:-.04em}
.head .lead{margin-top:16px;max-width:60ch;color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:28px}
.chips a{display:inline-flex;gap:8px;align-items:baseline;padding:10px 16px;background:var(--surface);text-decoration:none;font-size:1rem}
.chips a span{color:var(--muted);font-size:var(--step-small)}
.chips a:hover{background:#333}

/* лист бумаги */
.sheet{background:var(--paper);color:var(--paper-ink);padding:clamp(20px,2.6vw,40px);margin:0 var(--m)}
.sheet + .sheet{margin-top:16px}
.sheet h2{font-size:clamp(1.5rem,1.1rem + 1.2vw,2.125rem);letter-spacing:-.03em}
.sheet .meta{font-size:var(--step-small);color:var(--paper-muted)}

/* прайс-лист категории */
.tools{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between}
.tools .sort{display:flex;gap:6px;flex-wrap:wrap}
.tools .sort button{border:0;background:var(--paper-2);color:var(--paper-ink);font:inherit;font-size:.9375rem;padding:10px 14px;cursor:pointer}
.tools .sort button[aria-pressed=true]{background:var(--paper-ink);color:var(--paper)}
.tools label{display:flex;gap:8px;align-items:center;font-size:.9375rem;cursor:pointer}
.tools input{width:18px;height:18px;accent-color:var(--paper-ink)}
.plist{list-style:none;margin-top:20px}
.plist li{display:grid;grid-template-columns:88px 1fr 150px 160px auto;gap:20px;align-items:center;padding:14px 0;border-top:1px solid var(--rule)}
.plist .ph{width:88px;height:88px;background:#fff;display:grid;place-items:center}
.plist .ph img{width:92%;height:92%;object-fit:contain}
.plist .nm a{font-weight:500;text-decoration:none;font-size:1.0625rem;line-height:1.3}
.plist .nm a:hover{text-decoration:underline}
.plist .nm p{font-size:var(--step-small);color:var(--paper-muted);margin-top:4px;max-width:70ch}
.st{font-size:var(--step-small)}
.st.in{color:var(--ok)}.st.order{color:var(--paper-muted)}.st.out{color:var(--over)}
.pr{font-weight:500;font-size:1.1875rem;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.pr s{display:block;font-weight:400;font-size:var(--step-small);color:var(--paper-muted)}
.pr.ask{font-weight:400;font-size:1rem;color:var(--paper-muted)}
.empty{padding:24px 0;color:var(--paper-muted)}

/* карточка товара: паспорт изделия */
.card{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,3vw,56px)}
.gal .main{background:#fff;aspect-ratio:1;display:grid;place-items:center}
.gal .main img{width:92%;height:92%;object-fit:contain}
.gal .thumbs{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.gal .thumbs button{width:84px;height:84px;background:#fff;border:0;padding:4px;cursor:pointer}
.gal .thumbs button[aria-current=true]{outline:3px solid var(--paper-ink);outline-offset:-3px}
.gal .thumbs img{width:100%;height:100%;object-fit:contain}
.buy h1{font-size:clamp(1.75rem,1.1rem + 2vw,3rem);letter-spacing:-.035em;line-height:1.05}
.buy .sku{margin-top:12px;font-size:var(--step-small);color:var(--paper-muted)}
.buy .lead{margin-top:20px}
.buy .lead ul{margin:8px 0 0 1.1em}.buy .lead li{margin:2px 0}
.buy .bprice{margin-top:28px;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.buy .bprice b{font-size:clamp(2rem,1.4rem + 1.6vw,2.75rem);font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.buy .bprice s{color:var(--paper-muted)}
.buy .act{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;align-items:center}
.qty{display:inline-flex;align-items:center;background:var(--paper-2)}
.qty button{width:44px;height:52px;border:0;background:none;font:inherit;font-size:1.25rem;cursor:pointer;color:var(--paper-ink)}
.qty input{width:48px;height:52px;border:0;background:none;text-align:center;font:inherit;font-weight:500;color:var(--paper-ink)}
.buy .note{margin-top:20px;font-size:var(--step-small);color:var(--paper-muted);max-width:52ch}
.facts{list-style:none;margin-top:28px;display:grid;gap:8px;font-size:.9375rem}
.facts li{display:flex;gap:10px}
.facts b{font-weight:500;min-width:7.5em}

/* протокол характеристик и описание */
.spec{width:100%;border-collapse:collapse;margin-top:16px;font-size:1rem}
.spec th{font-weight:400;color:var(--paper-muted);text-align:left;padding:10px 16px 10px 0;width:40%}
.spec td{padding:10px 0;font-weight:500}
.spec tr{border-top:1px solid var(--rule)}
.desc{max-width:78ch;margin-top:8px}
.desc > * + *{margin-top:14px}
.desc h2{font-size:1.5rem;margin-top:32px}.desc h3{font-size:1.25rem;margin-top:28px}.desc h4{font-size:1.0625rem;margin-top:22px}
.desc ul,.desc ol{padding-left:1.2em}.desc li+li{margin-top:4px}
.desc table{border-collapse:collapse;width:100%;font-size:.9375rem;display:block;overflow-x:auto}
.desc td,.desc th{border:1px solid var(--rule);padding:8px 10px;text-align:left;vertical-align:top}
.desc th{background:var(--paper-2);font-weight:500}
.desc figure img{background:#fff}
.desc figcaption{font-size:var(--step-small);color:var(--paper-muted);margin-top:6px}
.desc .video{position:relative;aspect-ratio:16/9;background:#000;max-width:720px}
.desc .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.desc a{color:#121212;text-decoration-color:#ffc400;text-decoration-thickness:2px}
.cols2{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(24px,3vw,56px)}
.side h2{font-size:1.375rem}
.side ul.links{list-style:none;margin-top:12px;display:grid;gap:8px;font-size:.9375rem}
.side ul.links a{color:var(--paper-ink)}
.side .plist li{grid-template-columns:64px 1fr auto;gap:14px}
.side .plist .ph{width:64px;height:64px}

/* корешок «как едет заказ» */
.stub{display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface);margin:16px var(--m) 0}
.stub div{padding:clamp(20px,2.4vw,36px)}
.stub div+div{border-left:6px dotted var(--bg)}
.stub h3{font-size:1.25rem;letter-spacing:-.01em}
.stub p{margin-top:8px;font-size:1rem;max-width:36ch}

/* заявка и подвал */
.ask{background:var(--accent);color:var(--accent-ink);margin-top:clamp(64px,7vw,120px);padding:clamp(56px,6vw,100px) var(--m);display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,4vw,72px)}
.ask h2{font-size:clamp(2rem,1.2rem + 2.6vw,3.5rem)}
.ask p.sub{margin-top:16px;max-width:34ch}
.ask form{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}
.ask label.f{display:grid;gap:6px;font-size:.9375rem;font-weight:500}
.ask input,.ask textarea{height:56px;border:0;border-radius:0;background:#fff3c4;font-family:inherit;font-size:1.0625rem;padding:0 14px;color:var(--accent-ink)}
.ask textarea{height:96px;padding:12px 14px;resize:vertical}
.ask .wide{grid-column:1/-1}
.ask input:focus,.ask textarea:focus{background:#fff;outline:2px solid var(--accent-ink)}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:.9375rem}
.consent input{width:20px;height:20px;margin-top:3px;accent-color:var(--bg);flex:0 0 auto}
footer{background:var(--paper);color:var(--paper-ink);padding:64px var(--m) 32px}
.f-name img{width:min(100%,720px);height:auto}
.f-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px;font-size:1rem}
.f-grid b{display:block;font-weight:500;color:var(--paper-muted);font-size:var(--step-small);margin-bottom:6px}
.f-grid a{text-decoration:none}.f-grid a:hover{text-decoration:underline}
.f-req{margin-top:32px;font-size:var(--step-small);color:var(--paper-muted)}

@media (max-width:900px){
  .top{gap:16px}.top a.nav{display:none}.top .logo img{height:28px}
  .plist li{grid-template-columns:72px 1fr;gap:10px 14px}
  .plist .ph{width:72px;height:72px;grid-row:1/3}
  .plist .st{grid-column:2}
  .plist .pr{grid-column:2;text-align:left}
  .plist .b{grid-column:2}
  .card,.cols2,.ask{grid-template-columns:1fr}
  .stub{grid-template-columns:1fr}.stub div+div{border-left:0;border-top:6px dotted var(--bg)}
  .ask form{grid-template-columns:1fr}
  .f-grid{grid-template-columns:1fr 1fr}
  .spec th{width:50%}
}

/* ── шапка: две строки, выпадающие меню на details */
.hdr{position:relative;z-index:20}
.hdr .row1{display:flex;align-items:center;gap:20px;padding:16px var(--m)}
.hdr .logo{flex:0 0 auto}.hdr .logo img{height:34px;width:auto}
.search{position:relative;flex:1 1 360px;max-width:520px}
.search input{width:100%;height:46px;border:0;background:var(--surface);color:var(--ink);font:inherit;font-size:1rem;padding:0 16px}
.search input::placeholder{color:var(--muted)}
.search input:focus{outline:2px solid var(--accent);background:#2e2e2e}
.search .res{position:absolute;left:0;right:0;top:100%;background:var(--paper);color:var(--paper-ink);list-style:none;max-height:70vh;overflow:auto;box-shadow:0 16px 40px rgba(0,0,0,.35);z-index:30}
.search .res a{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:8px 12px;text-decoration:none;font-size:.9375rem}
.search .res a:hover,.search .res a[aria-selected=true]{background:var(--paper-2)}
.search .res img{width:44px;height:44px;object-fit:contain;background:#fff}
.search .res span.p{white-space:nowrap;font-variant-numeric:tabular-nums}
.search .res .none{padding:12px;color:var(--paper-muted);font-size:.9375rem}
.hdr .tel{margin-left:auto;text-decoration:none;font-weight:500;white-space:nowrap}
.hdr .cart{display:inline-flex;gap:8px;align-items:center;text-decoration:none;font-weight:500;white-space:nowrap}
.hdr .cart b{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:.875rem}
.nav{display:flex;flex-wrap:wrap;gap:4px;padding:0 var(--m) 14px;font-size:1rem}
.nav > a,.nav summary{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;text-decoration:none;cursor:pointer;list-style:none;color:var(--ink)}
.nav summary::-webkit-details-marker{display:none}
.nav summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px)}
.nav > a:hover,.nav summary:hover,.nav details[open] summary{background:var(--surface)}
.nav .cat-btn{background:var(--accent);color:var(--accent-ink);font-weight:500}
.nav details[open] .cat-btn,.nav .cat-btn:hover{background:#ffd54a}
.nav details{position:relative}
.drop{position:absolute;left:0;top:100%;background:var(--paper);color:var(--paper-ink);padding:20px;min-width:300px;box-shadow:0 16px 40px rgba(0,0,0,.35);z-index:30}
.drop a{display:block;padding:6px 0;text-decoration:none}
.drop a:hover{text-decoration:underline}
.drop .sub{padding-left:14px;font-size:.9375rem;color:var(--paper-muted)}
.drop .sub2{padding-left:28px;font-size:.875rem;color:var(--paper-muted)}
.mega{width:min(1100px,calc(100vw - 2*var(--m)));display:grid;grid-template-columns:repeat(4,1fr);gap:20px 32px}
.mega h3{font-size:1.0625rem;letter-spacing:-.01em;margin-bottom:6px}
.mega h3 a{padding:0}
.mega a{font-size:.9375rem;padding:4px 0}
.mega .cnt{color:var(--paper-muted);font-size:.8125rem}
.callbtn{min-height:46px}

/* ── окно «Перезвоните мне» */
dialog.modal{border:0;padding:0;background:var(--paper);color:var(--paper-ink);width:min(520px,calc(100vw - 32px));margin:auto}
dialog.modal::backdrop{background:rgba(6,16,28,.7)}
.modal .in{padding:32px;position:relative}
.modal h2{font-size:1.75rem}
.modal p.sub{margin-top:8px;color:var(--paper-muted);font-size:1rem}
.modal form{display:grid;gap:10px;margin-top:20px}
.modal input:not([type=checkbox]),.modal textarea{height:54px;border:0;background:var(--paper-2);font:inherit;padding:0 14px;color:var(--paper-ink)}
.modal textarea{height:100px;padding:12px 14px}
.modal input:focus,.modal textarea:focus{outline:2px solid var(--paper-ink);background:#fff}
.modal .x{position:absolute;right:12px;top:12px;width:44px;height:44px;border:0;background:none;font-size:1.75rem;cursor:pointer;color:var(--paper-ink)}
.modal .consent input{accent-color:var(--paper-ink)}

/* ── сообщения форм */
.msg{font-size:.9375rem;min-height:1.2em}
.msg.err{color:var(--over)}
.msg.ok{color:var(--ok);font-weight:500}
.ask .msg.err{color:#7a1d05}

/* ── главная */
.hero{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,4vw,72px);padding:clamp(24px,4vw,56px) var(--m) clamp(64px,7vw,120px);align-items:start}
.hero h1{font-size:clamp(3rem,1.2rem + 4.4vw,5.75rem);letter-spacing:-.04em;line-height:.95}
.hero .lead{font-size:clamp(1.125rem,1rem + .4vw,1.375rem);margin-top:28px;max-width:32ch}
.hero .acts{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:36px}
.hero .acts a.link{color:var(--muted)}
.hero .facts{margin-top:56px;display:grid;grid-template-columns:repeat(3,auto);gap:12px 32px;justify-content:start;color:var(--muted);font-size:.9375rem}
.hero .facts b{display:block;color:var(--ink);font-weight:500;font-size:1.375rem;letter-spacing:-.02em}
.proto{margin:0}
.proto header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:baseline}
.src{display:flex;gap:6px;margin-top:20px;flex-wrap:wrap;border:0}
.src label{position:relative}
.src input{position:absolute;opacity:0;inset:0}
.src span{display:block;padding:10px 16px;background:var(--paper-2);font-size:.9375rem;cursor:pointer}
.src input:checked+span{background:var(--paper-ink);color:var(--paper)}
.src input:focus-visible+span{outline:3px solid var(--bg);outline-offset:2px}
.atab{width:100%;border-collapse:collapse;margin-top:16px;font-size:1rem}
.atab tbody th{font-weight:400;color:var(--paper-ink);font-size:1rem;text-align:left;padding:8px 8px 8px 0;border-top:1px solid var(--rule)}
.atab th{font-weight:500;color:var(--paper-muted);text-align:left;font-size:var(--step-small);padding:0 8px 8px 0}
.atab td{padding:8px 8px 8px 0;border-top:1px solid var(--rule)}
.atab input{width:7em;height:42px;border:0;background:var(--paper-2);font-family:inherit;font-size:1.0625rem;font-weight:500;padding:0 10px;color:var(--paper-ink)}
.atab input:focus{background:#fff;outline:2px solid var(--paper-ink)}
.atab input.over{color:var(--over);outline:2px solid var(--over)}
.pf{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.pf label.f{display:grid;gap:6px;font-size:.875rem;font-weight:500;color:var(--paper-muted)}
.pf input:not([type=checkbox]){height:50px;border:0;background:var(--paper-2);font-family:inherit;font-size:1.0625rem;padding:0 12px;color:var(--paper-ink)}
.pf input[type=file]{padding-top:12px;font-size:.9375rem}
.pf input:focus{outline:2px solid var(--paper-ink);background:#fff}
.pf .wide{grid-column:1/-1}
.pf .consent input{accent-color:var(--paper-ink)}
.sec{padding:clamp(72px,8vw,140px) var(--m) 0}
.sec > h2{font-size:var(--step-head);letter-spacing:-.04em;max-width:18ch}
.sec .lead2{margin-top:16px;max-width:56ch;color:var(--muted)}
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:32px}
.tabs button{border:0;background:var(--surface);color:var(--ink);font:inherit;font-size:1rem;padding:12px 18px;cursor:pointer}
.tabs button[aria-selected=true]{background:var(--paper);color:var(--paper-ink)}
.tabs button:hover{background:#333}.tabs button[aria-selected=true]:hover{background:var(--paper)}
.tabpanel{margin:0}
.tabpanel .more{display:inline-block;margin-top:16px;font-weight:500}
.price{background:var(--paper);color:var(--paper-ink);margin-top:clamp(72px,8vw,140px);padding:clamp(56px,6vw,110px) var(--m)}
.price-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}
.price h2{font-size:var(--step-head);letter-spacing:-.04em}
.price-head p{max-width:40ch;color:var(--paper-muted)}
.groups{display:grid;grid-template-columns:repeat(3,1fr);gap:56px clamp(24px,4vw,64px);margin-top:56px}
.grp{display:grid;grid-template-columns:120px 1fr;gap:4px 20px;align-content:start}
.grp .ph{grid-row:1/3;width:120px;height:120px;background:#fff;display:grid;place-items:center}
.grp .ph img{width:90%;height:90%;object-fit:contain}
.grp h3{align-self:end;font-size:1.375rem;letter-spacing:-.02em}
.grp h3 a{text-decoration:none}.grp h3 a:hover{text-decoration:underline}
.grp .cnt{align-self:start;font-size:var(--step-small);color:var(--paper-muted)}
.grp ul{grid-column:1/-1;list-style:none;margin-top:14px}
.grp li a{display:flex;align-items:baseline;gap:8px;text-decoration:none;padding:6px 0}
.grp li a::after{content:"";order:2;flex:1;border-bottom:4px dotted #cfcfcf;transform:translateY(-4px)}
.grp li a span:first-child{order:1}
.grp li a span:last-child{order:3;white-space:nowrap;font-variant-numeric:tabular-nums}
.grp li a:hover span:first-child{text-decoration:underline}
.split{display:grid;grid-template-columns:6fr 6fr;gap:clamp(24px,4vw,72px);align-items:start;margin-top:40px}
.split .pic{background:#fff;aspect-ratio:4/3;display:grid;place-items:center}
.split .pic img{width:86%;height:86%;object-fit:contain}
.split ul.ticks{list-style:none;display:grid;gap:12px;margin-top:8px}
.split ul.ticks li{padding-left:28px;position:relative}
.split ul.ticks li::before{content:"";position:absolute;left:0;top:.45em;width:12px;height:12px;background:var(--accent)}
.split .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.faq{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,4vw,72px)}
.faq h2{font-size:var(--step-head);letter-spacing:-.04em}
.faq details{background:var(--surface);margin-bottom:8px}
.faq summary{list-style:none;cursor:pointer;padding:20px 60px 20px 22px;font-size:1.1875rem;font-weight:500;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before,.faq summary::after{content:"";position:absolute;right:22px;top:50%;width:16px;height:3px;background:currentColor}
.faq summary::after{transform:rotate(90deg)}
.faq details[open]{background:var(--paper);color:var(--paper-ink)}
.faq details[open] summary::after{transform:none}
.faq details p{padding:0 22px 22px;max-width:60ch}

/* ── корзина */
.cartlist{list-style:none}
.cartlist li{display:grid;grid-template-columns:72px 1fr auto auto auto;gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--rule)}
.cartlist .ph{width:72px;height:72px;background:#fff;display:grid;place-items:center}
.cartlist .ph img{width:92%;height:92%;object-fit:contain}
.cartlist .rm{border:0;background:none;color:var(--paper-muted);cursor:pointer;font:inherit;font-size:.9375rem;text-decoration:underline}
.total{display:flex;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid var(--rule);font-size:1.375rem;font-weight:500}

@media (max-width:1100px){
  .hdr .row1{flex-wrap:wrap}
  .search{order:5;flex-basis:100%;max-width:none}
  .mega{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .hdr .tel{display:none}
  .hdr .logo img{height:26px}
  .hdr .cart{margin-left:auto;font-size:.9375rem}
  .hdr .cart .cl{display:none}
  .hdr .cart b{min-width:34px;height:34px;font-size:1rem}
  .callbtn{min-height:40px;padding:0 12px;font-size:.875rem}
  .hdr .row1{gap:10px 12px;padding:12px var(--m)}
  .nav{gap:2px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}
  .nav > a,.nav summary{white-space:nowrap}
  .drop{top:118px}
  .nav > a,.nav summary{padding:9px 10px;font-size:.9375rem}
  .drop{position:fixed;left:8px;right:8px;top:auto;max-height:70vh;overflow:auto;min-width:0}
  .mega{width:auto;grid-template-columns:1fr}
  .hero,.faq,.split{grid-template-columns:1fr}
  .hero .facts{grid-template-columns:1fr 1fr}
  .pf{grid-template-columns:1fr}
  .groups{grid-template-columns:1fr}
  .cartlist li{grid-template-columns:64px 1fr;gap:8px 14px}
  .cartlist .ph{grid-row:1/4;width:64px;height:64px}
}