.products-page .site-overlay{
  background:linear-gradient(0deg,rgba(15,20,50,.96),rgba(15,20,50,.7) 45%,rgba(20,27,63,.58)),linear-gradient(100deg,rgba(20,27,63,.6),rgba(20,27,63,.12));
}
.product-slide{position:relative;min-height:100svh;display:flex;align-items:center;padding:108px 0 76px;color:var(--white);overflow:hidden}
.products-intro{text-align:center}
.products-intro .hero-eyebrow{justify-content:center;opacity:1;transform:none}
.products-intro .hero-eyebrow:after{content:none}
.products-intro .hero-title{max-width:920px;margin:0 auto;opacity:1;transform:none}
.products-intro .lede{max-width:760px!important;margin:22px auto 30px!important;color:#d8daea!important;opacity:1!important;transform:none!important}
.product-jump{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.product-jump .btn-secondary{min-width:190px;justify-content:center}
.product-jump svg{width:16px;height:16px}
.diagram-content{position:relative;z-index:2;text-align:center}
.diagram-heading{margin-bottom:10px}
.diagram-heading .hero-eyebrow{justify-content:center;opacity:1;transform:none;margin-bottom:10px}
.diagram-heading .hero-title{font-size:clamp(42px,5.5vw,60px);line-height:1.04;opacity:1;transform:none;margin:0 auto}
.diagram-heading p{color:#c7cbe8;font-size:15.5px;line-height:1.5;margin:10px auto 0;max-width:640px}
.explore-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;color:#9fa4cc;font:600 13px 'Barlow Condensed',sans-serif;letter-spacing:.7px;text-transform:uppercase}
.explore-hint svg{width:14px;height:14px;stroke:var(--orange);animation:productPoint 1.6s ease-in-out infinite}
@keyframes productPoint{50%{transform:translateY(4px)}}
.diagram-stage{position:relative;width:100%;max-width:min(900px,62vw,calc((100svh - 390px)*2.15));margin:10px auto 0}
.trailer-diagram{max-width:820px;margin-inline:auto}
.diagram-inner{position:relative;width:100%}.truck-diagram{aspect-ratio:1800/795}.trailer-diagram{aspect-ratio:1800/852}
.diagram-inner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.product-pin{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border:0;background:none;cursor:pointer;padding:0;z-index:6}
.product-pin .ring{position:absolute;inset:0;border-radius:50%;background:var(--orange-dark);animation:productPulse 2.2s ease-out infinite}
.product-pin .dot{position:absolute;inset:8px;border-radius:50%;background:var(--orange);border:2.5px solid var(--white);box-shadow:0 0 0 2px rgba(222,127,8,.55);transition:transform .2s,background .2s}
.product-pin:hover .dot,.product-pin.active .dot{transform:scale(1.2)}.product-pin.active .dot{background:var(--navy)}
@keyframes productPulse{0%{transform:scale(.6);opacity:.5}100%{transform:scale(2.3);opacity:0}}
.product-leader{stroke:var(--orange-dark);stroke-width:1.6;stroke-dasharray:4 5;fill:none;opacity:0;transition:opacity .3s}.product-leader.show{opacity:.9}
.product-pop{position:absolute;z-index:7;width:200px;transform:translate(-50%,-50%) scale(.25);opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.2,1.4,.4,1),opacity .3s}
.product-pop.show{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.product-icon{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--navy),var(--navy-deep));border:1.5px solid var(--orange);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;box-shadow:0 12px 24px rgba(0,0,0,.3)}
.product-icon{color:var(--orange);font:700 25px 'Barlow Condensed',sans-serif}
.product-icon svg{width:28px;height:28px;fill:none;stroke:var(--orange);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.product-card{background:var(--navy-deep);border:1px solid rgba(255,255,255,.16);border-radius:9px;padding:12px 14px;text-align:center;box-shadow:0 16px 32px rgba(0,0,0,.25)}
.product-card h3{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;line-height:1.08;letter-spacing:.25px;margin-bottom:4px;text-shadow:none;filter:none;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.product-card p{color:#b7bbda;font-size:11.5px;line-height:1.4;margin:0;text-shadow:none;filter:none}
.diagram-caption{color:#8f96c5;font:500 12.5px 'Barlow Condensed',sans-serif;letter-spacing:.4px;margin-top:8px}
.category-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;max-width:980px;margin:10px auto 0}
.category-chip{appearance:none;cursor:pointer;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);border-radius:30px;padding:7px 13px;color:#d8daea;font:600 11.5px 'Barlow Condensed',sans-serif;letter-spacing:.35px;text-transform:uppercase;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}
.category-chip:hover,.category-chip:focus-visible{border-color:var(--orange);background:rgba(248,152,29,.14);color:var(--white);transform:translateY(-1px)}
.category-chip.active{border-color:var(--orange);background:var(--orange);color:var(--navy-deep)}
.product-next{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:24px}
.product-next .btn-primary,.product-next .btn-secondary{padding:11px 20px;font-size:14px;min-height:44px;justify-content:center}
.product-next svg{width:15px;height:15px}
.products-page .callback-section{position:relative;z-index:2}
.product-slide .slide-link{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.62);font:600 11px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;text-transform:uppercase;z-index:10}
.product-slide .slide-link:hover{color:var(--orange)}
@media(min-width:761px) and (max-height:760px){.product-slide{padding-top:84px;padding-bottom:72px}.diagram-heading .hero-title{font-size:38px}.diagram-heading p{margin-top:4px}.explore-hint{margin-top:4px}.diagram-stage{max-width:min(760px,56vw,calc((100svh - 360px)*2.15));margin-top:4px}.trailer-diagram{max-width:700px}.category-chips{margin-top:5px}.category-chip{padding:4px 10px}.product-next{margin-top:14px}.product-next .btn-primary{padding:8px 16px;font-size:12px}}
@media(max-width:760px){.product-slide{min-height:auto;padding:112px 0 76px;overflow:visible}.products-intro{min-height:calc(100svh - 188px);display:flex;flex-direction:column;justify-content:center}.products-intro .hero-title{font-size:clamp(46px,15vw,68px)}.product-jump{flex-direction:column}.diagram-content{width:94%}.diagram-heading p{font-size:14.5px}.diagram-stage{width:106%;max-width:none;margin-left:-3%;margin-top:24px}.product-pop{width:145px}.product-icon{width:46px;height:46px}.product-card{padding:9px}.product-card h3{font-size:14px}.product-card p{font-size:9.5px}.category-chips{width:94%}.category-chip{font-size:10.5px}.product-next{margin-top:18px;flex-direction:column}.product-next .btn-primary,.product-next .btn-secondary{width:min(100%,310px)}.section-dots{display:none}}
@media(max-width:760px){.products-page .hero-footer{position:fixed;left:6%;right:6%;bottom:8px;width:auto;margin:0;background:transparent}}
@media(max-width:480px){.products-page #product-intro{height:calc(100svh - 106px);min-height:calc(100svh - 106px);padding:0 0 70px;align-items:center;overflow:hidden}.products-page #product-intro .products-intro{min-height:0;margin:auto}.diagram-stage{width:112%;margin-left:-6%}.products-page #truck-parts .diagram-stage{width:98%;margin-left:1%}.product-pin{width:26px;height:26px;margin:-13px 0 0 -13px}.product-pin .dot{inset:7px}.product-pop{width:126px}.product-icon{width:40px;height:40px;margin-bottom:5px}.product-card h3{font-size:12px}.product-card p{display:none}}

/* ---------- SLIDE LOADING ANIMATIONS ---------- */
.product-slide .hero-eyebrow,
.product-slide .hero-title,
.product-slide .lede,
.product-slide .diagram-heading p,
.product-slide .explore-hint,
.product-slide .diagram-stage,
.product-slide .category-chips,
.product-slide .product-next{
  opacity:0!important;
  transform:translateY(28px)!important;
  transition:opacity .65s ease,transform .72s cubic-bezier(.2,.7,.3,1);
}
.product-slide .diagram-stage{
  transform:translateY(34px) scale(.97)!important;
  transition-duration:.82s;
}
.product-slide .product-jump{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .65s ease,transform .72s cubic-bezier(.2,.7,.3,1);
}
.product-slide.in-view .hero-eyebrow,
.product-slide.in-view .hero-title,
.product-slide.in-view .lede,
.product-slide.in-view .diagram-heading p,
.product-slide.in-view .explore-hint,
.product-slide.in-view .diagram-stage,
.product-slide.in-view .category-chips,
.product-slide.in-view .product-next{
  opacity:1!important;
  transform:translateY(0) scale(1)!important;
}
.product-slide.in-view .product-jump{opacity:1;transform:translateY(0);}
.product-slide.in-view .hero-eyebrow{transition-delay:.04s;}
.product-slide.in-view .hero-title{transition-delay:.14s;}
.product-slide.in-view .lede,
.product-slide.in-view .diagram-heading p{transition-delay:.27s;}
.product-slide.in-view .product-jump,
.product-slide.in-view .explore-hint{transition-delay:.40s;}
.product-slide.in-view .diagram-stage{transition-delay:.50s;}
.product-slide.in-view .category-chips{transition-delay:.70s;}
.product-slide.in-view .product-next{transition-delay:.84s;}

@media(prefers-reduced-motion:reduce){
  .product-slide .hero-eyebrow,
  .product-slide .hero-title,
  .product-slide .lede,
  .product-slide .diagram-heading p,
  .product-slide .explore-hint,
  .product-slide .diagram-stage,
  .product-slide .category-chips,
  .product-slide .product-next,
  .product-slide .product-jump{
    opacity:1!important;
    transform:none!important;
  }
}

/* Mobile diagrams must never depend on the entrance observer to be visible. */
@media(max-width:760px){
  html,
  body{scroll-snap-type:y proximity!important;}
  .product-slide .diagram-stage{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
  }
  .product-slide .diagram-inner,
  .product-slide .diagram-inner>img{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }
}