/* v4.2.99 ABOVE-THE-FOLD COMPOSITION LOCK
   Goal: match approved desktop reference above the fold. Visual-only: no WooCommerce,
   filters, cart, checkout, product, menu, dealer URL, or Customizer image data changes. */
@media (min-width:1101px){
  html body.home,
  html body.home .edd-home,
  html body.home .edd-home-main,
  html body .edd-reference-home,
  html body .edd-reference-home .edd-home-main{
    background:#f6f7f9!important;
    overflow:visible!important;
  }

  /* Header: slightly tighter so the first viewport matches the approved comp. */
  html body.home .edd-header,
  html body.home .edd-header-exact{
    height:96px!important;
    min-height:96px!important;
    max-height:96px!important;
    background:#05070a!important;
    border-bottom:2px solid #e50914!important;
    overflow:visible!important;
  }
  html body.home .edd-header-inner{
    height:96px!important;
    min-height:96px!important;
    max-height:96px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    align-items:stretch!important;
  }
  html body.home .edd-logo{
    height:96px!important;
    min-height:96px!important;
    align-items:center!important;
  }
  html body.home .edd-logo img,
  html body.home .edd-logo .custom-logo,
  html body.home .edd-logo .edd-custom-logo{
    max-height:78px!important;
    width:auto!important;
    object-fit:contain!important;
  }
  html body.home .edd-nav,
  html body.home .edd-nav a,
  html body.home .edd-header-actions,
  html body.home .edd-deals{
    height:96px!important;
    min-height:96px!important;
  }

  /* Hero: zoomed out vertically so hero + trust + category + brands fit in one viewport. */
  html body.home .edd-hero,
  html body .edd-reference-home .edd-hero{
    position:relative!important;
    display:block!important;
    height:430px!important;
    min-height:430px!important;
    max-height:430px!important;
    margin:0!important;
    padding:28px 0 0!important;
    background:#05080d!important;
    color:#fff!important;
    overflow:visible!important;
    border-bottom:0!important;
    isolation:isolate!important;
  }
  html body.home .edd-hero:before,
  html body .edd-reference-home .edd-hero:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    display:block!important;
    background-image:linear-gradient(90deg,rgba(3,6,10,.96) 0%,rgba(3,6,10,.84) 28%,rgba(3,6,10,.36) 57%,rgba(3,6,10,.16) 100%),var(--edd-hero-bg)!important;
    background-size:cover!important;
    background-position:center right!important;
    background-repeat:no-repeat!important;
  }
  html body.home .edd-hero:after,
  html body .edd-reference-home .edd-hero:after{
    content:none!important;
    display:none!important;
  }
  html body.home .edd-hero-art,
  html body.home .edd-hero-art-spread,
  html body.home .edd-hero-real-img,
  html body .edd-reference-home .edd-hero-art,
  html body .edd-reference-home .edd-hero-real-img{
    display:none!important;
  }
  html body.home .edd-hero-copy,
  html body .edd-reference-home .edd-hero-copy{
    position:relative!important;
    z-index:2!important;
    width:560px!important;
    max-width:560px!important;
    margin:0 0 0 clamp(54px,6.2vw,100px)!important;
    padding:0!important;
    color:#fff!important;
  }
  html body.home .edd-hero-copy:before,
  html body.home .edd-hero-copy:after,
  html body .edd-reference-home .edd-hero-copy:before,
  html body .edd-reference-home .edd-hero-copy:after{
    content:none!important;
    display:none!important;
  }
  html body.home .edd-hero .edd-kicker,
  html body .edd-reference-home .edd-hero .edd-kicker{
    display:block!important;
    margin:0 0 16px!important;
    color:#f01922!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.085em!important;
    text-transform:uppercase!important;
  }
  html body.home .edd-hero .edd-kicker:after,
  html body .edd-reference-home .edd-hero .edd-kicker:after{
    content:"→"!important;
    margin-left:18px!important;
    color:#f01922!important;
  }
  html body.home .edd-hero h1,
  html body .edd-reference-home .edd-hero h1{
    max-width:575px!important;
    margin:0 0 13px!important;
    color:#fff!important;
    font-family:Inter,Arial,Helvetica,sans-serif!important;
    font-size:clamp(54px,4.05vw,60px)!important;
    line-height:.96!important;
    font-style:normal!important;
    font-weight:950!important;
    letter-spacing:-.045em!important;
    text-transform:uppercase!important;
    text-shadow:0 5px 24px rgba(0,0,0,.55)!important;
  }
  html body.home .edd-hero h1 span,
  html body .edd-reference-home .edd-hero h1 span{
    display:inline!important;
    color:#fff!important;
  }
  /* Remove the generated extra red title dot so the heading does not show duplicate red dots. */
  html body.home .edd-hero h1:after,
  html body .edd-reference-home .edd-hero h1:after{
    content:none!important;
    display:none!important;
  }
  html body.home .edd-hero-copy>p:not(.edd-kicker),
  html body .edd-reference-home .edd-hero-copy>p:not(.edd-kicker){
    max-width:520px!important;
    margin:0!important;
    color:rgba(255,255,255,.88)!important;
    font-size:16px!important;
    line-height:1.36!important;
    font-weight:500!important;
  }
  html body.home .edd-actions,
  html body .edd-reference-home .edd-actions{
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    margin:18px 0 0!important;
    padding:0!important;
  }
  html body.home .edd-hero .edd-btn,
  html body .edd-reference-home .edd-hero .edd-btn{
    height:42px!important;
    min-height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 28px!important;
    border-radius:6px!important;
    font-size:13px!important;
    font-weight:950!important;
    line-height:1!important;
    text-transform:uppercase!important;
  }
  html body.home .edd-rating,
  html body .edd-reference-home .edd-rating{display:none!important;}

  /* Trust/proof row stays attached to the bottom of the hero. */
  html body.home .edd-hero-proof-row,
  html body .edd-reference-home .edd-hero-proof-row{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    z-index:6!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important;
    width:100%!important;
    max-width:none!important;
    min-height:90px!important;
    margin:0!important;
    padding:0 clamp(520px,34vw,590px) 0 clamp(54px,6.2vw,100px)!important;
    border:0!important;
    border-radius:0!important;
    background:rgba(7,11,15,.97)!important;
    box-shadow:0 -1px 0 rgba(255,255,255,.06),0 1px 0 rgba(255,255,255,.06)!important;
    overflow:visible!important;
  }
  html body.home .edd-hero-proof,
  html body .edd-reference-home .edd-hero-proof{
    min-width:0!important;
    min-height:90px!important;
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:2px 14px!important;
    align-items:center!important;
    padding:16px 26px!important;
    border:0!important;
    border-right:1px solid rgba(255,255,255,.16)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#fff!important;
    overflow:hidden!important;
  }
  html body.home .edd-hero-proof:last-child,
  html body .edd-reference-home .edd-hero-proof:last-child{border-right:0!important;}
  html body.home .edd-proof-icon,
  html body .edd-reference-home .edd-proof-icon{
    grid-row:1/3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:42px!important;
    color:#e50914!important;
    font-size:28px!important;
    line-height:1!important;
    border:0!important;
    background:transparent!important;
  }
  html body.home .edd-hero-proof strong,
  html body .edd-reference-home .edd-hero-proof strong{
    display:block!important;
    color:#fff!important;
    font-size:14px!important;
    line-height:1.08!important;
    font-weight:950!important;
    text-transform:uppercase!important;
  }
  html body.home .edd-hero-proof small,
  html body .edd-reference-home .edd-hero-proof small{
    display:block!important;
    color:rgba(255,255,255,.76)!important;
    font-size:13px!important;
    line-height:1.18!important;
  }

  /* Category + dealer composition. Category remains left; dealer floats right and up. */
  html body.home .edd-v98-home-composition,
  html body.home .edd-v95-shop-partner{
    box-sizing:border-box!important;
    position:relative!important;
    z-index:220!important;
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    margin-top:0!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    margin-bottom:0!important;
    padding:0 clamp(54px,6.2vw,100px) 18px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 455px!important;
    gap:44px!important;
    align-items:start!important;
    background:#f6f7f9!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    transition:none!important;
  }
  html body.home .edd-v98-home-composition > .edd-v98-category-node,
  html body.home .edd-v95-shop-partner > .edd-v95-category-panel,
  html body.home .edd-v95-shop-partner > .edd-v98-category-node{
    box-sizing:border-box!important;
    grid-column:1!important;
    grid-row:1!important;
    order:1!important;
    align-self:start!important;
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:18px 0 0!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    transition:none!important;
  }
  html body.home .edd-v95-category-head,
  html body.home .edd-v98-category-node .edd-system-rail__intro{
    margin:0 0 14px!important;
  }
  html body.home .edd-v95-category-head small,
  html body.home .edd-v98-category-node .edd-system-rail__intro small{
    margin-bottom:7px!important;
    font-size:12px!important;
    line-height:1!important;
  }
  html body.home .edd-v95-category-head h2,
  html body.home .edd-v98-category-node .edd-system-rail__intro h2{
    font-size:26px!important;
    line-height:.98!important;
    letter-spacing:-.04em!important;
  }
  html body.home .edd-v98-category-node .edd-system-grid,
  html body.home .edd-v98-category-node .edd-v95-category-grid,
  html body.home .edd-v95-category-panel .edd-v95-category-grid,
  html body.home .edd-v95-category-panel .edd-system-grid{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(108px,1fr))!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
  }
  html body.home .edd-v95-category-card,
  html body.home .edd-v98-category-node .edd-system-rail__card,
  html body.home .edd-v98-category-node .edd-system-card{
    min-height:172px!important;
    height:172px!important;
    padding:13px 14px 12px!important;
    border-radius:7px!important;
  }
  html body.home .edd-v95-category-card img,
  html body.home .edd-v98-category-node .edd-system-rail__card img,
  html body.home .edd-v98-category-node .edd-system-card img{
    height:80px!important;
    max-height:80px!important;
    margin:0 0 11px!important;
    object-fit:contain!important;
  }
  html body.home .edd-v95-category-card strong,
  html body.home .edd-v98-category-node .edd-system-rail__card strong,
  html body.home .edd-v98-category-node .edd-system-card strong{
    font-size:13px!important;
    line-height:1.04!important;
  }
  html body.home .edd-v95-category-card em,
  html body.home .edd-v98-category-node .edd-system-rail__card em{
    font-size:12px!important;
    line-height:1!important;
  }

  html body.home .edd-v98-home-composition > .edd-v98-dealer-node,
  html body.home .edd-v95-shop-partner > .edd-v95-partner-card,
  html body.home .edd-v95-shop-partner > .edd-v98-dealer-node{
    box-sizing:border-box!important;
    grid-column:2!important;
    grid-row:1!important;
    order:2!important;
    justify-self:end!important;
    align-self:start!important;
    position:relative!important;
    z-index:50!important;
    display:block!important;
    width:455px!important;
    max-width:455px!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:-160px 0 0 auto!important;
    padding:27px 30px 23px!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:radial-gradient(circle at 86% 0,rgba(215,25,32,.34),transparent 42%),linear-gradient(145deg,#171b20 0%,#070a0e 76%)!important;
    box-shadow:0 24px 46px rgba(0,0,0,.36)!important;
    color:#fff!important;
    overflow:hidden!important;
    float:none!important;
    clear:none!important;
    transform:none!important;
    transition:none!important;
    opacity:1!important;
    visibility:visible!important;
  }
  html body.home .edd-v98-dealer-node h2,
  html body.home .edd-v95-partner-card h2{
    margin:0 0 12px!important;
    color:#fff!important;
    font-size:27px!important;
    line-height:1.06!important;
    font-style:italic!important;
    font-weight:950!important;
    letter-spacing:-.03em!important;
    text-transform:uppercase!important;
  }
  html body.home .edd-v98-dealer-node h2 span,
  html body.home .edd-v95-partner-card h2 span{display:block!important;color:#f01922!important;}
  html body.home .edd-v98-dealer-node p,
  html body.home .edd-v95-partner-card p{
    max-width:100%!important;
    font-size:15px!important;
    line-height:1.38!important;
    margin-bottom:16px!important;
  }
  html body.home .edd-v95-partner-points,
  html body.home .edd-v98-dealer-node .edd-v95-partner-points{
    margin:14px 0 18px!important;
  }
  html body.home .edd-v95-partner-points span{
    min-height:50px!important;
  }
  html body.home .edd-v95-partner-actions .edd-btn,
  html body.home .edd-v98-dealer-node .edd-btn{
    height:43px!important;
    min-height:43px!important;
  }

  /* Brand strip visible in the first viewport. */
  html body.home .edd-reference-brand-strip,
  html body.home .edd-brand-strip.edd-reference-brand-strip{
    position:relative!important;
    z-index:1!important;
    display:grid!important;
    grid-template-columns:270px minmax(0,1fr) 44px!important;
    align-items:center!important;
    gap:24px!important;
    min-height:86px!important;
    height:86px!important;
    margin:0!important;
    padding:0 clamp(54px,6.2vw,100px)!important;
    background:#fff!important;
    border:0!important;
    border-top:1px solid rgba(16,20,26,.06)!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  html body.home .edd-reference-brand-strip .edd-brand-label span{
    display:block!important;
    margin:0 0 3px!important;
    color:#e50914!important;
    font-size:12px!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
  }
  html body.home .edd-reference-brand-strip .edd-brand-label small{
    display:block!important;
    color:#10141a!important;
    font-size:13px!important;
    font-weight:950!important;
    text-transform:uppercase!important;
  }
  html body.home .edd-reference-brand-strip .edd-brand-track{
    display:flex!important;
    align-items:center!important;
    gap:42px!important;
    animation:none!important;
    transform:none!important;
    width:max-content!important;
  }
  html body.home .edd-reference-brand-strip .edd-brand-item{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:116px!important;
    height:58px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    filter:grayscale(1)!important;
    opacity:.64!important;
  }
  html body.home .edd-reference-brand-strip .edd-brand-item img{
    max-width:132px!important;
    max-height:42px!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
  }
}

@media (min-width:1101px) and (max-width:1450px){
  html body.home .edd-hero,
  html body .edd-reference-home .edd-hero{
    height:430px!important;
    min-height:430px!important;
    max-height:430px!important;
  }
  html body.home .edd-hero-copy,
  html body .edd-reference-home .edd-hero-copy{
    width:515px!important;
    max-width:515px!important;
    margin-left:44px!important;
  }
  html body.home .edd-hero h1,
  html body .edd-reference-home .edd-hero h1{
    font-size:52px!important;
  }
  html body.home .edd-hero-proof-row,
  html body .edd-reference-home .edd-hero-proof-row{
    padding-left:44px!important;
    padding-right:470px!important;
  }
  html body.home .edd-v98-home-composition,
  html body.home .edd-v95-shop-partner{
    padding-left:44px!important;
    padding-right:32px!important;
    grid-template-columns:minmax(0,1fr) 420px!important;
    gap:32px!important;
  }
  html body.home .edd-v98-home-composition > .edd-v98-dealer-node,
  html body.home .edd-v95-shop-partner > .edd-v95-partner-card,
  html body.home .edd-v95-shop-partner > .edd-v98-dealer-node{
    width:420px!important;
    max-width:420px!important;
    margin-top:-154px!important;
    padding:24px!important;
  }
  html body.home .edd-v98-dealer-node h2,
  html body.home .edd-v95-partner-card h2{font-size:24px!important;}
  html body.home .edd-v98-category-node .edd-v95-category-grid,
  html body.home .edd-v95-category-panel .edd-v95-category-grid,
  html body.home .edd-v98-category-node .edd-system-grid,
  html body.home .edd-v95-category-panel .edd-system-grid{
    grid-template-columns:repeat(6,minmax(92px,1fr))!important;
    gap:12px!important;
  }
  html body.home .edd-reference-brand-strip,
  html body.home .edd-brand-strip.edd-reference-brand-strip{
    padding-left:44px!important;
    padding-right:32px!important;
    grid-template-columns:245px minmax(0,1fr) 44px!important;
  }
}

@media (max-width:1100px){
  /* Keep the previous mobile/tablet behavior intact. */
  html body.home .edd-hero h1:after,
  html body .edd-reference-home .edd-hero h1:after{content:none!important;display:none!important;}
}