:root{--red:#d60812;--ink:#111821;--paper:#fff;--muted:#6d7378;--max:2048px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.slice{position:relative;width:100%;overflow:hidden;background:#0a1117}.slice-image{display:block;width:100%;height:auto;position:relative;z-index:1;transform:translate3d(0,var(--slice-y,0),0) scale(1.018);transform-origin:center center;will-change:transform}.hotspots{position:absolute;inset:0;z-index:4}.hot{position:absolute;display:block;z-index:5}.nav-apl{left:31.1%;top:1.8%;width:6.1%;height:8%}.nav-vl{left:38.2%;top:1.8%;width:8.2%;height:8%}.nav-benefits{left:47.3%;top:1.8%;width:6.4%;height:8%}.nav-models{left:54.7%;top:1.8%;width:7.1%;height:8%}.nav-service{left:62%;top:1.8%;width:5.2%;height:8%}.nav-find{left:75.3%;top:1.6%;width:12.7%;height:8.4%}.hero-models{left:9.2%;top:65.4%;width:16.8%;height:10.4%}.hero-why{left:27.1%;top:65.4%;width:12.8%;height:10.4%}.slice-banner .banner-cta{left:70.4%;top:47%;width:17.8%;height:22%}.catalog{background:#fff;padding:14px 0 26px}.catalog-inner{width:min(94.4%,1940px);margin:auto}.catalog-head{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:0 18px 12px}.catalog-head h2{margin:0;font-size:clamp(18px,2.1vw,34px);letter-spacing:.08em;font-weight:900}.catalog-head h2 span{display:inline-block;width:30px;height:4px;background:var(--red);vertical-align:middle;margin-right:12px}.tabs{display:flex;gap:10px}.tab{border:0;border-radius:8px;background:#f0f1f2;padding:9px 26px;min-width:94px;font-size:12px;font-weight:800;cursor:pointer}.tab.active{background:var(--red);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.product-card{background:#f7f8f8;border:1px solid #eceeee;border-radius:11px;overflow:hidden;min-width:0;transition:.2s ease}.product-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.10)}.product-card[hidden]{display:none}.product-card a{display:block;height:100%}.product-image{height:156px;display:grid;place-items:center;padding:10px 8px 0;background:linear-gradient(#fff,#f6f7f7)}.product-image img{max-width:100%;max-height:144px;object-fit:contain;filter:drop-shadow(0 10px 9px rgba(0,0,0,.16))}.product-copy{text-align:center;padding:5px 8px 13px}.product-copy h3{margin:2px 0 5px;font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-copy p{margin:0;color:#5d6367;font-size:10px;line-height:1.35}.product-copy p span{color:#8a8f92}.product-copy strong{display:block;margin:7px 0 9px;font-size:15px}.shop-pill{display:inline-block;background:var(--red);color:#fff;border-radius:6px;padding:7px 17px;font-size:10px;font-weight:800;min-width:106px}.product-card:nth-child(-n+6){grid-column:auto}.series-apl{left:4.4%;top:73%;width:16%;height:17%}.series-vl{left:54%;top:73%;width:17%;height:17%}.slice-final{background:#101820}.slice-final:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#101820;z-index:3}@media(min-width:1100px){.product-grid .product-card:nth-child(1){grid-column:1}.product-grid .product-card:nth-child(2){grid-column:2}.product-grid .product-card:nth-child(3){grid-column:3}.product-grid .product-card:nth-child(4){grid-column:4}.product-grid .product-card:nth-child(5){grid-column:5}.product-grid .product-card:nth-child(6){grid-column:6}.product-grid .product-card:nth-child(7){grid-column:1}.product-grid .product-card:nth-child(8){grid-column:2}.product-grid .product-card:nth-child(9){grid-column:3}.product-grid .product-card:nth-child(10){grid-column:4}.product-grid .product-card:nth-child(11){grid-column:5}.product-grid .product-card:nth-child(12){grid-column:6}.product-grid .product-card:nth-child(13){grid-column:7}.product-grid .product-card:nth-child(7){grid-row:2}}
@media(max-width:1099px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-head{align-items:flex-start}.slice-image{transform:none!important}.hot{display:none}.product-image{height:180px}}@media(max-width:700px){.catalog{padding-top:22px}.catalog-inner{width:calc(100% - 22px)}.catalog-head{display:block;padding:0 0 14px}.catalog-head h2{font-size:20px;margin-bottom:12px}.tabs{overflow:auto}.tab{padding:8px 18px;min-width:auto}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-image{height:135px}.product-image img{max-height:126px}.product-copy h3{font-size:12px}.product-copy strong{font-size:14px}.shop-pill{min-width:92px;padding:7px 11px}.slice-hero .slice-image,.slice-banner .slice-image,.slice-series .slice-image,.slice-benefits .slice-image,.slice-final .slice-image{width:auto;max-width:none;height:auto;min-width:100%;transform:none}.slice-hero{overflow-x:auto}.slice-hero .slice-image{width:1024px}.slice-banner .slice-image{width:1024px}.slice-series .slice-image{width:1024px}.slice-benefits .slice-image{width:1024px}.slice-final .slice-image{width:1024px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slice-image{transform:none!important}}

/* V4.3 responsive rebuild – desktop slice design remains untouched */
.mobile-only{display:none}
@media (max-width:1099px){
  .catalog-inner{width:min(calc(100% - 34px),980px)}
  .catalog-head{align-items:center;flex-wrap:wrap}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .product-image{height:170px}
  .product-copy h3{font-size:13px}
}
@media (max-width:700px){
  body{overflow-x:hidden}
  .desktop-slice,.hotspots,.slice>.hot{display:none!important}
  .mobile-only{display:block}
  .slice{overflow:hidden}
  .slice-hero,.slice-banner,.slice-series,.slice-benefits,.slice-final{min-height:0;background:#0b141b}
  .mobile-hero{position:relative;min-height:720px;color:#fff;isolation:isolate}
  .mobile-hero-bg{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(6,12,16,.18) 0%,rgba(6,12,16,.32) 38%,rgba(6,12,16,.86) 100%),url('design/mobile/hero-mobile.webp');background-size:cover;background-position:58% center;z-index:-1;transform:scale(1.03)}
  .mobile-hero-content{padding:44px 22px 28px;display:flex;min-height:720px;flex-direction:column;justify-content:flex-end}
  .mobile-kicker{font-size:11px;letter-spacing:.24em;font-weight:900;margin-bottom:13px}.mobile-kicker:before{content:"";display:inline-block;width:28px;height:3px;background:var(--red);vertical-align:middle;margin-right:10px}
  .mobile-title{line-height:.86;text-shadow:0 3px 18px rgba(0,0,0,.34)}.mobile-title span,.mobile-title strong{display:block;font-weight:1000;letter-spacing:-.055em}.mobile-title span{font-size:clamp(56px,18vw,88px)}.mobile-title strong{font-size:clamp(48px,15vw,76px);color:#e30b17;margin-top:7px}
  .mobile-hero-content>p{font-size:17px;line-height:1.38;max-width:520px;margin:20px 0 18px}
  .mobile-actions{display:flex;gap:9px;flex-wrap:wrap}.m-btn{display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.92);color:#111;border-radius:11px;padding:13px 17px;font-size:13px;font-weight:900;box-shadow:0 7px 20px rgba(0,0,0,.12)}.m-btn-red{background:var(--red);color:#fff}.m-btn-dark{background:#111b22;color:#fff}
  .mobile-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.mobile-specs span{padding:10px 0;border-top:1px solid rgba(255,255,255,.22);font-size:20px}.mobile-specs b{font-size:13px;margin-left:5px}.mobile-specs small{display:block;font-size:10px;margin:3px 0 0 26px;color:rgba(255,255,255,.82)}
  .mobile-banner{position:relative;min-height:390px;color:#fff;isolation:isolate}.mobile-banner-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(7,15,21,.88),rgba(7,15,21,.28)),url('design/mobile/banner-mobile.webp');background-size:cover;background-position:center;z-index:-1}.mobile-banner-copy{padding:44px 22px}.mobile-banner-copy h2{font-size:38px;line-height:.98;margin:0 0 18px;font-weight:1000}.mobile-banner-copy p{max-width:430px;font-size:14px;line-height:1.45;margin:0 0 22px}
  .catalog{padding:24px 0 30px}.catalog-inner{width:calc(100% - 22px)}.catalog-head{display:block;padding:0 0 15px}.catalog-head h2{font-size:20px;line-height:1.15}.catalog-head h2 span{width:24px;margin-right:7px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;overflow:visible}.tab{min-width:0;padding:9px 7px;font-size:11px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-card{border-radius:10px}.product-image{height:142px;padding:8px 5px 0}.product-image img{max-height:130px}.product-copy{padding:5px 6px 12px}.product-copy h3{font-size:12px}.product-copy p{font-size:9.5px;min-height:38px}.product-copy strong{font-size:14px}.shop-pill{font-size:10px;min-width:92px;padding:7px 10px}
  .mobile-series{display:grid;grid-template-columns:1fr}.mobile-series-card{min-height:430px;display:flex;align-items:flex-end;background-size:cover;background-position:center;position:relative;color:#fff}.mobile-series-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,13,17,.08),rgba(8,13,17,.82))}.mobile-series-card>div{position:relative;padding:28px 22px}.mobile-series-card h2{font-size:42px;line-height:.95;margin:0 0 8px}.mobile-series-card h3{font-size:15px;line-height:1.05;margin:0 0 10px}.mobile-series-card p{font-size:13px;line-height:1.4;max-width:520px}.apl-card{background-image:url('design/mobile/apl-mobile.webp')}.vl-card{background-image:url('design/mobile/vl-mobile.webp')}
  .mobile-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#273039}.mobile-benefits>div{min-height:130px;background:#101920;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px}.mobile-benefits b{font-size:26px;font-weight:400;margin-bottom:7px}.mobile-benefits strong{font-size:12px;letter-spacing:.04em}.mobile-benefits span{font-size:9px;color:#c7cdd1;margin-top:3px}
  .mobile-final{position:relative;min-height:420px;color:#fff;isolation:isolate}.mobile-final-bg{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(7,12,16,.03),rgba(7,12,16,.52)),url('design/mobile/final-mobile.webp');background-size:cover;background-position:center;z-index:-1}.mobile-final-copy{position:absolute;inset:auto 22px 26px;display:flex;flex-direction:column}.mobile-final-copy span{font-size:27px;font-style:italic;font-weight:900;line-height:.94;transform:rotate(-4deg);width:max-content;max-width:68%}.mobile-final-copy strong{align-self:flex-end;font-size:55px;line-height:.9}.mobile-final-copy small{align-self:flex-end;font-weight:900;font-size:12px;letter-spacing:.07em;margin-top:5px}
}
@media (max-width:390px){
  .mobile-hero{min-height:680px}.mobile-hero-content{min-height:680px;padding-left:17px;padding-right:17px}.mobile-title span{font-size:53px}.mobile-title strong{font-size:46px}.mobile-hero-content>p{font-size:15px}.mobile-banner-copy{padding-left:17px;padding-right:17px}.mobile-banner-copy h2{font-size:34px}.catalog-inner{width:calc(100% - 16px)}.product-grid{gap:7px}.product-image{height:124px}.product-image img{max-height:115px}.product-copy h3{font-size:11px}.mobile-series-card>div{padding-left:17px;padding-right:17px}
}

/* V4.4 mobile hero + navigation fix: preserve selected V4.2/4.3 artwork */
.mobile-nav{display:none}
@media (max-width:700px){
  .mobile-nav{display:flex;position:relative;z-index:40;height:72px;align-items:center;justify-content:space-between;padding:8px 14px;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(10,20,28,.08);box-shadow:0 4px 18px rgba(0,0,0,.06)}
  .mobile-brand{display:flex;align-items:center;height:56px}.mobile-brand img{display:block;width:auto;height:52px;max-width:154px;object-fit:contain}
  .mobile-menu-toggle{width:46px;height:46px;border:0;border-radius:12px;background:#101920;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;cursor:pointer}
  .mobile-menu-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:2px}
  .mobile-menu{position:absolute;top:72px;left:0;right:0;background:rgba(255,255,255,.985);padding:10px 14px 16px;display:grid;gap:3px;box-shadow:0 16px 30px rgba(0,0,0,.16);transform:translateY(-8px);opacity:0;visibility:hidden;transition:.18s ease;z-index:50}
  .mobile-menu.open{transform:translateY(0);opacity:1;visibility:visible}
  .mobile-menu a{padding:13px 12px;border-radius:9px;font-size:14px;font-weight:800;color:#111821}
  .mobile-menu a:active{background:#f0f1f2}.mobile-menu .mobile-menu-cta{background:var(--red);color:#fff;text-align:center;margin-top:5px}

  /* undo V4.3's giant overlaid mobile hero: show the chosen artwork itself */
  .slice-hero{background:#fff;overflow:hidden!important}
  .slice-hero>.desktop-slice{display:none!important}
  .mobile-hero{display:block;min-height:0!important;background:#fff;color:inherit}
  .mobile-hero-visual{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center center;background:#0b141b}
  .mobile-hero-quick{display:grid;grid-template-columns:1.15fr 1fr;gap:9px;padding:12px 12px 14px;background:#fff;border-bottom:1px solid #eceff1}
  .mobile-hero-quick .m-btn{min-height:46px;padding:11px 10px;font-size:12px;border:1px solid #e5e8ea;box-shadow:none}
  .mobile-hero-quick .m-btn-red{border-color:var(--red)}
}
@media (max-width:390px){
  .mobile-nav{height:66px;padding:7px 10px}.mobile-brand{height:50px}.mobile-brand img{height:46px;max-width:138px}.mobile-menu{top:66px}.mobile-menu-toggle{width:43px;height:43px}
  .mobile-hero-quick{grid-template-columns:1fr 1fr;padding:10px;gap:7px}.mobile-hero-quick .m-btn{font-size:11px;padding:10px 7px}
}

/* V4.8 mobile hero: always 100% fluid, no crop */
@media (max-width:700px){
  .slice-hero{
    padding:8px 0 0;
    background:#fff!important;
    overflow:hidden!important;
  }
  .mobile-hero{
    width:100%;
    overflow:hidden;
    background:#fff!important;
  }
  .mobile-hero-visual{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    margin:0 auto!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
  }
}

/* V4.9: all artwork sections 100% fluid on mobile, no crop */
@media (max-width:700px){
  .slice-banner,
  .slice-series,
  .slice-benefits,
  .slice-final{
    padding:0!important;
    background:#fff!important;
    overflow:hidden!important;
    min-height:0!important;
  }
  .slice-banner>.desktop-slice,
  .slice-series>.desktop-slice,
  .slice-benefits>.desktop-slice,
  .slice-final>.desktop-slice{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
  }
  .mobile-banner,
  .mobile-series,
  .mobile-benefits,
  .mobile-final{
    display:none!important;
  }
}

/* V5.0 – Why ICECO artwork inserted above the three lower artworks.
   Keep it 100% fluid on every viewport, with no crop. */
.slice-why{
  width:100%;
  overflow:hidden;
  background:#17130f;
}
.slice-why .slice-image{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  height:auto;
  margin:0;
  object-fit:contain;
  object-position:center center;
}
@media (max-width:700px){
  .slice-why{
    padding:0!important;
    min-height:0!important;
    overflow:hidden!important;
    background:#17130f!important;
  }
  .slice-why .slice-image{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
  }
}

/* V5.1 — 4Wheel Store footer */
.store-footer{background:#303033;color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.store-footer-main{max-width:1440px;margin:0 auto;padding:54px 5vw 42px;display:grid;grid-template-columns:1.15fr 1fr .9fr 1.15fr;gap:54px;align-items:start}
.store-footer-logo{width:min(240px,90%);height:auto;display:block;margin-bottom:22px}
.store-footer address{font-style:normal;line-height:1.55;color:#f2f2f2;font-size:16px}
.store-footer h3{margin:0 0 18px;color:#f04a53;font-size:19px;font-weight:800}
.store-footer nav,.store-footer-contact{display:flex;flex-direction:column;gap:10px}
.store-footer a{color:#fff;text-decoration:none;font-weight:650;line-height:1.35;transition:opacity .2s ease,color .2s ease}
.store-footer a:hover{color:#f04a53}
.store-footer-contact p{margin:0 0 12px;line-height:1.55;color:#f5f5f5}
.store-footer-contact .contact-link{color:#f04a53}
.store-footer-showroom{display:inline-flex!important;align-items:center;justify-content:center;align-self:flex-start;margin-top:14px;padding:12px 20px;background:#f04a53;border-radius:3px;color:#fff!important;font-weight:800!important}
.store-footer-bar{background:#ee3f49;min-height:34px;padding:7px 5vw;color:#fff;font-size:13px;font-weight:650}
.store-footer-bar-inner{max-width:1440px;margin:auto;display:flex;justify-content:space-between;gap:20px;align-items:center}
@media(max-width:900px){.store-footer-main{grid-template-columns:1fr 1fr;gap:38px;padding:42px 28px 34px}.store-footer-logo{width:200px}}
@media(max-width:560px){.store-footer-main{grid-template-columns:1fr;gap:30px;padding:38px 24px 30px}.store-footer-logo{width:190px}.store-footer h3{margin-bottom:12px}.store-footer-bar-inner{flex-direction:column;align-items:flex-start;gap:4px}.store-footer-bar{padding:10px 24px}}

/* V5.3 — footer palette aligned with the warm earthy ICECO artwork */
.store-footer{background:linear-gradient(180deg,#30271f 0%,#241d18 100%);color:#f7f0e8;border-top:1px solid rgba(225,184,126,.22)}
.store-footer address{color:#eadfd3}.store-footer h3{color:#d89a64}.store-footer a{color:#f7f0e8}.store-footer a:hover{color:#e9a06b}.store-footer-contact p{color:#eadfd3}.store-footer-contact .contact-link{color:#e9a06b}.store-footer-showroom{background:#a94b32;color:#fff!important;box-shadow:0 8px 24px rgba(0,0,0,.16)}.store-footer-bar{background:#7b3528;color:#f9eee6;border-top:1px solid rgba(255,255,255,.08)}


/* V5.4 – crisp desktop header logo overlay; everything else unchanged */
.desktop-hero-brand{position:absolute;z-index:8;left:8.7%;top:1.1%;width:13.2%;max-width:220px;min-width:150px;height:13.5%;display:flex;align-items:center;justify-content:center;background:transparent;padding:0}
.desktop-hero-brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:none;image-rendering:auto}
@media(max-width:700px){.desktop-hero-brand{display:none!important}}

/* V5.5 – first SEO/RWD test: only the most important hero content as real HTML. */
.hero-seo{background:#f4efe8;color:#211b16;border-top:1px solid #e5d9cb;border-bottom:1px solid #e5d9cb}
.hero-seo-inner{width:min(92%,1440px);margin:0 auto;padding:22px 0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(460px,.9fr);gap:42px;align-items:center}
.hero-seo-kicker{margin:0 0 5px;color:#a94b32;font-size:12px;font-weight:900;letter-spacing:.16em}
.hero-seo h1{margin:0 0 7px;font-size:clamp(22px,2vw,34px);line-height:1.08;letter-spacing:-.02em}
.hero-seo-copy>p:last-child{margin:0;color:#65594e;font-size:14px;line-height:1.5;max-width:780px}
.hero-seo-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-left:1px solid #d8c8b7}
.hero-seo-facts div{padding:7px 15px;border-right:1px solid #d8c8b7;text-align:center;min-width:0}
.hero-seo-facts strong{display:block;color:#a94b32;font-size:clamp(17px,1.55vw,25px);line-height:1.05;white-space:nowrap}
.hero-seo-facts span{display:block;margin-top:5px;color:#6e6258;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:1000px){.hero-seo-inner{grid-template-columns:1fr;gap:18px}.hero-seo-facts{border-left:0;border-top:1px solid #d8c8b7;padding-top:14px}}
@media(max-width:700px){.hero-seo-inner{width:calc(100% - 28px);padding:18px 0 20px;gap:16px}.hero-seo-kicker{font-size:10px}.hero-seo h1{font-size:22px}.hero-seo-copy>p:last-child{font-size:13px}.hero-seo-facts{grid-template-columns:repeat(2,1fr);gap:0;padding-top:0;border-top:1px solid #d8c8b7;border-left:1px solid #d8c8b7}.hero-seo-facts div{padding:10px 7px;border-right:1px solid #d8c8b7;border-bottom:1px solid #d8c8b7}.hero-seo-facts strong{font-size:18px}.hero-seo-facts span{font-size:9px}}

/* V5.8 – APL/VL copy is real HTML positioned directly over the artwork. */
.slice-series{position:relative;background:#f4efe8}
.series-html-overlay{position:absolute;inset:0;z-index:5;pointer-events:none}
.series-html-copy{position:absolute;top:8.5%;width:22.5%;color:#101820;pointer-events:auto}
.series-html-apl{left:4.35%}
.series-html-vl{left:52.55%}
.series-html-copy h2{margin:0 0 2.2%;font-size:clamp(18px,2.35vw,48px);line-height:.95;font-weight:950;letter-spacing:-.035em}
.series-html-copy h3{margin:0 0 7%;font-size:clamp(10px,1.05vw,22px);line-height:1.03;font-weight:950;letter-spacing:.005em}
.series-html-copy p{margin:0;width:100%;font-size:clamp(9px,.86vw,18px);line-height:1.38;font-weight:500}
.series-html-copy a{display:inline-flex;align-items:center;justify-content:center;margin-top:7%;min-width:64%;padding:3.2% 7%;border-radius:12px;background:#101820;color:#fff;font-size:clamp(9px,.82vw,17px);font-weight:800;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.series-html-copy a:hover{background:#a94b32}
@media(max-width:700px){
  .slice-series>.desktop-slice{display:block!important;width:100%!important;height:auto!important}
  .series-html-copy{top:7.5%;width:23.5%}
  .series-html-apl{left:4.2%}.series-html-vl{left:52.2%}
  .series-html-copy h2{font-size:clamp(8px,3.9vw,17px);margin-bottom:2%}
  .series-html-copy h3{font-size:clamp(5px,1.95vw,9px);margin-bottom:5.5%}
  .series-html-copy p{font-size:clamp(4.8px,1.55vw,7px);line-height:1.32}
  .series-html-copy a{margin-top:6%;min-width:76%;padding:5% 5%;border-radius:5px;font-size:clamp(5px,1.6vw,7.5px)}
}

/* V5.9 – "Warum ICECO?" as semantic HTML over the existing artwork.
   The artwork is used only as atmospheric background; all SEO-relevant copy and icons are real HTML/SVG. */
.slice-why{
  position:relative;
  isolation:isolate;
  min-height:clamp(610px,43vw,820px);
  display:flex;
  align-items:center;
  background:#111820;
  color:#fff;
}
.slice-why .why-bg{
  position:absolute;
  inset:-14px;
  z-index:-3;
  background:url('https://images.unsplash.com/photo-1691661485699-7e459573cb35?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=82&w=2400') center/cover no-repeat;
  filter:blur(10px) brightness(.68) saturate(.92);
  transform:scale(1.035);
}
.slice-why .why-shade{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(180deg,rgba(8,15,20,.24) 0%,rgba(8,15,20,.42) 46%,rgba(8,15,20,.50) 100%),
    linear-gradient(90deg,rgba(5,12,17,.10),rgba(5,12,17,.04) 50%,rgba(5,12,17,.12));
}
.why-content{
  width:min(1500px,92%);
  margin:0 auto;
  padding:clamp(62px,6vw,94px) 0 clamp(54px,5vw,82px);
  text-align:center;
}
.why-head h2{
  margin:0;
  font-size:clamp(42px,5.3vw,82px);
  line-height:.98;
  letter-spacing:-.035em;
  font-weight:900;
  text-shadow:0 3px 18px rgba(0,0,0,.30);
}
.why-head p{
  margin:15px auto 0;
  font-size:clamp(17px,1.55vw,27px);
  line-height:1.3;
  font-weight:700;
  max-width:980px;
  text-shadow:0 2px 14px rgba(0,0,0,.28);
}
.why-grid{
  margin:clamp(48px,5vw,74px) auto 0;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:clamp(18px,2.2vw,36px);
  align-items:start;
}
.why-item{min-width:0}
.why-item svg{
  width:clamp(46px,4.4vw,66px);
  height:clamp(46px,4.4vw,66px);
  margin:0 auto 16px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 2px 7px rgba(0,0,0,.22));
}
.why-item h3{
  margin:0 0 12px;
  font-size:clamp(16px,1.28vw,22px);
  line-height:1.15;
  font-weight:900;
}
.why-item p{
  margin:0 auto;
  max-width:220px;
  font-size:clamp(13px,.95vw,17px);
  line-height:1.42;
  color:rgba(255,255,255,.94);
  text-shadow:0 1px 10px rgba(0,0,0,.25);
}
.why-closing{
  margin:clamp(42px,4.2vw,64px) auto 0;
  display:flex;
  flex-direction:column;
  gap:8px;
  text-shadow:0 2px 14px rgba(0,0,0,.28);
}
.why-closing strong{font-size:clamp(24px,2.3vw,38px);line-height:1.05}
.why-closing span{font-size:clamp(16px,1.45vw,24px);font-weight:600}
@media(max-width:1100px){
  .slice-why{min-height:0}
  .why-content{width:min(94%,900px)}
  .why-grid{grid-template-columns:repeat(3,1fr);row-gap:42px}
  .why-item p{max-width:250px}
}
@media(max-width:700px){
  .slice-why{background:#101820!important;padding:0!important}
  .slice-why .why-bg{inset:-10px;background-position:center;filter:blur(8px) brightness(.58) saturate(.90);transform:scale(1.045)}
  .slice-why .why-shade{background:linear-gradient(180deg,rgba(7,13,18,.38),rgba(7,13,18,.60))}
  .why-content{width:calc(100% - 34px);padding:54px 0 48px}
  .why-head h2{font-size:44px}
  .why-head p{font-size:16px;max-width:520px}
  .why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 18px;margin-top:42px}
  .why-item svg{width:50px;height:50px;margin-bottom:11px}
  .why-item h3{font-size:16px;margin-bottom:8px}
  .why-item p{font-size:12px;line-height:1.38;max-width:190px}
  .why-closing{margin-top:42px}
  .why-closing strong{font-size:25px}
  .why-closing span{font-size:15px}
}

/* V5.9.4 — Footer rebuilt visually with scenic alpine artwork. HTML intentionally unchanged. */
.store-footer{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.14);
  background:#121517;
}
.store-footer::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:url('design/footer-adventure-v595.webp?v=5.9.5') 58% center/cover no-repeat;
  transform:scale(1.01);
}
.store-footer::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(4,9,12,.78) 0%,rgba(4,9,12,.70) 48%,rgba(4,9,12,.54) 72%,rgba(4,9,12,.34) 100%),
    linear-gradient(180deg,rgba(3,7,10,.14) 0%,rgba(3,7,10,.28) 68%,rgba(3,7,10,.62) 100%);
}
.store-footer-main{
  position:relative;
  z-index:1;
  max-width:1540px;
  margin:0 auto;
  padding:72px 5vw 62px;
  min-height:430px;
  display:grid;
  grid-template-columns:1.05fr 1fr .88fr 1.16fr;
  gap:58px;
  align-items:center;
}
.store-footer-brand,.store-footer nav,.store-footer-contact{position:relative;z-index:2}
.store-footer-logo{
  width:min(260px,92%);
  filter:drop-shadow(0 5px 16px rgba(0,0,0,.58));
  margin-bottom:24px;
}
.store-footer address{
  color:rgba(255,255,255,.96);
  font-size:16px;
  line-height:1.55;
  text-shadow:0 2px 10px rgba(0,0,0,.55);
}
.store-footer h3{
  color:#e6a64d;
  font-size:21px;
  font-weight:850;
  margin:0 0 20px;
  text-shadow:0 2px 12px rgba(0,0,0,.58);
}
.store-footer nav,.store-footer-contact{display:flex;flex-direction:column;gap:11px}
.store-footer a{
  color:#fff;
  font-weight:700;
  text-shadow:0 2px 10px rgba(0,0,0,.65);
}
.store-footer a:hover,.store-footer-contact .contact-link{color:#f2ad45}
.store-footer-contact p{
  color:rgba(255,255,255,.96);
  font-size:16px;
  line-height:1.55;
  text-shadow:0 2px 10px rgba(0,0,0,.65);
}
.store-footer-showroom{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  margin-top:14px;
  padding:14px 24px;
  background:#e4482e!important;
  border:1px solid rgba(255,255,255,.22);
  border-radius:3px;
  color:#fff!important;
  font-weight:850!important;
  box-shadow:0 12px 34px rgba(0,0,0,.34)!important;
}
/* Decorative ICECO cooler, kept outside the HTML. */
.store-footer-main::after{
  content:"";
  position:absolute;
  right:-10px;
  bottom:16px;
  width:min(22vw,330px);
  aspect-ratio:1.34/1;
  z-index:0;
  pointer-events:none;
  background:url('../products/vl75-grau.png') right bottom/contain no-repeat;
  filter:drop-shadow(0 18px 26px rgba(0,0,0,.55));
  opacity:.96;
}
.store-footer-contact{padding-right:min(10vw,145px)}
.store-footer-bar{
  position:relative;
  z-index:3;
  min-height:46px;
  padding:11px 5vw;
  background:rgba(127,20,16,.92);
  color:#fff;
  border-top:1px solid rgba(255,255,255,.16);
  box-shadow:0 -10px 30px rgba(0,0,0,.16);
}
.store-footer-bar-inner{max-width:1540px;margin:auto;display:flex;justify-content:space-between;gap:20px;align-items:center}
@media(max-width:1100px){
  .store-footer-main{grid-template-columns:1fr 1fr;gap:38px;padding:58px 5vw 52px;min-height:unset}
  .store-footer-main::after{width:290px;right:-48px;opacity:.54}
  .store-footer-contact{padding-right:120px}
}
@media(max-width:900px){
  .store-footer::before{background-position:48% center}
  .store-footer-main::after{width:270px;right:-75px;bottom:28px;opacity:.38}
}
@media(max-width:560px){
  .store-footer::before{background-position:42% center}
  .store-footer::after{background:linear-gradient(180deg,rgba(4,9,12,.78),rgba(4,9,12,.88))}
  .store-footer-main{grid-template-columns:1fr;gap:30px;padding:46px 24px 40px}
  .store-footer-main::after{width:220px;right:-78px;bottom:64px;opacity:.22}
  .store-footer-contact{padding-right:0}
  .store-footer-logo{width:200px}
  .store-footer-bar-inner{flex-direction:column;align-items:flex-start;gap:4px}
  .store-footer-bar{padding:11px 24px}
}

/* V5.9.5 final footer artwork: selected campsite/lake scene. Footer HTML remains unchanged. */
.store-footer{
  min-height:0;
  background:#111;
}
.store-footer::before{
  background:url('design/footer-camp-v595.webp?v=5.9.5-final') center center/cover no-repeat !important;
  transform:none !important;
}
.store-footer::after{display:none!important}
/* The approved footer artwork already contains the complete visual composition.
   Keep the existing semantic footer HTML in the DOM without altering its markup. */
.store-footer-main{
  min-height:clamp(390px,33.6vw,688px)!important;
  max-width:none!important;
  padding:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
.store-footer-main::after{display:none!important}
.store-footer-bar{
  position:absolute!important;
  left:0;right:0;bottom:0;
  height:clamp(46px,5.6vw,78px)!important;
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:transparent!important;
  pointer-events:none!important;
}
.store-footer-bar-inner{opacity:0!important}
@media(max-width:900px){
  .store-footer::before{background-position:center center!important}
  .store-footer-main{min-height:520px!important}
}
@media(max-width:560px){
  .store-footer{background:#0e1114}
  .store-footer::before{
    background-position:center top!important;
    background-size:auto 100%!important;
  }
  .store-footer-main{min-height:610px!important}
}

/* V5.9.6 – hero CTA buttons rebuilt as real HTML/CSS, artwork otherwise unchanged. */
@media(min-width:1100px){
  .slice-hero .hero-cta{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.55em;
    border-radius:18px;
    font-size:clamp(16px,1.45vw,27px);
    font-weight:900;
    line-height:1;
    letter-spacing:-.015em;
    text-align:center;
    text-decoration:none;
    box-shadow:0 10px 28px rgba(0,0,0,.18);
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
    overflow:hidden;
  }
  .slice-hero .hero-cta-primary{
    color:#fff;
    background:linear-gradient(180deg,#f20b16 0%,#d60812 100%);
    border:1px solid rgba(153,0,8,.3);
    text-shadow:0 1px 2px rgba(0,0,0,.14);
  }
  .slice-hero .hero-cta-primary span{
    font-size:1.05em;
    line-height:1;
    transform:translateY(-1px);
  }
  .slice-hero .hero-cta-secondary{
    color:#171717;
    background:rgba(255,255,255,.96);
    border:1px solid rgba(0,0,0,.08);
    box-shadow:0 10px 28px rgba(0,0,0,.14);
  }
  .slice-hero .hero-cta:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 34px rgba(0,0,0,.23);
    filter:brightness(1.025);
  }
  .slice-hero .hero-cta:active{transform:translateY(0)}
  .slice-hero .hero-cta:focus-visible{
    outline:3px solid #fff;
    outline-offset:3px;
  }
}


/* V5.9.7 – obere Hero-Navigation als echtes HTML/CSS. */
@media(min-width:701px){
  .desktop-hero-nav{
    position:absolute;
    z-index:10;
    left:30.7%;
    top:2.55%;
    width:57.5%;
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:7px 9px 7px 18px;
    border-radius:18px;
    background:rgba(255,255,255,.60);
    border:1px solid rgba(255,255,255,.55);
    box-shadow:0 8px 24px rgba(17,24,33,.10);
    -webkit-backdrop-filter:blur(7px);
    backdrop-filter:blur(7px);
  }
  .desktop-hero-nav>a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 11px;
    color:#151a1f;
    font-size:clamp(12px,1.02vw,17px);
    line-height:1;
    font-weight:800;
    white-space:nowrap;
    border-radius:12px;
    transition:background .18s ease,color .18s ease,transform .18s ease;
  }
  .desktop-hero-nav>a:not(.desktop-hero-nav-cta):hover{
    background:rgba(255,255,255,.72);
    transform:translateY(-1px);
  }
  .desktop-hero-nav .desktop-hero-nav-cta{
    padding:0 22px;
    background:#d60812;
    color:#fff;
    box-shadow:0 7px 18px rgba(214,8,18,.22);
  }
  .desktop-hero-nav .desktop-hero-nav-cta:hover{
    background:#ba0710;
    transform:translateY(-1px);
  }
  .desktop-hero-nav .desktop-hero-nav-cta span{font-size:.9em;margin-right:7px}
  .desktop-hero-nav>a:focus-visible{outline:3px solid rgba(214,8,18,.28);outline-offset:2px}
}
@media(max-width:700px){.desktop-hero-nav{display:none!important}}

/* V5.9.8 – embedded 4Wheel logo removed from hero artwork. Existing HTML logo layer remains; presentation only is transparent/freestanding. */


/* V5.9.9 – Hero SEO copy and technical facts as real HTML/CSS.
   Existing artwork stays in place; baked copy is visually neutralised beneath the HTML layer. */
@media(min-width:1100px){
  .slice-hero{isolation:isolate}
  .hero-copy-mask{
    position:absolute;z-index:5;left:2.2%;top:13.8%;width:46.5%;height:47.5%;
    pointer-events:none;
    background:rgba(245,239,225,.18);
    -webkit-backdrop-filter:blur(20px) saturate(.9) brightness(1.06);
    backdrop-filter:blur(20px) saturate(.9) brightness(1.06);
    -webkit-mask-image:radial-gradient(ellipse at 48% 49%,#000 0 58%,rgba(0,0,0,.96) 66%,transparent 82%);
    mask-image:radial-gradient(ellipse at 48% 49%,#000 0 58%,rgba(0,0,0,.96) 66%,transparent 82%);
  }
  .hero-copy-layer{
    position:absolute;z-index:7;left:4.35%;top:18.1%;width:40.8%;color:#111821;text-align:left;
    text-shadow:0 1px 1px rgba(255,255,255,.28);
  }
  .hero-copy-kicker{margin:0 0 1.2%;font-size:clamp(9px,.9vw,17px);font-weight:900;letter-spacing:.28em;white-space:nowrap}
  .hero-copy-kicker span{display:inline-block;width:34px;height:3px;background:#a94b32;vertical-align:middle;margin-right:12px}
  .hero-copy-layer h2{margin:0;line-height:.79;letter-spacing:-.055em;transform:skew(-7deg);transform-origin:left center}
  .hero-copy-layer h2 span,.hero-copy-layer h2 strong{display:block;font-family:Impact,'Arial Black',Arial,sans-serif;font-style:italic;font-weight:950;text-transform:uppercase}
  .hero-copy-layer h2 span{font-size:clamp(64px,7.2vw,146px);color:#171b1f}
  .hero-copy-layer h2 strong{margin-top:1.5%;font-size:clamp(45px,5.15vw,105px);color:#cf1019;letter-spacing:-.045em}
  .hero-copy-sub{margin:3.2% 0 0 4%;font-size:clamp(17px,1.55vw,31px);line-height:1.28;font-weight:500;color:#171b1f;text-shadow:0 1px 8px rgba(255,255,255,.36)}

  .hero-spec-mask{
    position:absolute;z-index:5;left:0;bottom:1.5%;width:56.5%;height:15.6%;pointer-events:none;
    background:linear-gradient(90deg,rgba(9,17,22,.94),rgba(9,17,22,.92) 86%,rgba(9,17,22,0));
  }
  .hero-spec-layer{
    position:absolute;z-index:7;left:4.7%;bottom:3.4%;width:47.2%;height:11.2%;
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:1.7%;color:#fff;
  }
  .hero-spec-item{display:flex;align-items:center;gap:11%;min-width:0}
  .hero-spec-item svg{flex:0 0 auto;width:clamp(34px,3.1vw,62px);height:clamp(34px,3.1vw,62px);fill:none;stroke:#fff;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
  .hero-spec-item span{display:block;min-width:0}
  .hero-spec-item strong{display:block;font-size:clamp(14px,1.23vw,25px);line-height:1.05;white-space:nowrap}
  .hero-spec-item small{display:block;margin-top:5px;font-size:clamp(9px,.75vw,15px);line-height:1.1;color:rgba(255,255,255,.93);white-space:nowrap}
}
@media(max-width:1099px){.hero-copy-mask,.hero-copy-layer,.hero-spec-mask,.hero-spec-layer{display:none!important}}

/* V5.9.9 – Footer returns to real semantic HTML over a photo-only scenic background. */
.store-footer{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  min-height:0!important;background:#0d1216!important;color:#fff!important;
}
.store-footer::before{
  display:block!important;content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;
  background:url('design/footer-adventure-v595.webp?v=5.9.9') 54% center/cover no-repeat!important;
  transform:scale(1.01)!important;
}
.store-footer::after{
  display:block!important;content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;
  background:linear-gradient(90deg,rgba(4,9,12,.82) 0%,rgba(4,9,12,.72) 52%,rgba(4,9,12,.56) 76%,rgba(4,9,12,.40) 100%),linear-gradient(180deg,rgba(3,7,10,.12),rgba(3,7,10,.45))!important;
}
.store-footer-main{
  opacity:1!important;pointer-events:auto!important;position:relative!important;z-index:1!important;
  max-width:1540px!important;margin:0 auto!important;padding:70px 5vw 58px!important;
  min-height:430px!important;display:grid!important;grid-template-columns:1.05fr 1fr .88fr 1.16fr!important;
  gap:58px!important;align-items:center!important;
}
.store-footer-main::after{
  display:block!important;content:""!important;position:absolute!important;right:-10px!important;bottom:18px!important;
  width:min(22vw,330px)!important;aspect-ratio:1.34/1!important;z-index:0!important;pointer-events:none!important;
  background:url('products/vl75-grau.png') right bottom/contain no-repeat!important;
  filter:drop-shadow(0 18px 26px rgba(0,0,0,.55))!important;opacity:.93!important;
}
.store-footer-brand,.store-footer nav,.store-footer-contact{position:relative;z-index:2}
.store-footer-contact{padding-right:min(10vw,145px)!important}
.store-footer h3{color:#f0ad4e!important}
.store-footer a:hover,.store-footer-contact .contact-link{color:#f2ad45!important}
.store-footer-bar{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;height:auto!important;
  min-height:48px!important;padding:11px 5vw!important;background:rgba(127,20,16,.94)!important;
  border-top:1px solid rgba(255,255,255,.16)!important;color:#fff!important;pointer-events:auto!important;
}
.store-footer-bar-inner{
  opacity:1!important;max-width:1540px!important;margin:auto!important;display:grid!important;
  grid-template-columns:auto 1fr auto!important;gap:28px!important;align-items:center!important;font-size:13px!important;
}
.store-footer-legal{display:flex!important;flex-direction:row!important;justify-content:center!important;gap:18px!important;flex-wrap:wrap!important}
.store-footer-legal a{font-weight:700!important;color:#fff!important;text-shadow:none!important}
.store-footer-legal a:hover{color:#ffd09b!important}
@media(max-width:1100px){
  .store-footer-main{grid-template-columns:1fr 1fr!important;gap:38px!important;padding:58px 5vw 52px!important;min-height:unset!important}
  .store-footer-main::after{width:290px!important;right:-48px!important;opacity:.50!important}
  .store-footer-contact{padding-right:120px!important}
  .store-footer-bar-inner{grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important;gap:8px!important}
}
@media(max-width:560px){
  .store-footer::before{background-position:40% center!important;background-size:cover!important}
  .store-footer::after{background:linear-gradient(180deg,rgba(4,9,12,.78),rgba(4,9,12,.90))!important}
  .store-footer-main{grid-template-columns:1fr!important;gap:30px!important;padding:46px 24px 40px!important;min-height:0!important}
  .store-footer-main::after{width:210px!important;right:-78px!important;bottom:66px!important;opacity:.20!important}
  .store-footer-contact{padding-right:0!important}
  .store-footer-bar{padding:12px 20px!important}
  .store-footer-bar-inner{justify-items:start!important;text-align:left!important}
  .store-footer-legal{justify-content:flex-start!important;gap:12px 16px!important}
}

/* V5.9.10 – remove only the decorative cooler from the footer. HTML remains unchanged. */
.store-footer-main::after{display:none!important;content:none!important;background:none!important}
.store-footer-contact{padding-right:0!important}

/* V5.9.15 – Hero layout adapted to the taller 2158×979 artwork. */
@media(min-width:1100px){
  .slice-hero{background:#101820}
  .slice-hero>.desktop-slice{width:100%;height:auto;transform:none!important}
  .desktop-hero-brand{left:3.6%;top:2.4%;width:12.2%;height:10.8%;max-width:235px}
  .desktop-hero-nav{left:27.5%;top:3.2%;width:67.5%;min-height:56px}
  .hero-copy-mask{display:none!important}
  .hero-copy-layer{left:27.5%;top:23.5%;width:38%;color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.68)}
  .hero-copy-kicker{color:#fff}
  .hero-copy-kicker span{background:#d60812}
  .hero-copy-layer h2 span{font-size:clamp(58px,6.25vw,126px);color:#fff;text-shadow:0 4px 22px rgba(0,0,0,.62)}
  .hero-copy-layer h2 strong{font-size:clamp(43px,4.7vw,96px);color:#e00b16;text-shadow:0 3px 16px rgba(0,0,0,.55)}
  .hero-copy-sub{margin:3% 0 0 2%;font-size:clamp(16px,1.35vw,27px);color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.82)}
  .hero-models{left:28.2%;top:61.5%;width:16.8%;height:8.5%}
  .hero-why{left:46.1%;top:61.5%;width:12.8%;height:8.5%}
  .hero-spec-mask{left:0;bottom:0;width:62%;height:14%;background:linear-gradient(90deg,rgba(9,17,22,.91),rgba(9,17,22,.78) 82%,rgba(9,17,22,0))}
  .hero-spec-layer{left:4.2%;bottom:2.4%;width:52%;height:9.5%;gap:2%}
}
@media(min-width:701px) and (max-width:1099px){
  .slice-hero>.desktop-slice{width:100%;height:auto;transform:none!important}
}
@media(max-width:700px){
  .mobile-hero-visual{width:100%;height:auto;object-fit:contain;object-position:center center}
}

/* V5.9.16 — model banner: all visible copy rebuilt as semantic HTML/CSS. */
.model-banner{position:relative;min-height:318px;overflow:hidden;background:#101820;color:#fff;isolation:isolate}
.model-banner-bg{position:absolute;inset:0;z-index:0;background:url('design/model-banner.webp') center/cover no-repeat}
.model-banner-inner{position:relative;z-index:2;min-height:318px;width:min(92%,1880px);margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw}
.model-banner-copy h2{margin:0;font-size:clamp(34px,4.35vw,76px);line-height:.96;font-weight:1000;letter-spacing:.015em;text-transform:uppercase;text-shadow:0 3px 18px rgba(0,0,0,.45)}
.model-banner-copy h2 span{font-size:1.12em}
.model-banner-info{justify-self:end;max-width:590px;position:relative;padding-right:126px}
.model-banner-info>p:not(.model-banner-note){margin:0 0 20px;font-size:clamp(14px,1.1vw,19px);line-height:1.5;font-weight:600;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.model-banner-btn{display:inline-flex;align-items:center;gap:18px;background:var(--red);color:#fff;border-radius:9px;padding:15px 26px;font-weight:900;font-size:clamp(13px,.95vw,17px);box-shadow:0 8px 26px rgba(0,0,0,.28);transition:transform .2s ease,box-shadow .2s ease}
.model-banner-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.34)}
.model-banner-note{position:absolute;right:-8px;bottom:-31px;margin:0!important;font-size:20px!important;line-height:1.05!important;font-weight:900!important;font-style:italic;letter-spacing:.02em;transform:rotate(-6deg);text-align:left;color:#fff;text-shadow:0 2px 9px rgba(0,0,0,.85)}
@media(max-width:1099px){
  .model-banner{min-height:430px}.model-banner-inner{min-height:430px;width:calc(100% - 36px);grid-template-columns:1fr;gap:20px;align-content:center}.model-banner-copy h2{font-size:clamp(38px,8vw,68px)}.model-banner-info{justify-self:start;max-width:650px;padding-right:0}.model-banner-note{display:none}.model-banner-bg{background-position:58% center}
}
@media(max-width:700px){
  .model-banner{min-height:390px}.model-banner-inner{min-height:390px;width:calc(100% - 34px)}.model-banner-copy h2{font-size:38px}.model-banner-info>p:not(.model-banner-note){font-size:14px;margin-bottom:18px}.model-banner-btn{padding:13px 18px;font-size:13px}.model-banner-bg{background-position:62% center}
}


/* V5.9.19 — definitive model-banner layer fix. The photo is a real IMG, not a CSS background. */
.model-banner{background:transparent!important}
.model-banner-bg{position:absolute!important;inset:0!important;z-index:1!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;background:none!important;transform:none!important}
.model-banner-inner{z-index:2!important}
.model-banner::before,.model-banner::after{display:none!important;content:none!important;background:none!important;opacity:0!important}
@media(max-width:1099px){.model-banner-bg{object-position:58% center!important}}
@media(max-width:700px){.model-banner-bg{object-position:62% center!important}}