:root{color-scheme:light}
img{max-width:100%}
[hidden]:not([hidden=until-found i]){display:none!important}

/* Layout: industrial catalogue. White page, black type, logo blue (#112895) for every highlight, light grey for frames and panels. Single light theme by the client's choice. */
:root{
  color-scheme:light;
  --paper:#FFFFFF;--paper-2:#F2F4F7;--ink:#111111;--muted:#5A606B;--line:#E0E3E8;
  --resin:#FFFFFF;--resin-ink:#111111;--resin-line:#E0E3E8;
  --amber:#112895;--amber-ink:#FFFFFF;--draw:#111111;
  --water:#112895;--chem:#112895;--waste:#112895;
  --f-display:"Archivo","Arial Narrow",Arial,sans-serif;
  --f-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --wrap:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{background:var(--paper);color:var(--ink);font:16px/1.6 var(--f-body);margin:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:20px}
h1,h2,h3{font-family:var(--f-display);text-wrap:balance;margin:0;line-height:1.02}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.label{font-family:var(--f-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}

.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--resin);color:var(--resin-ink);border-bottom:1px solid var(--resin-line)}
.top .wrap{display:flex;align-items:center;gap:20px;padding-block:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand-logo{height:46px;width:auto;flex:none;display:block}
.brand-tag{font-family:var(--f-mono);font-size:.62rem;line-height:1.35;letter-spacing:.14em;opacity:.75;text-transform:uppercase;padding-inline-start:12px;border-inline-start:1px solid var(--resin-line)}
footer .brand-logo{height:64px}
.brand .brand-tag{display:none}
@media (min-width:961px) and (max-width:1200px){.top .btn{display:none}.nav a{padding:6px 8px}}
.brand b{font-family:var(--f-display);font-stretch:118%;font-weight:800;font-size:1.05rem;letter-spacing:.02em;text-transform:uppercase}
.brand span{display:block;font-family:var(--f-mono);font-size:.62rem;letter-spacing:.14em;opacity:.7;text-transform:uppercase}
.nav{display:flex;gap:2px;margin-inline-start:auto;flex-wrap:wrap}
.nav a{text-decoration:none;font-size:.88rem;padding:6px 10px;border-radius:2px;opacity:.85}
.nav a:hover{opacity:1;background:var(--resin-line)}
.btn{display:inline-flex;align-items:center;gap:8px;font:600 .9rem var(--f-body);padding:11px 18px;border-radius:2px;text-decoration:none;border:1px solid transparent;cursor:pointer}
.btn-amber{background:var(--amber);color:var(--amber-ink)}
.btn-amber:hover{filter:brightness(1.08)}
.btn-ghost{border-color:currentColor;background:transparent;color:inherit}
.lang{display:flex;border:1px solid var(--line);border-radius:2px;overflow:hidden;flex:none}
.lang button{font:600 .78rem var(--f-mono);letter-spacing:.06em;padding:8px 10px;border:0;background:var(--paper);color:var(--muted);cursor:pointer}
.lang button+button{border-inline-start:1px solid var(--line)}
.lang button[aria-pressed="true"]{background:var(--amber);color:var(--amber-ink)}
.lang button:hover:not([aria-pressed="true"]){color:var(--ink);background:var(--paper-2)}
@media (max-width:960px){.nav{display:none}.lang{margin-inline-start:auto}.top .btn{padding:9px 14px}}
@media (max-width:400px){.top .wrap{gap:12px}.top .btn{padding:9px 11px;font-size:.82rem}}

/* hero */
.hero{background:var(--resin);color:var(--resin-ink);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;opacity:.55;pointer-events:none;
  background-image:linear-gradient(var(--resin-line) 1px,transparent 1px),linear-gradient(90deg,var(--resin-line) 1px,transparent 1px);background-size:32px 32px}
.hero .wrap{position:relative;display:grid;grid-template-columns:1fr;gap:40px;padding-block:56px 48px}
.hero-text{display:grid;grid-template-columns:1.25fr 1fr;gap:20px 48px;align-items:end}
.hero-text .hero-kicker{grid-column:1/-1;margin:0}
.hero-text p.lead{margin:0 0 20px}
@media (max-width:860px){.hero-text{grid-template-columns:1fr}}
.hero h1{font-size:clamp(2.5rem,6vw,5.1rem);font-stretch:72%;font-weight:850;text-transform:uppercase}
.hero h1 em{font-style:normal;color:var(--amber)}
.hero p.lead{font-size:1.1rem;max-width:34em;margin:22px 0 28px;opacity:.88}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-kicker{margin-bottom:18px;color:var(--amber)}
.hero-draw{min-width:0}
.hero-draw svg{width:100%;height:auto;display:block}
.hd-s{stroke:var(--resin-ink);fill:none;stroke-width:1.6;stroke-linejoin:round}
.hd-d{stroke:var(--amber);fill:none;stroke-width:1}
.hd-t{fill:var(--amber);font:500 12px var(--f-mono)}
.hd-t2{fill:var(--resin-ink);opacity:.62;font:500 10.5px var(--f-mono);letter-spacing:.08em}
.hd-fill{fill:var(--resin-line);opacity:.35}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr;padding-block:44px}}

/* family index */
.index{position:relative;border-top:1px solid var(--resin-line)}
.index .wrap{display:grid;grid-template-columns:repeat(6,1fr)}
.index a{display:block;text-decoration:none;padding:18px 16px;border-inline-start:1px solid var(--resin-line);min-width:0}
.index a:first-child{border-inline-start:0;padding-inline-start:0}
.index a:hover .t{color:var(--amber)}
.index .n{font-family:var(--f-mono);font-size:.7rem;opacity:.6;letter-spacing:.1em}
.index .t{display:block;font-family:var(--f-display);font-stretch:85%;font-weight:750;font-size:1.15rem;text-transform:uppercase;margin-top:4px;line-height:1.1}
@media (max-width:860px){.index .wrap{grid-template-columns:1fr 1fr}.index a{border-top:1px solid var(--resin-line)}.index a:nth-child(odd){border-inline-start:0;padding-inline-start:0}}

section.sec{padding-block:88px}
.sec-head{display:grid;grid-template-columns:220px 1fr;gap:32px;margin-bottom:44px}
.sec-head .label{color:var(--muted);padding-top:10px;border-top:3px solid var(--amber)}
.sec-head h2{font-size:clamp(2rem,4.4vw,3.4rem);font-stretch:78%;font-weight:800;text-transform:uppercase}
.sec-head p{color:var(--muted);max-width:42em;margin:14px 0 0}
@media (max-width:760px){.sec-head{grid-template-columns:1fr;gap:12px}section.sec{padding-block:60px}}

/* tank shapes */
.shapes{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}
.shape{padding:32px;min-width:0;display:grid;gap:18px;align-content:start}
.shape+.shape{border-inline-start:1px solid var(--line)}
.shape svg{width:100%;max-width:240px;height:auto}
.pd{stroke:var(--draw);fill:none;stroke-width:1.5;stroke-linejoin:round}
.pd-f{fill:var(--draw);opacity:.08}
.pd-d{stroke:var(--amber);fill:none;stroke-width:1}
.pd-t{fill:var(--amber);font:500 10px var(--f-mono)}
.shape h3{font-size:1.9rem;font-stretch:80%;font-weight:800;text-transform:uppercase}
.shape p{margin:0;color:var(--muted)}
.specs{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:0;font-size:.88rem;border-top:1px solid var(--line);padding-top:16px}
.specs dt{font-family:var(--f-mono);color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;padding-top:3px}
.specs dd{margin:0;font-family:var(--f-mono);font-variant-numeric:tabular-nums}
@media (max-width:820px){.shapes{grid-template-columns:1fr}.shape+.shape{border-inline-start:0;border-top:1px solid var(--line)}.shape{padding:24px 20px}}

/* options */
.opts{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.opts .label{color:var(--muted);margin-inline-end:6px}
.chip{font-family:var(--f-mono);font-size:.76rem;padding:5px 11px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:var(--paper)}

/* fluids */
.fluids{background:var(--paper-2);border-block:1px solid var(--line)}
.fl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fl{background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--c);padding:26px;display:grid;gap:14px;align-content:start;min-width:0}
.fl.w{--c:var(--water)}.fl.c{--c:var(--chem)}.fl.x{--c:var(--waste)}
.fl .tag{color:var(--c)}
.fl h3{font-size:1.6rem;font-stretch:82%;font-weight:800;text-transform:uppercase}
.fl p{margin:0;color:var(--muted);font-size:.95rem}
.fl ul{margin:0;padding:0;list-style:none;display:grid;gap:0;border-top:1px solid var(--line)}
.fl li{padding:9px 0;border-bottom:1px solid var(--line);font-size:.9rem;display:flex;gap:10px}
.fl li::before{content:"";width:6px;height:6px;background:var(--c);margin-top:.55em;flex:none}
@media (max-width:900px){.fl-grid{grid-template-columns:1fr}}

/* pipes */
.pipes{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.pipe-draw svg{width:100%;height:auto}
.parts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.part{padding:18px 16px 18px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;min-width:0}
.part:nth-child(even){padding-inline-start:16px;padding-inline-end:0;border-inline-start:1px solid var(--line)}
.part svg{width:44px;height:44px}
.part h3{font-family:var(--f-body);font-weight:600;font-size:1rem;line-height:1.3;margin-bottom:2px}
.part p{margin:0;font-size:.85rem;color:var(--muted)}
@media (max-width:900px){.pipes{grid-template-columns:1fr;gap:32px}}
@media (max-width:480px){.parts{grid-template-columns:1fr}.part:nth-child(even){padding-inline-start:0;border-inline-start:0}}

/* special parts */
.special{background:var(--paper);color:var(--ink)}
.special .sec-head .label{color:var(--muted)}
.special .sec-head p{color:var(--muted)}
.sp-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--resin-line)}
.sp{padding:24px 20px;border-inline-start:1px solid var(--resin-line);min-width:0}
.sp:first-child{border-inline-start:0}
.sp svg{width:52px;height:52px;margin-bottom:14px}
.sp .ic{stroke:var(--amber);fill:none;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.sp h3{font-size:1.2rem;font-stretch:85%;text-transform:uppercase;margin-bottom:6px}
.sp p{margin:0;font-size:.88rem;opacity:.78}
@media (max-width:900px){.sp-grid{grid-template-columns:1fr 1fr}.sp{border-top:1px solid var(--resin-line)}.sp:nth-child(odd){border-inline-start:0}.sp:nth-child(-n+2){border-top:0}}
@media (max-width:480px){.sp-grid{grid-template-columns:1fr}.sp{border-inline-start:0!important;border-top:1px solid var(--resin-line)!important}.sp:first-child{border-top:0!important}}
.sp-cta{margin-top:32px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.sp-cta p{margin:0;opacity:.85;max-width:36em}

/* why frp */
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--ink)}
.why div{padding:22px 22px 0 0;min-width:0}
.why b{display:block;font-family:var(--f-display);font-stretch:85%;font-size:1.25rem;text-transform:uppercase;margin-bottom:6px}
.why p{margin:0;color:var(--muted);font-size:.92rem}
@media (max-width:860px){.why{grid-template-columns:1fr 1fr;row-gap:24px}}
@media (max-width:480px){.why{grid-template-columns:1fr}}

.clients{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:44px}
.clients .label{color:var(--muted);width:100%}
.client{font-family:var(--f-display);font-stretch:110%;font-weight:800;font-size:1.3rem;letter-spacing:.04em;padding:16px 26px;border:1px solid var(--line);text-transform:uppercase;color:var(--muted)}

/* quote */
.quote{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px}
.contact-list{list-style:none;padding:0;margin:28px 0 0;border-top:1px solid var(--line)}
.contact-list li{display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.contact-list .label{color:var(--muted);font-size:.68rem}
.contact-list .val{font-family:var(--f-mono);font-size:.95rem;user-select:all;min-width:0;overflow-wrap:anywhere}
.copy{font:500 .72rem var(--f-mono);background:transparent;border:1px solid var(--line);color:var(--muted);padding:5px 9px;border-radius:2px;cursor:pointer}
.copy:hover{color:var(--ink);border-color:var(--ink)}
#qf{background:var(--paper-2);border:1px solid var(--line);padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fld{display:grid;gap:6px;min-width:0}
.fld.full{grid-column:1/-1}
.fld label,.fld legend{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0}
fieldset{border:0;margin:0;padding:0;min-width:0}
input,select,textarea{font:inherit;font-size:.95rem;padding:11px 12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:2px;width:100%}
textarea{min-height:100px;resize:vertical}
.seg{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.seg input{position:absolute;opacity:0;width:1px;height:1px}
.seg label{font:500 .85rem var(--f-body);letter-spacing:0;text-transform:none;color:var(--ink);padding:8px 13px;border:1px solid var(--line);border-radius:2px;cursor:pointer;background:var(--paper)}
.seg input:checked+label{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.seg input:focus-visible+label{outline:2px solid var(--amber);outline-offset:2px}
.vol{display:flex;align-items:center;gap:14px}
.vol input[type=range]{padding:0;border:0;background:transparent;accent-color:var(--amber)}
.vol output{font-family:var(--f-mono);font-variant-numeric:tabular-nums;min-width:9ch;text-align:end;font-weight:500}
.result{grid-column:1/-1;border:1px solid var(--amber);background:var(--paper);padding:18px}
.result pre{white-space:pre-wrap;font:.85rem/1.55 var(--f-mono);margin:10px 0 14px}
.result .row{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:860px){.quote{grid-template-columns:1fr;gap:40px}#qf{grid-template-columns:1fr;padding:20px}}

/* photos */
.ph{margin:0;position:relative;min-width:0}
.ph img{display:block;width:100%;height:100%;object-fit:cover;max-width:100%}
.ph figcaption{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.04em;color:var(--muted);padding-top:8px}
.hero-photo{aspect-ratio:2/1;border:1px solid var(--resin-line)}
@media (max-width:600px){.hero-photo{aspect-ratio:4/3}}
.hero-photo figcaption{position:absolute;inset-inline-start:0;bottom:0;background:var(--resin);color:var(--resin-ink);padding:7px 12px;opacity:.95}
.shape-media{aspect-ratio:854/1105;display:grid;gap:8px;min-width:0}
.shape-media .ph{overflow:hidden;min-height:0}
.shape-media .ph img{height:100%;object-fit:cover}
.shape-media.two{grid-template-rows:1fr 1fr}
.shape-row{display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:start}
.shape-row svg{max-width:140px}
@media (max-width:480px){.shape-row{grid-template-columns:1fr}.shape-row svg{max-width:200px}}
.pipe-draw .ph{margin-top:24px;display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;border-top:1px solid var(--line);padding-top:20px}
.pipe-draw .ph img{aspect-ratio:3/4}
.pipe-draw .ph figcaption{padding:0;font-size:.85rem;font-family:var(--f-body);letter-spacing:0;color:var(--muted)}
.pipe-draw .ph figcaption b{display:block;color:var(--ink);font-size:1rem;margin-bottom:4px}
.sp-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:0;border:1px solid var(--resin-line);border-bottom:0}
.sp-feature .ph{aspect-ratio:7/5}
.sp-feature div{padding:28px;align-self:center}
.sp-feature h3{font-size:1.7rem;font-stretch:80%;text-transform:uppercase;margin:6px 0 10px}
.sp-feature p{margin:0;opacity:.8}
.sp-feature .label{color:var(--amber)}
@media (max-width:760px){.sp-feature{grid-template-columns:1fr}}
.proc{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px}
.proc .ph img{aspect-ratio:16/9}
.proc h3{font-size:1.35rem;font-stretch:85%;text-transform:uppercase;margin:16px 0 6px}
.proc p{margin:0;color:var(--muted);font-size:.93rem}
@media (max-width:760px){.proc{grid-template-columns:1fr}}
.trace{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;margin-top:0;padding-top:48px;border-top:1px solid color-mix(in srgb,var(--ink) 22%,transparent)}
.trace h3{font-size:1.8rem;font-stretch:80%;text-transform:uppercase;margin:6px 0 12px}
.trace p{color:var(--muted);margin:0 0 18px}
@media (max-width:760px){.trace{grid-template-columns:1fr}}
.gal{display:grid;grid-template-columns:repeat(6,1fr);gap:40px 16px}
.gal .ph figcaption,.cb-gal .ph figcaption{font-size:.8rem;color:var(--ink);padding-top:10px}
.gal .ph img{aspect-ratio:4/3}
.gal .g-wide{grid-column:span 4}.gal .g-wide img{aspect-ratio:16/8}
.gal .g-sm{grid-column:span 2}.gal .g-sm img{aspect-ratio:1/1.02}
.gal .g-3{grid-column:span 3}
.gal .g-full{grid-column:1/-1}
.gal .g-tall img{aspect-ratio:3/4}
.gal .g-fill{display:flex;flex-direction:column}
.gal .g-fill img{flex:1 1 0;min-height:0;aspect-ratio:auto;object-position:40% 50%}
@media (max-width:860px){.gal .g-fill img{flex:none;aspect-ratio:21/9!important}.gal .g-tall img{aspect-ratio:3/4!important}}.gal .g-full img{aspect-ratio:21/9}
.gal .g-2{grid-column:span 2}
@media (max-width:860px){.gal{grid-template-columns:1fr 1fr}.gal .ph{grid-column:span 1!important}.gal .g-wide,.gal .g-full{grid-column:1/-1!important}.gal .ph img{aspect-ratio:4/3!important}}
@media (max-width:480px){.gal{grid-template-columns:1fr}}

.cb-top{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:start}
.cb-main img{aspect-ratio:7/5}
.cb-spec{display:grid;gap:20px;min-width:0}
.cb-dims{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:2px solid var(--ink)}
.cb-dims div{padding:14px 12px 0 0;min-width:0}
.cb-dims .v{display:block;font-family:var(--f-display);font-stretch:78%;font-weight:800;font-size:clamp(1.3rem,2.4vw,1.8rem);line-height:1.1}
.cb-dims .k{font-size:.8rem;color:var(--muted)}
.cb-colors{display:flex;flex-wrap:wrap;gap:8px}
.sw{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;padding:5px 11px 5px 6px;border:1px solid var(--line);border-radius:999px}
.sw i{width:18px;height:18px;border-radius:50%;background:var(--sw);border:1px solid rgba(0,0,0,.15)}
.sw-any i{background:conic-gradient(#E8B820,#1F9E7A,#2F6FB5,#B5562E,#E8B820)}
.cb-gal{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px 16px;margin-top:36px}
.cb-gal .ph img{aspect-ratio:1/1}
.cb-gal .ph:first-child img{aspect-ratio:2.06/1}
.cb-gal .ph:nth-child(4){grid-column:1/-1}
.cb-gal .ph:nth-child(4) img{aspect-ratio:21/8;height:auto}
@media (max-width:860px){.cb-top{grid-template-columns:1fr}.cb-gal{grid-template-columns:1fr 1fr}.cb-gal .ph:first-child{grid-column:1/-1}.cb-gal .ph:first-child img{aspect-ratio:3/2}}
@media (max-width:480px){.cb-dims{grid-template-columns:1fr 1fr}.cb-gal{grid-template-columns:1fr}}

/* section separators: a ruled line inside the page width between plain sections */
section.sec{position:relative}
section.sec:not(.fluids)+section.sec:not(.fluids)::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:calc(min(var(--wrap),100%) - 40px);height:1px;background:var(--ink);opacity:.22}

footer{background:var(--paper-2);color:var(--ink);border-top:1px solid var(--line);padding-block:44px 28px}
footer .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
footer p{margin:6px 0;opacity:.8;font-size:.9rem}
footer a{text-decoration:none;opacity:.85}
footer a:hover{opacity:1;text-decoration:underline}
.legal{grid-column:1/-1;border-top:1px solid var(--resin-line);padding-top:18px;margin-top:10px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.8rem;opacity:.6}
@media (max-width:760px){footer .wrap{grid-template-columns:1fr}}

/* right-to-left (Arabic) */
:root[lang="ar"]{--f-display:"Noto Kufi Arabic","Archivo",Tahoma,sans-serif;--f-body:"IBM Plex Sans Arabic","IBM Plex Sans",Tahoma,sans-serif;--f-mono:"IBM Plex Sans Arabic","IBM Plex Mono",Tahoma,sans-serif}
:root[lang="ar"] *{letter-spacing:0!important}
:root[lang="ar"] h1,:root[lang="ar"] h2,:root[lang="ar"] h3{line-height:1.45;font-weight:700}
:root[lang="ar"] .hero h1{font-size:clamp(2rem,5vw,4rem)}
:root[lang="ar"] .label{font-size:.82rem}
:root[lang="ar"] body{line-height:1.8}
svg{direction:ltr}
[dir="rtl"] .contact-list .val{direction:ltr;text-align:right}
[dir="rtl"] th{text-align:right}
.lang button[lang="ar"]{font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;letter-spacing:0}
@media (max-width:420px){.top .btn{display:none}}

/* other products carousel */
.car{position:relative}
.car-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:6px;scrollbar-width:none;overscroll-behavior-x:contain}
.car-track::-webkit-scrollbar{display:none}
.car-track:focus-visible{outline:2px solid var(--amber);outline-offset:4px}
.car-card{flex:0 0 calc((100% - 40px) / 2.35);scroll-snap-align:start;border:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column;min-width:0}
.car-art{background:var(--paper-2);border-bottom:1px solid var(--line);aspect-ratio:16/9;display:grid;place-items:center;padding:12px}
.car-art svg{width:100%;height:100%;max-width:100%}
.car-body{padding:22px 24px 24px;display:grid;gap:12px;align-content:start;flex:1}
.car-ref{color:var(--muted)}
.car-body h3{font-size:1.6rem;font-stretch:82%;font-weight:800;text-transform:uppercase}
.car-body p{margin:0;color:var(--muted);font-size:.95rem}
.car-link{justify-self:start;margin-top:6px;font-weight:600;font-size:.9rem;color:var(--amber);text-decoration:none;border-bottom:2px solid var(--amber);padding-bottom:2px}
.car-link:hover{color:var(--ink);border-color:var(--ink)}
.car-nav{display:flex;align-items:center;gap:16px;margin-top:22px}
.car-btn{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:2px;cursor:pointer}
.car-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.car-btn:hover:not(:disabled){background:var(--amber);border-color:var(--amber);color:var(--amber-ink)}
.car-btn:disabled{opacity:.35;cursor:default}
[dir="rtl"] .car-btn svg{transform:scaleX(-1)}
.car-dots{display:flex;gap:8px}
.car-dot{width:28px;height:3px;background:var(--line)}
.car-dot.on{background:var(--amber)}
.car.fits .car-nav{display:none}
@media (max-width:860px){.car-card{flex-basis:calc((100% - 20px) / 1.35)}}
@media (max-width:480px){.car-card{flex-basis:86%}.car-body{padding:18px}}

/* ==========================================================================
   WordPress additions
   ========================================================================== */

.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;margin:0;z-index:100000;top:8px;left:8px;padding:10px 14px;background:var(--amber);color:var(--amber-ink);text-decoration:none}

/* keep the sticky header below the WordPress admin bar when logged in */
.admin-bar .top{top:32px}
@media screen and (max-width:782px){.admin-bar .top{top:46px}}
@media screen and (max-width:600px){.admin-bar .top{top:0}}

/* quote form: status line, hidden anti-spam field, invalid fields */
.hp{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none}
.q-status{margin:0 0 6px;font-weight:600}
.q-status.is-sent{color:var(--amber)}
.q-status.is-failed,.q-status.is-missing{color:#B42318}
.result pre[hidden]+.row{margin-top:10px}
.btn:disabled{opacity:.6;cursor:wait}
input[aria-invalid="true"]{border-color:#B42318}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:.65}

/* inner pages, posts, archives, 404 */
.page-wrap{padding-block:64px 96px}
.page-body{max-width:820px}
.page-head{border-top:3px solid var(--amber);padding-top:12px;margin-bottom:32px;max-width:820px}
.page-head .label{color:var(--muted)}
.page-head h1{font-size:clamp(2rem,4.4vw,3.2rem);font-stretch:78%;font-weight:800;text-transform:uppercase;margin-top:12px}
.page-item{padding-block:24px;border-bottom:1px solid var(--line)}
.page-item .label{color:var(--muted)}
.page-item h2{font-size:1.6rem;font-stretch:82%;font-weight:800;text-transform:uppercase;margin:6px 0 8px}
.page-item h2 a{text-decoration:none}
.page-item h2 a:hover{color:var(--amber)}
.page-thumb{margin:0 0 28px}
.entry{font-size:1.02rem}
.entry>*:first-child{margin-top:0}
.entry p,.entry ul,.entry ol{margin:0 0 1.1em}
.entry h2{font-size:clamp(1.5rem,3vw,2rem);font-stretch:82%;font-weight:800;text-transform:uppercase;margin:1.6em 0 .5em}
.entry h3{font-size:1.25rem;font-stretch:88%;font-weight:750;text-transform:uppercase;margin:1.4em 0 .4em}
.entry a:not(.btn){color:var(--amber)}
.entry img{height:auto}
.entry table{border-collapse:collapse;width:100%;font-size:.92rem;margin:0 0 1.2em}
.entry th,.entry td{border:1px solid var(--line);padding:8px 10px;text-align:start}
.entry blockquote{margin:0 0 1.1em;padding-inline-start:18px;border-inline-start:3px solid var(--amber);color:var(--muted)}
.entry figcaption,.wp-caption-text{font-family:var(--f-mono);font-size:.75rem;color:var(--muted);padding-top:6px}
.alignleft{float:left;margin:0 1.5em 1em 0}
.alignright{float:right;margin:0 0 1em 1.5em}
.aligncenter{display:block;margin-inline:auto}
.nav-links{display:flex;gap:8px;margin-top:32px;flex-wrap:wrap}
.nav-links .page-numbers{padding:8px 12px;border:1px solid var(--line);text-decoration:none;font-family:var(--f-mono);font-size:.85rem}
.nav-links .current{background:var(--amber);color:var(--amber-ink);border-color:var(--amber)}

/* other products: photo cards */
.car-art.car-photo{margin:0;padding:0;display:block;overflow:hidden;aspect-ratio:4/3;background:var(--paper-2)}
.car-art.car-photo img{width:100%;height:100%;object-fit:contain;display:block}

/* keep the theme's fonts even if a plugin prints its own rules for body, text or headings */
html body{font-family:var(--f-body)}
html body p,html body li,html body blockquote{font-family:inherit}
html body h1,html body h2,html body h3,html body h4,html body h5{font-family:var(--f-display)}

/* piping: photos of real fittings */
.pipe-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.pipe-gal .ph{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column}
.pipe-gal .ph img{height:auto;aspect-ratio:1/1;object-fit:contain;padding:18px;background:#fff}
.pipe-gal .ph figcaption{padding:14px 18px 18px;border-top:1px solid var(--line);font-family:var(--f-body);font-size:.85rem;letter-spacing:0;color:var(--muted)}
.pipe-gal .ph figcaption b{display:block;color:var(--ink);font-size:1rem;margin-bottom:4px}
@media (max-width:560px){.pipe-gal{grid-template-columns:1fr}.pipe-gal .ph img{aspect-ratio:4/3}}