/* Cinematic homepage footage, below the original content. */
html.home-slides .hero{isolation:isolate;background-image:url("https://res.cloudinary.com/g38ldwuf/video/upload/so_0/v1790531276/automotive-solutions/homepage-cinematic-desktop-20260927.jpg")}
html.home-slides .hero>.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}
html.home-slides .hero::before{z-index:1;background:rgba(0,0,0,.66);pointer-events:none}
html.home-slides .hero::after{z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 35%,rgba(0,0,0,.48));pointer-events:none}
html.home-slides .hero-inner{z-index:2}
@media(max-width:800px){html.home-slides .hero{background-image:url("https://res.cloudinary.com/g38ldwuf/video/upload/so_0/v1790531291/automotive-solutions/homepage-cinematic-mobile-20260927.jpg")}html.home-slides .hero::before{background:rgba(0,0,0,.70)}}
@media(prefers-reduced-motion:reduce){html.home-slides .hero-video{display:none}}

/* Make the full-screen sections discoverable below the main actions. */
html.home-slides .hero .hero-quick-actions{bottom:48px}
html.home-slides .hero .hero-scroll-cue{position:absolute;left:50%;bottom:2px;transform:translateX(-50%);z-index:4;min-width:144px;height:42px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 12px;border:0;background:transparent;color:#f20210;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;text-shadow:0 2px 8px #000}
html.home-slides .hero-scroll-cue svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;animation:none}
html.home-slides .hero-scroll-cue:focus-visible{outline:2px solid #fff;outline-offset:-4px;border-radius:4px}
@keyframes homeScrollHint{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
@media(prefers-reduced-motion:reduce){html.home-slides .hero-scroll-cue svg{animation:none}}

/* Lift portrait footage above the search and shopping controls. */
@media(max-width:800px){
  html.home-slides .hero>.hero-video{transform:translateY(-16%)}
  html.home-slides .hero::after{background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,transparent 30%,rgba(5,5,5,.12) 62%,#050505 84%,#050505 100%)}
}

/* Lower the mobile action group while keeping the scroll cue inside the viewport. */
@media(max-width:800px){
  html.home-slides .hero .hero-quick-actions{bottom:24px}
  html.home-slides .hero .hero-scroll-cue{bottom:-8px;height:24px;box-sizing:border-box;padding-top:8px}
}

/* Text and chevron travel together without moving the centered button. */
html.home-slides .hero-scroll-cue>span,
html.home-slides .hero-scroll-cue>svg{animation:homeScrollHint 2.4s ease-in-out infinite}
html.home-slides .schedule-tab,
html.home-slides .schedule-tab.show,
html.home-slides .schedule-tab.remind{animation:none!important;transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){
 html.home-slides .hero-scroll-cue>span,
 html.home-slides .hero-scroll-cue>svg{animation:none!important}
}