/* ECOMAX RESTORED V23 — wide photographic hero based on approved screenshot.
   One original photograph, no extra car, wheel rotation or artificial foam stripes.
   Responsive CTA and coordinate-aligned subtle headlamp + wet-floor glow. */
body.ecomax-restored-v23{
  --r23-cyan:#56e9ff;--r23-orange:#ff7b22;
  --r23-ink:#030b16;--r23-line:rgba(70,191,231,.3);
  background:linear-gradient(180deg,#03101c,#061625 65%,#051019) !important;
  color:#eef8ff !important;
  overflow-x:clip !important;
}
body.ecomax-restored-v23 .header{
  background:#030c16 !important;
  border-bottom:1px solid rgba(65,161,206,.35) !important;
}
body.ecomax-restored-v23 .hero{
  position:relative !important;display:block !important;
  width:calc(100% - 28px) !important;
  max-width:1640px !important;
  height:auto !important;min-height:570px !important;
  margin:0 auto !important;padding:0 !important;
  border:1px solid var(--r23-line) !important;
  border-top:0 !important;border-radius:0 !important;
  background:#030b16 !important;overflow:hidden !important;
  isolation:isolate !important;
}
body.ecomax-restored-v23 .hero>.hero-visual{
  display:block !important;
  position:absolute !important;inset:0 !important;
  width:100% !important;height:100% !important;min-height:100% !important;
  margin:0 !important;padding:0 !important;z-index:0 !important;
  overflow:hidden !important;background:#030b16 !important;
  border:0 !important;border-radius:0 !important;
  box-shadow:none !important;
}
body.ecomax-restored-v23 .hero>.hero-visual>.neon-hero-stage{
  display:block !important;
  position:absolute !important;inset:0 !important;
  width:100% !important;height:100% !important;
  transform:none !important;filter:none !important;
  background-image:url('assets/ecomax-foam-hero.webp') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  animation:none !important;transition:none !important;
}
body.ecomax-restored-v23 .hero>.hero-visual>.neon-hero-stage::before,
body.ecomax-restored-v23 .hero>.hero-visual>.neon-hero-stage::after{
  content:none !important;display:none !important;
}
body.ecomax-restored-v23 .hero>.hero-visual::before{
  content:"" !important;display:block !important;
  position:absolute !important;inset:0 !important;
  z-index:3 !important;pointer-events:none !important;
  background:linear-gradient(90deg,
    rgba(2,9,20,.98) 0%,rgba(2,9,20,.96) 13%,
    rgba(2,9,20,.8) 26%,rgba(2,9,20,.48) 37%,
    rgba(2,9,20,.08) 54%,transparent 70%),
    linear-gradient(0deg,rgba(2,9,16,.22),transparent 22%) !important;
}
body.ecomax-restored-v23 .hero>.hero-visual::after{
  content:"THE ART OF CAR CARE" !important;display:block !important;
  position:absolute !important;right:30px !important;bottom:23px !important;
  z-index:6 !important;padding:9px 13px !important;
  width:auto !important;height:auto !important;
  color:#fff !important;font:900 10px/1 Arial,sans-serif !important;
  letter-spacing:2px !important;
  border-left:2px solid var(--r23-orange) !important;
  background:rgba(2,9,18,.82) !important;
  text-shadow:none !important;
}
body.ecomax-restored-v23 .hero>.hero-copy{
  display:flex !important;flex-direction:column !important;
  align-items:flex-start !important;justify-content:center !important;
  position:relative !important;z-index:8 !important;
  width:min(54%,800px) !important;max-width:800px !important;
  min-height:570px !important;height:auto !important;
  margin:0 !important;padding:30px 18px 38px clamp(22px,4.3vw,70px) !important;
  overflow:visible !important;background:transparent !important;
}
body.ecomax-restored-v23 .hero .eyebrow{
  color:#85ddf8 !important;
  font-size:10px !important;line-height:1.55 !important;
  margin:0 0 18px !important;letter-spacing:2px !important;
}
body.ecomax-restored-v23 .hero h1{
  font-family:"Noto Sans Georgian",Arial,sans-serif !important;
  color:#f4faff !important;-webkit-text-fill-color:#f4faff !important;
  font-style:italic !important;
  font-size:clamp(36px,3.7vw,62px) !important;
  font-weight:900 !important;letter-spacing:-1.7px !important;
  line-height:1.09 !important;text-wrap:balance !important;
  max-width:720px !important;
  margin:0 0 16px !important;
  text-shadow:0 3px 17px rgba(41,179,224,.19) !important;
}
body.ecomax-restored-v23 .hero h1::before{
  display:block !important;content:"ECOMAX" !important;
  font:italic 900 clamp(45px,5.1vw,81px)/.92 Arial,sans-serif !important;
  color:#f1fbff !important;-webkit-text-fill-color:#f1fbff !important;
  letter-spacing:-3px !important;
  text-shadow:0 4px #638aa0,0 0 20px rgba(54,183,225,.27) !important;
  margin:0 0 18px !important;border:0 !important;padding:0 !important;
}
body.ecomax-restored-v23 .hero h1 span{
  color:#ff8128 !important;-webkit-text-fill-color:#ff8128 !important;
  text-shadow:0 3px 18px rgba(244,101,25,.25) !important;
}
body.ecomax-restored-v23 .hero .hero-description{
  width:100% !important;max-width:430px !important;
  color:#bbd2dd !important;
  font-size:clamp(12px,1vw,14px) !important;line-height:1.65 !important;
  margin:0 !important;text-shadow:0 2px 6px rgba(0,0,0,.3) !important;
}
body.ecomax-restored-v23 .hero .hero-actions{
  display:flex !important;flex-wrap:wrap !important;
  align-items:center !important;gap:10px !important;
  position:relative !important;z-index:9 !important;
  margin:20px 0 0 !important;
  opacity:1 !important;visibility:visible !important;
}
body.ecomax-restored-v23 .hero .hero-actions .primary{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  min-height:49px !important;min-width:0 !important;
  padding:12px 22px !important;border-radius:11px !important;
  background:linear-gradient(120deg,#ff9d38,#f46615) !important;
  border:1px solid #ffb354 !important;
  color:#fff !important;-webkit-text-fill-color:#fff !important;
  font-weight:900 !important;font-size:13px !important;
  box-shadow:0 8px 24px rgba(243,97,21,.25) !important;
  visibility:visible !important;opacity:1 !important;
}
body.ecomax-restored-v23 .hero .hero-actions .secondary{
  display:none !important;
}
body.ecomax-restored-v23 .hero .metrics{display:none !important}
body.ecomax-restored-v23 .hero .neon-car-rig,
body.ecomax-restored-v23 .hero .neon-car-ground,
body.ecomax-restored-v23 .hero .neon-car-svg,
body.ecomax-restored-v23 .hero .neon-product-rack,
body.ecomax-restored-v23 .hero .neon-hero-note,
body.ecomax-restored-v23 .hero .hero-photo-motion,
body.ecomax-restored-v23 .hero .hero-wheel-control,
body.ecomax-restored-v23 .hero .ecmx14-effects,
body.ecomax-restored-v23 .hero .ecmx15-light-layer,
body.ecomax-restored-v23 .hero .n20-hero-atmosphere,
body.ecomax-restored-v23 .hero .v21-hero-depth{
 display:none !important;
}
/* Light sources tracked to their positions in the ORIGINAL source photograph. */
body.ecomax-restored-v23 .r23-photo-lights{
  position:absolute;inset:0;overflow:hidden;
  z-index:2 !important;pointer-events:none;
  isolation:isolate !important;
}
body.ecomax-restored-v23 .r23-photo-lights .r23-lamp{
  position:absolute;opacity:.38;
  border-radius:50%;mix-blend-mode:screen;
  background:radial-gradient(ellipse at center,
    rgba(235,255,255,.75) 0%,rgba(93,234,255,.57) 28%,
    rgba(31,173,246,.22) 62%,transparent 79%);
  filter:blur(5px);
  animation:r23Headlights 4.5s ease-in-out infinite;
}
body.ecomax-restored-v23 .r23-photo-lights .r23-lamp.far{animation-delay:-1.1s}
body.ecomax-restored-v23 .r23-photo-lights .r23-floor{
  position:absolute;opacity:.25;mix-blend-mode:screen;
  border-radius:50%;filter:blur(24px);
  background:linear-gradient(90deg,transparent,rgba(33,191,255,.39) 27%,
    rgba(255,122,29,.15) 62%,rgba(35,190,250,.2) 80%,transparent);
  animation:r23Floor 6.5s ease-in-out infinite;
}
@keyframes r23Headlights{
  0%,100%{opacity:.24;filter:blur(5px)}
  50%{opacity:.58;filter:blur(3px)}
}
@keyframes r23Floor{
  0%,100%{opacity:.19;transform:scaleX(.97)}
  50%{opacity:.35;transform:scaleX(1.04)}
}
body.ecomax-restored-v23 .neon-service-strip{
  width:calc(100% - 28px) !important;max-width:1640px !important;
  margin:0 auto !important;
  display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  background:#05121e !important;border:1px solid rgba(64,155,193,.4) !important;
  border-top:0 !important;
  box-shadow:none !important;border-radius:0 !important;
}
body.ecomax-restored-v23 .neon-service{
  padding:18px 13px !important;min-height:82px !important;
  background:transparent !important;
  border-right:1px solid rgba(67,160,202,.3) !important;
}
body.ecomax-restored-v23 .neon-service:last-child{border-right:0 !important}
body.ecomax-restored-v23 .neon-service strong{color:#eef8ff !important}
body.ecomax-restored-v23 .neon-service span{color:#8eacbc !important}
body.ecomax-restored-v23 .neon-service svg{stroke:#36c6f5 !important}
body.ecomax-restored-v23 .neon-category-section{
  max-width:1480px !important;
  padding-top:30px !important;
}
body.ecomax-restored-v23 #products.ecmx16-unified{
  max-width:1480px !important;background:transparent !important;
}
body.ecomax-restored-v23 #products.ecmx16-unified .tools{
  background:#091d2b !important;
  border:1px solid rgba(64,161,202,.27) !important;
}
body.ecomax-restored-v23 #products.ecmx16-unified #productsGrid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
@media(max-width:1250px){
  body.ecomax-restored-v23 .hero>.hero-copy{width:58% !important}
  body.ecomax-restored-v23 .hero h1{font-size:clamp(34px,4.1vw,55px) !important}
  body.ecomax-restored-v23 #products.ecmx16-unified #productsGrid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media(max-width:900px){
  body.ecomax-restored-v23 .hero{min-height:530px !important}
  body.ecomax-restored-v23 .hero>.hero-copy{min-height:530px !important;width:65% !important}
  body.ecomax-restored-v23 .hero h1{font-size:clamp(31px,4.8vw,44px) !important}
  body.ecomax-restored-v23 .neon-service-strip{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  body.ecomax-restored-v23 #products.ecmx16-unified #productsGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:760px){
  body.ecomax-restored-v23 .hero{
    width:calc(100% - 12px) !important;
    margin:0 auto !important;
    min-height:0 !important;
    height:auto !important;
    border-radius:0 !important;
  }
  body.ecomax-restored-v23 .hero>.hero-visual{
    height:100% !important;min-height:100% !important;position:absolute !important;
  }
  body.ecomax-restored-v23 .hero>.hero-visual>.neon-hero-stage{
    background-size:auto 69% !important;
    background-position:72% 100% !important;
    background-color:#030b16 !important;
  }
  body.ecomax-restored-v23 .hero>.hero-visual::before{
    background:linear-gradient(180deg,
      rgba(3,11,22,.98) 0%,rgba(3,11,22,.94) 40%,
      rgba(3,11,22,.47) 64%,transparent 83%) !important;
  }
  body.ecomax-restored-v23 .hero>.hero-copy{
    width:100% !important;max-width:none !important;
    min-height:650px !important;
    padding:28px 18px 235px !important;
    justify-content:flex-start !important;
  }
  body.ecomax-restored-v23 .hero .eyebrow{
    font-size:9px !important;margin:0 0 12px !important;
  }
  body.ecomax-restored-v23 .hero h1{
    font-size:clamp(29px,8vw,43px) !important;
    line-height:1.12 !important;margin-bottom:12px !important;
  }
  body.ecomax-restored-v23 .hero h1::before{
    font-size:clamp(40px,11vw,62px) !important;
    margin-bottom:13px !important;
  }
  body.ecomax-restored-v23 .hero .hero-description{
    max-width:390px !important;font-size:12px !important;
    line-height:1.5 !important;
  }
  body.ecomax-restored-v23 .hero .hero-actions{margin-top:15px !important}
  body.ecomax-restored-v23 .hero>.hero-visual::after{display:none !important}
  body.ecomax-restored-v23 .neon-service-strip{
    width:calc(100% - 12px) !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  body.ecomax-restored-v23 .neon-service{padding:12px 10px !important}
  body.ecomax-restored-v23 #products.ecmx16-unified #productsGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
}
@media(max-width:430px){
  body.ecomax-restored-v23 .hero>.hero-copy{min-height:635px !important;padding:22px 14px 220px !important}
  body.ecomax-restored-v23 .hero h1{font-size:clamp(27px,7.8vw,36px) !important}
  body.ecomax-restored-v23 #products.ecmx16-unified #productsGrid{
    grid-template-columns:minmax(0,1fr) !important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.ecomax-restored-v23 .r23-photo-lights *{animation:none !important}
}