/* Omni Terrain homepage smooth/responsive pass — 2026-09-23.
   Final home-only layer: prevents layout shift, keeps touch targets usable,
   and removes desktop assumptions from tablet/phone layouts. */
html.ot-reference-home{scroll-behavior:smooth}
html.ot-reference-home,html.ot-reference-home body{max-width:100%;overflow-x:hidden}
html.ot-reference-home *{box-sizing:border-box}
html.ot-reference-home img{max-width:100%;height:auto}
html.ot-reference-home .ot-ref-category img{aspect-ratio:2.05/1}
html.ot-reference-home .ot-ref-product-media img{contain:layout paint}
html.ot-reference-home .ot-ref-category,
html.ot-reference-home .ot-ref-product{transform:translateZ(0)}
html.ot-reference-home .ot-ref-search input,
html.ot-reference-home .ot-ref-findform input,
html.ot-reference-home .ot-ref-findform select{min-width:0}
html.ot-reference-home a,
html.ot-reference-home button{touch-action:manipulation}

@media(pointer:coarse){
  html.ot-reference-home .ot-ref-category:hover,
  html.ot-reference-home .ot-ref-product:hover{transform:none;box-shadow:none}
}

@media(max-width:1024px){
  html.ot-reference-home .ot-ref-width{width:min(100% - 28px,980px)}
  html.ot-reference-home .ot-ref-mainbar .ot-ref-width{
    grid-template-columns:190px minmax(260px,1fr) 170px;
    gap:16px;
  }
  html.ot-reference-home .ot-ref-logo img{width:180px}
  html.ot-reference-home .ot-ref-nav>a,
  html.ot-reference-home .ot-ref-nav-item>button{padding-inline:13px}
  html.ot-reference-home .ot-ref-finder-card{grid-template-columns:1fr;gap:14px}
  html.ot-reference-home .ot-ref-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  html.ot-reference-home .ot-ref-products{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:760px){
  html.ot-reference-home .ot-ref-width{width:calc(100% - 20px)!important;max-width:none!important}
  html.ot-reference-home .ot-ref-header{position:relative!important}
  html.ot-reference-home .ot-ref-utility .ot-ref-width{
    min-height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
  }
  html.ot-reference-home .ot-ref-utility-center,
  html.ot-reference-home .ot-ref-utility-right{display:none!important}
  html.ot-reference-home .ot-ref-utility-left{
    width:100%!important;
    min-width:0!important;
    justify-content:space-between!important;
    gap:8px!important;
  }
  html.ot-reference-home .ot-ref-utility-left>span:first-child{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:9px!important;
  }

  html.ot-reference-home .ot-ref-mainbar .ot-ref-width{
    position:relative!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(118px,148px) minmax(0,1fr)!important;
    gap:10px!important;
    padding:9px 0 10px!important;
  }
  html.ot-reference-home .ot-ref-logo{align-self:start!important}
  html.ot-reference-home .ot-ref-logo img{width:142px!important;height:42px!important}
  html.ot-reference-home .ot-ref-actions{
    position:static!important;
    align-self:center!important;
    justify-self:end!important;
    gap:6px!important;
    min-width:0!important;
  }
  html.ot-reference-home .ot-ref-account{
    display:flex!important;
    min-width:44px!important;
    min-height:40px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:4px 5px!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  html.ot-reference-home .ot-ref-account span{display:none!important}
  html.ot-reference-home .ot-ref-account strong{margin:0!important;font-size:10px!important;line-height:1.1!important}
  html.ot-reference-home .ot-ref-cart{
    min-height:40px!important;
    padding:4px 6px!important;
    white-space:nowrap!important;
  }
  html.ot-reference-home .ot-ref-search{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    margin:0!important;
    grid-template-columns:minmax(0,1fr) 82px!important;
  }
  html.ot-reference-home .ot-ref-search input{height:44px!important;font-size:16px!important}
  html.ot-reference-home .ot-ref-search button{min-height:44px!important}

  html.ot-reference-home .ot-ref-hero{
    width:calc(100% - 20px)!important;
    margin:10px auto 0!important;
    aspect-ratio:2.08/1!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
  html.ot-reference-home .ot-ref-hero-bg{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:left center!important;
  }
  html.ot-reference-home .ot-hero-shop-hotspot{display:none!important}

  html.ot-reference-home .ot-ref-iconbar .ot-ref-width{
    min-height:0!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    padding:10px 0!important;
  }
  html.ot-reference-home .ot-ref-shopall{
    grid-column:1/-1!important;
    min-height:44px!important;
  }
  html.ot-reference-home .ot-ref-pillar{
    justify-content:flex-start!important;
    min-height:44px!important;
    padding:6px 8px!important;
    font-size:11px!important;
  }

  html.ot-reference-home .ot-home-launch-offer{padding:7px 0!important}
  html.ot-reference-home .ot-home-launch-offer .ot-ref-width{width:calc(100% - 20px)!important}
  html.ot-reference-home .ot-home-launch-offer-inner{
    grid-template-columns:1fr!important;
    gap:11px!important;
    padding:14px!important;
    border-radius:12px!important;
  }
  html.ot-reference-home .ot-home-launch-copy>strong{font-size:17px!important;line-height:1.22!important}
  html.ot-reference-home .ot-home-launch-copy p{font-size:10.5px!important;line-height:1.45!important}
  html.ot-reference-home .ot-home-launch-offer-inner>a{
    width:100%!important;
    min-height:44px!important;
    box-sizing:border-box!important;
  }

  html.ot-reference-home .ot-ref-finder{padding:10px 0!important}
  html.ot-reference-home .ot-ref-finder-card{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:14px!important;
  }
  html.ot-reference-home .ot-ref-finder-copy h2{font-size:18px!important;line-height:1.2!important}
  html.ot-reference-home .ot-ref-findtabs{
    display:flex!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain!important;
    scrollbar-width:none!important;
  }
  html.ot-reference-home .ot-ref-findtabs::-webkit-scrollbar{display:none!important}
  html.ot-reference-home .ot-ref-findtabs span{
    display:flex!important;
    flex:0 0 auto!important;
    min-width:112px!important;
    padding-inline:10px!important;
  }
  html.ot-reference-home .ot-ref-findform{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  html.ot-reference-home .ot-ref-findform select,
  html.ot-reference-home .ot-ref-findform input{height:44px!important;font-size:16px!important}
  html.ot-reference-home .ot-ref-findform button{
    grid-column:1/-1!important;
    min-height:44px!important;
  }

  html.ot-reference-home .ot-ref-section{padding:13px 0 10px!important}
  html.ot-reference-home .ot-ref-section-head{
    align-items:center!important;
    margin-bottom:10px!important;
  }
  html.ot-reference-home .ot-ref-section-head h2{font-size:22px!important}
  html.ot-reference-home .ot-ref-section-head a{font-size:11px!important;white-space:nowrap!important}

  html.ot-reference-home .ot-ref-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  html.ot-reference-home .ot-ref-category img{height:auto!important;aspect-ratio:1.9/1!important;object-fit:cover!important}
  html.ot-reference-home .ot-ref-category-body{padding:9px!important}
  html.ot-reference-home .ot-ref-category p{min-height:0!important}

  html.ot-reference-home .ot-ref-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  html.ot-reference-home .ot-ref-product-media{height:150px!important;padding:10px!important}
  html.ot-reference-home .ot-ref-product-media img{height:128px!important}
  html.ot-reference-home .ot-ref-product-body h3{min-height:0!important}

  html.ot-reference-home .ot-ref-trust .ot-ref-width{grid-template-columns:1fr 1fr!important}
  html.ot-reference-home .ot-ref-trust-item{min-height:86px!important;padding:13px!important}
  html.ot-reference-home .ot-ref-footer-main{grid-template-columns:1fr 1fr!important;gap:18px!important}
  html.ot-reference-home .ot-ref-footer-main>div:first-child,
  html.ot-reference-home .ot-ref-footer-main>div:last-child{grid-column:1/-1!important}
}

@media(max-width:480px){
  html.ot-reference-home .ot-ref-width,
  html.ot-reference-home .ot-home-launch-offer .ot-ref-width,
  html.ot-reference-home .ot-ref-hero{width:calc(100% - 14px)!important}
  html.ot-reference-home .ot-ref-logo img{width:126px!important;height:39px!important}
  html.ot-reference-home .ot-ref-cart span{display:none!important}
  html.ot-reference-home .ot-ref-hero{aspect-ratio:1.78/1!important;border-radius:10px!important}
  html.ot-reference-home .ot-ref-category-grid,
  html.ot-reference-home .ot-ref-products{grid-template-columns:1fr!important}
  html.ot-reference-home .ot-ref-category img{aspect-ratio:2.15/1!important}
  html.ot-reference-home .ot-ref-product-media{height:190px!important}
  html.ot-reference-home .ot-ref-product-media img{height:168px!important}
  html.ot-reference-home .ot-ref-findform{grid-template-columns:1fr!important}
  html.ot-reference-home .ot-ref-findform button{grid-column:auto!important}
  html.ot-reference-home .ot-ref-trust .ot-ref-width{grid-template-columns:1fr!important}
  html.ot-reference-home .ot-ref-footer-main{grid-template-columns:1fr!important}
  html.ot-reference-home .ot-ref-footer-main>*{grid-column:auto!important}
}

@media(prefers-reduced-motion:reduce){
  html.ot-reference-home{scroll-behavior:auto}
  html.ot-reference-home *,html.ot-reference-home *::before,html.ot-reference-home *::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* 2026-09-23 performance/responsiveness hardening */
html.ot-reference-home body{min-width:0}
html.ot-reference-home .ot-ref-main,
html.ot-reference-home .ot-ref-main>*{min-width:0}
html.ot-reference-home .ot-ref-section,
html.ot-reference-home .ot-ref-used-callout,
html.ot-reference-home .ot-ref-trust{
  content-visibility:auto;
  contain-intrinsic-size:1px 420px;
}
html.ot-reference-home .ot-ref-category,
html.ot-reference-home .ot-ref-product{
  backface-visibility:hidden;
  -webkit-font-smoothing:antialiased;
}
html.ot-reference-home .ot-ref-category img,
html.ot-reference-home .ot-ref-product img{
  image-rendering:auto;
}
@media(max-width:760px){
  html.ot-reference-home .ot-ref-width{width:min(100% - 20px,720px)!important}
  html.ot-reference-home .ot-ref-mainbar .ot-ref-width{
    grid-template-columns:minmax(126px,145px) minmax(0,1fr)!important;
    gap:8px!important;
  }
  html.ot-reference-home .ot-ref-actions{right:10px!important;max-width:calc(100% - 160px)!important}
  html.ot-reference-home .ot-ref-search{width:100%!important}
  html.ot-reference-home .ot-ref-search input{font-size:16px!important}
  html.ot-reference-home .ot-ref-findform select,
  html.ot-reference-home .ot-ref-findform input{font-size:16px!important}
  html.ot-reference-home .ot-ref-category-grid{gap:9px!important}
  html.ot-reference-home .ot-ref-category-body{padding:9px!important}
  html.ot-reference-home .ot-ref-category strong{font-size:12px!important;line-height:1.25!important}
  html.ot-reference-home .ot-ref-category p{min-height:0!important;font-size:10px!important}
  html.ot-reference-home .ot-ref-products{gap:9px!important}
  html.ot-reference-home .ot-ref-product-body h3{min-height:0!important}
}
@media(max-width:390px){
  html.ot-reference-home .ot-ref-width{width:min(100% - 16px,720px)!important}
  html.ot-reference-home .ot-ref-category-grid,
  html.ot-reference-home .ot-ref-products{grid-template-columns:1fr 1fr!important}
  html.ot-reference-home .ot-ref-category img{height:88px!important}
  html.ot-reference-home .ot-ref-product-media{height:128px!important;padding:8px!important}
  html.ot-reference-home .ot-ref-product-media img{height:108px!important}
}
@media(prefers-reduced-motion:reduce){
  html.ot-reference-home{scroll-behavior:auto!important}
  html.ot-reference-home *,
  html.ot-reference-home *::before,
  html.ot-reference-home *::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}


/* Phone storefront: keep four high-intent category shortcuts visible; full navigation remains under Menu. */
@media(max-width:760px){
  html.ot-reference-home .ot-ref-header .ot-ref-nav{
    display:block!important;
    overflow:hidden!important;
    border-top:1px solid #e5edf4!important;
    border-bottom:1px solid #d9e4ee!important;
    background:#fff!important;
  }
  html.ot-reference-home .ot-ref-header .ot-ref-nav>.ot-ref-width{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    gap:0!important;
  }
  html.ot-reference-home .ot-ref-header .ot-ref-nav>.ot-ref-width>:nth-child(n+5){
    display:none!important;
  }
  html.ot-reference-home .ot-ref-header .ot-ref-nav>.ot-ref-width>.ot-ref-nav-item,
  html.ot-reference-home .ot-ref-header .ot-ref-nav>.ot-ref-width>a{
    display:flex!important;
    min-width:0!important;
    width:100%!important;
  }
  html.ot-reference-home .ot-ref-header .ot-ref-nav>.ot-ref-width>.ot-ref-nav-item>button,
  html.ot-reference-home .ot-ref-header .ot-ref-nav>.ot-ref-width>a{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    height:42px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 5px!important;
    border-right:1px solid #e3ebf2!important;
    overflow:hidden!important;
    text-align:center!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:10px!important;
    line-height:1!important;
  }
  html.ot-reference-home .ot-ref-header .ot-ref-nav .ot-ref-menu{display:none!important}
}
@media(max-width:360px){
  html.ot-reference-home .ot-ref-header .ot-ref-nav>.ot-ref-width>.ot-ref-nav-item>button,
  html.ot-reference-home .ot-ref-header .ot-ref-nav>.ot-ref-width>a{
    padding-inline:3px!important;
    font-size:9px!important;
  }
}


/* 2026-09-23 final responsive + speed guard */
html.ot-reference-home .ot-mobile-quick-link{display:none!important}
html.ot-reference-home #otThemeToggle,
html.ot-reference-home .ot-theme-toggle{min-width:40px!important;min-height:40px!important;width:40px!important;height:40px!important;padding:0!important}

@media(max-width:760px){
  html.ot-reference-home .ot-ref-finder .ot-ref-width,
  html.ot-reference-home .ot-ref-finder-card,
  html.ot-reference-home .ot-ref-finder-card>*,
  html.ot-reference-home .ot-ref-finder-card>div:last-child,
  html.ot-reference-home .ot-ref-finder-copy,
  html.ot-reference-home .ot-ref-findtabs,
  html.ot-reference-home .ot-ref-findform{
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
  }
  html.ot-reference-home .ot-ref-finder-card{overflow:hidden!important}
  html.ot-reference-home .ot-ref-findtabs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    overflow:hidden!important;
  }
  html.ot-reference-home .ot-ref-findtabs span{
    display:flex!important;
    min-width:0!important;
    width:100%!important;
    padding:0 6px!important;
    white-space:normal!important;
    text-align:center!important;
    line-height:1.15!important;
  }
  html.ot-reference-home .ot-ref-findform{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  html.ot-reference-home .ot-ref-findform select,
  html.ot-reference-home .ot-ref-findform input,
  html.ot-reference-home .ot-ref-findform button{
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  html.ot-reference-home .ot-ref-findform button{grid-column:auto!important}
  html.ot-reference-home .ot-ref-header .ot-ref-nav>.ot-ref-width>*:not(.ot-mobile-quick-link){display:none!important}
  html.ot-reference-home .ot-ref-header .ot-ref-nav>.ot-ref-width>.ot-mobile-quick-link{
    display:flex!important;
    min-width:0!important;
    width:100%!important;
    height:42px!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

@media(min-width:761px) and (max-width:860px){
  html.ot-reference-home .ot-ref-mainbar .ot-ref-width{
    grid-template-columns:160px minmax(260px,1fr) 180px!important;
    gap:10px!important;
  }
  html.ot-reference-home .ot-ref-account{
    display:flex!important;
    min-width:48px!important;
    min-height:40px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  html.ot-reference-home .ot-ref-nav{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }
  html.ot-reference-home .ot-ref-nav::-webkit-scrollbar{display:none!important}
  html.ot-reference-home .ot-ref-nav>.ot-ref-width{
    display:flex!important;
    width:max-content!important;
    min-width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    justify-content:flex-start!important;
  }
  html.ot-reference-home .ot-ref-nav>.ot-ref-width>.ot-ref-nav-item,
  html.ot-reference-home .ot-ref-nav>.ot-ref-width>a{
    display:flex!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
  }
  html.ot-reference-home .ot-ref-nav>.ot-ref-width>.ot-ref-nav-item>button,
  html.ot-reference-home .ot-ref-nav>.ot-ref-width>a{
    width:auto!important;
    min-width:0!important;
    height:44px!important;
    padding:0 14px!important;
    white-space:nowrap!important;
  }
  html.ot-reference-home .ot-mobile-quick-link{display:none!important}
}


/* Used OEM callout contrast fix — 2026-09-23 */
html.ot-reference-home .ot-ref-used-card h2{
  color:#1a2f4f!important;
}
html.ot-reference-home .ot-ref-used-card p{
  color:#4f6480!important;
}
html.ot-reference-home .ot-ref-used-eyebrow{
  color:#1559c2!important;
}
html.ot-reference-home .ot-ref-used-card>a,
html.ot-reference-home .ot-ref-used-card>a:visited{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  background:linear-gradient(180deg,#3d78e8 0%,#2d5fd1 100%)!important;
  text-shadow:none!important;
}
html.ot-reference-home .ot-ref-used-card>a:hover,
html.ot-reference-home .ot-ref-used-card>a:focus-visible{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  background:linear-gradient(180deg,#2f6ee3 0%,#2455c3 100%)!important;
}