image-banner{
  width: 100%;
  display: block;
  overflow: hidden;
}

image-banner .banner-slide {
  position: relative;
}

image-banner .slide_container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

image-banner .block-richtext {
  margin-top: 14px;
}

image-banner .v-button {
  margin-top: 60px;
}

@media(max-width:959px){
  image-banner .block-richtext {
    margin-top: 1.8667vw;
  }

  image-banner .v-button {
    margin-top: 5.3333vw;
  }
}
/* XOD draft homepage: native SpeedBike sections with a clean product-led layout.
   Scoped to this homepage marker so product templates retain their own layout. */
#nav-xod-home-hero { background:#fff; color:#202020; }
#nav-xod-home-hero image-banner { height:auto; }
#nav-xod-home-hero .banner-slide { display:grid; grid-template-columns:1fr 1fr; align-items:center; max-width:1440px; margin:auto; min-height:570px; padding:32px 48px; gap:48px; }
#nav-xod-home-hero .slide-image { grid-column:2; grid-row:1; height:510px; }
#nav-xod-home-hero .slide-image v-image { display:block; height:100%; }
#nav-xod-home-hero .slide-image img { object-fit:contain; }
#nav-xod-home-hero .slide_container { position:static; grid-column:1; grid-row:1; padding:0; height:auto; width:100%; align-items:flex-start; }
#nav-xod-home-hero .block-heading { font-size:clamp(38px,3.6vw,58px); line-height:1.08; letter-spacing:-.035em; max-width:650px; color:#202020; }
#nav-xod-home-hero .block-richtext { max-width:440px; margin-top:24px; font-size:18px; line-height:1.6; color:#575757; }
#nav-xod-home-hero .v-button { margin-top:32px; min-height:48px; background:#f5af22; border-color:#f5af22; color:#171717; white-space:nowrap; align-items:center; justify-content:center; }
:root:has(#nav-xod-home-hero) .header-section { background:#fff; color:#202020; }
:root:has(#nav-xod-home-hero) .header__container-top-wrap { padding-block:14px; min-height:72px; box-sizing:border-box; }
:root:has(#nav-xod-home-hero) .header-nav__menu-item > a { font-size:15px; font-weight:600; color:#202020; }
:root:has(#nav-xod-home-hero) .header-nav__menu-item { margin-inline:12px; }
:root:has(#nav-xod-home-hero) .header__logo-image { width:112px; }
:root:has(#nav-xod-home-hero) .header__logo { margin:0; }
:root:has(#nav-xod-home-hero) .header-action-bar { color:#202020; }
:root:has(#nav-xod-home-hero) main { --color-button-background:245,175,34; --color-button-border:245,175,34; --color-button-text:23,23,23; }
:root:has(#nav-xod-home-hero) main .block-heading { letter-spacing:-.025em; }
:root:has(#nav-xod-home-hero) main .block-richtext { line-height:1.6; }
@media (min-width:960px) and (max-width:1200px) {
 :root:has(#nav-xod-home-hero) .header-nav__menu-item { margin-inline:6px; }
 :root:has(#nav-xod-home-hero) .header-nav__menu-item > a { font-size:13px; }
}
@media (max-width:959px) {
 #nav-xod-home-hero .banner-slide { grid-template-columns:1fr; gap:8px; padding:32px 24px 20px; min-height:0; }
 #nav-xod-home-hero .slide_container { grid-column:1; grid-row:1; align-items:center; text-align:center; }
 #nav-xod-home-hero .slide-image { grid-column:1; grid-row:2; height:300px; }
 #nav-xod-home-hero .block-heading { font-size:clamp(30px, 9.75vw, 38px); line-height:1.12; text-align:center; margin-inline:auto; }
 #nav-xod-home-hero .block-richtext { font-size:16px; line-height:1.5; margin-top:18px; text-align:center; margin-inline:auto; }
 #nav-xod-home-hero .v-button { margin-top:24px; align-self:center; margin-inline:auto; justify-content:center; font-size:14px; line-height:1.3; padding:12px 20px; }
 :root:has(#nav-xod-home-hero) .header__container-top-wrap { padding-block:10px; min-height:64px; }
 :root:has(#nav-xod-home-hero) .header__logo-image { width:88px; }
}

/* The store's menu app injects its own inline typography variables. */
:root:has(#nav-xod-home-hero) .mega-menu-root { --mega-menu-nav-font-size:15px !important; --mega-menu-nav-color:#202020 !important; --mega-menu-nav-font-weight:600 !important; --mega-menu-nav-active-color:#986000 !important; }
:root:has(#nav-xod-home-hero) .header__logo-image { height:40px; object-fit:cover; }
@media(max-width:959px){ :root:has(#nav-xod-home-hero) .header__logo-image { height:32px; } }

:root:has(#nav-xod-home-hero) main .block-heading { text-transform:none; }
:root:has(#nav-xod-home-hero) .product-card-title { line-height:1.4; min-height:4.2em; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-transform:none; }
:root:has(#nav-xod-home-hero) .product-card-info { padding:24px; }
@media(max-width:959px){
 :root:has(#nav-xod-home-hero) .mega-menu-root { --mega-menu-nav-font-size:17px !important; }
 :root:has(#nav-xod-home-hero) .product-card-info { padding:16px; }
}

/* Reuse the existing palette; replace only its fluorescent accent on the homepage. */
:root:has(#nav-xod-home-hero) .color-scheme-1 {--color-button-background:245,175,34;--color-button-border:245,175,34;--color-button-secondary-background:245,175,34;--color-button-secondary-border:245,175,34;}
:root:has(#nav-xod-home-hero) .color-scheme-10 {--color-button-secondary-background:245,175,34;}
:root:has(#nav-xod-home-hero) .color-scheme-12 {--color-light-text:245,175,34;}
:root:has(#nav-xod-home-hero) .color-scheme-13 {--color-button-background:245,175,34;--color-button-border:245,175,34;--color-button-secondary-background:245,175,34;--color-button-secondary-border:245,175,34;}
:root:has(#nav-xod-home-hero) .color-scheme-14 {--color-background:245,175,34;--color-button-background:245,175,34;--color-button-border:245,175,34;--color-button-secondary-background:245,175,34;--color-button-secondary-border:245,175,34;}
:root:has(#nav-xod-home-hero) .color-scheme-16 {--color-button-background:245,175,34;--color-button-border:245,175,34;}
:root:has(#nav-xod-home-hero) .color-scheme-17 {--color-button-background:245,175,34;--color-button-border:245,175,34;--color-button-secondary-background:245,175,34;--color-button-secondary-border:245,175,34;}
:root:has(#nav-xod-home-hero) .color-scheme-2 {--color-button-secondary-background:245,175,34;}
:root:has(#nav-xod-home-hero) .color-scheme-3 {--color-button-background:245,175,34;}
:root:has(#nav-xod-home-hero) .color-scheme-5 {--color-button-secondary-background:245,175,34;}
:root:has(#nav-xod-home-hero) .color-scheme-6 {--color-button-background:245,175,34;}

/* Keep mobile homepage shopping content clear; header cart/menu and inline support remain. */
@media (max-width: 959px) {
  body[data-page-type="index"] #member-system-plugin,
  body[data-page-type="index"] #seel-ai-support,
  body[data-page-type="index"] #advc-backTop,
  body[data-page-type="index"] .advc-footer-tab { display: none !important; }
}

/* XOD scene-led homepage: campaign image, clear shopping band, real installation. */
#nav-xod-home-hero .banner-slide {display:flex;flex-direction:column;gap:0;max-width:none;padding:0;min-height:0;}
#nav-xod-home-hero .slide-image {width:100%;height:clamp(380px,48.6vw,780px);background:#151714;}
#nav-xod-home-hero .slide-image img {object-fit:cover;object-position:center;}
#nav-xod-home-hero .slide_container {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#191b1a;padding:32px 24px 36px;}
#nav-xod-home-hero .block-heading {color:#fff;font-size:32px;line-height:1.15;text-align:center;max-width:800px;}
#nav-xod-home-hero .block-richtext {color:#d6d6d3;font-size:16px;line-height:1.5;text-align:center;max-width:720px;margin-top:12px;}
#nav-xod-home-hero .v-button {margin-top:20px;font-size:14px;line-height:1.3;padding:12px 24px;}
#nav-xod-home-installation {background:#f1f1ed;color:#202020;}
#nav-xod-home-installation image-banner {height:auto;}
#nav-xod-home-installation .banner-slide {display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:64px;max-width:1440px;margin:auto;padding:72px 48px;}
#nav-xod-home-installation .slide-image {height:auto;width:100%;}
#nav-xod-home-installation .slide-image img {display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;}
#nav-xod-home-installation .slide_container {position:static;width:100%;height:auto;padding:0;align-items:flex-start;}
#nav-xod-home-installation .block-heading {font-size:clamp(32px,3.5vw,48px);line-height:1.1;color:#202020;}
#nav-xod-home-installation .block-richtext {font-size:17px;line-height:1.6;color:#555;max-width:480px;margin-top:24px;}
#nav-xod-home-installation .v-button {display:flex;align-items:center;justify-content:center;margin-top:28px;min-height:48px;padding:12px 24px;font-size:14px;line-height:1.3;background:#f5af22;border-color:#f5af22;color:#171717;}
@media(max-width:959px){
 #nav-xod-home-hero .slide-image {height:clamp(460px,140vw,620px);}
 #nav-xod-home-hero .slide_container {padding:28px 24px 32px;}
 #nav-xod-home-hero .block-heading {font-size:clamp(26px,7.5vw,32px);}
 #nav-xod-home-hero .block-richtext {font-size:15px;}
 #nav-xod-home-installation .banner-slide {grid-template-columns:1fr;gap:28px;padding:40px 24px;}
 #nav-xod-home-installation .slide_container {align-items:center;text-align:center;}
 #nav-xod-home-installation .block-heading {font-size:32px;text-align:center;margin-inline:auto;}
 #nav-xod-home-installation .block-richtext {font-size:16px;text-align:center;margin-top:18px;}
 #nav-xod-home-installation .v-button {align-self:center;margin-top:24px;}
}