:root{
  --bg:#05070a;
  --surface:#0b0f14;
  --ink:#f4f7fa;
  --muted:#9aa6b2;
  --line:#28323c;
  --nav:#020305;
  --nav2:#07111c;
  --accent:#1e90ff;
  --accent2:#0c6dd6;
  --max:1440px;
  --radius:8px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,19,31,.97);color:white;border-bottom:1px solid rgba(255,255,255,.1)}
.topbar{background:#02080e;color:#b8c4cf;font-size:12px;letter-spacing:.04em;text-align:center;padding:8px 16px}
.nav{max-width:var(--max);margin:auto;display:flex;align-items:center;gap:28px;padding:16px 28px}
.brand{font-size:22px;font-weight:900;letter-spacing:-.03em;white-space:nowrap}
.brand b{color:var(--accent)}
.nav-links{display:flex;gap:22px;font-size:14px;font-weight:700;flex:1}
.nav-actions{display:flex;align-items:center;gap:12px}
.cart-button{background:transparent;color:white;border:1px solid #41505e;padding:10px 14px;border-radius:var(--radius);cursor:pointer}
.hero{background:linear-gradient(115deg,#07131f 0%,#0b2437 62%,#12364c 100%);color:#fff;min-height:580px;display:flex;align-items:center;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,106,0,.35);border-radius:50%;right:-110px;top:40px;box-shadow:0 0 0 85px rgba(255,106,0,.05),0 0 0 170px rgba(255,255,255,.02)}
.hero-inner{max-width:var(--max);width:100%;margin:auto;padding:92px 28px;position:relative;z-index:1}
.eyebrow{color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.16em}
.hero h1{max-width:850px;font-size:clamp(48px,7vw,96px);line-height:.93;letter-spacing:-.055em;margin:18px 0 24px}
.hero p{max-width:720px;color:#c8d4de;font-size:20px;line-height:1.6}
.hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:var(--radius);font-weight:900;border:1px solid transparent;cursor:pointer}
.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent2)}
.btn-secondary{background:transparent;border-color:#5b6975;color:#fff}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-bottom:1px solid var(--line)}
.trust-strip>div{padding:22px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:3px}
.trust-strip strong{font-size:18px}.trust-strip span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.section{max-width:var(--max);margin:auto;padding:72px 28px}
.section-dark{max-width:none;background:#0c1823;color:white;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px))}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}
.section-head h2,.page-heading h1{font-size:clamp(34px,4vw,54px);letter-spacing:-.04em;margin:8px 0}
.section-head>a{font-weight:800;color:var(--accent)}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.category-card{background:#fff;border:1px solid var(--line);padding:24px;min-height:155px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:var(--radius);transition:.2s}
.category-card:hover{transform:translateY(-2px);border-color:#b7c1c9}
.category-card h3{margin:0 0 6px;font-size:20px}.category-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.product-card{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.product-media{aspect-ratio:1.18;background:linear-gradient(145deg,#edf1f4,#f9fbfc);display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-media img{width:100%;height:100%;object-fit:contain;padding:14px}
.product-placeholder{color:#8794a0;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.1em;text-align:center;padding:20px}
.product-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}
.ribbon{align-self:flex-start;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:#eaf0f4;padding:6px 8px;border-radius:4px;color:#41505e}
.product-card h3{font-size:15px;line-height:1.35;margin:0}
.product-price{font-size:22px;font-weight:950;letter-spacing:-.025em;margin-top:auto}
.card-actions{display:flex;gap:8px}.card-actions .btn{width:100%;padding:11px 12px;font-size:13px}
.shop-shell{min-height:70vh}
.page-heading{max-width:900px;margin-bottom:34px}.page-heading p{color:var(--muted);font-size:17px;line-height:1.6}
.shop-tools{display:flex;gap:12px;margin-bottom:18px}
.shop-tools input,.shop-tools select{border:1px solid var(--line);background:#fff;padding:13px 14px;border-radius:var(--radius)}
.shop-tools input{flex:1}.shop-tools select{min-width:200px}
.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.chip{background:#fff;border:1px solid var(--line);padding:8px 11px;border-radius:999px;font-size:12px;font-weight:800}
.results-bar{padding:12px 0 18px;color:var(--muted);font-size:13px}
.product-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);gap:52px;align-items:start}
.product-gallery{position:sticky;top:110px}.product-main-image{background:#fff;border:1px solid var(--line);min-height:520px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius)}
.product-main-image img{max-width:100%;max-height:620px;object-fit:contain;padding:28px}
.product-info{background:#fff;border:1px solid var(--line);padding:32px;border-radius:var(--radius)}
.product-info h1{font-size:38px;line-height:1.05;letter-spacing:-.04em;margin:10px 0 18px}
.product-info .product-price{font-size:34px;margin:10px 0 20px}
.product-description{color:#47525c;line-height:1.65}.product-description ul{padding-left:22px}
.shipping-note{background:#f2f5f7;border:1px solid var(--line);padding:14px;margin:20px 0;font-size:13px;line-height:1.5}
.add-row{display:flex;gap:10px;margin-top:22px}.qty{width:76px;border:1px solid var(--line);padding:12px;border-radius:var(--radius)}
.info-band{display:flex;align-items:center;justify-content:space-between;gap:40px}.info-band>div{max-width:800px}.info-band h2{font-size:42px;letter-spacing:-.04em;margin:8px 0 12px}.info-band p{color:var(--muted);line-height:1.6}
.site-footer{background:#06101a;color:#c7d0d7;margin-top:60px}.footer-inner{max-width:var(--max);margin:auto;padding:54px 28px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-title{font-size:22px;font-weight:900;color:#fff}.footer-inner h4{color:#fff;margin-top:0}.footer-inner a{display:block;margin:8px 0;color:#c7d0d7}.fineprint{max-width:var(--max);margin:auto;padding:18px 28px 32px;border-top:1px solid #1f2c37;color:#7f8b96;font-size:12px;line-height:1.5}
.cart-drawer{position:fixed;inset:0;z-index:100;display:none;background:rgba(0,0,0,.55)}.cart-drawer.open{display:block}
.cart-panel{width:min(460px,94vw);height:100%;margin-left:auto;background:#fff;padding:24px;overflow:auto}.cart-head{display:flex;align-items:center;justify-content:space-between}.cart-close{border:0;background:none;font-size:24px;cursor:pointer}
.cart-line{display:grid;grid-template-columns:1fr auto;gap:10px;border-top:1px solid var(--line);padding:16px 0}.cart-line small{color:var(--muted)}
.cart-total{display:flex;justify-content:space-between;font-size:20px;font-weight:900;border-top:1px solid var(--line);padding:18px 0}
.loading,.empty{padding:40px;background:#fff;border:1px solid var(--line);color:var(--muted);text-align:center}
@media(max-width:980px){.product-grid,.category-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.trust-strip{grid-template-columns:repeat(2,1fr)}.product-detail{grid-template-columns:1fr}.product-gallery{position:static}.footer-inner{grid-template-columns:1fr 1fr}.hero{min-height:500px}}
@media(max-width:620px){.nav{padding:14px 16px}.brand{font-size:18px}.hero-inner,.section{padding-left:18px;padding-right:18px}.hero h1{font-size:48px}.hero p{font-size:17px}.product-grid,.category-grid{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip>div{padding:16px}.shop-tools{flex-direction:column}.shop-tools select{min-width:0}.product-main-image{min-height:300px;max-height:45vh}.product-info{padding:22px}.product-info h1{font-size:30px}.footer-inner{grid-template-columns:1fr}.info-band{align-items:flex-start;flex-direction:column}}
body{background:radial-gradient(circle at top right,rgba(30,144,255,.09),transparent 32%),#05070a}
.site-header{background:rgba(2,3,5,.98);border-bottom-color:#26323d;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.topbar{background:#000;color:#aeb8c2;border-bottom:1px solid #1d252d}
.brand{color:#f4f7fa}.brand b{color:#42a5ff}
.nav-links a{color:#c7d1db}.nav-links a:hover{color:#fff}
.cart-button{border-color:#4b5967;color:#e8eef4}.cart-button:hover{border-color:#8ea0b0;background:#0b1117}
.hero{background:linear-gradient(120deg,#030507 0%,#07101a 55%,#0a1e33 100%)}
.hero:after{border-color:rgba(30,144,255,.38);box-shadow:0 0 0 85px rgba(30,144,255,.05),0 0 0 170px rgba(185,199,212,.025)}
.hero p{color:#b9c4ce}
.btn-primary{background:linear-gradient(180deg,#2f9cff,#0872d8);border-color:#55adff;box-shadow:0 8px 24px rgba(0,112,230,.2)}
.btn-primary:hover{background:linear-gradient(180deg,#48aaff,#0a78e3)}
.btn-secondary{border-color:#718190;color:#e6edf3;background:rgba(255,255,255,.02)}
.trust-strip{background:#090d12;border-color:#25303a}
.trust-strip>div{border-color:#25303a}.trust-strip strong{color:#e8eef3}.trust-strip span{color:#8e9aa6}
.section{color:#e7edf3}
.section-dark{background:linear-gradient(180deg,#070b0f,#0b1118);color:#fff;border-top:1px solid #1d2730;border-bottom:1px solid #1d2730}
.section-head>a{color:#4aa7ff}
.category-card{background:linear-gradient(180deg,#0d1218,#090d12);border-color:#2b3641;color:#f3f6f9}
.category-card:hover{border-color:#4a9ee8;box-shadow:0 12px 30px rgba(0,0,0,.28)}
.category-card p{color:#9ca8b3}
.product-card{background:linear-gradient(180deg,#0d1218,#090d12);border-color:#28333e;color:#f1f5f8}
.product-media{background:linear-gradient(145deg,#111820,#080b10)}
.product-placeholder{color:#71808e}
.ribbon{background:linear-gradient(180deg,#cfd8df,#9eabb7);color:#0b1117}
.product-price{color:#dbe7f0}
.shop-tools input,.shop-tools select{background:#090e14;border-color:#2d3944;color:#edf3f8}
.chip{background:#0b1117;border-color:#2b3741;color:#d8e1e8}.chip:hover{border-color:#4399e6;color:#fff}
.results-bar,.page-heading p{color:#98a4af}
.product-main-image{background:linear-gradient(145deg,#0e141b,#080b0f);border-color:#2a3540}
.product-info{background:linear-gradient(180deg,#0d1218,#090d12);border-color:#2a3540}
.product-description{color:#b4bec8}
.shipping-note{background:#080e15;border-color:#28445e;color:#c9d6e2}
.qty{background:#080e14;color:#fff;border-color:#33414d}
.info-band p{color:#9da9b4}
.site-footer{background:#00050a;color:#aeb9c3;border-top:1px solid #22303b}
.footer-inner h4,.footer-title{color:#f0f4f7}.footer-inner a{color:#b7c4cf}.footer-inner a:hover{color:#54aaff}
.fineprint{border-color:#1c2730;color:#778491}
.cart-drawer{background:rgba(0,0,0,.76)}
.cart-panel{background:#070b10;color:#eef3f7;border-left:1px solid #2a3540}
.cart-line,.cart-total{border-color:#26313b}.cart-line small{color:#95a1ad}
.loading,.empty{background:#090e14;border-color:#28333e;color:#95a2ae}

.brand-logo{display:flex;align-items:center}
.brand-logo img{display:block;height:52px;width:auto;max-width:285px;object-fit:contain}
.footer-logo{display:block;height:70px;width:auto;max-width:340px;object-fit:contain;margin-bottom:14px}
@media(max-width:620px){.brand-logo img{height:40px;max-width:210px}.footer-logo{height:56px;max-width:260px}}

/* Brand prominence pass */
.nav{padding-top:20px;padding-bottom:20px;gap:34px;min-height:104px}
.brand-logo{flex:0 0 auto;min-width:360px}
.brand-logo img{
  height:78px;
  width:auto;
  max-width:430px;
  object-fit:contain;
  filter:drop-shadow(0 5px 16px rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(30,144,255,.12));
}
.nav-links{font-size:15px}
.footer-logo{
  height:96px;
  max-width:470px;
  filter:drop-shadow(0 5px 18px rgba(0,0,0,.5));
}
@media(max-width:1100px){
  .brand-logo{min-width:300px}
  .brand-logo img{height:68px;max-width:360px}
  .nav{gap:24px}
}
@media(max-width:760px){
  .nav{min-height:88px;padding-top:14px;padding-bottom:14px}
  .brand-logo{min-width:0;flex:1}
  .brand-logo img{height:58px;max-width:290px}
  .footer-logo{height:78px;max-width:340px}
}
@media(max-width:460px){
  .brand-logo img{height:50px;max-width:245px}
  .cart-button{padding:9px 10px;font-size:12px}
}

/* Product gallery */
.product-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}
.product-thumb{background:#090e14;border:1px solid #2a3540;border-radius:6px;padding:4px;aspect-ratio:1;cursor:pointer;overflow:hidden;transition:.18s}
.product-thumb:hover,.product-thumb.active{border-color:#48aaff;box-shadow:0 0 0 1px rgba(72,170,255,.25)}
.product-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.product-main-image img{transition:opacity .15s ease}
@media(max-width:620px){.product-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.product-thumb{padding:3px}}

/* Image-led category merchandising */
.category-card-photo{padding:0;min-height:330px;overflow:hidden;justify-content:stretch}
.category-image{height:205px;background:linear-gradient(145deg,#111820,#070a0d);display:flex;align-items:center;justify-content:center;border-bottom:1px solid #28333e}
.category-image img{width:100%;height:100%;object-fit:contain;padding:16px;transition:transform .25s ease}
.category-card-photo:hover .category-image img{transform:scale(1.035)}
.category-copy{padding:20px;display:flex;flex-direction:column;gap:6px;flex:1}
.category-copy h3{margin:0;font-size:19px}
.category-copy p{margin:0;color:#9ca8b3;line-height:1.45;font-size:13px}
.category-copy span{margin-top:auto;padding-top:12px;color:#48aaff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:620px){.category-card-photo{min-height:300px}.category-image{height:190px}}

/* Oversized corner branding */
.nav{
  min-height:150px;
  padding-top:12px;
  padding-bottom:12px;
  align-items:center;
}
.brand-logo{
  position:relative;
  flex:0 0 440px;
  width:440px;
  height:124px;
  min-width:440px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#000;
}
.brand-logo img{
  position:absolute;
  height:168px;
  width:auto;
  max-width:none;
  object-fit:contain;
  transform:scale(1.36);
  transform-origin:center;
  filter:drop-shadow(0 7px 22px rgba(0,0,0,.65)) drop-shadow(0 0 14px rgba(30,144,255,.18));
}
.nav-links{
  flex:1;
  justify-content:center;
}
@media(max-width:1100px){
  .nav{min-height:128px}
  .brand-logo{flex-basis:360px;width:360px;height:105px;min-width:360px}
  .brand-logo img{height:145px;transform:scale(1.28)}
}
@media(max-width:760px){
  .nav{min-height:105px;padding-top:8px;padding-bottom:8px}
  .brand-logo{flex:1;width:auto;height:84px;min-width:0;max-width:300px}
  .brand-logo img{height:116px;transform:scale(1.22)}
}
@media(max-width:460px){
  .brand-logo{height:74px;max-width:245px}
  .brand-logo img{height:102px;transform:scale(1.2)}
}

/* Real-stock-photo homepage showcase */
.hero-showcase-section{
  min-height:640px;
  background:
    radial-gradient(circle at 82% 48%,rgba(24,123,221,.18),transparent 34%),
    linear-gradient(118deg,#020507 0%,#06101a 47%,#081a2b 100%);
}
.hero-showcase-section:after{display:none}
.hero-filter-defs{position:absolute;pointer-events:none}
.hero-split{
  display:grid;
  grid-template-columns:minmax(0,.94fr) minmax(560px,1.06fr);
  gap:22px;
  align-items:center;
  padding-top:68px;
  padding-bottom:68px;
}
.hero-copy{position:relative;z-index:4}
.hero-copy h1{max-width:760px;font-size:clamp(52px,6.1vw,88px)}
.hero-copy p{max-width:680px}
.hero-products{
  position:relative;
  min-height:530px;
  width:100%;
  isolation:isolate;
}
.hero-products:before{
  content:"";
  position:absolute;
  inset:8% 2% 4% 7%;
  border-radius:42% 58% 48% 52%;
  background:
    radial-gradient(circle at 52% 48%,rgba(34,148,255,.19),transparent 40%),
    linear-gradient(145deg,rgba(16,38,58,.38),rgba(1,7,12,.05));
  border:1px solid rgba(78,165,247,.16);
  box-shadow:inset 0 0 80px rgba(31,135,230,.07),0 24px 70px rgba(0,0,0,.28);
  z-index:0;
}
.hero-orbit{
  position:absolute;
  border:1px solid rgba(42,157,255,.30);
  border-radius:50%;
  z-index:0;
  pointer-events:none;
}
.hero-orbit-one{width:410px;height:410px;right:-55px;top:28px}
.hero-orbit-two{width:290px;height:290px;left:100px;bottom:-18px;opacity:.55}
.hero-product{
  position:absolute;
  display:block;
  max-width:none;
  object-fit:contain;
  filter:url(#white-key) drop-shadow(0 22px 20px rgba(0,0,0,.48)) drop-shadow(0 0 12px rgba(37,146,245,.14));
  z-index:2;
  transition:transform .25s ease,filter .25s ease;
}
.hero-product:hover{
  filter:url(#white-key) drop-shadow(0 26px 25px rgba(0,0,0,.58)) drop-shadow(0 0 18px rgba(47,160,255,.30));
}
.hero-cobalt{
  width:49%;
  left:7%;
  top:0;
  z-index:3;
  transform:rotate(-1deg);
}
.hero-skid5{
  width:35%;
  right:0;
  top:34px;
  transform:rotate(1.5deg);
}
.hero-truck8{
  width:48%;
  left:0;
  bottom:0;
  transform:rotate(-1deg);
}
.hero-p40{
  width:38%;
  right:0;
  bottom:4px;
  transform:rotate(1deg);
}
@media(max-width:1180px){
  .hero-split{grid-template-columns:minmax(0,.95fr) minmax(460px,1.05fr)}
  .hero-products{min-height:470px}
  .hero-copy h1{font-size:clamp(50px,6vw,76px)}
}
@media(max-width:980px){
  .hero-showcase-section{min-height:auto}
  .hero-split{grid-template-columns:1fr;gap:10px;padding-top:56px;padding-bottom:28px}
  .hero-copy{text-align:left}
  .hero-copy h1{max-width:850px}
  .hero-products{min-height:460px;margin-top:8px}
  .hero-cobalt{width:43%;left:10%}
  .hero-skid5{width:31%;right:8%}
  .hero-truck8{width:42%;left:8%}
  .hero-p40{width:34%;right:10%}
}
@media(max-width:620px){
  .hero-split{padding-top:38px;padding-bottom:22px}
  .hero-copy h1{font-size:46px;line-height:.95}
  .hero-products{min-height:345px}
  .hero-products:before{inset:7% 0 3%}
  .hero-orbit-one{width:260px;height:260px;right:-70px}
  .hero-orbit-two{width:190px;height:190px;left:40px}
  .hero-cobalt{width:48%;left:2%;top:6px}
  .hero-skid5{width:38%;right:0;top:22px}
  .hero-truck8{width:48%;left:0;bottom:0}
  .hero-p40{width:41%;right:0;bottom:0}
}

/* Clean real-product hero reset */
.hero-showcase-section{
  min-height:640px;
  background:
    radial-gradient(circle at 82% 48%,rgba(25,128,229,.12),transparent 31%),
    linear-gradient(118deg,#020507 0%,#06101a 52%,#081a2b 100%);
}
.hero-showcase-section:after{display:none}
.hero-split{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(560px,1.05fr);
  gap:28px;
  align-items:center;
  padding-top:66px;
  padding-bottom:66px;
}
.hero-copy{position:relative;z-index:5}
.hero-copy h1{max-width:760px;font-size:clamp(52px,6.1vw,88px)}
.hero-copy p{max-width:680px}
.hero-products-clean{
  position:relative;
  min-height:520px;
  width:100%;
}
.hero-products-clean:before{
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  right:5%;
  top:8%;
  border-radius:50%;
  border:1px solid rgba(47,156,255,.15);
  box-shadow:0 0 80px rgba(32,137,235,.08);
}
.hero-product-clean{
  position:absolute;
  display:block;
  object-fit:contain;
  max-width:none;
  filter:drop-shadow(0 22px 24px rgba(0,0,0,.48));
  transition:transform .22s ease;
}
.hero-product-clean:hover{transform:translateY(-4px) scale(1.015)}
.hero-cobalt-clean{
  width:52%;
  left:2%;
  top:0;
  z-index:4;
}
.hero-patriot-clean{
  width:34%;
  right:2%;
  top:42px;
  z-index:3;
}
.hero-streamliner-clean{
  width:34%;
  left:4%;
  bottom:8px;
  z-index:2;
}
.hero-trailer-clean{
  width:48%;
  right:0;
  bottom:0;
  z-index:1;
}
@media(max-width:1180px){
  .hero-split{grid-template-columns:minmax(0,.95fr) minmax(470px,1.05fr)}
  .hero-products-clean{min-height:455px}
}
@media(max-width:980px){
  .hero-showcase-section{min-height:auto}
  .hero-split{grid-template-columns:1fr;gap:8px;padding-top:52px;padding-bottom:28px}
  .hero-products-clean{min-height:440px;margin-top:6px}
  .hero-cobalt-clean{width:45%;left:10%}
  .hero-patriot-clean{width:31%;right:8%}
  .hero-streamliner-clean{width:30%;left:11%}
  .hero-trailer-clean{width:42%;right:8%}
}
@media(max-width:620px){
  .hero-copy h1{font-size:46px;line-height:.95}
  .hero-products-clean{min-height:330px}
  .hero-cobalt-clean{width:48%;left:3%}
  .hero-patriot-clean{width:33%;right:2%;top:30px}
  .hero-streamliner-clean{width:32%;left:5%;bottom:4px}
  .hero-trailer-clean{width:45%;right:0;bottom:2px}
}

/* Non-overlapping hero product layout */
.hero-products-clean{
  display:grid !important;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:18px 24px;
  align-items:center;
  justify-items:center;
  min-height:520px;
  position:relative;
  padding:18px 8px;
}
.hero-products-clean:before{
  inset:8% 5%;
  width:auto;
  height:auto;
  border-radius:40%;
  z-index:0;
}
.hero-product-clean{
  position:relative !important;
  inset:auto !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  width:auto !important;
  max-width:100% !important;
  height:220px;
  max-height:220px;
  object-fit:contain;
  z-index:2;
  transform:none !important;
}
.hero-cobalt-clean{
  height:255px;
  max-height:255px;
}
.hero-patriot-clean{
  height:220px;
  max-height:220px;
}
.hero-streamliner-clean{
  height:205px;
  max-height:205px;
}
.hero-trailer-clean{
  height:215px;
  max-height:215px;
}
.hero-product-clean:hover{
  transform:translateY(-4px) scale(1.015) !important;
}
@media(max-width:1180px){
  .hero-products-clean{min-height:470px;gap:14px 18px}
  .hero-cobalt-clean{height:225px;max-height:225px}
  .hero-patriot-clean{height:200px;max-height:200px}
  .hero-streamliner-clean{height:185px;max-height:185px}
  .hero-trailer-clean{height:195px;max-height:195px}
}
@media(max-width:980px){
  .hero-products-clean{min-height:430px;max-width:760px;margin:8px auto 0}
  .hero-cobalt-clean{height:215px;max-height:215px}
  .hero-patriot-clean{height:190px;max-height:190px}
  .hero-streamliner-clean{height:175px;max-height:175px}
  .hero-trailer-clean{height:185px;max-height:185px}
}
@media(max-width:620px){
  .hero-products-clean{
    min-height:auto;
    gap:12px;
    padding:12px 0 4px;
  }
  .hero-product-clean{height:145px;max-height:145px}
  .hero-cobalt-clean{height:160px;max-height:160px}
  .hero-patriot-clean{height:145px;max-height:145px}
  .hero-streamliner-clean{height:135px;max-height:135px}
  .hero-trailer-clean{height:140px;max-height:140px}
}

/* Six-product non-overlapping hero grid */
.hero-products-six{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:14px 18px;
  min-height:520px;
  padding:12px 0;
  align-items:center;
  justify-items:center;
}
.hero-products-six .hero-product-clean{
  position:relative !important;
  inset:auto !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  width:auto !important;
  max-width:100% !important;
  height:190px;
  max-height:190px;
  object-fit:contain;
  transform:none !important;
}
.hero-products-six .hero-cobalt-clean{
  height:220px;
  max-height:220px;
}
.hero-products-six .hero-dwp-clean{
  height:205px;
  max-height:205px;
}
.hero-products-six .hero-smallframe5-clean{
  height:185px;
  max-height:185px;
}
.hero-products-six .hero-trailer-clean{
  height:185px;
  max-height:185px;
}
.hero-products-six .hero-product-clean:hover{
  transform:translateY(-4px) scale(1.015) !important;
}
@media(max-width:1180px){
  .hero-products-six{min-height:470px;gap:12px 14px}
  .hero-products-six .hero-product-clean{height:165px;max-height:165px}
  .hero-products-six .hero-cobalt-clean{height:195px;max-height:195px}
  .hero-products-six .hero-dwp-clean{height:182px;max-height:182px}
}
@media(max-width:980px){
  .hero-products-six{
    min-height:auto;
    max-width:820px;
    margin:8px auto 0;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .hero-products-six .hero-product-clean{height:155px;max-height:155px}
  .hero-products-six .hero-cobalt-clean{height:180px;max-height:180px}
  .hero-products-six .hero-dwp-clean{height:170px;max-height:170px}
}
@media(max-width:620px){
  .hero-products-six{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto;
    gap:10px 12px;
    padding-top:10px;
  }
  .hero-products-six .hero-product-clean{height:130px;max-height:130px}
  .hero-products-six .hero-cobalt-clean{height:145px;max-height:145px}
  .hero-products-six .hero-dwp-clean{height:140px;max-height:140px}
}

/* Real stock-photo transparent cutouts */
.hero-products-six canvas.hero-product-clean{
  background:transparent !important;
  display:block;
  max-width:100%;
  object-fit:contain;
  filter:drop-shadow(0 18px 18px rgba(0,0,0,.42));
}

/* Rental Series: show the pressure washer in the manufacturer's legacy single-image brochure, not the brochure artwork. A model-specific photo should replace this when available. */
.product-media-machine-crop {position:relative;overflow:hidden;background:#fff;isolation:isolate;}
.product-media-machine-crop img {position:absolute !important;width:180% !important;height:180% !important;max-width:none !important;left:-81% !important;top:-54% !important;object-fit:fill !important;padding:0 !important;}

/* Make representative photos explicit where exact manufacturer images are unavailable. */
.representative-note{font-size:11px;line-height:1.35;color:#a6b7c6;font-weight:600;}
.representative-photo-note{font-size:12px;line-height:1.5;color:#b8c7d6;margin:12px 0 4px;}

/* Dark showroom product photography. Background removal runs only for plain light photo backdrops. */
.product-media,
.category-image,
.product-main-image,
.product-thumb {
  background: radial-gradient(ellipse 70% 65% at 50% 45%, #172737 0%, #0b1018 50%, #020305 100%) !important;
}
.product-media img.machine-photo,
.product-media canvas.machine-photo,
.category-image img.machine-photo,
.category-image canvas.machine-photo {
  display:block;
  width:100%;
  height:100%;
  padding:12px;
  object-fit:contain;
  filter:drop-shadow(0 0 15px rgba(118,177,231,.18)) drop-shadow(0 14px 10px rgba(0,0,0,.55));
  transition:transform .25s ease,filter .25s ease;
}
.product-card:hover .product-media img.machine-photo,
.product-card:hover .product-media canvas.machine-photo,
.category-card:hover .category-image img.machine-photo,
.category-card:hover .category-image canvas.machine-photo {
  transform:scale(1.055);
  filter:drop-shadow(0 0 18px rgba(117,175,235,.32)) drop-shadow(0 15px 13px rgba(0,0,0,.6));
}
.product-main-image img.machine-photo,
.product-main-image canvas.machine-photo {
  display:block;
  max-width:100%;
  max-height:620px;
  width:100%;
  height:auto;
  object-fit:contain;
  padding:26px;
  filter:drop-shadow(0 0 22px rgba(100,163,225,.24)) drop-shadow(0 18px 15px rgba(0,0,0,.56));
}
.product-thumb{border-color:#263543;}
.product-thumb.active{border-color:#3c9cef;}
.product-media-machine-crop{background:#020305!important;}
.product-card:hover{border-color:#354e68;box-shadow:0 12px 25px rgba(0,0,0,.24);}
@media(max-width:620px){
  .product-media img.machine-photo,.product-media canvas.machine-photo{padding:10px}
  .product-main-image img.machine-photo,.product-main-image canvas.machine-photo{padding:14px;max-height:430px}
}

/* CORS-safe white removal when the manufacturer JPEG cannot be read into canvas.
   This filters only the photo and leaves the machine on the black showroom card. */
.product-media img.machine-photo.studio-matte,
.category-image img.machine-photo.studio-matte,
.product-main-image img.machine-photo.studio-matte {
  filter: url(#machine-white-knockout) drop-shadow(0 13px 12px rgba(0,0,0,.58)) !important;
  background:transparent!important;
}
.product-card:hover .product-media img.machine-photo.studio-matte,
.category-card:hover .category-image img.machine-photo.studio-matte {
  filter: url(#machine-white-knockout) drop-shadow(0 17px 16px rgba(0,0,0,.65)) !important;
}
/* Keep the deep dark stage even if an incoming image has a pale source. */
.product-media,.category-image,.product-main-image {
  background:radial-gradient(ellipse at 50% 45%,#182737 0%,#090e15 55%,#020305 100%)!important;
}

/* $50 shipping message: prominently consistent from storefront to checkout. */
.shipping-topbar{
  background:linear-gradient(90deg,#095cb3 0%,#168df0 51%,#095cb3 100%);
  color:#fff;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:8px 24px;
  padding:13px 18px;
  border-bottom:1px solid rgba(255,255,255,.18);
  text-shadow:0 1px 2px rgba(0,0,0,.22);
}
.shipping-topbar strong{font-size:clamp(14px,1.5vw,18px);font-weight:950;letter-spacing:.03em}
.shipping-topbar span{font-size:11px;font-weight:800;letter-spacing:.07em;opacity:.95}
.shipping-promise{
  background:linear-gradient(120deg,#102b46,#091a2b);
  color:#f6fbff;
  padding:18px 22px;
  margin:-6px 0 24px;
  border:1px solid #3b91d5;
  border-left:5px solid #259fff;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px 20px;
  flex-wrap:wrap;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.shipping-promise strong{font-size:clamp(15px,1.65vw,20px);font-weight:950;letter-spacing:-.015em}
.shipping-promise span{font-size:12px;color:#bdd9f0;font-weight:650}
.product-shipping-badge{
  display:flex;
  gap:5px;
  align-items:center;
  flex-wrap:wrap;
  padding:8px 10px;
  border-radius:6px;
  border:1px solid #2d628b;
  background:#0d2032;
  color:#d2eaff;
  font-size:11px;
  line-height:1.35;
  letter-spacing:.01em;
}
.product-shipping-badge strong{font-weight:950;color:#fff}
.product-shipping-badge span{font-size:10px;color:#9fc9e9;white-space:nowrap}
.shipping-note-featured{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin:20px 0;
  padding:18px 20px;
  background:linear-gradient(135deg,#103455,#0b1c2c);
  border:1px solid #349af0;
  border-left:5px solid #349af0;
  border-radius:8px;
}
.shipping-note-featured .shipping-kicker{font-size:10px;font-weight:850;letter-spacing:.12em;color:#a3d8ff}
.shipping-note-featured strong{font-size:clamp(17px,2vw,24px);font-weight:950;color:#fff;line-height:1.2}
.shipping-note-featured>span:not(.shipping-kicker){color:#dcecf7;font-size:13px}
.shipping-note-featured small{color:#adc6d8;font-size:11px;line-height:1.5}
.cart-shipping-promise{
  border-radius:8px;
  margin:15px 0 22px;
  padding:16px;
  border:1px solid #348de2;
  background:linear-gradient(130deg,#102d49,#0b1b2a);
  display:flex;
  flex-direction:column;
  gap:6px;
}
.cart-shipping-promise strong{font-size:18px;color:#fff}
.cart-shipping-promise span{font-size:12px;line-height:1.45;color:#c5ddee}
.footer-shipping-banner{
  padding:21px 28px;
  border-top:1px solid #266799;
  border-bottom:1px solid #266799;
  background:#0a2842;
  color:#fff;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px 25px;
}
.footer-shipping-banner strong{font-size:19px;font-weight:950}
.footer-shipping-banner span{font-size:12px;color:#bcdaf2}
@media(max-width:620px){
  .shipping-topbar{padding:11px 8px;gap:3px;text-align:center;flex-direction:column}
  .shipping-topbar strong{font-size:15px}
  .shipping-topbar span{font-size:10px}
  .shipping-promise{padding:14px 16px;margin-top:0}
  .shipping-promise strong{font-size:15px}
  .product-shipping-badge{font-size:10px}
  .shipping-note-featured{padding:15px}
  .footer-shipping-banner{padding:16px 14px}
  .footer-shipping-banner strong{font-size:16px}
}