/* Six Winds catalogue pages — logo colours: orange #F7A513, grey #373736 */
:root{
  --orange:#F7A513; --orange-ink:#A86B00; --char:#373736; --paper:#F2F2F2; --panel:#FFFFFF;
  --ink:#262626; --muted:#666666; --line:#DCDCDC; --wa:#1FA855; --logo-plate:transparent;
  --display:"Barlow Condensed","IBM Plex Sans Arabic","Arial Narrow",sans-serif;
  --body:"IBM Plex Sans","IBM Plex Sans Arabic",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
@media (prefers-color-scheme:dark){:root{
  --orange-ink:#F7A513; --char:#202020; --paper:#1B1B1B; --panel:#262626; --ink:#EDEDED; --muted:#A6A6A6; --line:#3A3A3A; --logo-plate:#F2F2F2; color-scheme:dark}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--panel);color:var(--ink);font:400 16px/1.65 var(--body)}
body.ar{font-family:"IBM Plex Sans Arabic",var(--body)}
img{max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.wrap{max-width:1160px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.narrow{max-width:860px}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.05;margin:0;text-wrap:balance}
body.ar h1,body.ar h2,body.ar h3,body.ar .btn,body.ar .ccard b{font-family:"IBM Plex Sans Arabic",sans-serif;text-transform:none;letter-spacing:0;line-height:1.35}
p{margin:0}
section{padding-block:clamp(44px,6vw,72px)}

/* header */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--panel) 95%,transparent);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:16px;padding-block:8px;position:relative}
.logo{display:flex;background:var(--logo-plate);border-radius:6px;padding:2px 6px}
.logo img{height:56px;width:auto;display:block}
nav#nav{display:flex;gap:22px;margin-inline-start:auto;font-weight:500;font-size:15px}
nav#nav a{text-decoration:none;color:var(--muted);padding-block:6px;border-bottom:2px solid transparent}
nav#nav a:hover{color:var(--ink);border-bottom-color:var(--orange)}
.lang{font:600 13px/1 var(--body);border:1.5px solid var(--line);color:var(--ink);padding:10px 12px;border-radius:999px;text-decoration:none;min-height:38px;display:inline-flex;align-items:center}
.lang:hover{border-color:var(--ink)}
.hdr-cta{padding:11px 16px!important;font-size:15px!important}
@media (max-width:1080px){.hdr-cta{display:none!important}}
.menu-btn{display:none;width:44px;height:44px;border:1.5px solid var(--line);background:transparent;border-radius:8px;cursor:pointer;color:var(--ink);align-items:center;justify-content:center}
.menu-btn svg{width:22px;height:22px}
@media (max-width:860px){
  .menu-btn{display:inline-flex}.lang{margin-inline-start:auto}
  nav#nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--panel);border-bottom:1px solid var(--line);padding:6px 16px 14px;box-shadow:0 18px 30px -20px rgba(0,0,0,.35)}
  nav#nav.open{display:flex}
  nav#nav a{padding:13px 0;border-bottom:1px solid var(--line);font-size:17px;color:var(--ink)}
}

/* hero */
.hero{background:var(--paper);position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent 0 22px,rgba(55,55,54,.06) 22px 24px);pointer-events:none}
.hero .wrap{position:relative;z-index:1}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted);margin-bottom:22px}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--orange-ink)}
.hero-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.hero-grid>div{min-width:0}
.eyebrow{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--orange-ink);display:flex;align-items:center;gap:10px;margin-bottom:14px}
.eyebrow::before{content:"";width:22px;height:3px;background:var(--orange)}
body.ar .eyebrow{font-family:"IBM Plex Sans Arabic";letter-spacing:0;font-size:14px;font-weight:600}
.hero h1{font-size:clamp(38px,5.4vw,66px);text-transform:uppercase;font-weight:800}
body.ar .hero h1{font-size:clamp(32px,4.4vw,52px)}
.lead{font-size:18px;color:var(--muted);max-width:62ch;margin-top:18px}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.btn{display:inline-flex;align-items:center;gap:10px;font:700 17px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding:15px 22px;border-radius:4px;border:2px solid var(--ink);color:var(--ink)}
.btn svg{width:20px;height:20px;flex:none}
.btn.primary{background:var(--orange);border-color:var(--orange);color:#262626}
.btn.wa{background:var(--wa);border-color:var(--wa);color:#fff}
.btn:hover{filter:brightness(1.05)}
.hero-ph,.ph{display:inline-grid;place-items:center;border-radius:50%;overflow:hidden;outline:3px solid var(--orange);outline-offset:4px;background:var(--panel);flex:none}
.hero-ph{width:210px;height:210px}
.hero-ph img,.ph img{width:100%;height:100%;object-fit:cover;transform:scale(1.16);display:block}
.ico svg{width:46%;height:46%;color:var(--orange)}
@media (max-width:760px){.hero-grid{grid-template-columns:1fr}.hero-ph{display:none}}

/* content */
h2.sec{font-size:clamp(28px,3.6vw,40px);text-transform:uppercase;margin-bottom:24px}
h2.sec.small{font-size:24px;margin-top:44px;margin-bottom:16px}
.subs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.sub{border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:6px;padding:22px;display:grid;gap:10px;align-content:start}
.sub h2{font-size:22px;text-transform:uppercase}
body.ar .sub h2{font-size:19px}
.sub p{color:var(--muted);font-size:15px}
.spec-l{font:500 11px/1 var(--mono)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)!important;margin-top:4px}
body.ar .spec-l{font-family:"IBM Plex Sans Arabic"!important;letter-spacing:0;font-size:13px!important}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.chips li{background:var(--paper);border-radius:999px;padding:5px 11px;font-size:13px}
.items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px 24px}
.items li{display:flex;gap:10px;align-items:baseline}
.items li::before{content:"";flex:none;width:8px;height:8px;background:var(--orange);transform:translateY(-1px) rotate(45deg)}
.band{background:var(--paper)}
.brands{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.brands li{background:#fff;border:1px solid var(--line);border-radius:6px;height:76px;min-width:150px;padding:10px 16px;display:flex;align-items:center;justify-content:center}
.brands img{max-height:52px;max-width:140px;object-fit:contain}
.brands .txt-b{font-weight:600;color:#262626}
.note{margin-top:14px;font-size:13px;color:var(--muted)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px)}
.two>div{min-width:0}
.two .items{grid-template-columns:1fr}
.why{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.why div{border-top:3px solid var(--char);padding-top:12px}
.why b{display:block;font-size:16px;margin-bottom:4px}
.why p{color:var(--muted);font-size:14px}
@media (max-width:820px){.two{grid-template-columns:1fr}}
@media (max-width:480px){.why{grid-template-columns:1fr}}
details{border-bottom:1px solid var(--line);padding:16px 0}
summary{cursor:pointer;font-weight:600;font-size:17px;list-style-position:outside}
details p{margin-top:10px;color:var(--muted)}
.rel{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.rel a{display:inline-block;border:1.5px solid var(--line);border-radius:999px;padding:9px 16px;text-decoration:none;font-weight:500}
.rel a:hover{border-color:var(--orange)}
.cta{background:var(--char);color:#fff}
.cta .wrap{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.cta .wrap>div:first-child{flex:1 1 380px;min-width:0}
.cta h2{font-size:clamp(28px,3.6vw,40px);text-transform:uppercase;color:var(--orange)}
.cta p{color:rgba(255,255,255,.8);margin-top:8px;max-width:58ch}
.cta .ctas{margin-top:0}
.cta .btn{border-color:#fff;color:#fff}
.cta .btn.primary{border-color:var(--orange);color:#262626}
.cta .btn.wa{border-color:var(--wa)}

/* catalogue index */
.div-sec{padding-block:36px}
.div-sec+.div-sec{padding-top:0}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.ccard{display:flex;gap:16px;align-items:center;text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:14px 16px;background:var(--panel)}
.ccard:hover{border-color:var(--orange)}
.ccard .ph{width:72px;height:72px;outline-width:2px;outline-offset:3px}
.ct{display:grid;gap:4px;min-width:0}
.ccard b{font:700 19px/1.1 var(--display);text-transform:uppercase;letter-spacing:.02em}
body.ar .ccard b{font-size:16px}
.ccard small{color:var(--muted);font-size:13px;line-height:1.4}
@media (max-width:400px){.cgrid{grid-template-columns:1fr}}

/* footer: the home page's four columns (brand, products, company, contact) and a legal line */
footer{background:#2a2a29;color:rgba(255,255,255,.72);font-size:14px}
.fgrid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,.8fr)) minmax(0,1.2fr);gap:36px;padding-block:56px 40px}
.fbrand .plate{display:inline-flex;background:#fff;border-radius:8px;padding:8px 12px}
.fbrand .plate img{height:54px;width:auto;display:block}
.fbrand p{margin:16px 0 0;max-width:36ch;line-height:1.55}
.fbrand .nm{color:#fff;font-weight:600;margin-top:14px;display:grid;gap:2px}
.fbrand .nm span{font-family:"IBM Plex Sans Arabic",sans-serif;color:var(--orange)}
footer h4{margin:0 0 14px;font:700 15px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:#fff}
body.ar footer h4{font:700 15px/1.4 "IBM Plex Sans Arabic",sans-serif;letter-spacing:0}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
footer ul a{display:inline-flex;align-items:center;min-height:32px;text-decoration:none;color:rgba(255,255,255,.72)}
footer ul a:hover{color:var(--orange)}
.fcontact li{line-height:1.5;padding-block:3px}
.legal{border-top:1px solid rgba(255,255,255,.12);padding-block:18px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;font-size:13px}
.legal .ids{display:flex;flex-wrap:wrap;gap:6px 18px}
.legal b{color:#fff;font-weight:600}
@media (max-width:900px){.fgrid{grid-template-columns:1fr 1fr}.fbrand{grid-column:1/-1}}
@media (max-width:480px){.fgrid{grid-template-columns:1fr;gap:28px}}
.wa-float{position:fixed;z-index:25;right:18px;bottom:18px;display:flex;align-items:center;gap:10px;background:var(--wa);color:#fff;text-decoration:none;border-radius:999px;padding:12px 18px 12px 14px;font:600 15px/1 var(--body);box-shadow:0 10px 26px -8px rgba(0,0,0,.45)}
body.ar .wa-float{right:auto;left:18px;font-family:"IBM Plex Sans Arabic"}
.wa-float svg{width:28px;height:28px}
@media (max-width:560px){.wa-float{padding:14px}.wa-float span{display:none}}

/* product photos on white (e.g. hazardous-area fixtures) */
.ph.fit,.hero-ph.fit{background:#fff}
.ph.fit img,.hero-ph.fit img{object-fit:contain;transform:none;padding:12%}
.sub-head{display:flex;align-items:center;gap:14px}
.sub-thumb{width:84px;height:84px;flex:none;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:6px;padding:4px}

.sub-thumb.ill{padding:6px}
.sub-gal{display:flex;flex-wrap:wrap;gap:8px}
.sub-gal img{width:72px;height:72px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:6px;padding:3px}
.ph.fit img[src$=".svg"],.hero-ph.fit img[src$=".svg"]{padding:16%}

.sub-head h2{min-width:0}
.sub-gal img:hover{border-color:var(--orange)}
.ds-row{display:flex;flex-wrap:wrap;gap:6px}
.ds{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;border:1.5px solid var(--orange);color:var(--ink);border-radius:999px;padding:4px 11px}
.ds::before{content:"";width:10px;height:12px;background:linear-gradient(var(--orange),var(--orange)) 0 0/100% 2px no-repeat,linear-gradient(var(--orange),var(--orange)) 0 5px/70% 2px no-repeat,linear-gradient(var(--orange),var(--orange)) 0 10px/100% 2px no-repeat}
.ds:hover{background:var(--orange);color:#262626}
.sub-head a,.sub-gal a{display:inline-flex}

/* ---- v4: key facts, product links, product pages, icon strip, group jump ---- */
.ph.fit.icon,.hero-ph.fit.icon{outline:none;background:transparent}
.ph.fit.icon img,.hero-ph.fit.icon img{padding:0!important}
.facts{background:var(--paper);border-top:4px solid var(--orange)}
.facts-lead{font-size:18px;max-width:860px;margin-bottom:18px}
.facts-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:0}
.facts-dl div{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px 14px}
.facts-dl dt{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}
body.ar .facts-dl dt{text-transform:none;letter-spacing:0}
.facts-dl dd{margin:4px 0 0;font-weight:600;overflow-wrap:anywhere}
.facts-dl a{text-decoration:none;color:var(--orange-ink)}
.plinks{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:4px}
.plinks a{font-weight:600;font-size:14px;text-decoration:none;color:var(--orange-ink)}
.plinks a:hover{text-decoration:underline}
.ds-row .add-q{margin-top:4px}
.gjump{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.gjump a{border:1.5px solid var(--char);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;text-decoration:none}
.gjump a:hover{background:var(--orange);border-color:var(--orange);color:#262626}
.istrip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.istrip a{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;text-decoration:none;padding:12px 6px;border-radius:10px;border:1px solid var(--line);background:var(--panel);font-size:13px;font-weight:600;line-height:1.25;height:100%}
.istrip a:hover{border-color:var(--orange)}
.istrip img{width:64px;height:64px}
.qj{padding-top:0}
.pgrid{align-items:start}
.pgal{display:grid;gap:10px;justify-items:center}
.pgal .hero-ph{display:inline-grid!important}
.pthumbs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:420px}
.pthumb{border:1px solid var(--line);background:#fff;border-radius:6px;padding:2px;cursor:pointer;width:64px;height:64px}
.pthumb img{width:100%;height:100%;object-fit:contain}
.pthumb:hover{border-color:var(--orange)}
.pbrand{margin-top:10px;color:var(--muted)}
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}
.vt{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.vt th,.vt td{text-align:start;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.vt th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.vt td:first-child{font-family:var(--mono);font-size:14px;white-space:nowrap}
.vt td:last-child{text-align:end;width:1%;white-space:nowrap}
.cgrid .ccard .ct b{overflow-wrap:anywhere}
@media (max-width:760px){.pgal .hero-ph{width:min(280px,80vw);height:min(280px,80vw)}}
.pgal .hero-ph{width:340px;height:340px;border-radius:14px;outline:none;border:1px solid var(--line);background:#fff}
.pgal .hero-ph img{transform:none;object-fit:contain;padding:6%}
.ctas .add-q{padding:13px 18px;font-size:15px}
.facts-dl{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.facts-dl dd a[href^=mailto]{overflow-wrap:normal;word-break:keep-all}
@media (max-width:600px){
 .vt{min-width:0}.vt thead{display:none}
 .vt tr{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:10px 0;border-bottom:1px solid var(--line)}
 .vt td{border:0;padding:0}.vt td:nth-child(2){grid-column:1/2;font-size:14px}.vt td:last-child{grid-row:1/3;grid-column:2;align-self:center}
}
@media (max-width:760px){.pgal .hero-ph{width:min(300px,82vw);height:min(300px,82vw)}}

/* ---------- parts database: part pages, group pages, part finder ---------- */
.mono{font-family:var(--mono);font-weight:500;letter-spacing:.01em}
.ppage .hero h1{font-size:clamp(30px,4.6vw,54px);text-transform:none;overflow-wrap:anywhere}
.ppage .hero .lead{color:var(--ink);font-size:19px}
.vt.spec{min-width:0;max-width:880px}
.vt.spec th{width:34%;color:var(--muted);font-weight:600;font-size:14px;background:var(--paper)}
.vt.spec td{overflow-wrap:anywhere}
.vt.spec a{color:var(--orange-ink)}
.plist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.plist a{display:block;height:100%;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);text-decoration:none}
.plist a:hover{border-color:var(--orange)}
.plist b{display:block;font-family:var(--mono);font-weight:500;overflow-wrap:anywhere}
.plist span{display:block;font-size:13px;color:var(--muted);line-height:1.4;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pmore{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}
.btn.ghost{background:transparent}
.hero.slim{padding-block:clamp(32px,4.5vw,52px)}
.hero.slim h1{font-size:clamp(34px,4.8vw,56px)}
.pgroups{list-style:none;margin:0;padding:0;columns:3 260px;column-gap:28px}
.pgroups li{break-inside:avoid;padding:4px 0;border-bottom:1px solid var(--line)}
.pgroups a{text-decoration:none}.pgroups a:hover{color:var(--orange-ink)}
.pgroups small,.pf-cat small{color:var(--muted);font-variant-numeric:tabular-nums}
/* finder */
.pf-search{display:flex;gap:10px;margin-top:24px;max-width:760px}
.pf-search input{flex:1;min-width:0;font:inherit;font-size:17px;padding:14px 16px;border:2px solid var(--ink);border-radius:4px;background:var(--panel);color:var(--ink)}
.pf-search input:focus{outline:3px solid var(--orange);outline-offset:1px}
.pf{display:block}
.pf.on{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start}
.pf-side:empty{display:none}
.pf-f{border-bottom:1px solid var(--line);padding:10px 0 14px}
.pf-f h3{font:700 15px/1.2 var(--body);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:6px 0 8px}
.pf-f ul{list-style:none;margin:0;padding:0}
.pf-f a{display:flex;justify-content:space-between;gap:8px;padding:5px 8px;border-radius:6px;text-decoration:none;font-size:14px;line-height:1.35}
.pf-f a:hover{background:var(--paper)}
.pf-f a.on{background:#FFF3DC;color:#262626;font-weight:600}
.pf-f a.on::after{content:"×";margin-inline-start:6px}
.pf-f small{color:var(--muted)}
.pf-more,.pf-clear{background:none;border:0;padding:6px 8px;color:var(--orange-ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline}
.pf-count{margin:0 0 12px;color:var(--muted)}
.pf-count b{color:var(--ink)}
.pf-msg{color:var(--muted);font-size:14px}
.pres{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.pres li{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line)}
.pr-img img,.pr-ic{width:64px;height:64px;border-radius:8px;object-fit:contain;background:#fff;border:1px solid var(--line);display:grid;place-items:center}
.pr-ic{font:700 18px/1 var(--display);text-transform:uppercase;color:var(--muted);background:var(--paper)}
.pr-t{min-width:0}
.pr-t>a{text-decoration:none}
.pr-t>a b{font-size:17px;overflow-wrap:anywhere}
.pr-t>a:hover b{color:var(--orange-ink)}
.pr-n{display:block;line-height:1.4}
[dir=rtl] .pr-n,[dir=rtl] .pr-t,[dir=rtl] .pr-t b{unicode-bidi:plaintext;text-align:right}
.pr-t small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.pf-pages{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}
.pf-pages a,.pf-pages span{min-width:40px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;text-align:center;text-decoration:none}
.pf-pages span{background:var(--ink);color:var(--panel);border-color:var(--ink)}
.pf-pages a:hover{border-color:var(--orange)}
.pf-none{padding:24px;border:1px dashed var(--line);border-radius:8px}
.pf-cats{columns:2 380px;column-gap:28px}
.pf-cat{break-inside:avoid;border-bottom:1px solid var(--line);padding:8px 0}
.pf-cat summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px;font-size:17px}
.pf-cat ul{list-style:none;margin:8px 0 6px;padding:0 0 0 12px;font-size:14px}
.pf-cat li{padding:3px 0}
.pf-cat a{text-decoration:none}.pf-cat a:hover{color:var(--orange-ink)}
.pf-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.pf-filter{flex:1;min-width:220px;font:inherit;padding:12px 14px;border:1.5px solid var(--line);border-radius:4px;background:var(--panel);color:var(--ink)}
.plt td:first-child{white-space:nowrap}
.plt a{color:var(--orange-ink)}
@media (max-width:860px){
  .pf.on{grid-template-columns:1fr;gap:12px}
  .pf-dd{border:1.5px solid var(--ink);border-radius:6px;padding:0 12px}
  .pf-dd summary{display:flex!important;padding:12px 0;font-weight:600}
  .pf-dd[open]{padding-bottom:8px}
  .pf-f{max-height:260px;overflow:auto}
  .pres li{grid-template-columns:52px 1fr;gap:10px}
  .pres li .add-q{grid-column:2;justify-self:start}
  .pr-img img,.pr-ic{width:52px;height:52px}
  .pf-search{flex-direction:column}
}
@media (prefers-color-scheme:dark){.pf-f a.on{background:#3a2c10;color:var(--ink)}.pr-img img{background:#fff}}
.wa-float img{width:28px;height:28px}
.btn img{width:20px;height:20px;flex:none}
.vt.spec td{text-align:start}
.pr-img img.ic{padding:8px;background:var(--paper)}
.pf-dd summary{display:none;cursor:pointer;list-style:none;justify-content:space-between}
.pf-dd summary::-webkit-details-marker{display:none}
.pf-dd summary::after{content:"+";font-weight:700}
.pf-dd[open] summary::after{content:"−"}

.rep-note{margin:8px 0 0;font-size:12.5px;color:#6b6b6b;text-align:center;line-height:1.4}

/* ---------- product ranges (animated showcase) ---------- */
.rg-hero{overflow:hidden}
.rg-h1 .w{display:inline-block;opacity:0;transform:translateY(.45em);animation:rgUp .7s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i)*90ms)}
.rg-fade{opacity:0;animation:rgFade .8s ease forwards;animation-delay:.45s}
@keyframes rgUp{to{opacity:1;transform:none}}
@keyframes rgFade{to{opacity:1}}
.rg-stats{list-style:none;margin:22px 0 0;padding:0;display:flex;gap:28px;flex-wrap:wrap}
.rg-stats b{display:block;font:700 34px/1 var(--display);color:var(--char)}
.rg-stats span{font-size:13px;color:var(--muted)}
.rg-mosaic{display:grid;grid-template-columns:repeat(4,96px);gap:8px;transform:rotate(-4deg)}
.rg-mosaic img{width:96px;height:96px;object-fit:cover;border-radius:10px;opacity:0;animation:rgTile .9s cubic-bezier(.2,.7,.2,1) forwards,rgFloat 7s ease-in-out infinite;animation-delay:var(--d),calc(var(--d) + 1s)}
.rg-mosaic img:nth-child(even){margin-top:18px}
@keyframes rgTile{from{opacity:0;transform:scale(.7) translateY(20px)}to{opacity:1;transform:none}}
@keyframes rgFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
.rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.rg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.rg-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-decoration:none;color:inherit;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s}
.rg-card:hover{border-color:var(--orange);box-shadow:0 10px 28px rgba(0,0,0,.08);transform:translateY(-3px)}
.rg-img{display:block;background:#fff;aspect-ratio:2/1;overflow:hidden}
.rg-img img{width:100%;height:100%;object-fit:contain;transition:transform .6s ease}
.rg-card:hover .rg-img img{transform:scale(1.05)}
.rg-body{display:block;padding:14px 16px 16px;border-top:3px solid var(--orange)}
.rg-body b{display:block;font:700 22px/1.15 var(--display);color:var(--char);margin-bottom:6px}
.rg-body ul{margin:0 0 10px;padding-inline-start:18px;color:var(--muted);font-size:14px;line-height:1.5}
.rg-more{font-weight:600;color:var(--orange-ink)}
.rg-card:hover .rg-more span{display:inline-block;animation:rgNudge .6s ease infinite alternate}
@keyframes rgNudge{to{transform:translateX(4px)}}
[dir=rtl] .rg-card:hover .rg-more span{animation-name:rgNudgeR}
@keyframes rgNudgeR{to{transform:translateX(-4px)}}
.rg-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.rg-track{display:flex;gap:12px;width:max-content;animation:rgScroll 45s linear infinite}
.rg-marquee:hover .rg-track{animation-play-state:paused}
.rg-track span{padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-weight:600;white-space:nowrap}
@keyframes rgScroll{to{transform:translateX(-50%)}}
[dir=rtl] .rg-track{animation-name:rgScrollR}
@keyframes rgScrollR{to{transform:translateX(50%)}}
.rg-photo{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;max-width:460px;clip-path:inset(0 100% 0 0);animation:rgWipe 1s cubic-bezier(.6,0,.2,1) .25s forwards}
[dir=rtl] .rg-photo{clip-path:inset(0 0 0 100%)}
.rg-photo img{display:block;width:100%;height:auto}
@keyframes rgWipe{to{clip-path:inset(0 0 0 0)}}
.rg-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.rg-item{position:relative;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:18px 18px 16px;transition:border-color .25s,box-shadow .25s}
.rg-item:hover{border-color:var(--orange);box-shadow:0 8px 22px rgba(0,0,0,.06)}
.rg-n{font:700 30px/1 var(--display);color:var(--orange);opacity:.9}
.rg-item h3{margin:8px 0 6px;font-size:17px;line-height:1.3}
.rg-item p{margin:0 0 12px;color:var(--muted);font-size:14.5px;line-height:1.5}
.rg-link{font-weight:600;color:var(--orange-ink);text-decoration:none}
.rg-link:hover{text-decoration:underline}
.rg-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.rg-chips a{display:inline-block;padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:inherit;text-decoration:none;font-weight:600;transition:border-color .2s,transform .2s}
.rg-chips a:hover{border-color:var(--orange);transform:translateY(-2px)}
.rg-cta{background:var(--char);color:#fff;padding:44px 0;margin-top:10px}
.rg-cta h2{margin:0 0 8px;font:700 32px/1.1 var(--display);color:#fff}
.rg-cta p{margin:0 0 16px;color:#ddd}
.rg-others{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.rg-others a{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:inherit;text-decoration:none;font-weight:600;font-size:14px}
.rg-others a:hover{border-color:var(--orange)}
.rg-others img{width:72px;height:36px;object-fit:contain;background:#fff;flex:none}
@media (max-width:760px){.rg-mosaic{display:none}.rg-photo{max-width:100%}.rg-stats b{font-size:28px}}
@media (prefers-reduced-motion:reduce){.rg-h1 .w,.rg-fade,.rg-mosaic img,.rg-photo{animation:none!important;opacity:1;transform:none;clip-path:none}.rv{opacity:1;transform:none;transition:none}.rg-track{animation:none;flex-wrap:wrap;width:auto}}

.bchips,.bindex{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.bchips a,.bindex a{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:inherit;text-decoration:none;font-weight:600;font-size:14px}
.bchips a:hover,.bindex a:hover{border-color:var(--orange)}
.bchips span,.bindex span{color:var(--muted);font-weight:500;font-size:12.5px}
.bindex{margin-bottom:18px}
.bjump{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.bjump a{min-width:30px;text-align:center;padding:4px 6px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:inherit;text-decoration:none;font-weight:600}

.trust{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.trust li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.75)}
.trust svg{flex:none;width:24px;height:24px;color:var(--orange-ink)}
.trust b{display:block;font-size:14px;line-height:1.25}
.trust span{font-size:12.5px;line-height:1.35;color:var(--muted)}
.ds-ask{margin:10px 0 0}.ds-ask a{font-weight:600;color:var(--orange-ink)}
.ds-have{display:flex;flex-wrap:wrap;gap:8px}.ds-have a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:10px;border:1px solid var(--orange-ink);text-decoration:none}.ds-have a.ds-share{border-color:#25a244;color:#1b7a33}.ds-have a:hover{background:#fff6e3}
.pf-bom{margin-top:14px;border:1px dashed #bbb;border-radius:10px;background:rgba(255,255,255,.8);padding:0 14px}
.pf-bom summary{cursor:pointer;padding:12px 0;font-weight:700}
.pf-bom textarea{width:100%;box-sizing:border-box;font:14px/1.5 var(--mono);padding:10px;border:1.5px solid #bbb;border-radius:8px;resize:vertical}
.pf-bom-act{margin:10px 0 14px}
.pf-bom-sum{font-weight:600}
.pf-bom tr.nf td{color:#8a5a00;background:#FFF8EA}
.gchips{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-top:14px}.gchips>span{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.7}
.gchips ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.gchips a{display:inline-block;padding:4px 10px;border:1px solid var(--line,#ddd);border-radius:999px;text-decoration:none;color:inherit;font-size:13px;background:var(--panel,#fff)}
.gchips a:hover{border-color:var(--orange,#f39c12)}.gchips small{opacity:.6;margin-inline-start:4px}
.xref{display:grid;gap:4px;margin:14px 0;padding:14px 16px;border:1px solid var(--line,#ddd);border-inline-start:4px solid var(--orange,#F7A513);border-radius:8px;background:var(--panel,#fff);max-width:520px}
.xref strong{font-size:15px}.xref span{font-size:14px;opacity:.8;line-height:1.45}.xref a{font-weight:700;color:var(--orange-ink,#A86B00)}
/* redesign v2: grouped quick index */
.qgroups{display:grid;gap:0}
.qg{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start;padding-block:18px;border-bottom:1px solid var(--line,#DCDCDC)}
.qg:first-child{padding-top:0}.qg:last-child{border-bottom:0}
.qg-h{margin:0;font-size:20px!important;line-height:1.2;padding-top:12px;display:flex;align-items:baseline;gap:10px}
.qg-h a{text-decoration:none;color:inherit}.qg-h a:hover{color:var(--orange-ink,#946000)}
.qg-n{font:500 12px/1 var(--mono,ui-monospace,monospace);color:var(--muted,#666);border:1px solid var(--line,#DCDCDC);border-radius:999px;padding:4px 8px;flex:none}
.qg .istrip{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))!important}
@media (max-width:820px){.qg{grid-template-columns:1fr;gap:6px;padding-block:14px}.qg-h{padding-top:0}.qg .istrip{grid-template-rows:auto!important}}
/* quick index: real product photos instead of pictograms */
.qg .istrip a{gap:8px}
.qph{display:grid;place-items:center;width:76px;height:76px;border-radius:12px;background:#fff;border:1px solid var(--line,#DCDCDC);overflow:hidden;transition:border-color .15s,transform .15s}
.qph img{width:68px!important;height:68px!important;object-fit:contain}
.qg .istrip a:hover .qph{border-color:var(--orange,#F7A513);transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){.qph{transition:none}.qg .istrip a:hover .qph{transform:none}}

/* engineering tools (/tools/) */
.tl-hero .lead{max-width:70ch}
.tl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:8px 0 18px}
.tl-grid.sm{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.tl-card{display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--panel);text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s,transform .15s}
.tl-card:hover{border-color:var(--orange);box-shadow:0 10px 24px -18px rgba(0,0,0,.5);transform:translateY(-2px)}
.tl-card b{font:700 21px/1.1 var(--display);letter-spacing:.01em}
.tl-card span{font-size:14px;color:var(--muted);line-height:1.5}
.tl-card em{font-style:normal;font-weight:600;font-size:14px;color:var(--orange-ink)}
.tl-ico{width:46px;height:46px;border-radius:10px;background:color-mix(in srgb,var(--orange) 16%,transparent);color:var(--orange-ink);display:grid;place-items:center}
.tl-ico svg{width:28px;height:28px}
.tl-grid.sm .tl-card > span:not(.tl-ph):not(.tl-ico){display:none}
.tl-note{font-size:14px;color:var(--muted);max-width:80ch}
.tl-wrap{max-width:980px}
.tl-sec{padding-top:6px}
.tl-sec h2{font-size:28px;margin:22px 0 12px}
.tool{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:18px;margin:22px 0}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px 16px}
.tf{display:grid;gap:5px;font-size:14px;font-weight:600}
.tf span{color:var(--muted);font-weight:600}
.tf input,.tf select{font:500 16px/1.2 var(--body);padding:11px 12px;border:1.5px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);min-height:44px;width:100%;box-sizing:border-box}
.tf input:focus,.tf select:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--orange) 30%,transparent)}
.tout{margin-top:16px}
.tres{background:var(--panel);border:1px solid var(--line);border-inline-start:4px solid var(--orange);border-radius:10px;padding:16px 18px}
.tres h3{font-size:22px;margin:0 0 10px}
.tres dl{margin:0;display:grid;gap:0}
.tres dl>div{display:grid;grid-template-columns:minmax(150px,34%) 1fr;gap:12px;padding:8px 0;border-bottom:1px dashed var(--line)}
.tres dl>div:last-child{border-bottom:0}
.tres dt{color:var(--muted);font-size:14px}.tres dd{margin:0;font-size:15px}
.tres dl>div.key dd{font-size:18px}
.tnotes{margin:12px 0 0;padding-inline-start:18px;font-size:13.5px;color:var(--muted);line-height:1.5}
.tnotes a{color:var(--orange-ink);font-weight:600}
.tlinks{margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}
.tlinks a,.tl-chips a{display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border:1.5px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink);font-weight:600;font-size:14px}
.tlinks a:hover,.tl-chips a:hover{border-color:var(--orange);color:var(--orange-ink)}
.tsend{margin:14px 0 0}.tsend .btn{font-size:15px;padding:12px 16px}
.twarn{padding:12px 14px;border-radius:8px;background:color-mix(in srgb,var(--orange) 14%,transparent);font-size:15px}
.tl-chips{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-wrap:wrap;gap:8px}
.tl-ask{max-width:none;margin:20px 0}
.gt{border-collapse:collapse;width:100%;margin:10px 0;font-size:14.5px;display:block;overflow-x:auto}
.gt th,.gt td{border:1px solid var(--line);padding:8px 10px;text-align:start;vertical-align:top}
.gt th{background:var(--paper);font-weight:600}
.tl .mono{font:500 18px/1.4 var(--mono);background:var(--paper);padding:10px 14px;border-radius:6px;display:inline-block;direction:ltr}
@media (max-width:560px){.tres dl>div{grid-template-columns:1fr;gap:2px}.tgrid{grid-template-columns:1fr 1fr}}
@media (max-width:380px){.tgrid{grid-template-columns:1fr}}
@media (pointer:coarse){.tlinks a,.tl-chips a{min-height:44px}}

/* cross-reference (equivalents) */
.xsec{background:var(--paper)}
.xgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:18px}
.xgrid h3{font-size:20px;margin:0 0 10px}
.xchk{margin:0 0 14px;padding-inline-start:18px;line-height:1.55;font-size:15px}
.xchk li{margin:4px 0}
.xalts em{font-style:normal;font-size:12px;color:var(--muted);font:500 12px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.xq{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 14px}
.xq input{flex:1 1 260px;font:500 18px/1.2 var(--mono);padding:13px 14px;border:2px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);min-height:48px}
.xq input:focus{border-color:var(--orange);outline:none}
.xex{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--muted);align-items:center}
.xex a{font:500 13px/1 var(--mono);padding:8px 10px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink)}
.xex a:hover{border-color:var(--orange)}
.pf-xref{margin:12px 0 18px;padding:14px 16px;border:1px solid var(--line);border-inline-start:4px solid var(--orange);border-radius:10px;background:var(--panel)}
.pf-xref h3{font-size:19px;margin:0 0 6px}
@media (max-width:760px){.xgrid{grid-template-columns:1fr}}
.tool+.tool{margin-top:14px}
.tl-fh{font-size:22px;margin:0 0 12px}
.tl-tape{margin-bottom:12px}.tl-tape h3{font-size:19px;margin-bottom:4px}
.tl-tmeta{margin:0;color:var(--muted);font-size:14px}
.tl-tape .tlinks a b{font-weight:700;margin-inline-end:2px}
/* tools: real product photos on cards and hero; typography */
.tl-card.has-ph{grid-template-columns:96px 1fr;grid-template-rows:auto 1fr auto;column-gap:14px;align-items:start}
.tl-card.has-ph .tl-ph{grid-row:1 / span 3}
.tl-ph{width:96px;height:96px;border-radius:10px;background:#fff;border:1px solid var(--line);padding:6px;box-sizing:border-box;display:grid;place-items:center;overflow:hidden}
.tl-ph img{width:100%;height:100%;object-fit:contain}
.tl-grid.sm .tl-card.has-ph{grid-template-columns:64px 1fr}.tl-grid.sm .tl-ph{width:64px;height:64px;padding:4px}
.tl-hero-g{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}
.tl-hero-ph{width:220px;height:220px;border-radius:14px;background:#fff;border:1px solid var(--line);padding:12px;box-sizing:border-box}
.tl-hero-ph img{width:100%;height:100%;object-fit:contain}
@media (max-width:859px){.tl-hero-g{grid-template-columns:1fr auto}.tl-hero-ph{width:150px;height:150px}}
@media (max-width:559px){.tl-hero-g{grid-template-columns:1fr}.tl-hero-ph{display:none}}
.tl-hero h1,.tl-card b,.tl-sec h2,.tres h3,.tl-fh{text-transform:none;letter-spacing:0}
.tl-hero h1{font:700 clamp(32px,4.2vw,52px)/1.08 var(--display);max-inline-size:22ch;text-wrap:balance}
.tl-card b{font:700 20px/1.2 var(--display)}
.tl-hero .lead{font-size:18px;line-height:1.6;max-inline-size:70ch}
.tl-card span,.tl-sec p,.tl-sec li{line-height:1.6}
.tl-sec p,.tl-sec ul,.tl-sec ol{max-inline-size:70ch}
.tres dt{font-size:14px}.tres dd{font-size:15.5px;line-height:1.5}
[dir=rtl] .tl,[dir=rtl] .tl-card span,[dir=rtl] .tl-sec p,[dir=rtl] .tl-sec li,[dir=rtl] .tres dd,[dir=rtl] .tl-hero .lead{line-height:1.8;letter-spacing:0}
[dir=rtl] .tl-hero h1,[dir=rtl] .tl-card b,[dir=rtl] .tl-sec h2,[dir=rtl] .tres h3,[dir=rtl] .tl-fh{font-family:"IBM Plex Sans Arabic",var(--body);letter-spacing:0;line-height:1.35}
[dir=rtl] .tl-hero h1{font-weight:700;font-size:clamp(28px,3.6vw,44px)}
[dir=rtl] .tl-card b{font-weight:700;font-size:18px}

/* guidance strip: "Help me choose" (real product photos, links to the engineering tools) */
.gh{margin-top:26px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:grid;gap:10px}
.gh-h{margin:0;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.gh-h b{font:700 19px/1.2 var(--display);letter-spacing:.01em}
.gh-h span{font-size:14px;color:var(--muted)}
.gh-l{display:flex;flex-wrap:wrap;gap:10px}
.gh-a{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:6px 14px 6px 6px;border:1.5px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);text-decoration:none;font-weight:600;font-size:14.5px;line-height:1.25;max-width:320px;transition:border-color .15s,box-shadow .15s}
[dir=rtl] .gh-a{padding:6px 6px 6px 14px}
.gh-a:hover{border-color:var(--orange);box-shadow:0 6px 18px -14px rgba(0,0,0,.5)}
.gh-a img{width:40px;height:40px;object-fit:contain;background:#fff;border-radius:7px;flex:none}
.gh-sec{padding-top:0}
[dir=rtl] .gh-h b{font-family:"IBM Plex Sans Arabic",var(--body);letter-spacing:0}
@media (max-width:560px){.gh-a{flex:1 1 100%;max-width:none}}

/* typography (best practice): sentence case for headings, caps only for short labels; comfortable Arabic leading */
.hero h1,h2.sec,.sub h2,.cta h2,.ccard b{text-transform:none;letter-spacing:-.003em}
.hero h1{font-weight:700;line-height:1.04;max-inline-size:24ch}
.ppage .hero h1{max-inline-size:none}
h2.sec{font-size:clamp(26px,3.2vw,36px);line-height:1.1}
.ccard b{font-size:20px;line-height:1.15}
.lead{line-height:1.6;max-width:65ch}
p,li{text-wrap:pretty}
body.ar{line-height:1.8}
body.ar h1,body.ar h2,body.ar h3,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:"IBM Plex Sans Arabic",var(--body);line-height:1.3;letter-spacing:0;font-weight:700}
body.ar .hero h1{font-size:clamp(30px,4vw,48px)}
body.ar .eyebrow,[dir=rtl] .eyebrow{font-family:"IBM Plex Sans Arabic",var(--body);letter-spacing:0;font-size:14px;text-transform:none}
body.ar .btn,[dir=rtl] .btn{font-family:"IBM Plex Sans Arabic",var(--body);letter-spacing:0;text-transform:none;font-size:16px}
.vt th,.facts-dl dt{letter-spacing:.04em}
body.ar .vt th,body.ar .facts-dl dt{letter-spacing:0;text-transform:none;font-size:13px}

/* tool toolbar + print: a clean sheet for the job file */
.tbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tbar button{min-height:44px;padding:8px 14px;border:1.5px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font:600 14px/1.2 var(--body);cursor:pointer}
.tbar button:hover{border-color:var(--orange)}
@media print{
  header,footer,.wa-float,.sw-quick,.swq-btn,.tbar,.tsend,.tl-ask,.tl-grid,.tl-chips,.gh,.crumbs,nav,.sw-top{display:none!important}
  body{background:#fff;color:#000;font-size:12pt}
  .hero{background:#fff!important;padding:0!important}.hero::before,.hero::after{display:none!important}
  .tool{border:1px solid #999;background:#fff;break-inside:avoid}
  .tres{border:1px solid #999;break-inside:avoid}
  .tf input,.tf select{border:1px solid #999;appearance:none}
  a{color:#000;text-decoration:none}
  main::after{content:"Six Winds Trading, Jeddah · sixwinds.com.sa · +966 54 603 0019 · Guidance only: confirm with the equipment data and applicable standard.";display:block;margin-top:16px;font-size:9pt;color:#444}
}

/* answer-first results (technician view) */
.tans{background:#262626;color:#fff;border-radius:10px;padding:14px 16px;margin:-2px 0 12px;display:grid;gap:6px}
.tans small{font:600 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#F7A513}
[dir=rtl] .tans small{font-family:"IBM Plex Sans Arabic",var(--body);letter-spacing:0;font-size:13px;text-transform:none}
.tans p{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.tans p span{font-size:13.5px;color:#cfcfcf}
.tans p b{font:700 clamp(19px,2.4vw,24px)/1.25 var(--body);color:#fff}
.tans p b *{color:#fff!important;font-size:inherit!important}
.tdet>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600;color:var(--orange-ink);list-style:none}
.tdet>summary::-webkit-details-marker{display:none}
.tdet>summary::before{content:"+";display:inline-grid;place-items:center;width:22px;height:22px;margin-inline-end:8px;border:1.5px solid currentColor;border-radius:50%;font-size:15px;line-height:1}
.tdet[open]>summary::before{content:"−"}
.tl-tip{margin:16px 0 0;padding:12px 14px;border-inline-start:4px solid var(--orange);background:var(--panel);border-radius:0 8px 8px 0;max-width:70ch;font-size:16px;line-height:1.55}
[dir=rtl] .tl-tip{border-radius:8px 0 0 8px}
.tl-tip>span{display:block;font:600 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--orange-ink);margin-bottom:6px}
[dir=rtl] .tl-tip>span{font-family:"IBM Plex Sans Arabic",var(--body);letter-spacing:0;text-transform:none;font-size:13px}
.tl-tip b{background:linear-gradient(transparent 60%,rgba(247,165,19,.35) 0)}
@media print{.tans{background:#fff;color:#000;border:2px solid #000}.tans p b,.tans p span{color:#000!important}.tdet>summary{display:none}}

/* choose by specification (group pages): filter dropdowns + photo column, dense and scannable */
.gsels{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px;margin:4px 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.gsels>b{flex:1 0 100%;font:700 17px/1.2 var(--display)}
[dir=rtl] .gsels>b{font-family:"IBM Plex Sans Arabic",var(--body)}
.gsel{display:grid;gap:4px;font-size:13px;color:var(--muted);font-weight:600}
.gsel select{min-height:44px;min-width:150px;padding:8px 10px;border:1.5px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font:500 15px/1.2 var(--body)}
.gsel select:focus{border-color:var(--orange);outline:none}
.gcount{font-weight:700;color:var(--orange-ink);align-self:center;min-height:20px}
.gtab td.gth,.gtab th.gth{width:52px;padding:4px 6px}
.gtab td.gth img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:6px;display:block}
.gtab td.gsc{white-space:nowrap;font-variant-numeric:tabular-nums}
.gtab a.gask{font-size:13px;color:var(--muted,#666);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.sw-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:640px){.gsel{flex:1 1 45%}.gsel select{min-width:0;width:100%}}

/* equivalents: a photo beside each part so the technician can confirm it is the same kind of part at a glance */
.xalts li a{display:grid!important;grid-template-columns:64px 1fr;grid-template-rows:auto auto auto;column-gap:12px;align-items:start}
.xalts li a .xth{grid-row:1 / span 3;width:64px;height:64px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:8px}
.xalts li a span.xth{display:block;background:var(--paper)}

/* Sales Desk (internal quotation builder) */
.sq-bar{background:var(--paper);padding:28px 0}
.sq-bar .wrap{display:grid;gap:12px}
.sq-act{display:flex;flex-wrap:wrap;gap:8px}
.sq-act .btn{font-size:15px;padding:12px 16px}
.sq-status{margin:0;font-weight:600;color:var(--orange-ink);min-height:22px}
.sq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.sq-card{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--panel)}
.sq-card h2{font-size:22px;margin:0 0 10px;display:inline}
.sqg{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 14px;margin-top:10px}
.sqf{display:grid;gap:4px;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:10px}
.sqf input,.sqf textarea{font:500 15px/1.35 var(--body);padding:10px 12px;border:1.5px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);min-height:44px;width:100%;box-sizing:border-box}
.sqf textarea{font-family:var(--mono)}
.sq-row{display:flex;gap:8px;align-items:center}.sq-row input{flex:1}
.sqt{width:100%;border-collapse:collapse;margin-top:18px;font-size:14px}
.sqt th{background:var(--char);color:#fff;text-align:start;padding:8px 6px;font-weight:600;white-space:nowrap}
.sqt td{border-bottom:1px solid var(--line);padding:4px;vertical-align:top}
.sqt td input{width:100%;min-width:60px;min-height:38px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;font:500 14px/1.3 var(--body);background:var(--panel);color:var(--ink);box-sizing:border-box}
.sqt td.c-desc input{min-width:240px}.sqt td.c-pn input{font-family:var(--mono);min-width:130px}
.sqt td.tot{text-align:end;font-weight:700;white-space:nowrap;padding-top:12px;font-variant-numeric:tabular-nums}
.sqt td.n{color:var(--muted);padding-top:12px}
.sqt tr.nm td{background:color-mix(in srgb,var(--orange) 14%,transparent)}
.sqt tr.na td{background:color-mix(in srgb,#c0392b 10%,transparent)}.sqt tr.na td input{text-decoration:line-through;color:var(--muted)}
.sqt td.n .flag{display:block;font:700 10px/1.4 var(--f-body);letter-spacing:.04em;color:#fff;background:#c0392b;border-radius:4px;padding:0 4px;margin-top:2px;width:max-content}.sqt td.n .flag.alt{background:var(--orange)}
.sqt td.x button{min-width:36px;min-height:36px;border:1px solid var(--line);border-radius:6px;background:transparent;cursor:pointer;font-size:18px;color:var(--muted)}
.sqt .pv{display:none}.sqt .empty{color:var(--muted);padding:18px}
.sq-tot{margin:14px 0 0 auto;max-width:340px;display:grid;gap:4px;font-variant-numeric:tabular-nums}
.sq-tot div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--line)}
.sq-tot .g{font-size:19px;border-bottom:2px solid var(--ink)}
.sq-drafts{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}
.sq-drafts li{display:flex;gap:6px}.sq-drafts button{min-height:40px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:6px 10px;cursor:pointer;text-align:start;color:var(--ink);font:500 14px var(--body)}
.sq-drafts button:first-child{flex:1}.sq-drafts .rm{color:#b3261e}
.printonly{display:none}
@media (max-width:860px){.sq-grid{grid-template-columns:1fr}}
@media print{
  .sqpage header,.sqpage footer,.sqpage .wa-float,.sqpage .swq-btn,.sqpage .sw-quick,.noprint{display:none!important}
  .printonly{display:block}.sq-meta{display:flex!important;justify-content:space-between;gap:20px;margin:10px 0}
  .sq-head{display:flex!important;gap:16px;align-items:center;border-bottom:3px solid #F7A513;padding-bottom:10px;font-size:10pt;line-height:1.45}
  .sq-title{font-size:20pt;margin:14px 0 4px;letter-spacing:.04em}
  .sqt{font-size:9.5pt}.sqt th{background:#373736!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .sqt td input{display:none}.sqt .pv{display:inline}.sqt tr.nm td,.sqt tr.na td{background:none}.sqt td.n .flag{display:none}
  .sq-terms{margin-top:16px;font-size:9.5pt}.sq-sign{margin-top:36px;width:240px;border-top:1px solid #000;padding-top:4px;font-size:9pt}
  main::after{content:none!important}
}
.sq-ai{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}
.sq-ai small{color:var(--muted);font-size:13px}
.sq-ai input[type=file]{padding:9px;background:var(--paper)}

/* Sales Desk: staff-only cost columns, buyer tools, offer check */
.sq .in{display:none}.sq.costs .in{display:table-cell}.sq.costs .sq-tot .in{display:flex}
.sqt th.in{background:#5a4a1f}.sqt td.in{background:color-mix(in srgb,var(--orange) 7%,transparent)}
.sqt td.c-sup input{min-width:120px}.sqt td.c-cost input,.sqt td.c-mk input{min-width:84px}
.sq-tot .low b{color:#b3261e}
.sq-buy{align-items:center;padding-top:8px;border-top:1px dashed var(--line)}.sq-buy>span{font-weight:700;color:var(--muted);font-size:14px}
.sq-buy .btn[aria-pressed=true]{background:var(--char);color:#fff;border-color:var(--char)}
.sqf select{font:500 15px/1.35 var(--body);padding:10px 12px;border:1.5px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);min-height:44px}
.sq-check{margin-top:18px;border:1.5px solid var(--line);border-inline-start:6px solid var(--orange);border-radius:10px;padding:14px 16px;background:var(--panel)}
.sq-check h2{font-size:20px;margin:0 0 4px}.sq-check p{margin:0 0 8px;color:var(--muted);font-size:14px}
.sq-check ul{margin:0;padding:0;list-style:none;display:grid;gap:4px}
.sq-check li{padding-inline-start:22px;position:relative;font-size:14px}
.sq-check li::before{content:"";position:absolute;inset-inline-start:4px;top:.45em;width:10px;height:10px;border-radius:50%;background:#e0a100}
.sq-check li.fix::before{background:#b3261e}
.sq-check li button{all:unset;cursor:pointer;text-decoration:underline;text-underline-offset:2px;min-height:28px}
.sq-check li button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.sq-drafts .st{display:inline-block;font-size:12px;font-weight:700;padding:1px 7px;border-radius:99px;background:var(--paper);color:var(--muted);margin-inline-start:4px}
.sq-drafts .st-WON{background:#dff3e4;color:#1d6b33}.sq-drafts .st-LOST{background:#f6e0de;color:#8c1d18}.sq-drafts .st-SENT{background:#e3ecfa;color:#1f4f99}.sq-drafts .st-FOLLOW{background:var(--orange);color:#1b1b1b}
@media print{.sq .in,.sq-check,.sq-buy{display:none!important}}
.sq-note{font-size:14px;color:var(--muted);margin:8px 0 10px;line-height:1.5}.sq-note b{color:var(--ink)}
.sqt td.bk{position:relative}.sqt td.bk::after{content:"";position:absolute;top:6px;inset-inline-end:8px;width:7px;height:7px;border-radius:50%;background:#2e7d32}.sqt td.bk.old::after{background:#e0a100}
@media print{.sqt td.x,.sqt th:last-child.noprint{display:none!important}.sqt td.c-price,.sqt td.c-disc{text-align:end;font-variant-numeric:tabular-nums}}
/* Sales Desk: overview tiles, coming soon, filters, Arabic + English print */
/* Sales Desk application shell: a fixed sidebar with the screens (wide), a top bar with a menu (narrow); a neutral
   workspace with white panels — deliberately not the website's look. The quotation print view is untouched. */
.sqpage{--sd-side:232px;--sd-top:56px;background:#f3f4f2;color:var(--ink);font-size:15px}
.sqpage.dark,@media (prefers-color-scheme:dark){.sqpage:not(.light){background:#1b1c1a}}
.sqpage main.sq{padding-inline-start:var(--sd-side);padding-top:var(--sd-top)}
.sqpage .wrap{max-width:1240px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.sd-top{position:fixed;inset:0 0 auto 0;height:var(--sd-top);z-index:40;display:flex;align-items:center;gap:12px;padding:0 16px 0 12px;background:var(--panel);border-bottom:1px solid var(--line)}
.sd-logo img{display:block;height:34px;width:auto}
.sd-ttl{display:grid;line-height:1.1}.sd-ttl b{font-family:var(--display);font-size:19px;letter-spacing:.01em}.sd-ttl span{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.sd-setup{display:flex;gap:6px;flex-wrap:wrap;margin-inline-start:auto}
.sd-setup button{all:unset;cursor:pointer;font:600 12.5px/1 var(--body);padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--muted);display:inline-flex;align-items:center;gap:5px}
.sd-setup button.ok{color:#1d6b33;border-color:#bfe3c9;background:#eef9f1}.sd-setup button.todo{color:#9A5F00;border-color:#f3d7a0;background:#fff8ea}
.sd-setup button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.sd-who{font-size:13px;color:var(--muted);white-space:nowrap;margin-inline-start:auto}.sd-setup+.sd-who{margin-inline-start:0}
.sd-menu{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--panel);position:relative;cursor:pointer}
.sd-menu span,.sd-menu span::before,.sd-menu span::after{content:"";position:absolute;left:11px;width:18px;height:2px;background:var(--ink);border-radius:2px}
.sd-menu span{top:19px}.sd-menu span::before{top:-6px;left:0}.sd-menu span::after{top:6px;left:0}
.sd-side{position:fixed;top:var(--sd-top);bottom:0;inset-inline-start:0;width:var(--sd-side);z-index:35;background:var(--char);color:#fff;display:flex;flex-direction:column;padding:14px 10px}
.sd-nav{display:grid;gap:2px}
.sd-nav a{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14.5px;color:#e8e8e4;text-decoration:none;padding:11px 12px;border-radius:9px}
.sd-nav a::before{content:"";width:8px;height:8px;border-radius:50%;background:#6b6b66;flex:none}
.sd-nav a:hover{background:rgba(255,255,255,.08)}
.sd-nav a[aria-current=page]{background:rgba(255,255,255,.12);color:#fff}.sd-nav a[aria-current=page]::before{background:var(--orange)}
.sd-side-foot{margin-top:auto;font:500 11.5px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#8a8a84;padding:0 12px}
.sd-intro{padding:20px 0 2px}.sd-intro h1{margin:0 0 4px;font-size:26px}.sd-intro .lead{margin-top:2px;font-size:15px}
.stp{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--orange);color:var(--ink);font:700 14px/1 var(--display);margin-inline-end:8px;vertical-align:-4px}
.sd-h{font-size:21px;margin:22px 0 10px}.sd-h small{display:block;font:500 14px/1.4 var(--body);color:var(--muted);margin:4px 0 0 34px}
.sqpage .sq-card{background:var(--panel);border-color:var(--line);border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.sqpage .sq-card h2{font-size:19px}
.sd-tools{position:sticky;top:var(--sd-top);z-index:12;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:flex-end;padding:10px 12px;margin:0 0 6px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 96%,transparent)}
.sd-grp{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-inline-end:18px;border-inline-end:1px solid var(--line)}
.sd-grp:last-of-type{border-inline-end:0;padding-inline-end:0}
.sd-grp>span{flex-basis:100%;font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.sd-tools .btn{font-size:13.5px;padding:9px 12px;min-height:40px}
.sd-tools .sq-status{flex-basis:100%;margin:2px 0 0;font-size:14px}
.sd-tools .sq-buy{border-top:0;padding-top:0}
.sd-steps{display:flex;flex-wrap:nowrap;gap:6px;flex-basis:100%;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.sd-steps::-webkit-scrollbar{display:none}
.sd-step{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px 6px 8px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font:600 13.5px/1.1 var(--sans);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}
.sd-step i{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--line);font:700 12px/1 var(--mono);font-style:normal}
.sd-step small{font:500 11.5px/1 var(--mono);color:var(--muted);padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--line) 55%,transparent)}
.sd-step small:empty{display:none}
.sd-step small.warn{background:#fde9c8;color:#7a4a00}.sd-step small.ok{background:#dcefdc;color:#1d5a22}
.sd-step:hover{border-color:var(--ink)}
.sd-step[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.sd-step[aria-selected="true"] i{background:#f0a400;color:#1a1a1a}
.sd-step[aria-selected="true"] small{background:rgba(255,255,255,.18);color:#fff}
.sd-step.more{margin-inline-start:auto;padding:6px 14px}
.sd-panel{flex-basis:100%;align-items:center;gap:8px}
.sd-panel[hidden]{display:none}
.sd-hint{flex:1 1 220px;font-size:13px;color:var(--muted);line-height:1.35;padding-inline-start:6px}
.rd-price{margin:8px 0;padding:8px 10px;border-radius:10px;background:#fff8ea;border:1px solid #f3d7a0;font-size:14px;line-height:1.45}.rd-price .btn{margin-inline-start:8px}.rd-web{display:block;margin:2px 0 6px;color:var(--muted)}.rd-link{display:inline-block;margin-inline-end:4px;font-size:13px;text-decoration:none;color:var(--orange-ink)}
.mg-conn td{vertical-align:top}
.sd-ship{display:inline-block;font-size:12.5px;color:var(--muted);margin-top:2px}.sd-ship.ok{color:#1d6b33}.sd-ship.warn{color:#9b2c20}.sd-ship a{margin-inline-start:4px}
.bq-ship{margin:12px 0 4px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.bq-ship h3{margin:0 0 8px;font-size:15px}.bq-ship h3 small{font-weight:400;color:var(--muted);font-size:12.5px}.bq-ship ul{list-style:none;margin:0 0 10px;padding:0}.bq-ship li{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line)}.bq-ship li .bq-x{position:static;margin-inline-start:auto}
.bq-ship-add{display:grid;grid-template-columns:110px 1fr 1fr auto;gap:8px}.bq-ship-add input,.bq-ship-add select{min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:16px;background:var(--card);color:var(--ink)}
@media (max-width:640px){.bq-ship-add{grid-template-columns:1fr 1fr}.bq-ship-add input[type=text]{grid-column:1/-1}.bq-ship-add .btn{grid-column:1/-1}}
.sa-box{margin-top:12px;padding:12px 14px;border-radius:12px;background:#fff8ea;border:1px solid #f3d7a0}.sa-box h3{margin:0 0 8px;font-size:16px}.sa-steps{list-style:none;margin:0;padding:0;display:grid;gap:4px}.sa-steps li{display:flex;gap:8px;align-items:baseline;font-size:14px}.sa-steps li b{flex:none;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--line);font:700 12px/1 var(--display)}.sa-steps li.done b{background:#bfe3c9;color:#1d6b33}.sa-steps li.run b{background:var(--orange)}.sa-steps li.fail b{background:#f4e3e0;color:#9b2c20}.sa-steps small{color:var(--muted)}.sa-sum{margin:10px 0 6px;font-size:14.5px;line-height:1.45}
/* finance and logistics forms inside the cards */
.fn-form{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr auto auto;gap:6px;margin-top:8px}.fn-form input,.fn-form select{min-height:40px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:14px;background:var(--card);color:var(--ink);min-width:0}.fn-age{margin:6px 0 0;font-size:13px;color:var(--muted)}.fn-age.warn{color:#9b2c20;font-weight:600}
.lg-form{grid-template-columns:1fr 1fr 1fr 1.4fr auto}.lg-add{margin-top:10px;grid-template-columns:110px 1fr 1fr auto}
@media (max-width:720px){.fn-form,.lg-form,.lg-add{grid-template-columns:1fr 1fr}.fn-form .btn,.lg-form .btn,.lg-add .btn{grid-column:1/-1}}
/* who is on the desk: the sidebar's user card and the people seen in the last minutes */
.sd-user{margin:0 0 10px;padding:12px 12px 10px;border-radius:12px;background:rgba(255,255,255,.06)}.sd-user .sd-av{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--orange);color:#1a1a1a;font:700 15px/1 var(--display);margin-inline-end:10px;vertical-align:middle}.sd-user b{display:inline-block;vertical-align:middle;color:#fff;font-size:15px}.sd-user small{display:block;margin-top:6px;color:#c9c6bc;font-size:12.5px;line-height:1.4}.sd-user .sd-on{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.sd-user .sd-on i{font-style:normal;display:inline-block;width:8px;height:8px;border-radius:50%;background:#3bbd5e;margin-inline-end:6px}.sd-user a{color:#f3d7a0}
/* the showroom display: dark, big, no interaction */
body.lvpage,.lvpage main.lv{background:#15161a!important;color:#f4f2ec}.lvpage .sd-top,.lvpage .sd-side,.lvpage .sd-foot,.lvpage #sdToast{display:none!important}.lvpage main.lv{padding:18px 28px 14px!important;min-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto;align-content:start;gap:16px;max-width:none;margin:0;width:auto}.lvpage main.lv>*{margin:0;padding:0;background:transparent;box-shadow:none;border:0}.lvpage .lv-top,.lvpage .lv-top *{color:#f4f2ec}.lvpage .lv-top{background:transparent!important}.lvpage .lv-ttl b{color:#fff}
.lv-top{display:flex;align-items:center;gap:16px}.lv-top img{height:54px;width:auto;background:#fff;border-radius:10px;padding:5px 8px}.lv-ttl b{display:block;font:700 26px/1.1 var(--display);letter-spacing:.02em}.lv-ttl span{color:#c9c6bc;font-size:14px}
.lv-clock{margin-inline-start:auto;text-align:end}.lv-clock b{display:block;font:700 44px/1 var(--display);color:var(--orange)}.lv-clock span{color:#c9c6bc;font-size:14px}
.lv-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.lv-kpi{background:#1f2026;border:1px solid #2c2d35;border-radius:14px;padding:12px 14px}.lv-kpi small{display:block;color:#c9c6bc;font-size:13px}.lv-kpi b{display:block;font:700 40px/1.1 var(--display);margin:4px 0 2px;color:#fff}.lv-kpi span{font-size:12.5px;color:#9b998f}.lv-kpi.warn{border-color:#9b2c20}.lv-kpi.warn span{color:#ff9b8f}
.lv-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;min-height:0}.lv-panel{background:#1f2026;border:1px solid #2c2d35;border-radius:14px;padding:14px 16px;overflow:hidden}.lv-panel h2{margin:0 0 10px;font:700 18px/1.2 var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--orange)}.lv-h2{margin-top:16px!important}
.lv-feed ol,.lv-team ol{list-style:none;margin:0;padding:0}.lv-feed li{display:flex;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px solid #2c2d35;font-size:17px;line-height:1.35}.lv-feed li.new{color:#fff}.lv li.empty,.lv .empty{color:#9b998f}.lv-ago{flex:none;width:76px;color:#9b998f;font-size:13px}.lv-feed i,.lv-team ol i{font-style:normal;color:var(--orange)}.lv-c{color:#c9c6bc}
.lv-team table{width:100%;border-collapse:collapse;font-size:16px}.lv-team th{text-align:start;color:#9b998f;font-weight:600;font-size:13px;padding:4px 6px;border-bottom:1px solid #2c2d35}.lv-team td{padding:7px 6px;border-bottom:1px solid #2c2d35}.lv-team td:not(:first-child),.lv-team th:not(:first-child){text-align:end;font-variant-numeric:tabular-nums}
.lv-team ol li{padding:7px 0;border-bottom:1px solid #2c2d35;font-size:15.5px}.lv-team ol li.warn{color:#ff9b8f}.lv-tn{color:#9b998f;font-family:var(--mono,monospace)}
.lv-foot{display:flex;align-items:center;gap:16px;color:#9b998f;font-size:13px}.lv-ticker{flex:1;overflow:hidden;white-space:nowrap;font-size:15px;color:#c9c6bc}.lv-ticker span{display:inline-block;padding-inline-start:100%;animation:lvtick 40s linear infinite}@keyframes lvtick{to{transform:translateX(-100%)}}
@media (max-width:1100px){.lv-kpis{grid-template-columns:repeat(3,1fr)}.lv-grid{grid-template-columns:1fr}}@media (max-width:640px){.lvpage main.lv{padding:12px}.lv-kpis{grid-template-columns:1fr 1fr}.lv-kpi b{font-size:30px}.lv-clock b{font-size:30px}}
@media (prefers-reduced-motion:reduce){.lv-ticker span{animation:none;padding-inline-start:0}}.mg-conn .st-wait{background:#eee;color:#555}.mg-conn .st-off{background:#f4e3e0;color:#9b2c20}.mg-conn .st-warn{background:#fff3d6;color:#9A5F00}.mg-conn .st-ok{background:#eef9f1;color:#1d6b33}.rd-err{color:#9b2c20}
/* the step strip on the team screens: numbered steps, live counts, each jumps to its section */
.sd-how{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;counter-reset:none}
.sd-how li button{display:flex;gap:10px;align-items:flex-start;width:100%;min-height:56px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);text-align:start;cursor:pointer;font:inherit}
.sd-how li button:hover{border-color:var(--orange)}.sd-how li.cur button{border-color:var(--orange);background:#fff8ea}
.sd-how b{flex:none;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--orange);color:var(--ink);font:700 14px/1 var(--display)}
.sd-how span{display:grid;gap:2px;min-width:0}.sd-how strong{font-size:14px;line-height:1.25}.sd-how small{font-size:12.5px;color:var(--muted);line-height:1.35}
.sd-how em{font-style:normal;font:700 13px/1 var(--display);color:var(--muted)}.sd-how em.on{color:var(--ink)}.sd-how em.warn{color:#9b2c20}
.sd-how strong+em{margin-top:1px}
@media (max-width:720px){#cdQuotes table,#cdQuotes tbody,#cdQuotes tr,#cdQuotes td{display:block}#cdQuotes thead{display:none}#cdQuotes tr{border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin:0 0 8px;background:var(--card)}#cdQuotes td{padding:2px 0;border:0}#cdQuotes td:empty{display:none}}
@media print{.sd-how{display:none!important}}
/* the guide: the stages of a quotation and the one thing to do next */
.sd-guide{margin:12px 0 4px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.sg-steps{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:6px 4px}
.sg-steps li{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:999px;font:500 13px/1 var(--body);color:var(--muted);background:var(--panel)}
.sg-steps li b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--line);color:var(--ink);font:700 12px/1 var(--display)}
.sg-steps li.done{color:#1d6b33}.sg-steps li.done b{background:#bfe3c9;color:#1d6b33}
.sg-steps li.cur{color:var(--ink);background:#fff3d6;font-weight:600}.sg-steps li.cur b{background:var(--orange)}
.sg-next{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.sg-lbl{font:700 12px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:#9A5F00;padding:6px 10px;border-radius:8px;background:#fff3d6}
.sg-next p{flex:1 1 320px;margin:0;font-size:15px;line-height:1.45}.sg-act{display:flex;flex-wrap:wrap;gap:8px}.sg-act .btn{min-height:40px}
.sg-po{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 4px}.sg-po .sg-wide{grid-column:1/-1}.sg-po textarea{font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;width:100%;box-sizing:border-box}
@media (max-width:640px){.sg-po{grid-template-columns:1fr}.sg-steps li span{font-size:12px}.sg-po-btn{min-height:40px}}
@media print{.sd-guide{display:none!important}}
@media (max-width:640px){.sd-step{padding:5px 12px 5px 6px;font-size:13px}.sd-step.more{margin-inline-start:0}.sd-hint{flex-basis:100%;padding-inline-start:0}.sd-panel .btn{flex:1 1 46%}}
.sq-card h2 small{font:500 14px/1 var(--body);color:var(--muted)}
.sq-card .sq-kpis{margin:12px 0 8px}
.sq-soon summary{cursor:pointer;list-style:none}.sq-soon summary::-webkit-details-marker{display:none}.sq-soon summary h2{display:inline}
.sd-foot{padding:16px 0 28px;font-size:13px;color:var(--muted);padding-inline-start:var(--sd-side)}.sd-foot a{color:var(--orange-ink)}
@media (max-width:980px){
  .sqpage{--sd-side:0px}.sd-menu{display:block}
  .sd-side{transform:translateX(-100%);transition:transform .2s ease;width:260px;box-shadow:0 0 0 100vmax rgba(0,0,0,0)}
  [dir=rtl] .sd-side{transform:translateX(100%)}
  body.sd-open .sd-side{transform:none;box-shadow:0 0 0 100vmax rgba(0,0,0,.35)}
  .sd-setup{display:none}.sd-tools{top:var(--sd-top)}.sd-grp{border-inline-end:0;padding-inline-end:0;flex-basis:100%}
}
@media (max-width:640px){.sd-tools{position:static}}
@media (prefers-reduced-motion:reduce){.sd-side{transition:none}}
@media print{.sd-top,.sd-side,.sd-tools,.sd-foot,.sd-intro,.sd-h{display:none!important}.sqpage main.sq{padding:0}}
/* Sales Desk: buyer queue and manager board */
.sd-nav a[aria-current=page]{background:rgba(255,255,255,.12);color:#fff}
.sd-pr{font:600 13px/1 var(--body);padding:7px 10px;border-radius:999px;background:#fff8ea;color:#9A5F00;border:1px solid #f3d7a0}.sd-pr.done{background:#eef9f1;color:#1d6b33;border-color:#bfe3c9}
.sd-page .sq-kpis{margin-top:14px}
.bq-grid{grid-template-columns:minmax(280px,1fr) 2fr}.bq-grid .sq-filter h2{margin:0;flex:1}
.sq-drafts button[aria-current=true]{border-color:var(--orange);background:#fff8ea}
.sq-drafts .st-OPEN{background:#fff8ea;color:#9A5F00}.sq-drafts .st-WORKING{background:#e8f0fe;color:#1a4fa3}.sq-drafts .st-DONE{background:#dff3e4;color:#1d6b33}
.bq-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.bq-prog{font-size:15px;color:var(--muted);margin:6px 0 10px}
.bq-cards{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bq-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--panel);border-inline-start:4px solid var(--orange)}
.bq-card.ok{border-inline-start-color:#2E8B57}
.bq-item{display:flex;gap:10px;align-items:flex-start}.bq-n{flex:none;width:26px;height:26px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font:700 13px/1 var(--display)}
.bq-pn{font-family:var(--mono);font-size:15px}.bq-brand{color:var(--muted);font-size:13px}.bq-desc{font-size:14px;color:var(--ink);margin-top:2px}.bq-qty{margin-inline-start:auto;font-weight:700;white-space:nowrap}
.bq-f{display:grid;grid-template-columns:1.2fr 1fr 1.2fr 1fr;gap:8px;margin-top:10px}
.bq-f label{display:grid;gap:4px;font-size:12.5px;font-weight:600;color:var(--muted)}
.bq-f input{min-height:44px;padding:8px 10px;border:1.5px solid var(--line);border-radius:10px;font:500 16px/1.3 var(--body);background:var(--panel);color:var(--ink)}
.bq-f input:focus{outline:2px solid var(--orange);outline-offset:1px;border-color:var(--orange)}
.bq-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.bq-chips button{all:unset;cursor:pointer;font:600 12.5px/1 var(--body);padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.bq-chips button:active{background:var(--orange)}
.bq-bar{position:sticky;bottom:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 0;margin-top:12px;background:color-mix(in srgb,var(--panel) 94%,transparent);border-top:1px solid var(--line)}
.bq-bar .sq-note{flex:1;margin:0;font-size:13px}
.sq-inline{margin-inline-start:8px;font-size:13px;padding:6px 10px;min-height:0}
.mref{display:block;font-size:11.5px;color:var(--muted);margin-top:2px;white-space:nowrap}
.href{display:block;font-size:11.5px;color:#5a4a1a;margin-top:2px;white-space:nowrap}.sq-hist{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.sq-hist h3{margin:0 0 6px;font-size:15px}
@media print{.href{display:none!important}}
.mref.dref{color:var(--ink)}
.sd-distbox{margin:10px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.sd-distbox h3{margin:0 0 8px;font-size:15px}.sd-distbox h3 small{font-weight:400;color:var(--muted);margin-inline-start:6px}
.sd-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sd-dist{min-width:760px}.sd-dist td,.sd-dist th{vertical-align:top;font-size:13px}.sd-dist img{width:40px;height:40px;object-fit:contain;border:1px solid var(--line);border-radius:6px;background:#fff;float:inline-start;margin-inline-end:8px}
.sd-dist small{color:var(--muted)}
#distBtn.off{opacity:.55}
@media (max-width:720px){.sd-distbox{padding:10px}.sd-dist{min-width:640px}}
.bq-photo{grid-column:1/-1;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.bq-files{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.bq-file{position:relative;display:inline-flex;align-items:center}.bq-x{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border:0;border-radius:50%;background:#2b2b29;color:#fff;font-size:15px;line-height:24px;padding:0;cursor:pointer}.bq-x:focus-visible{outline:2px solid var(--brand)}.bq-pdf,.sd-photos a.pdf{display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border:1px solid #c9b48a;border-radius:8px;background:#fff8e6;color:#5a4a1a;font-weight:600;font-size:13px;text-decoration:none}.bq-cam{min-height:40px;padding:8px 12px;font-size:13px}.bq-photo img{height:56px;width:56px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.sd-photos{flex-basis:100%;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted)}.sd-photos a{position:relative;display:block}.sd-photos img{height:52px;width:52px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.sd-photos b{position:absolute;right:-4px;top:-6px;background:var(--orange);color:var(--ink);font-size:11px;border-radius:999px;padding:1px 6px}
.mg-board{display:grid;grid-template-columns:repeat(6,minmax(180px,1fr));gap:10px;overflow-x:auto;padding-bottom:6px}
.mg-col h3{font-size:14px;margin:0 0 8px;padding:8px 10px;border-radius:8px;background:var(--char);color:#fff;display:flex;justify-content:space-between}.mg-col h3 span{font-weight:500;opacity:.8}
.mg-col ul,.mg-list,.mg-log{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.mg-card a{display:block;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);text-decoration:none;font-size:13.5px;line-height:1.35}
.mg-card a:hover{border-color:var(--orange)}.mg-card small{display:block;color:var(--muted);margin-top:3px}.mg-card em{font-style:normal;color:#9A5F00}.mg-card .warn{color:#b3261e}
.mg-card.late a{border-inline-start:4px solid #b3261e}.mg-card.unp a{border-inline-start:4px solid var(--orange)}
.mg-v{float:inline-end;font-weight:700;font-variant-numeric:tabular-nums}
.mg-log li{font-size:13.5px;padding:6px 0;border-bottom:1px solid var(--line)}.mg-log time{color:var(--muted);font-family:var(--mono);font-size:12px;margin-inline-end:6px}.mg-log small{color:var(--muted)}
.mg-list .empty,.mg-col .empty,.sq-drafts .empty{color:var(--muted);font-size:14px;padding:8px 2px}
@media (max-width:900px){.bq-grid{grid-template-columns:1fr}.mg-board{grid-template-columns:repeat(6,240px)}}
@media (max-width:760px){.bq-f{grid-template-columns:1fr 1fr}.bq-f .bq-rem{grid-column:1/-1}.bq-f label:nth-child(3){grid-column:1/-1}.bq-bar{padding-bottom:max(10px,env(safe-area-inset-bottom))}.bq-bar .btn.primary{flex:1 1 100%}}
.sq-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:18px}
.sq-kpis .kpi{all:unset;box-sizing:border-box;display:grid;gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);cursor:pointer;min-height:44px}
.sq-kpis .kpi:hover{border-color:var(--orange)}.sq-kpis .kpi:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.sq-kpis .kpi small{font-size:13px;font-weight:600;color:var(--muted)}.sq-kpis .kpi b{font:700 24px/1.15 var(--display);color:var(--ink);font-variant-numeric:tabular-nums}
.sq-kpis .kpi span{font-size:12.5px;color:var(--muted)}.sq-kpis .kpi.warn{border-color:var(--orange);background:color-mix(in srgb,var(--orange) 10%,var(--panel))}
.soon[hidden]{display:none}
.soon{display:inline-block;font:700 11.5px/1 var(--body);letter-spacing:.02em;padding:4px 8px;border-radius:99px;background:#1f4f99;color:#fff;vertical-align:middle;margin-inline-start:6px}
.sq-soon ul{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.sq-soon li{border:1px dashed var(--line);border-radius:10px;padding:12px 14px;font-size:14px;color:var(--muted);line-height:1.5}
.sq-soon li b{display:block;color:var(--ink);font-size:15px;margin-bottom:2px}.sq-soon li i{display:block;font-style:normal;font-size:12.5px;font-weight:600;color:var(--orange-ink);margin-top:6px}
.sq-filter{margin:10px 0 0;flex-wrap:wrap}.sq-filter input,.sq-filter select{font:500 14px var(--body);padding:9px 10px;border:1.5px solid var(--line);border-radius:8px;min-height:42px;background:var(--panel);color:var(--ink)}
.sq-filter input{flex:1 1 200px}.sq-drafts small{color:var(--muted);font-size:12.5px}
.sq-backup{margin-top:12px;flex-wrap:wrap}
.arl{display:none}
.sq.bi .arl{display:block;font-family:"IBM Plex Sans Arabic",var(--body);font-weight:600;font-size:.86em;line-height:1.35}
.sq.bi .sq-title .arl,.sq.bi .sq-meta .arl,.sq.bi .sq-terms .arl,.sq.bi .sq-sign .arl{display:inline;margin-inline-start:6px}
.sq.bi .sq-tot .arl{display:inline;margin-inline-start:6px}
@media print{.sq-kpis,.sq-soon,.sq-filter,.sq-backup{display:none!important}}
.sq.bi th .arl .sep{display:none}.sq .arl bdi{font-family:"IBM Plex Sans Arabic",var(--body)}
.sq.bi .sq-sign{width:320px}

/* part page without a product photo: facts first (brand, part number, group, key values), a small icon beside the
   title instead of a large drawing; cross-reference and trust points in the side column (below on phones) */
.pnophoto{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:40px}
.ptitle{display:flex;align-items:center;gap:14px}
.ptitle h1{margin:0}
.pico{flex:none;width:56px;height:56px;border-radius:12px;background:#fff;border:1px solid var(--line);display:grid;place-items:center}
.pico img{width:40px;height:40px;object-fit:contain}
.pfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;margin:22px 0 0;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;max-width:680px}
.pfacts>div{background:var(--panel);padding:10px 14px;min-width:0;box-shadow:0 0 0 .5px var(--line)}
.pfacts dt{font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pfacts dd{margin:4px 0 0;font-weight:600;overflow-wrap:anywhere}
.pfacts dd a{color:var(--orange-ink)}
body.ar .pfacts dt{font-family:"IBM Plex Sans Arabic",sans-serif;letter-spacing:0;font-size:13px}
.pside{display:grid;gap:14px;align-content:start}
.pside .xref{margin:0}
.pside .trust{grid-template-columns:1fr;margin:0}
.pnote-sec{padding-block:8px 24px}
@media (max-width:760px){.pnophoto{grid-template-columns:1fr;gap:24px}.pico{width:48px;height:48px}.pico img{width:34px;height:34px}}

/* specification table: sized to its content; label above value on phones */
.vt.spec{width:auto;min-width:min(100%,560px)}
.vt.spec th{width:auto;white-space:nowrap;padding-inline-end:28px}
.vt.spec td:last-child{width:auto;white-space:normal;text-align:start}
@media (max-width:560px){
  .vt.spec,.vt.spec tbody,.vt.spec tr,.vt.spec th,.vt.spec td{display:block;width:100%}
  .vt.spec tr{border-bottom:1px solid var(--line);padding-block:8px}
  .vt.spec th,.vt.spec td{border:0;padding:2px 0;background:none;white-space:normal}
}

/* phones: listing rows as compact cards (photo · part number · description · values · brand); breadcrumb as one
   "back to the parent" link instead of a trail that wraps */
@media (max-width:600px){
 .vt.gtab tr{grid-template-columns:48px minmax(0,1fr);column-gap:12px;row-gap:3px;align-items:start}
 .vt.gtab td{grid-column:2;grid-row:auto;font-size:14px;text-align:start;width:auto;white-space:normal;align-self:start}
 .vt.gtab td.gth{grid-column:1;grid-row:1 / span 8;width:48px;padding:0}
 .vt.gtab td.gth img{width:48px;height:48px}
 .vt.gtab td:nth-child(2){font-size:15px;font-weight:600}
 .vt.gtab td.gsc,.vt.gtab td:last-child{font-size:13px;color:var(--muted)}
 .vt.gtab td:empty:not(.gth){display:none}
}
@media (max-width:640px){
 .crumbs{margin-bottom:14px}
 .crumbs>*{display:none!important}
 .crumbs>a:nth-last-of-type(1){display:inline-flex!important;align-items:center;min-height:40px;font-size:14px;color:var(--ink)}
 .crumbs>a:nth-last-of-type(1)::before{content:"‹";margin-inline-end:8px;font-size:18px;line-height:1}
 body.ar .crumbs>a:nth-last-of-type(1)::before{content:"›"}
}

/* key facts: one compact contact strip (quotation · WhatsApp · email · hours) and the address on one line */
.facts{padding-block:40px}
.facts .facts-dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.facts .facts-dl div{border:0;border-radius:0;border-inline-start:1px solid var(--line);padding:12px 16px}
.facts .facts-dl div:first-child{border-inline-start:0}
.facts-addr{margin:12px 0 0;font-size:14px;color:var(--muted)}
.facts-addr b{color:var(--ink);font-weight:600}
@media (max-width:860px){.facts .facts-dl{grid-template-columns:1fr 1fr}.facts .facts-dl div:nth-child(3){border-inline-start:0}.facts .facts-dl div:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:420px){.facts .facts-dl{grid-template-columns:1fr}.facts .facts-dl div{border-inline-start:0}.facts .facts-dl div+div{border-top:1px solid var(--line)}}

/* category and page heroes: the product photo as a square tile (same treatment as the home showcase), not a circle */
.hero-ph{width:260px;height:260px;border-radius:16px;outline:none;outline-offset:0;border:1px solid var(--line);background:#fff;box-shadow:0 18px 40px -28px rgba(0,0,0,.45)}
.hero-ph img{object-fit:contain;transform:none;padding:8%}
.hero-ph.fit img{padding:8%}
.pf-pages span.gap{background:none;color:var(--muted);border-color:transparent;min-width:0;padding-inline:4px}
.cat-act{padding-block:8px 48px}.cat-act .ctas{margin-top:0}
@media (max-width:600px){.pfacts{grid-template-columns:1fr 1fr}.pfacts>div:last-child:nth-child(odd){grid-column:1/-1}}

/* a brand logo standing in for a product photo (we show a photo only when sure it is the exact item) */
.pico.logo{width:auto;min-width:96px;padding:6px 12px}
.pico.logo img{width:auto;height:40px;max-width:150px}
.pgal .hero-ph.logo img{padding:22%}
.gtab td.gth img[src*="/brands/"],.xth[src*="/brands/"]{padding:4px;background:#fff}
/* the brand name as a text tile, for parts with neither a sure photo nor a brand logo file */
.bt{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#262626;font:700 9px/1.05 var(--display);text-transform:uppercase;letter-spacing:.02em;text-align:center;padding:2px;overflow:hidden;overflow-wrap:anywhere;hyphens:auto}
.pico.word{width:auto;min-width:96px;max-width:220px;height:56px;padding:6px 14px;font:800 20px/1 var(--display);text-transform:uppercase;letter-spacing:.02em;color:#262626;text-align:center;line-height:1.05}

/* landing pages: areas we serve and industries */
.lp-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.lp-two h2.sec.small{margin-top:0}
.lp-two h2.sec.small + .lp-list + h2.sec.small,.lp-two .lp-tools + h2.sec.small{margin-top:28px}
.lp-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.lp-list li{position:relative;padding-inline-start:20px;line-height:1.5}
.lp-list li::before{content:"";position:absolute;inset-inline-start:2px;top:.6em;width:8px;height:8px;border-radius:2px;background:var(--orange)}
.lp-list a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.lp-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.lp-cat{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}
.lp-cat:hover{border-color:var(--orange);transform:translateY(-2px)}
.lp-ph{width:64px;height:64px;flex:none;border-radius:8px;background:#fff;overflow:hidden;display:grid;place-items:center}
.lp-ph img{width:100%;height:100%;object-fit:contain}
.lp-cat b{display:block;font-size:15px;line-height:1.3}
.lp-cat small{color:var(--muted);font-size:13px}
.lp-more{margin-top:16px}.lp-more a{font-weight:700;color:var(--orange-ink,#946000);min-height:44px;display:inline-flex;align-items:center}
.lp-tools{display:flex;flex-wrap:wrap;gap:8px}
.lp-tool{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:inherit;font-weight:600;font-size:14px;text-decoration:none}
.lp-tool:hover{border-color:var(--orange)}
.lp-how{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:s}
.lp-how li{counter-increment:s;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:grid;gap:6px}
.lp-how li::before{content:counter(s);width:32px;height:32px;border-radius:50%;background:var(--orange);color:#262626;font-weight:800;display:grid;place-items:center}
.lp-how b{font-size:17px}.lp-how span{color:var(--muted);font-size:15px;line-height:1.55}
.lp-faq{display:grid;gap:10px;max-width:860px}
.lp-faq details{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:0 16px}
.lp-faq summary{cursor:pointer;font-weight:700;min-height:52px;display:flex;align-items:center;list-style:none}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";margin-inline-start:auto;font-size:22px;color:var(--orange-ink,#946000)}
.lp-faq details[open] summary::after{content:"−"}
.lp-faq p{margin:0 0 14px;color:var(--muted);line-height:1.6}
.lp-hubs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.lp-hub{display:grid;gap:6px;padding:20px;border:1px solid var(--line);border-inline-start:4px solid var(--orange);border-radius:12px;background:var(--panel);color:inherit;text-decoration:none}
.lp-hub b{font-size:20px}.lp-hub span{color:var(--muted);font-size:14.5px}
.lp-hub:hover{border-color:var(--orange)}
@media (max-width:760px){.lp-two{grid-template-columns:1fr;gap:24px}.lp-how{grid-template-columns:1fr}.lp-cats{grid-template-columns:1fr}}
.pdesc{margin:-6px 0 18px;max-width:62ch;color:var(--muted);font-size:15.5px;line-height:1.6}

/* group pages: a short product showcase first, the full list folded away */
.sc-sec{padding-bottom:8px}
.sc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.sc-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}
.sc-card:hover{border-color:var(--orange);box-shadow:0 16px 30px -24px rgba(0,0,0,.55);transform:translateY(-2px)}
.sc-ph{display:block;aspect-ratio:1;background:#fff;border-bottom:1px solid var(--line)}
.sc-ph img{width:100%;height:100%;object-fit:contain;padding:14px;box-sizing:border-box;transition:transform .3s}
.sc-card:hover .sc-ph img{transform:scale(1.04)}
.sc-b{display:flex;flex-direction:column;gap:5px;padding:12px 14px 6px;flex:1}
.sc-br{font:600 11.5px/1.2 var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-ink,#946000)}
[dir=rtl] .sc-br{letter-spacing:0}
.sc-nm{color:var(--ink);font-weight:700;font-size:15.5px;line-height:1.35;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc-nm:hover{color:var(--orange-ink,#946000)}
.sc-pn{font:600 13px/1.3 var(--mono,monospace);color:var(--muted)}
[dir=rtl] .sc-pn{text-align:right}
.sc-sp{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:5px}
.sc-sp li{padding:3px 8px;border-radius:999px;background:var(--paper);border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--ink)}
.sc-card .add-q{margin:8px 14px 14px;min-height:44px;border-radius:8px;border:1.5px solid var(--orange);background:#FFF3DC;color:#262626;font-weight:700;font-size:14px}
.sc-card .add-q:hover{background:var(--orange);color:#262626}
.gall{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:0 16px}
.gall>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;min-height:56px;font-weight:700;font-size:16px}
.gall>summary::-webkit-details-marker{display:none}
.gall>summary::before{content:"+";display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--orange);color:#262626;font-size:18px;flex:none}
.gall[open]>summary::before{content:"−"}
.gall[open]{padding-bottom:16px}
@media (max-width:620px){.sc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sc-b{padding:10px 10px 4px}.sc-nm{font-size:14px}.sc-sp li:nth-child(n+3){display:none}.sc-card .add-q{margin:6px 10px 10px;font-size:13px;white-space:normal;line-height:1.2;padding:6px 8px}}
.sc-card[hidden]{display:none}
.sc-more{display:flex;align-items:center;justify-content:center;gap:8px;margin:22px auto 0;min-height:52px;min-width:min(320px,100%);padding:0 28px;border-radius:999px;border:2px solid var(--ink);background:var(--panel);color:var(--ink);font:700 16px/1 var(--body,inherit);cursor:pointer}
.sc-more::after{content:"⌄";font-size:18px;line-height:0;transform:translateY(-3px)}
.sc-more:hover{background:var(--ink);color:var(--panel)}
.sc-more[hidden]{display:none}
.sc-ph .sc-logo{padding:28%;opacity:.9}
.sc-ph .sc-bt{width:100%;height:100%;display:grid;place-items:center;font-weight:800;font-size:20px;color:var(--muted);background:var(--paper)}
.sc-ph .sc-box{color:#c3c3be}

/* part finder: browse by category as photo cards with the main groups as chips (no database counts) */
.pc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}
.pc-card{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:14px;row-gap:12px;align-items:center;align-content:start;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:14px;transition:border-color .2s,box-shadow .2s,transform .2s}
.pc-card:hover{border-color:var(--orange);box-shadow:0 16px 30px -24px rgba(0,0,0,.5);transform:translateY(-2px)}
.pc-ph{display:grid;place-items:center;width:88px;height:88px;border-radius:12px;background:#fff;border:1px solid var(--line);overflow:hidden}
.pc-ph img{width:100%;height:100%;object-fit:contain;padding:6px;box-sizing:border-box}
.pc-b{display:contents}
.pc-b h3{margin:0;font-size:19px;line-height:1.3;grid-column:2}
.pc-b h3 a{color:var(--ink);text-decoration:none}
.pc-b h3 a:hover{color:var(--orange-ink,#946000)}
.pc-chips{grid-column:1/-1;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.pc-chips a{display:inline-flex;align-items:center;min-height:36px;padding:4px 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font-size:13.5px;font-weight:600;line-height:1.3;text-decoration:none}
@media (hover:hover){.pc-chips a:hover{border-color:var(--orange);background:#FFF3DC}}
.pc-all{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:6px;min-height:40px;font-weight:700;color:var(--orange-ink,#946000);text-decoration:none}
.pc-all:hover{text-decoration:underline}
@media (max-width:620px){
  .pc-grid{grid-template-columns:1fr;gap:12px}
  .pc-card{grid-template-columns:72px minmax(0,1fr);padding:12px;row-gap:10px}
  .pc-ph{width:72px;height:72px}
  .pc-b h3{font-size:17px}
  .pc-chips{grid-template-columns:repeat(3,1fr)}   /* three group tiles, the rest behind "All groups" */
  .pc-chips li:nth-child(n+4){display:none}
  .pc-chips a{min-height:40px}
}
/* category pages: products first. A short header, product-group chips and the most requested items above the fold;
   the selection help, quick facts and trust points follow the products */
.hero.cat-hero{padding-block:24px 18px}
.cat-hero .crumbs{margin-bottom:14px}
.cat-hero .hero-grid{gap:28px}
.cat-hero .hero-ph{width:150px;height:150px}
.cat-hero .lead{margin-top:10px;font-size:17px}
.ctas.sm{margin-top:16px;gap:8px}
.ctas.sm .btn{padding:10px 16px;font-size:15px}
.cat-nav{background:var(--paper);border-bottom:1px solid var(--line)}
.cat-nav ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0 0 16px}
.cat-nav a{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel,#fff);color:var(--ink);text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap}
.cat-nav a:hover,.cat-nav a:focus-visible{border-color:var(--orange)}
.cat-nav .all a{background:transparent;border-style:dashed}
section.cat-top{padding-top:26px}
.cat-top h2.sec.small{margin-top:0}
.sec-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin-bottom:16px}
.sec-row h2.sec{margin-bottom:0}
.sec-all{font-weight:700;color:var(--ink);text-decoration-color:var(--orange);text-underline-offset:4px}
.rel-strip{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
.rel-strip a:hover .qph{border-color:var(--orange)}
.rel-sec h2.sec.small{margin-top:0}
section.guide-sec{padding-top:0}
section.rel-sec{padding-top:0}
.facts .trust{margin-top:16px}
@media (max-width:760px){
  .hero.cat-hero{padding-block:14px 12px}
  .cat-hero .lead{font-size:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .ctas.sm .btn{flex:1;justify-content:center}
  /* one scrolling row of chips on phones instead of a tall block */
  .cat-nav ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:12px;margin-inline:-16px;padding-inline:16px}
  .cat-nav ul::-webkit-scrollbar{display:none}
  section.cat-top{padding-top:18px}
}
section.after-sc{padding-top:0}
.after-sc .trust{margin-top:8px}
/* category pages: product groups as photo cards (one clear way in; replaces the chip row, the sticky bar and the text list) */
section.gp-sec{padding-top:22px;padding-bottom:8px}
.gp-sec h2.sec.small{margin-top:0}
.gp-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.gp-card{display:flex;flex-direction:column;height:100%;border:1px solid var(--line);border-radius:12px;background:var(--panel,#fff);text-decoration:none;color:var(--ink);overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .15s}
.gp-card:hover,.gp-card:focus-visible{border-color:var(--orange);box-shadow:0 10px 22px -16px rgba(0,0,0,.45);transform:translateY(-2px)}
.gp-card:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.gp-ph{display:grid;place-items:center;aspect-ratio:4/3;background:#fff;border-bottom:1px solid var(--line);color:var(--muted)}
.gp-ph img{width:100%;height:100%;object-fit:contain;padding:10px;box-sizing:border-box}
.gp-nm{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;font-weight:700;font-size:14.5px;line-height:1.35;flex:1}
.gp-nm::after{content:"›";color:var(--orange-ink);font-size:20px;line-height:1;flex:none}
[dir=rtl] .gp-nm::after{content:"‹"}
.gp-more{margin-top:14px}
.gp-grid li[hidden]{display:none}
@media (max-width:760px){
  .gp-grid{grid-template-columns:1fr 1fr;gap:10px}
  .gp-nm{font-size:14px;padding:9px 10px}
}
@media (prefers-reduced-motion:reduce){.gp-card{transition:none}.gp-card:hover{transform:none}}
/* "Browse all" as a clear full-width button under the product cards (not a small link beside the heading) */
.btn-all{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px auto 0;max-width:520px;min-height:52px;padding:0 24px;border-radius:999px;background:var(--ink);color:var(--panel,#fff);font-weight:700;font-size:16px;text-decoration:none}
.btn-all:hover,.btn-all:focus-visible{background:var(--orange);color:var(--ink)}
.cat-top .sc-more{background:var(--panel);}
/* "What we supply": short cards (photo, name, one line, quote button); pictures and details fold away */
section.subs-sec h2.sec.small{margin-top:0}
.subs-sec .sub{border-top-width:1px;border-radius:12px;padding:14px;gap:10px}
.sub-t{min-width:0}
.sub-t h3{font-size:18px;line-height:1.3;margin:0 0 4px}
.sub-t p{margin:0;font-size:14.5px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.subs-sec .sub-thumb{width:72px;height:72px}
.sub-more{border-top:1px dashed var(--line);padding-top:8px}
.sub-more summary{cursor:pointer;font-weight:700;font-size:14.5px;color:var(--orange-ink);min-height:40px;display:flex;align-items:center;gap:6px;list-style:none}
.sub-more summary::-webkit-details-marker{display:none}
.sub-more summary::after{content:"⌄";font-size:18px;line-height:0;transform:translateY(-3px)}
.sub-more[open] summary::after{transform:rotate(180deg) translateY(-3px)}
.sub-more[open]>*:not(summary){margin-top:10px}
.subs-sec .ds-row .add-q{width:100%;justify-content:center}
@media (max-width:760px){.subs{grid-template-columns:1fr}}
.subs-sec .sub>.ds-row{margin:0}
.subs-sec .sub-more{padding-top:4px}
/* part finder results: product cards instead of a list */
.pf-grid{margin-top:10px}
.sc-gr{display:block;margin-top:4px;font-size:12.5px;color:var(--muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
@media (min-width:980px){.pf .pf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* product range pages: a short header, then the types as photo cards and the most requested products */
.hero.rg-slim{padding-block:24px 18px}
.rg-slim .crumbs{margin-bottom:12px}
.rg-slim .rg-h1{font-size:clamp(30px,4vw,46px)}
.rg-slim .lead{margin-top:10px;font-size:17px}
.rg-slim .rg-photo{max-width:340px}
section.rg-list{padding-top:24px}
.rg-list h2.sec.small,.rg-sc h2.sec.small{margin-top:0}
.rg-card{display:flex;flex-direction:column;padding:0;overflow:hidden;text-decoration:none;color:var(--ink)}
.rg-card:hover,.rg-card:focus-visible{border-color:var(--orange)}
.rg-ph{display:grid;place-items:center;aspect-ratio:4/3;background:#fff;border-bottom:1px solid var(--line)}
.rg-ph img{width:100%;height:100%;object-fit:contain;padding:10px;box-sizing:border-box}
.rg-b{display:flex;flex-direction:column;padding:14px 16px 14px;flex:1}
.rg-b .rg-link{margin-top:auto}
section.rg-sc{padding-top:0}
@media (max-width:760px){
  .hero.rg-slim{padding-block:14px 12px}
  .rg-slim .rg-photo{display:none}
  .rg-slim .lead{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .rg-items{grid-template-columns:1fr 1fr;gap:10px}
  .rg-b{padding:10px}
  .rg-item h3{font-size:15px}
  .rg-b p{display:none}
}
/* catalogue index: one list of categories as photo cards per division, with one row of division links */
.ci-hero h1{font-size:clamp(30px,4vw,46px)}
.ci-hero .sw-search,.ci-hero form{max-width:640px}
.ci-jump{position:sticky;top:var(--sw-hdr,58px);z-index:14;background:color-mix(in srgb,var(--panel,#fff) 94%,transparent);border-bottom:1px solid var(--line)}
.ci-jump ul{display:flex;gap:8px;list-style:none;margin:0;padding:10px 0;overflow-x:auto;scrollbar-width:none}
.ci-jump ul::-webkit-scrollbar{display:none}
.ci-jump a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--panel,#fff);color:var(--ink);text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap}
.ci-jump a:hover,.ci-jump a:focus-visible{border-color:var(--orange)}
section.ci-sec{padding-block:26px 6px;scroll-margin-top:calc(var(--sw-hdr,58px) + 64px)}
.ci-sec h2.sec.small{margin-top:0}
.ci-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.ci-card{position:relative;display:flex;flex-direction:column;height:100%;border:1px solid var(--line);border-radius:12px;background:var(--panel,#fff);color:var(--ink);text-decoration:none;overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .15s}
.ci-card:hover,.ci-card:focus-visible{border-color:var(--orange);box-shadow:0 10px 22px -16px rgba(0,0,0,.45);transform:translateY(-2px)}
.ci-ph{display:grid;place-items:center;aspect-ratio:4/3;background:#fff;border-bottom:1px solid var(--line)}
.ci-ph img{width:100%;height:100%;object-fit:contain;padding:12px;box-sizing:border-box}
.ci-ph img[src$=".svg"]{width:72px;height:72px;padding:0}
.ci-b{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px;padding-inline-end:34px}
.ci-b b{font-size:16px;line-height:1.3}
.ci-b small{font-size:13px;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ci-go{position:absolute;inset-inline-end:12px;bottom:14px;font-size:22px;line-height:1;color:var(--orange-ink)}
section.cat-act{padding-block:30px}
@media (max-width:760px){
  .ci-grid{grid-template-columns:1fr 1fr;gap:10px}
  .ci-b{padding:10px;padding-inline-end:26px}
  .ci-b b{font-size:14.5px}
  .ci-b small{font-size:12.5px}
  .ci-go{inset-inline-end:8px;bottom:10px}
}
@media (prefers-reduced-motion:reduce){.ci-card{transition:none}.ci-card:hover{transform:none}}
/* part finder: once results show, the header shrinks (no intro, the list-paste box folds away) so the cards come first */
.pf-on .hero.slim .lead,.pf-on .hero.slim .pf-bom{display:none}
.pf-on .hero.slim{padding-block:18px 14px}
.pf-on .hero.slim h1{font-size:clamp(26px,3.4vw,38px)}
.pf-on section.pf-sec{padding-top:18px}
.pf-ttl{margin:4px 0 6px}
.rg-noph{color:var(--muted)}
/* part pages on phones: the photo right under the title area, the trust points left to the rest of the site */
@media (max-width:760px){
  .pgrid .pgal{order:-1;max-width:280px;margin:0 auto 4px}
  .pgrid .trust{display:none}
  .tl-hero .lead{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .tl-grid,.tl form .row,.tl .tl-row{grid-template-columns:1fr!important}
}
/* Arabic breadcrumbs: the separator points the reading way */
[dir=rtl] .crumbs>span:not([aria-current]){display:inline-block;transform:scaleX(-1)}
/* readability and touch: brand lines at a readable size, controls at least 44px tall, the highlighted heading words in a darker
   amber that passes contrast on light backgrounds */
.sc-br,.pp-b{font-size:12.5px!important;letter-spacing:.04em!important}
.eyebrow{font-size:12.5px}
.pf-side a{display:flex;align-items:center;min-height:44px}
.sc-more,.btn-all{min-height:48px}
footer a{display:inline-block;padding-block:7px}
footer address a,footer .ft-c a{padding-block:10px}
.pf-search button,.sw-search button,.hero-search button{min-height:48px}
.crumbs a{display:inline-block;padding-block:8px}
.lp-chips a,.ind-more a,.bchips a,.gchips a{min-height:40px;display:inline-flex;align-items:center}
.sec-head h2 em,.core h2 em,.hero h1 em,h1 em,h2 em{color:#9A5F00}
.cr-feat h3 em,.cta h2 em,footer em{color:inherit}
.bfilter{display:block;width:100%;max-width:520px;min-height:52px;padding:0 16px;margin:0 0 22px;border:2px solid var(--ink);border-radius:10px;font:inherit;font-size:16px;background:var(--panel,#fff);color:var(--ink)}
.bfilter:focus{outline:3px solid var(--orange);outline-offset:2px}
.flist li[hidden],.flist [hidden]{display:none}
/* "tell us when you ask" values are information, not buttons */
.sub-more .chips li,.pfam .chips li,.spec-l+.chips li{background:none!important;border:0!important;padding:0!important;font-size:14px;color:var(--muted)}
.sub-more .chips,.spec-l+.chips{gap:4px 14px}
.sub-more .chips li:not(:last-child)::after,.spec-l+.chips li:not(:last-child)::after{content:" ·";margin-inline-start:6px}
/* technical guides */
.gd-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
.gd{max-width:760px;min-width:0;font-size:17px;line-height:1.75}.gd-grid>*{min-width:0}.gd-tbl{max-width:100%}
.gd h2{font-size:clamp(22px,2.6vw,28px);margin:34px 0 10px;scroll-margin-top:calc(var(--sw-hdr,58px) + 16px)}
.gd p{margin:0 0 14px}.gd ul{margin:0 0 14px;padding-inline-start:22px}.gd li{margin-bottom:6px}
.gd-toc{border:1px solid var(--line);border-radius:12px;padding:14px 18px;background:var(--paper);margin-bottom:10px}
.gd-toc ol{margin:8px 0 0;padding-inline-start:22px}.gd-toc a{color:inherit}
.gd-tbl{overflow-x:auto;margin:0 0 16px}.gd-tbl table{border-collapse:collapse;width:100%;font-size:15px;min-width:560px}
.gd-tbl th,.gd-tbl td{border:1px solid var(--line);padding:8px 10px;text-align:start;vertical-align:top}
.gd-tbl thead th{background:var(--ink);color:var(--panel,#fff)}.gd-tbl tbody th{background:var(--paper);font-weight:700}
.gd-f{background:var(--paper);border-inline-start:4px solid var(--orange);padding:12px 16px;border-radius:6px}
.gd-cta{margin:30px 0 10px;padding:18px;border:1px solid var(--orange);border-radius:12px;background:#FFF8EA}
.gd-cta p{margin:0 0 8px}
.gd-note{font-size:14px;color:var(--muted)}
.gd-side{position:sticky;top:calc(var(--sw-hdr,58px) + 16px);display:grid;gap:14px}
.gd-box{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--panel,#fff)}
.gd-box ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.gd-box a{color:inherit;font-weight:600}
.gd-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.gd-card{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:18px 40px 18px 18px;border:1px solid var(--line);border-radius:12px;background:var(--panel,#fff);color:var(--ink);text-decoration:none}
[dir=rtl] .gd-card{padding:18px 18px 18px 40px}
.gd-card:hover{border-color:var(--orange)}.gd-card b{font-size:18px;line-height:1.35}.gd-card span{color:var(--muted);font-size:15px;line-height:1.5}
.gd-card i{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);font-style:normal;font-size:24px;color:var(--orange-ink)}
section.gd-sec{padding-top:26px}
@media (max-width:900px){.gd-grid{grid-template-columns:1fr}.gd-side{position:static}.gd{font-size:16px}}

/* calculators hub: sections by what the visitor does (calculate · choose · look up · read), each with its own icon and colour */
.tl-jump{position:sticky;top:var(--sw-hdr,58px);z-index:5;background:color-mix(in srgb,var(--panel,#fff) 94%,transparent);border-bottom:1px solid var(--line)}
.tl-jump .wrap{display:flex;gap:8px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
.tl-jump .wrap::-webkit-scrollbar{display:none}
.tl-jump a{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-height:44px;padding:0 14px 0 6px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--ink);font-weight:600;font-size:15px;text-decoration:none;transition:border-color .15s,transform .15s}
.tl-jump a:hover{border-color:var(--orange);transform:translateY(-1px)}
.tl-jump .tl-gi{width:32px;height:32px}
.tl-group{padding-block:34px 8px;scroll-margin-top:calc(var(--sw-hdr,58px) + 64px)}
.tl-gh{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.tl-gh h2{margin:0;font-size:clamp(24px,2.6vw,32px)}
.tl-gh p{margin:2px 0 0;color:var(--muted);font-size:15px}
.tl-gh .tl-all{margin-inline-start:auto;font-weight:700;color:var(--orange-ink);text-decoration:none;white-space:nowrap}
.tl-gi{display:inline-grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:14px}
.tl-gi svg{width:58%;height:58%}
.k-calc{background:#FFF1D6;color:#8A5300}.k-sel{background:#E3F4E8;color:#1D6B36}.k-ref{background:#E4EEFB;color:#1F4E8C}.k-guide{background:#EFE8F7;color:#5B3A8A}
.tl-kind{display:inline-flex;align-items:center;gap:6px;justify-self:start;padding:3px 10px 3px 8px;border-radius:999px;font:600 12.5px/1.4 inherit;font-style:normal}
.tl-kind svg{width:15px;height:15px}
.tl-card.has-ph .tl-kind{grid-column:2}
.tl-card.tl-gd{border-style:solid;background:linear-gradient(180deg,var(--panel),color-mix(in srgb,#EFE8F7 35%,var(--panel)))}
.tl-guides{padding-bottom:20px}
@media (max-width:640px){.tl-gh{align-items:flex-start}.tl-gh .tl-all{display:none}.tl-gi{width:42px;height:42px}}
/* motion: cards rise in once, one after another; nothing moves for visitors who ask for less motion */
@media (prefers-reduced-motion:no-preference){
  .tl-group .tl-card{animation:tlIn .5s cubic-bezier(.2,.7,.2,1) both}
  .tl-group .tl-card:nth-child(2){animation-delay:.05s}.tl-group .tl-card:nth-child(3){animation-delay:.1s}.tl-group .tl-card:nth-child(4){animation-delay:.15s}
  .tl-group .tl-card:nth-child(5){animation-delay:.2s}.tl-group .tl-card:nth-child(6){animation-delay:.25s}.tl-group .tl-card:nth-child(n+7){animation-delay:.3s}
  .tl-card .tl-ph img{transition:transform .25s}.tl-card:hover .tl-ph img{transform:scale(1.05)}
  .tl-card:hover .tl-kind svg{animation:tlNudge .5s ease}
}
@keyframes tlIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes tlNudge{50%{transform:rotate(-12deg) scale(1.1)}}
.gd-calc{display:flex;align-items:center;gap:14px;margin:22px 0 8px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#FFF8EA;color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s}
.gd-calc:hover{border-color:var(--orange);transform:translateY(-1px)}
.gd-calc b{display:block;font-size:17px}.gd-calc span:not(.tl-gi){color:var(--muted);font-size:15px}.gd-calc i{margin-inline-start:auto;font-style:normal;font-size:22px;color:var(--orange-ink)}
/* calculators hub: wider cards so titles keep to two lines beside the photo */
.tl-group .tl-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}
@media (max-width:420px){.tl-group .tl-grid{grid-template-columns:1fr}}
/* section bar: the current section is marked; on phones the four sections are four equal tabs (icon + one word), no sideways scrolling */
.tl-jump .tl-js{display:none}
.tl-jump a.on{border-color:var(--orange);background:#FFF8EA;box-shadow:0 0 0 2px color-mix(in srgb,var(--orange) 25%,transparent)}
@media (max-width:640px){
  .tl-jump .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;overflow:visible;padding-block:8px}
  .tl-jump a{flex-direction:column;justify-content:center;gap:4px;min-height:62px;padding:6px 2px;border-radius:12px;font-size:13px;line-height:1.1;text-align:center}
  .tl-jump .tl-gi{width:30px;height:30px;border-radius:9px}
  .tl-jump .tl-jl{display:none}.tl-jump .tl-js{display:block}
}
@media (prefers-reduced-motion:no-preference){.tl-jump a{transition:border-color .2s,background-color .2s,box-shadow .2s,transform .15s}}
/* category pages: technical guides strip (book icon in the guides colour), below the calculators strip */
.gd-strip .gh{margin-top:12px;background:linear-gradient(180deg,var(--panel),color-mix(in srgb,#EFE8F7 30%,var(--panel)))}
.gh-bk{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#EFE8F7;color:#5B3A8A;flex:none}
.gh-bk svg{width:22px;height:22px}
.gh-all{align-self:center;font-weight:700;color:var(--orange-ink);text-decoration:none;padding:6px 4px}
.guide-sec + .gd-strip{padding-top:0}.guide-sec + .gd-strip .gh{margin-top:0}

/* catalogue: divisions bar — icon + name; wraps on wide screens (nothing hidden), a tile grid on phones; division in view marked */
.ci-jump ul{flex-wrap:wrap;overflow:visible}
.ci-jump a{gap:8px;padding:0 14px 0 5px;min-height:44px;transition:border-color .2s,background-color .2s,box-shadow .2s}
[dir=rtl] .ci-jump a{padding:0 5px 0 14px}
.ci-ji{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#FFF1D6;color:#8A5300;flex:none}
.ci-ji svg{width:19px;height:19px}
.ci-jump .ci-js{display:none}
.ci-jump a.on{border-color:var(--orange);background:#FFF8EA;box-shadow:0 0 0 2px color-mix(in srgb,var(--orange) 25%,transparent)}
.ci-sh{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.ci-sh .ci-ji{width:44px;height:44px;border-radius:12px}.ci-sh .ci-ji svg{width:24px;height:24px}
.ci-sh h2.sec.small{margin:0}
.ci-top{margin-inline-start:auto;font-size:14px;font-weight:600;color:var(--orange-ink);text-decoration:none;white-space:nowrap;display:none}
@media (max-width:640px){
  .ci-jump{position:static;border-bottom:0;background:transparent}
  .ci-jump ul{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px 0 6px}
  .ci-jump a{flex-direction:column;justify-content:center;gap:6px;min-height:84px;padding:10px 4px;border-radius:14px;white-space:normal;text-align:center;font-size:13px;line-height:1.15}
  [dir=rtl] .ci-jump a{padding:10px 4px}
  .ci-jump .ci-ji{width:40px;height:40px}.ci-jump .ci-ji svg{width:22px;height:22px}
  .ci-jump .ci-jl{display:none}.ci-jump .ci-js{display:block}
  .ci-top{display:inline}
  section.ci-sec{scroll-margin-top:calc(var(--sw-hdr,58px) + 12px)}
  /* the division's name stays pinned under the header while its categories scroll past (released at the division's end),
     compact while pinned: one line, smaller icon, the "All divisions" link always in reach */
  .ci-sh{position:sticky;top:var(--sw-hdr,58px);z-index:13;margin:0 calc(-1 * max(16px,env(safe-area-inset-left,0px))) 14px;padding:6px max(16px,env(safe-area-inset-right,0px)) 6px max(16px,env(safe-area-inset-left,0px));background:var(--paper,#fff);transition:box-shadow .2s,background-color .2s}
  .ci-sh h2.sec.small{min-width:0;transition:font-size .2s}
  .ci-sh .ci-ji{flex:none;transition:width .2s,height .2s}
  .ci-sh.stuck{background:color-mix(in srgb,var(--panel,#fff) 94%,transparent);box-shadow:0 8px 20px -16px rgba(0,0,0,.45);border-bottom:1px solid var(--line)}
  .ci-sh.stuck h2.sec.small{font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ci-sh.stuck .ci-ji{width:32px;height:32px;border-radius:9px}.ci-sh.stuck .ci-ji svg{width:18px;height:18px}
}
@media (prefers-reduced-motion:no-preference){
  .ci-jump a:active{transform:scale(.97)}
  .ci-jump li{animation:tlIn .45s cubic-bezier(.2,.7,.2,1) both}
  .ci-jump li:nth-child(2){animation-delay:.04s}.ci-jump li:nth-child(3){animation-delay:.08s}.ci-jump li:nth-child(4){animation-delay:.12s}
  .ci-jump li:nth-child(5){animation-delay:.16s}.ci-jump li:nth-child(6){animation-delay:.2s}.ci-jump li:nth-child(7){animation-delay:.24s}
}

/* brand pages: filter bar above the models (search inside the brand, product groups, all filters) */
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bf-sec{padding-block:18px 0}
.bf{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 10px 24px -20px rgba(0,0,0,.45)}
.bf-q{display:flex;gap:8px}
.bf-q input{flex:1;min-width:0;min-height:48px;padding:0 14px;border:1.5px solid var(--line);border-radius:10px;font:inherit;font-size:16px;background:#fff}
.bf-q input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px color-mix(in srgb,var(--orange) 25%,transparent)}
.bf-q button{min-height:48px;padding:0 18px;border:0;border-radius:10px;background:var(--orange);color:#262626;font:700 15px/1 inherit;cursor:pointer}
.bf-g{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bf-g>b{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted)}
.bf-g>b svg{width:18px;height:18px}
.bf-chips{display:contents;list-style:none}
.bf-chips li{list-style:none}
.bf-chips a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}
.bf-chips a:hover{border-color:var(--orange);background:#FFF8EA}
.bf-all{margin-inline-start:auto;font-weight:700;color:var(--orange-ink);text-decoration:none;white-space:nowrap}
@media (max-width:640px){
  .bf-g>b{flex-basis:100%}
  .bf-chips li:nth-child(n+7){display:none}
  .bf-chips a{min-height:40px;font-size:13.5px}
  .bf-all{flex-basis:100%;margin-inline-start:0;display:flex;justify-content:center;align-items:center;min-height:44px;border-radius:10px;background:#FFF1D6}
}
/* product card without a photo: the brand name as a quiet placeholder, not an underlined link */
.sc-card .sc-bt,.sc-ph .sc-bt{text-decoration:none!important}

/* material list: upload control, match cards, suggestions, actions */
.pf-bom-act{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.pf-bom-m{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;padding:4px 6px;border-radius:10px}
.pf-bom-m:hover{background:#FFF8EA}
.pf-bom-m img{width:48px;height:48px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff;flex:none}
.pf-bom-m b{display:block;font-size:14px;line-height:1.3}.pf-bom-m small{display:block;color:var(--muted);font-size:12.5px;line-height:1.3}
.pf-bom-s{display:grid;gap:4px}.pf-bom-s>b{font-size:13px;color:#1F4E8C}
.pf-bom-nf{color:var(--muted)}.pf-bom-nf a{color:var(--orange-ink);font-weight:600}
.pf-bom-t td{vertical-align:top}
.pf-bom-act2{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.pf-bom-wait{display:flex;align-items:center;gap:10px}
.sw-spin{width:18px;height:18px;border:2.5px solid #DCDCDC;border-top-color:var(--orange);border-radius:50%;animation:swSpin .8s linear infinite;flex:none}
@keyframes swSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.sw-spin{animation:none}}
@media (max-width:560px){.pf-bom-act .btn{flex:1 1 auto;justify-content:center}.pf-bom-act2 .btn{flex:1 1 100%;justify-content:center}}
/* match table: cards wrap inside their cell (no clipped text), the item column stays readable */
.pf-bom-t{table-layout:auto}
.pf-bom-t td{white-space:normal}
.pf-bom-t td:first-child{min-width:160px;max-width:260px;overflow-wrap:anywhere}
.pf-bom-t td:nth-child(2){min-width:260px}
.pf-bom-m{display:flex;min-width:0;max-width:560px}
.pf-bom-m>span{min-width:0}
.pf-bom-m b,.pf-bom-m small{overflow-wrap:anywhere}


/* category cards: product groups as small photo tiles (photo + name) instead of text chips */
.pc-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
.pc-chips a{display:grid;justify-items:center;gap:6px;min-height:0;padding:8px 6px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:12.5px;font-weight:600;line-height:1.25;text-align:center;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.pc-th{display:grid;place-items:center;width:64px;height:64px;border-radius:8px;background:#F6F6F4;overflow:hidden;color:#9A9A95}
.pc-th img{width:100%;height:100%;object-fit:contain;background:#fff}.pc-th svg{width:30px;height:30px}
.pc-gn{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
@media (hover:hover){.pc-chips a:hover{border-color:var(--orange);box-shadow:0 8px 18px -14px rgba(0,0,0,.45)}}

/* coordinator: inbox, assignments, tasks */
.cd-inbox{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cd-inbox li{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.cd-inbox li.seen{opacity:.8}.cd-inbox li.flagged{border-color:#1d5a22;background:color-mix(in srgb,#dcefdc 35%,var(--card))}
.cd-inbox b{font-size:14px}.cd-inbox small{color:var(--muted);display:block}.cd-inbox .att{font:500 11.5px/1 var(--mono);color:var(--muted)}
.cd-inbox .act{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.cd-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px;align-items:end}
.cd-form label{display:grid;gap:4px;font-size:12.5px;color:var(--muted)}.cd-form input,.cd-form select{min-height:40px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font:inherit}
.tk-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.tk-list li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:13.5px}
.tk-list li.done{opacity:.55;text-decoration:line-through}.tk-list li.over{border-color:#c0392b}.tk-list li .who{font:500 11.5px/1 var(--mono);color:var(--muted);padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--line) 55%,transparent)}
.tk-list li .due{font:500 11.5px/1 var(--mono);color:var(--muted)}.tk-list li.over .due{color:#c0392b;font-weight:700}
.tk-list button{min-height:32px;padding:4px 10px;font-size:12.5px}
.cd-assign select{min-height:34px;padding:4px 8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font:inherit;font-size:13px}
.sd-tasks{margin:0 0 10px}.sd-tasks h3{margin:0 0 6px;font-size:14px}
@media (max-width:720px){.cd-form{grid-template-columns:1fr 1fr}.cd-inbox li{grid-template-columns:1fr}.cd-inbox .act{justify-content:flex-start}}

/* AI review verdict */
.sq-review h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sq-review h2 small{font-weight:400;color:var(--muted)}
.sq-review h2.rv-green{color:#1d5a22}.sq-review h2.rv-amber{color:#7a4a00}.sq-review h2.rv-red{color:#a3261c}
.sq-review.stale{opacity:.7}.sq-review li.ok{color:var(--muted)}
/* Print / PDF of a quotation: only the company-format sheet prints — the same design as the Word file (letterhead bands repeated by the
   table head and foot, grid table with the catalogue photo, totals inside the grid, terms, regards, stamp); A4 with zero page margin so the browser adds no header or footer */
.sq-print{display:none}
@media print{
  @page{size:A4;margin:0}
  #sq.sq>*:not(.sq-print),.sqpage header,.sqpage aside,.sqpage footer,.sd-top,.sd-side,.sd-foot,.wa-float{display:none!important}
  body.sqpage{background:#fff!important;margin:0!important;padding:0!important}
  #sq.sq{padding:0!important;margin:0!important;max-width:none!important}
  .sq-print{display:block!important;width:100%;font:10pt/1.3 "IBM Plex Sans",Calibri,Arial,sans-serif;color:#000;user-select:text;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .qp-page{width:100%;border-collapse:collapse;table-layout:fixed}.qp-page>thead{display:table-header-group}.qp-page>tfoot{display:table-footer-group}
  .qp-band{padding:0;line-height:0}.qp-band img{display:block;width:100%;height:auto}
  .qp-body{padding:5mm 12mm 8mm;vertical-align:top;position:relative;isolation:isolate}
  .qp-wm{position:absolute;left:50%;top:95mm;width:130mm;transform:translateX(-50%);opacity:.08;z-index:-1}
  .qp-head{display:flex;justify-content:space-between;gap:8mm;margin:0 0 9mm;font-size:10pt}.qp-to b{font-size:13.5pt}.qp-ref{width:62mm;white-space:nowrap}
  .qp-dear{margin:0 0 2mm}
  .qp-t{width:100%;border-collapse:collapse;font-size:9.5pt;margin:0 0 3mm;table-layout:fixed}.qp-t .c1{width:8mm}.qp-t .c3{width:12mm}.qp-t .c4{width:11mm}.qp-t .c5{width:22mm}.qp-t .c6{width:24mm}
  .qp-t th,.qp-t td{display:table-cell;border:1px solid #000;padding:0.9mm 1.5mm;vertical-align:top;overflow-wrap:anywhere;height:auto;line-height:1.3}.qp-t th{text-align:left;font-weight:700;background:#fff}
  .qp-t .qp-c{text-align:center;white-space:nowrap}.qp-t .qp-n{text-align:right;white-space:nowrap}
  .qp-t td.qp-d2{padding-right:24mm;position:relative;min-height:16mm}.qp-t .qp-pic{position:absolute;right:1.5mm;top:1.5mm;width:21mm;height:21mm;object-fit:contain}.qp-t tr:has(.qp-pic) td{height:23mm}
  .qp-t tr.qp-tt td{border-left:0;border-right:0;border-top:0;border-bottom:0;padding-top:0.6mm;padding-bottom:0.6mm}.qp-t tr.qp-tt td.qp-lb,.qp-t tr.qp-tt td.qp-n{border:1px solid #000;font-weight:700}.qp-t tr.qp-tt td.qp-lb{text-align:right;white-space:nowrap}
  .qp-t tr.qp-gt td.qp-w{border:1px solid #000;font-weight:700;text-align:center;font-size:9pt}
  .qp-terms{margin:1mm 0 4mm}.qp-close{margin:0 0 7mm;font-size:9.5pt}
  .qp-sign{display:flex;align-items:flex-end;gap:14mm;margin-top:2mm;break-inside:avoid}.qp-stamp{height:32mm;width:auto}
  .qp-t thead{display:table-header-group}.qp-t tr{break-inside:avoid}
}
/* the read review: counts, then each line that needs a decision with the catalogue's nearest items */
.sq-read{border-inline-start-color:#2b6cb0}.sq-read h2 small{font-weight:400;color:var(--muted);font-size:14px}
.rd-sum{display:flex;flex-wrap:wrap;gap:8px 18px;margin:6px 0 12px;font-size:14px;color:var(--muted)}.rd-sum b{font-size:18px;color:var(--ink);margin-inline-end:4px}.rd-sum .ok b{color:#1d6b33}.rd-sum .warn b{color:#9b2c20}
.rd-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.rd-it{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--paper)}.rd-it.nm{border-inline-start:4px solid var(--orange)}.rd-it.done{opacity:.55}
.rd-head{font-size:14px}.rd-why{color:#9b2c20;font-size:13px}.rd-txt{color:var(--ink)}.rd-note,.rd-q{color:var(--muted)}.rd-q{color:#7a4a00}
.rd-sug{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.rd-sug>small{flex:1 1 100%;color:var(--muted)}
.sq-check .rd-pick,.sq-read .rd-pick{all:unset;cursor:pointer;display:flex;align-items:center;gap:8px;border:1.5px solid #cfcfca;border-radius:10px;padding:6px 10px;background:var(--panel);max-width:100%;min-height:44px;box-sizing:border-box;text-decoration:none;color:var(--ink);font:400 14px/1.3 var(--body);flex:1 1 300px}.sq-check .rd-pick:hover,.sq-check .rd-pick:focus-visible{border-color:var(--orange);outline:none}.sq-check .rd-pick b{text-decoration:none}
.rd-pick img{width:40px;height:40px;object-fit:contain;border-radius:6px;background:#fff;flex:none}.rd-pick span{font-size:13px;line-height:1.3;min-width:0}.rd-pick small{color:var(--muted)}.rd-pick em{font-style:normal;font-weight:700;color:#2b6cb0;margin-inline-start:auto;padding-inline-start:8px}
.rd-act{display:flex;flex-wrap:wrap;gap:6px}.rd-clear{color:#1d6b33;font-weight:600}
.rd-id{flex:1 1 100%;font-size:14px;margin:2px 0 4px}.rd-id span{color:var(--muted)}.rd-conf,.rd-incat,.rd-ver{font-style:normal;font-size:11px;font-weight:600;padding:1px 6px;border-radius:999px;background:var(--paper);color:var(--muted);margin-inline-start:4px}.rd-incat{background:#eef9f1;color:#1d6b33}.rd-ver{background:#fff8ea;color:#9a5f00}
.rd-pick.rd-chigh{border-color:#bfe3c9}.rd-pick.rd-clow{opacity:.85}.rd-pick.rd-eq em{color:#7a4a00}
.rd-par{border-collapse:collapse;margin-top:4px;font-size:12px}.rd-par th,.rd-par td{padding:1px 8px 1px 0;text-align:left;color:var(--ink)}.rd-par th{color:var(--muted);font-weight:600}
@media (max-width:640px){.rd-act .btn{flex:1 1 45%}.rd-pick{flex:1 1 100%}}
/* hidden means hidden on every desk element (button, row, panel), whatever display rule the class carries */
.sqpage [hidden]{display:none!important}
/* the bottom toast: the same message as the status line, visible wherever the page is scrolled */
.sd-toast{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%,20px);max-width:min(560px,calc(100vw - 32px));padding:10px 16px;border-radius:12px;background:#2b2b29;color:#fff;font:500 14px/1.4 var(--body);box-shadow:0 10px 30px -10px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:60}
.sd-toast.on{opacity:1;transform:translate(-50%,0)}.sd-toast.warn{background:#9b2c20}
@media print{.sd-toast{display:none!important}}
/* customer card folded on the phone once the work is in the lines */
#sqCust h2{cursor:pointer}#sqCust .cust-sum{display:none;margin:4px 0 0;font:400 14px/1.4 var(--body);color:var(--muted)}#sqCust.folded .sqg{display:none}#sqCust.folded .cust-sum{display:block}
/* touch targets and layout from the audit */
.bq-f{align-items:start}.bq-chips button{min-height:40px;padding:10px 14px}.bq-ck{align-items:flex-start}.bq-ck b{flex:none}.bq-ck span,.bq-ck{overflow-wrap:anywhere}
.sq-check li button{display:inline-block;padding:8px 0;min-height:40px}#cdQuotes td a{display:inline-block;padding:10px 0}.bq-po select{min-height:44px}
.sd-who{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd-out{font-size:13px;color:var(--muted);text-decoration:underline;white-space:nowrap;margin-inline-start:10px;padding:6px 0}.sd-out:hover{color:var(--ink)}@media print{.sd-out{display:none}}
.sd-tools{background:var(--panel)}
.mg-card .btn.done{opacity:.7}
/* the desk dialog (green light, print issues): replaces the browser's confirm box */
.sd-dialog{border:0;border-radius:14px;padding:0;width:min(560px,calc(100vw - 32px));box-shadow:0 24px 60px -20px rgba(0,0,0,.45);background:var(--panel);color:var(--ink)}
.sd-dialog::backdrop{background:rgba(30,30,28,.45)}.sd-dialog:not([open]){display:none}
.sd-dialog-in{padding:20px 22px}.sd-dialog h2{margin:0 0 8px;font-size:21px;line-height:1.2}.sd-dialog h2.rv-amber{color:#7a4a00}.sd-dialog h2.rv-red{color:#a3261c}
.sd-dialog p{margin:0 0 10px;font-size:15px;line-height:1.5}.sd-dialog ul{margin:0 0 12px;padding-inline-start:20px;font-size:14px;line-height:1.45}.sd-dialog li{margin:4px 0}.sd-dialog li.fix{color:#a3261c}.sd-dialog li.check{color:#7a4a00}.sd-dialog li.more{color:var(--muted);list-style:none;margin-inline-start:-20px}
.sd-dialog-act{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}.sd-dialog-act .btn{min-height:44px}
.sd-dialog .btn.danger{background:#9b2c20;border-color:#9b2c20;color:#fff}.sd-dialog .btn.danger:hover{background:#7f2419}
.sd-dialog textarea,.sd-dialog input[type=text],.sd-dialog input[type=date]{display:block;width:100%;box-sizing:border-box;margin:6px 0 4px;padding:10px 12px;border:1px solid var(--line,#d9d7d0);border-radius:10px;font:inherit;font-size:16px;background:#fff;color:inherit}
@media (max-width:640px){.sd-dialog-act .btn{flex:1 1 100%}}
.cd-form .cd-wide{grid-column:1/-1}

/* writing assistant drafts */
.sq-assist h2 small{font-weight:400;color:var(--muted)}.sq-assist textarea{width:100%;min-height:200px;font:inherit;line-height:1.45;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);resize:vertical}
.sq-assist .sqf{display:grid;gap:4px;margin:8px 0}.sq-assist .sqf span{font-size:12.5px;color:var(--muted)}.sq-assist input{min-height:40px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);font:inherit}
.sq-assist .sq-row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 0}

/* ---------- desk: one calm light palette in every mode (an internal tool read all day: consistent, no dark-mode surprises) ---------- */
@media (prefers-color-scheme:dark){.sqpage:not(.never){--orange-ink:#A86B00;--char:#373736;--paper:#F2F2F2;--panel:#FFFFFF;--ink:#262626;--muted:#5e5e5e;--line:#DCDCDC;--logo-plate:transparent;color-scheme:light;background:#f4f4f1}}
.sqpage{color-scheme:light;background:#f4f4f1;--muted:#5e5e5e}
/* quieter controls: sentence case, no tracking, soft radius; the amber primary stays the one loud thing */
.sqpage .btn{font:600 14px/1.1 var(--body);letter-spacing:0;text-transform:none;padding:9px 14px;border-radius:8px;border-width:1.5px;min-height:40px;gap:8px}
.sqpage .btn.ghost{border-color:#cfcfca;color:var(--ink);background:var(--panel)}
.sqpage .btn.ghost:hover{border-color:var(--ink);background:#fbfbf9}
.sqpage .btn.primary{border-color:var(--orange);background:var(--orange);color:#1f1f1f}
.sqpage .btn.wa{border-color:var(--wa);background:var(--wa);color:#fff}
.sqpage .btn:focus-visible{outline:2px solid #1f1f1f;outline-offset:2px}
.sqpage .sd-tools .btn{font-size:13.5px;padding:8px 12px}
.sqpage .sd-tools{padding:10px 12px 8px;box-shadow:0 6px 18px -16px rgba(0,0,0,.35)}
/* tables: light header band instead of a black bar; row hover; tabular figures */
.sqpage .sqt th{background:#ebebe6;color:var(--ink);font-weight:600;font-size:13px;letter-spacing:.01em;border-bottom:1px solid #d6d6d0;padding:9px 8px}
.sqpage .sqt td{padding:5px 6px;font-variant-numeric:tabular-nums}
.sqpage .sqt tbody tr:hover td{background:#fafaf6}
.sqpage .sqt td input{border-color:#d9d9d3}
.sqpage input:focus-visible,.sqpage textarea:focus-visible,.sqpage select:focus-visible{outline:2px solid var(--orange);outline-offset:1px;border-color:var(--orange)}
.sqpage .sqt td input:focus-visible{outline-offset:0}
/* rhythm: sections closer, headings a notch lighter, long text kept to a readable measure */
.sqpage main.sq>section{padding:8px 0 4px}
.sqpage .sd-intro{padding:18px 0 4px}.sqpage .sd-intro h1{font-size:24px;letter-spacing:.01em}.sqpage .sd-intro .lead{max-width:72ch;color:var(--muted);line-height:1.5}
.sqpage .sd-h{font-size:19px;margin:18px 0 8px}
.sqpage .sq-card{padding:16px 18px;border-color:#e1e1dc}.sqpage .sq-card h2{font-size:17px;margin:0 0 10px}
.sqpage .sq-grid{gap:14px;margin-top:14px}
.sqpage .sq-kpis .kpi{border-color:#e1e1dc;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.sqpage .sq-kpis .kpi b{font-size:22px}
.sqpage .sq-status{font-weight:600;color:var(--orange-ink);font-size:14px}
.sqpage .sq-check{border-color:#e1e1dc;border-inline-start-width:5px;border-radius:12px}
.sqpage .sq-check h2{font-size:18px}
.sqpage .mg-card,.sqpage .tk-list li,.sqpage .cd-inbox li{border-color:#e1e1dc}
.sqpage .sd-foot{opacity:.9}
/* step chips: quieter badges, a clear active state, keyboard focus */
.sd-step{border-color:#d6d6d0;background:var(--panel)}
.sd-step:focus-visible{outline:2px solid #1f1f1f;outline-offset:2px}
.sd-step[aria-selected="true"]{background:#2b2b29;color:#fff;border-color:#2b2b29}
.sd-hint{font-size:12.5px;line-height:1.45}
/* phone: full-width primary actions, no edge clipping */
@media (max-width:640px){.sqpage .btn{min-height:42px}.sqpage .sd-tools{padding:8px 10px}.sqpage .sd-intro h1{font-size:22px}}
.sqpage .mg-list select,.sqpage .cd-assign select,.sqpage .cd-form select{min-height:38px;padding:6px 10px;border:1.5px solid #cfcfca;border-radius:8px;background:var(--panel);color:var(--ink);font:500 13.5px var(--body);margin-inline-end:6px}
.sqpage .mg-list li+select,.sqpage .mg-list li+button{margin-top:8px}
/* buyer phone: nothing wider than the screen; the action bar stays readable while scrolling */
.bq-cards,.bq-card,.bq-h,.bq-h>div{min-width:0}.bq-f label{min-width:0}.bq-f input{min-width:0;width:100%}.bq-h p{overflow-wrap:anywhere}
.bq-bar{background:var(--panel);box-shadow:0 -8px 20px -16px rgba(0,0,0,.35)}
@media (max-width:640px){.bq-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin-inline:-2px;padding-inline:2px}.bq-chips::-webkit-scrollbar{display:none}.bq-chips button{white-space:nowrap}}
/* buyer: line status and the ask-suppliers panel */
.bq-st{margin-top:10px;display:grid;gap:8px;grid-column:1/-1;min-width:0}.bq-st>*{min-width:0}.bq-f>.bq-na,.bq-f>.bq-alt,.bq-f>.bq-asked{grid-column:1/-1;min-width:0}.bq-st>label{display:grid;gap:4px;font-size:12.5px;font-weight:600;color:var(--muted);max-width:260px}
.bq-st select{min-height:44px;padding:8px 10px;border:1.5px solid var(--line);border-radius:10px;font:500 15px/1.3 var(--body);background:var(--panel);color:var(--ink)}
.bq-na .bq-chips button.on{background:#2b2b29;color:#fff;border-color:#2b2b29}
.bq-card.na{border-inline-start-color:#b3261e;background:#fbf6f5}.bq-card.na .bq-f>label:nth-child(-n+3){opacity:.45}.bq-card.alt{border-inline-start-color:#2b6cb0}.bq-card.asked{border-inline-start-color:#e0a100}
.bq-asked .sq-note{font-size:13px}
.sd-po{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%;margin-top:8px;padding-top:10px;border-top:1px dashed var(--line)}.sd-po>b{font-size:13.5px;flex:0 0 auto}.sd-po input{min-height:40px;padding:6px 10px;border:1.5px solid #cfcfca;border-radius:8px;font:500 14px var(--body);background:var(--panel);color:var(--ink);max-width:200px}.sd-po .sd-hint{flex:1 1 100%}
.sd-po[hidden]{display:none}.sd-erp select{min-height:40px;padding:6px 10px;border:1.5px solid #cfcfca;border-radius:8px;font:500 14px var(--body);background:var(--panel);color:var(--ink)}.sd-erp input{max-width:240px}.sd-erp a[hidden]{display:none}.sd-po-chip.late{background:#fdf0ee;color:#9b2c20;border-color:#efc3bc}
.st-LATE{background:#fdf0ee;color:#9b2c20}
.bq-card.ordered{border-inline-start-color:#2b6cb0}.bq-card.problem{border-inline-start-color:#b3261e;background:#fbf6f5}.bq-f>.bq-ord,.bq-f>.bq-rec{grid-column:1/-1;min-width:0;margin-top:0;padding:8px;border-radius:8px;background:var(--paper)}.bq-f>.bq-ord[hidden],.bq-f>.bq-rec[hidden]{display:none}
.cd-mail{margin:10px 0 14px}.cd-mail h2 small{display:block;font:500 13px/1.4 var(--body);color:var(--muted);margin-top:2px}.cd-mailf{grid-template-columns:2fr 1fr 1fr}.cd-mailf label:nth-child(4),.cd-mailf label:nth-child(5){grid-column:span 1}.cd-mail .sq-row{margin-top:10px;flex-wrap:wrap}.cd-mail .btn[hidden],.sd-po .btn[hidden]{display:none}.cd-mail,.cd-mailf,.cd-mailf label{min-width:0}.cd-mailf input{min-width:0;width:100%;box-sizing:border-box}.cd-mail .sq-status{flex:1 1 100%;min-width:0;overflow-wrap:anywhere}#cdMailBar{flex-wrap:wrap}#cdMailWho{flex:1 1 200px;min-width:0;overflow-wrap:anywhere}
@media (max-width:720px){.cd-mailf{grid-template-columns:1fr 1fr}.cd-mailf label:first-child,.cd-mailf label:nth-child(4),.cd-mailf label:nth-child(5){grid-column:1/-1}}
.sq-grid>*{min-width:0}.mg-users{min-width:0;grid-column:1/-1}.mg-users .tscroll{overflow-x:auto;max-width:100%}.mg-users .sqt{min-width:720px}
.mg-users h2 small{display:block;font:500 13px/1.4 var(--body);color:var(--muted);margin-top:2px}.mg-users .sqt td.c{text-align:center}.mg-users .sqt input[type=checkbox]{width:20px;height:20px}.mg-users .sqt td input:not([type=checkbox]){min-width:120px;width:100%;min-height:38px;padding:6px 8px;border:1.5px solid #cfcfca;border-radius:8px;font:500 14px var(--body);background:var(--panel);color:var(--ink);box-sizing:border-box}.mg-users .sqt td.act{white-space:nowrap}.mg-users tr.norole td{background:#fff8ea}.mg-users .warn{color:#9b2c20}
.bq-app .btn[hidden]{display:none}.bq-app{margin-top:14px;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--panel)}.bq-app>b{display:block;font-size:15px;margin-bottom:4px}.bq-app p{margin:4px 0;font-size:14px}.bq-app ol{margin:4px 0 6px;padding-inline-start:20px;font-size:14px}.bq-app li{margin:3px 0}.bq-app .warn{color:#9b2c20}.bq-app.ok{border-color:#bfe3c9;background:#eef9f1}.bq-app small{display:block;margin-top:6px;color:var(--muted);overflow-wrap:anywhere}.bq-app code{font-size:13px}
.bq-po-h{margin-top:18px}.bq-po-h h2 small{font-weight:400;color:var(--muted);font-size:13px}
.bq-na[hidden],.bq-alt[hidden],.bq-asked[hidden],.bq-rfq[hidden]{display:none}
.bq-bar{z-index:3}
.bq-rfq{margin-top:14px}.bq-rfq h2 small{font-weight:400;color:var(--muted)}.bq-rfq-lines{display:grid;gap:6px;margin:8px 0 12px}.bq-ck{display:flex;gap:8px;align-items:center;font-size:14px;min-height:36px}.bq-ck input{width:20px;height:20px}
.bq-rfq textarea{width:100%;min-height:190px;font:inherit;line-height:1.45;padding:10px;border:1.5px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink)}
.bq-grid>*{min-width:0}.bq-rfq{min-width:0;box-sizing:border-box}.bq-rfq *{box-sizing:border-box}.bq-rfq .cd-form label,.bq-rfq .cd-form{min-width:0}.bq-rfq select,.bq-rfq input{width:100%;min-width:0;max-width:100%}.bq-ck{min-width:0}.bq-ck>*:last-child{overflow-wrap:anywhere}
@media (max-width:640px){.bq-rfq .cd-form{grid-template-columns:1fr}}
.bq-rfq .sqf{display:grid;gap:4px;margin:8px 0}.bq-rfq .sqf span{font-size:12.5px;color:var(--muted);font-weight:600}.bq-rfq .cd-form{grid-template-columns:1fr 1fr}.bq-rfq .cd-form label:last-child{grid-column:1/-1}
.sd-nav a{align-items:flex-start;padding:9px 12px}.sd-nav a::before{margin-top:7px}.sd-nav a span{display:grid;gap:1px;line-height:1.2}.sd-nav a small{font:500 11.5px/1.25 var(--body);color:#b5b5ae;letter-spacing:0}.sd-nav a[aria-current=page] small{color:#d8d8d2}
/* finance: receivables from the tracker (aging, trend, customers, overdue, receipts, inquiry, statement, import) */
.ar-head h2 small{font-weight:400;color:var(--muted);font-size:13px;margin-inline-start:6px}
.ar-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:10px 0 14px}
.ar-fig{margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);min-width:0}
.ar-fig figcaption{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:13.5px;font-weight:600;margin-bottom:8px}.ar-fig figcaption span{color:var(--muted);font-weight:400}
.ar-fig svg{display:block;width:100%;height:auto;overflow:visible}
.ar-bar{display:flex;gap:2px;height:22px;border-radius:6px;overflow:hidden;background:#f1f1ee}.ar-bar i{display:block;min-width:0;height:100%}.ar-bar i:hover{filter:brightness(.92)}
.ar-legend{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px 10px;font-size:12.5px}
.ar-legend li{display:grid;grid-template-columns:12px 1fr;gap:6px;align-items:start;color:var(--ink)}.ar-legend li i{width:12px;height:12px;border-radius:3px;margin-top:3px}
.ar-legend li small{display:block;color:var(--muted);font-variant-numeric:tabular-nums}
.ar-leg2{display:flex;gap:14px;font-size:12.5px;margin-top:6px}.ar-leg2 span{display:inline-flex;gap:6px;align-items:center}.ar-leg2 i{width:12px;height:12px;border-radius:3px}
.ar-trend text{font:11.5px var(--body, inherit);fill:var(--muted)}.ar-trend .ar-g{stroke:#e6e6e2;stroke-width:1}.ar-trend .ar-v{font-weight:600;fill:var(--ink)}
.ar-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.ar-tabs button{all:unset;box-sizing:border-box;min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:600 13.5px/1.2 var(--display);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.ar-tabs button em{font-style:normal;font:700 12px/1 var(--display);padding:3px 7px;border-radius:999px;background:#f1f1ee;color:var(--muted)}.ar-tabs button em.warn{background:#fde6e2;color:#9b2c20}
.ar-tabs button:hover{border-color:var(--orange)}.ar-tabs button[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}.ar-tabs button[aria-selected="true"] em{background:rgba(255,255,255,.18);color:#fff}
.ar-tabs button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.ar-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 10px}.ar-tools input,.ar-tools select{min-height:40px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:14px;background:var(--card);color:var(--ink);min-width:0}
.ar-tools input[type="search"],.ar-tools input[type="text"]{flex:1 1 220px}
.ar-table{width:100%;border-collapse:collapse;font-size:13.5px}.ar-table th,.ar-table td{padding:8px 8px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
.ar-table th{font:700 12px/1.2 var(--display);letter-spacing:.02em;color:var(--muted);text-transform:uppercase;white-space:nowrap}.ar-table th button{all:unset;cursor:pointer;color:inherit;font:inherit}.ar-table th button:hover,.ar-table th[aria-sort] button{color:var(--ink)}.ar-table th[aria-sort="descending"] button::after{content:" \25BE"}.ar-table th[aria-sort="ascending"] button::after{content:" \25B4"}
.ar-table td.n,.ar-table th.n{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.ar-table td.n.warn{color:#9b2c20;font-weight:600}.ar-table td.n.muted{color:var(--muted)}
.ar-table td small{display:block;color:var(--muted);font-size:12px}.ar-table tr.tot td{font-weight:700;border-top:2px solid var(--ink);border-bottom:0}
.ar-table .btn.sq-inline{min-height:32px;padding:4px 10px;font-size:12.5px}
.ar-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.ar-inv{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ar-inv li{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);border-inline-start:4px solid #e0a35b}
.ar-inv li.b4,.ar-inv li.b5{border-inline-start-color:#9b2c20}.ar-inv li.b0{border-inline-start-color:#bdbdb7}
.ar-inv .ar-l1{display:flex;gap:8px 14px;flex-wrap:wrap;align-items:baseline}.ar-inv .ar-l1 b{font-size:14.5px}.ar-inv .ar-l1 .ar-amt{margin-inline-start:auto;font:700 16px/1.2 var(--display);font-variant-numeric:tabular-nums}
.ar-inv .ar-l2{font-size:12.5px;color:var(--muted);margin-top:2px}.ar-inv .ar-l2 b{color:#9b2c20}
.ar-fu{margin-top:8px;padding:8px 10px;border-radius:8px;background:#fff8ea;font-size:13px}.ar-fu b{color:var(--ink)}.ar-fu small{color:var(--muted)}
.ar-fuform{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:6px;margin-top:8px}.ar-fuform input{min-height:38px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:13.5px;background:var(--card);color:var(--ink);min-width:0}
.ar-result{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:center;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--panel);margin:0 0 12px}
.ar-result b{font:800 28px/1 var(--display);letter-spacing:.02em;padding:8px 14px;border-radius:10px;color:#fff;background:#5e5e5e}.ar-result.paid b{background:#1d7a46}.ar-result.overdue b{background:#9b2c20}.ar-result.notdue b{background:#9A5F00}
.ar-result dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px 12px;margin:0}.ar-result dl>div{display:grid;gap:2px}.ar-result dt{font-size:12px;color:var(--muted)}.ar-result dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.ar-soa{padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.ar-soa header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:12px}
.ar-soa h3{margin:0;font:800 20px/1.2 var(--display)}.ar-soa h3 small{display:block;font:600 15px/1.3 var(--body, inherit);color:var(--muted)}.ar-soa .ar-ar{direction:rtl;font-weight:600;font-size:15px}
.ar-soa .ar-meta{font-size:13px;color:var(--muted);text-align:end}.ar-soa .ar-meta b{color:var(--ink)}
.ar-soa h4{margin:14px 0 6px;font:700 14px/1.2 var(--display);text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}
.ar-soa .ar-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:14px}.ar-soa .ar-sum div{padding:10px 12px;border:1px solid var(--line);border-radius:10px}.ar-soa .ar-sum small{display:block;font-size:12px;color:var(--muted)}.ar-soa .ar-sum b{font:700 18px/1.2 var(--display);font-variant-numeric:tabular-nums}
.ar-soa .ar-sum div.net{border-color:var(--ink)}.ar-soa .ar-foot{margin-top:14px;font-size:12.5px;color:var(--muted)}
.ar-load{display:grid;gap:10px;max-width:720px}.ar-load ol{margin:0;padding-inline-start:20px;font-size:14px;line-height:1.5}.ar-load .ar-file{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ar-load input[type="file"]{font-size:13.5px}
.ar-empty{padding:14px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:14px}
.ar-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline;margin-bottom:6px}.ar-top small{color:var(--muted);font-size:12.5px}
@media (max-width:900px){.ar-charts{grid-template-columns:1fr}.ar-fuform{grid-template-columns:1fr 1fr}.ar-fuform .btn{grid-column:auto}}
@media (max-width:720px){.ar-table.cards thead{display:none}.ar-table.cards tr{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;padding:10px 0;border-bottom:1px solid var(--line)}.ar-table.cards td{display:block;padding:2px 0;border:0}.ar-table.cards td.n{text-align:start}.ar-table.cards td[data-l]::before{content:attr(data-l) " ";font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.02em}.ar-table.cards td.full{grid-column:1/-1}.ar-table.cards tr.tot{grid-template-columns:1fr 1fr}
.ar-result{grid-template-columns:1fr}.ar-result b{justify-self:start}.ar-inv .ar-l1 .ar-amt{margin-inline-start:0;flex-basis:100%}}
body.ar-printing .sd-top,body.ar-printing .sd-side,body.ar-printing .sd-intro,body.ar-printing .sd-foot,body.ar-printing .ar-tabs,body.ar-printing .ar-charts,body.ar-printing .ar-tools,body.ar-printing .ar-head>h2,body.ar-printing #fnS1,body.ar-printing #fnS2,body.ar-printing #fnS3,body.ar-printing #fnS4,body.ar-printing #fnS5,body.ar-printing #fnKpi2{display:none!important}
@media print{.ar-soa{border:0;padding:0}.ar-soa .btn{display:none}body.ar-printing main.sq{padding:0}body.ar-printing .sq-card{border:0;padding:0;box-shadow:none}}
.sq-ar{margin:8px 0 0;padding:8px 12px;border-radius:8px;background:#f1f1ee;font-size:13px;color:var(--ink)}.sq-ar.warn{background:#fde6e2}.sq-ar strong{color:#9b2c20}.sq-ar a{color:inherit}