/* ---------------------------------------------------------------------
   Round 9 — B2B outdoor equipment supplier (not a retail store).
   Forest green #1E2923 · warm off-white #F5F3ED · charcoal #111111 ·
   earth orange #C56A2D (button text is charcoal: 4.9:1; white would be 3.8:1).
   Compact sections, product first, no floating cards, gradients or motion.
   --------------------------------------------------------------------- */
:root{--bg:#F5F3ED;--panel:#ECE9E1;--line:#D8D4CA;--ink:#111111;--muted:#55584F;--dark:#1E2923;--act:#C56A2D;--act-h:#B05C22;
  --stone:#F5F3ED;--surface:#F5F3ED;--paper:#F5F3ED;--blaze:#C56A2D;--tomato:#C56A2D}
body,.wp-site-blocks{background:var(--bg)!important;color:var(--ink)}
.sp-sec{padding-block:56px}
.sp-sec--alt{background:var(--panel)}
.sp-sec--dark{background:var(--dark);color:#E6EAE6}
.sp-sec--dark h2,.sp-sec--dark h3{color:#fff}
.sp-sec--dark p{color:#C3CBC5}
.sp-sec--dark .sp-eyebrow{color:#D9A27A}
@media (max-width:700px){.sp-sec{padding-block:40px}}

/* buttons */
.sp-btn--accent{background:var(--act);border-color:var(--act);color:var(--ink)!important}
.sp-btn--accent:hover{background:var(--act-h);border-color:var(--act-h)}
.sp-btn--primary{background:var(--dark);border-color:var(--dark)}
.sp-btn--primary:hover{background:#0F1612}
.sp-btn--light{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.7)}
.sp-btn--light:hover{background:#fff;color:var(--dark)!important}
.sp-more{font-weight:600;font-size:15px;color:var(--ink);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.sp-more:hover{color:var(--act-h)}

/* section headings */
.sp-sh{align-items:flex-end;margin-bottom:28px}
.sp-sh h2{font:700 clamp(24px,2.3vw,30px)/1.2 var(--sans);margin:0}
.sp-eyebrow{color:var(--act-h);font-weight:700}
.sp-lead{color:var(--muted);margin:8px 0 0;max-width:62ch}

/* header */
.sp-announce{background:var(--dark)}
.sp-announce b{font-weight:400}.sp-announce i{font-style:normal;opacity:.5;margin-inline:10px}
.sl-header.sp-header{background:var(--bg)!important}
.sp-inq{min-height:40px;padding:0 18px;font-size:14px;margin-left:8px}
.mm-top{font-weight:600;font-size:14.5px;padding:0 11px}
.mm-bar{gap:0}
@media (max-width:1180px){.mm-top{padding:0 8px;font-size:14px}.sp-icons .bq-lang,.sp-icons [class*="lang"]{display:none}}
@media (max-width:1000px){.sp-inq{display:none}}

/* 3 hero: split, text on the forest-green column, product photo full height */
.hx{background:var(--dark);color:#fff}
.hx-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);max-width:1600px;margin:0 auto;min-height:520px}
.hx-txt{padding:56px max(var(--gut),calc((100vw - 1320px)/2 + 40px)) 48px;padding-right:48px;display:flex;flex-direction:column;justify-content:center;gap:18px}
@media (min-width:1600px){.hx-txt{padding-left:180px}}
.hx h1{font:700 clamp(30px,3.1vw,42px)/1.12 var(--sans);margin:0;color:#fff;max-width:16ch}
.hx-lead{font-size:18px;line-height:1.55;color:#D3DAD4;margin:0;max-width:44ch}
.hx .sp-eyebrow{color:#D9A27A;margin:0}
.hx-facts{list-style:none;margin:12px 0 0;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.18);display:flex;flex-wrap:wrap;gap:8px 24px;font-size:14px;color:#C3CBC5}
.hx-facts li::before{content:"";display:inline-block;width:6px;height:6px;background:var(--act);margin-right:8px;vertical-align:middle}
.hx-img{margin:0;min-height:100%}
.hx-img img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:900px){.hx-in{grid-template-columns:1fr;min-height:0}.hx-img{order:-1}.hx-img img{aspect-ratio:4/3;height:auto}.hx-txt{padding:28px var(--gut) 36px}}

/* 4 product categories: four large catalogue blocks */
.cg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.cg-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#FBFAF6;border:1px solid var(--line)}
.cg-img{display:block;overflow:hidden}
.cg-img img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.cg-txt{padding:24px;display:flex;flex-direction:column;gap:10px}
.cg-txt h3{font:700 20px/1.25 var(--sans);margin:0}
.cg-txt h3 a{color:var(--ink);text-decoration:none}
.cg-txt p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.55}
.cg-txt ul{list-style:none;margin:4px 0 6px;padding:0;display:grid;gap:6px;font-size:14.5px}
.cg-txt ul a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.cg-txt ul a:hover{border-color:var(--ink)}
.cg-txt .sp-more{margin-top:auto}
@media (max-width:1100px){.cg-item{grid-template-columns:1fr}.cg-img img{aspect-ratio:16/9}}
@media (max-width:700px){.cg{grid-template-columns:1fr;gap:20px}}

/* 5 product cards: B2B */
.of-card{gap:0}
.of-card__img{background:#fff!important;margin:0 0 12px!important}
.of-card__body{display:flex;flex-direction:column;gap:6px;flex:1}
.of-card__sku{font:600 12px/1.3 var(--sans);letter-spacing:.04em;color:var(--muted);text-transform:uppercase}
.of-card__name{font:600 15.5px/1.35 var(--sans)!important}
.of-card__dl{margin:2px 0 0;display:grid;gap:3px;font-size:13px}
.of-card__dl div{display:grid;grid-template-columns:44px 1fr;gap:6px}
.of-card__dl dt{color:var(--muted)}
.of-card__dl dd{margin:0}
.of-card__act{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:10px}
.of-quick{background:var(--dark)!important;color:#fff!important;border-color:var(--dark)!important;min-height:38px;padding:0 14px!important}
.of-quick:hover{background:#0F1612!important}
.of-card__more{font-size:13.5px;color:var(--ink);text-underline-offset:3px}

/* 6 OEM split */
.sp-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.sp-split__img{margin:0}
.sp-split__img img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.tick-list{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}
.tick-list li{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
.tick-list b{font-weight:600}
.tick-list span{color:var(--muted)}
@media (max-width:900px){.sp-split{grid-template-columns:1fr;gap:28px}.sp-split__img img{aspect-ratio:4/3}.tick-list li{grid-template-columns:1fr;gap:2px}}

/* photo slots: placeholders for photos that must be real */
.ph-slot{margin:0;display:grid;place-items:center;align-content:center;gap:10px;background:repeating-linear-gradient(135deg,#E4E0D6 0 10px,#E9E6DD 10px 20px);border:1px dashed #A8A396;color:#5E5B52;text-align:center;padding:16px}
.ph-slot svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5}
.ph-slot figcaption{font-size:12.5px;line-height:1.45;max-width:30ch}
.ph-slot b{font-weight:600;color:#3F3D37}

/* 7 manufacturing: four stages */
.mf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.mf-item h3{font:600 17px/1.3 var(--sans);margin:14px 0 6px}
.mf-item p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.55}
@media (max-width:1000px){.mf{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.mf{grid-template-columns:1fr}}

/* 8 quality control: numbered process */
.qc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--dark)}
.qc li{padding:20px 24px 4px 0;border-right:1px solid var(--line);margin-right:24px}
.qc li:last-child{border-right:0;margin-right:0}
.qc-n{font:700 13px/1 var(--sans);color:var(--act-h);letter-spacing:.06em}
.qc h3{font:600 17px/1.3 var(--sans);margin:10px 0 6px}
.qc p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.55}
@media (max-width:900px){.qc{grid-template-columns:1fr 1fr}.qc li{border-right:0;margin-right:0;border-bottom:1px solid var(--line);padding-right:16px}}
@media (max-width:520px){.qc{grid-template-columns:1fr}}

/* 9 why choose us */
.why5{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
.why5 li{border-top:2px solid var(--act);padding-top:16px}
.why5 h3{font:600 17px/1.3 var(--sans);margin:0 0 8px}
.why5 p{margin:0;font-size:14.5px;line-height:1.55;color:var(--muted)}
@media (max-width:1000px){.why5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.why5{grid-template-columns:1fr}}

/* 10 inquiry */
.iq{background:var(--panel);border-top:1px solid var(--line);padding-block:56px}
.iq-in{display:grid!important;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.iq-txt h2{font:700 clamp(24px,2.3vw,30px)/1.2 var(--sans);margin:0 0 12px}
.iq-txt>p{color:var(--muted);margin:0 0 16px}
.iq-points{margin:0 0 24px;padding-left:20px;display:grid;gap:6px;font-size:15px}
.iq-direct{font-size:14px}
.iq-form{background:#FBFAF6;border:1px solid var(--line);padding:28px;display:grid;gap:14px}
.iq-r{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.iq-form label{display:grid;gap:6px;font:600 13px/1.3 var(--sans);color:var(--ink)}
.iq-form input,.iq-form select,.iq-form textarea{font:400 15px/1.4 var(--sans);color:var(--ink);background:#fff;border:1px solid #A9A69C;border-radius:4px;padding:11px 12px;min-height:46px;width:100%;box-sizing:border-box}
.iq-form textarea{resize:vertical}
.iq-form :focus{outline:2px solid var(--dark);outline-offset:1px}
.iq-form [aria-invalid="true"]{border-color:#B3261E;outline-color:#B3261E}
.iq-form .sp-btn{justify-self:start;min-width:180px}
.iq-note{margin:0;font-size:12.5px;color:var(--muted)}
@media (max-width:900px){.iq-in{grid-template-columns:1fr;gap:28px}.iq-r{grid-template-columns:1fr}.iq-form{padding:20px}}

/* category page */
.ci-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:48px;align-items:center;margin-top:12px}
.ci-txt .sp-ctitle{margin-top:0}
.ci-h{font:600 15px/1.3 var(--sans);margin:20px 0 8px}
.ci-apps{margin:0 0 24px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.ci-apps li{border:1px solid var(--line);background:#FBFAF6;padding:6px 12px;font-size:14px;border-radius:2px}
.ci-img{margin:0}
.ci-img img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
@media (max-width:900px){.ci-grid{grid-template-columns:1fr;gap:24px}.ci-img{order:-1}}
.oem-band{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center}
.oem-band h2{font:700 26px/1.2 var(--sans);margin:0 0 10px}
.oem-band p{color:var(--muted);margin:0}
.oem-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.oem-list li{background:#FBFAF6;border:1px solid var(--line);padding:16px;font-size:14px;color:var(--muted)}
.oem-list b{display:block;color:var(--ink);font-size:15.5px;margin-bottom:2px}
@media (max-width:900px){.oem-band{grid-template-columns:1fr;gap:20px}.oem-list{grid-template-columns:1fr}}

/* product page */
.pd-facts{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.pd-facts li{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.pd-facts span{color:var(--muted)}
.pd-content{margin-top:0!important}
.pd-nav{position:sticky;top:72px;z-index:20;background:var(--bg);border-block:1px solid var(--line)}
.pd-nav .sl-wrap{display:flex;gap:4px 28px;overflow-x:auto;white-space:nowrap}
.pd-nav a{display:inline-block;padding:14px 0;font-size:14.5px;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:2px solid transparent}
.pd-nav a:hover{border-color:var(--act)}
.pd-body{padding-block:16px 40px}
.pd-sec{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;padding-block:36px;border-bottom:1px solid var(--line);scroll-margin-top:140px}
.pd-h{font:700 20px/1.3 var(--sans);margin:0}
.pd-h3{font:600 15px/1.3 var(--sans);margin:24px 0 10px}
.pd-b{max-width:860px;font-size:15.5px}
.pd-b>p:first-child{margin-top:0}
.pd-list{margin:0;padding-left:20px;display:grid;gap:6px}
.pd-oem{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pd-oem div{background:#FBFAF6;border:1px solid var(--line);padding:14px 16px;font-size:14px;color:var(--muted)}
.pd-oem b{display:block;color:var(--ink);font-size:15px;margin-bottom:2px}
.sp-spec td{font-family:var(--sans)}
@media (max-width:900px){.pd-sec{grid-template-columns:1fr;gap:14px;padding-block:28px}.pd-oem{grid-template-columns:1fr}.pd-nav{top:60px}}

/* manufacturing page */
.mrows{display:grid;gap:48px}
.mrow{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:48px;align-items:center}
.mrow:nth-child(even) .ph-slot{order:2}
.mrow h2{font:700 24px/1.25 var(--sans);margin:0 0 10px}
.mrow p{color:var(--muted);margin:0;max-width:52ch}
.mrow .sp-eyebrow{margin-bottom:6px}
@media (max-width:900px){.mrow{grid-template-columns:1fr;gap:18px}.mrow:nth-child(even) .ph-slot{order:0}}

/* page heads from earlier rounds: plain */
.sl-pagehead{background:var(--panel)!important;color:var(--ink)!important;padding-block:40px!important}
.sl-pagehead h1{font:700 clamp(28px,3vw,38px)/1.15 var(--sans)!important;color:var(--ink)!important}
.sl-pagehead h1 em,.sl-pagehead .sl-lead{font-style:normal;color:var(--muted)!important}

/* footer */
.sl-footer.sp-footer{background:var(--dark)!important}
.sp-footer .sp-btn--accent{margin-top:16px;color:var(--ink)!important}

/* fixes after first render */
:root{--flame-blue:#111111}
.of-card__sku{color:var(--muted)!important}
.sp-sec--dark .why5 p{color:#C3CBC5}
.op-related:not(:has(.of-card)){display:none}
.sp-footer dt,.sp-footer [class*="label"],.sp-footer small{color:#9FAAA2!important}
@media (max-width:700px){
  .sp-announce p{font-size:12px}
  .sp-announce p{white-space:nowrap;overflow:hidden}
  .sp-announce .a3{display:none}
  .sp-split .ph-slot{aspect-ratio:16/9!important}
  .sp-sh{flex-direction:column;align-items:flex-start;gap:10px}
}