/* v4.3.3 — final desktop/mobile polish.
   Visual-only homepage patch: spacing below dealer chips, tighter section rhythm, cleaner mobile brands. */

/* Desktop: reclaim vertical space without clipping, and add breathing room above dealer CTA. */
@media (min-width:1101px){
  html body.home .edd-v98-home-composition,
  html body.home .edd-v95-shop-partner{
    padding-top:0!important;
    padding-bottom:0!important;
    margin-bottom:0!important;
  }

  /* Reduce the dead space before Shop by Category while keeping a clean gutter. */
  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{
    padding-top:4px!important;
  }

  /* Keep dealer card compact, but do not let the feature pills sit on the red CTA. */
  html body.home .edd-v95-partner-points,
  html body.home .edd-dealer-chips{
    gap:8px!important;
    margin:10px 0 18px!important;
    padding-bottom:2px!important;
    display:flex!important;
    flex-wrap:wrap!important;
  }

  html body.home .edd-v95-partner-actions,
  html body.home .edd-dealer-band-cta{
    margin-top:4px!important;
  }

  html body.home .edd-v95-partner-actions .edd-btn,
  html body.home .edd-dealer-band-cta .edd-btn{
    margin-top:0!important;
    margin-bottom:10px!important;
  }

  /* Pull the brand strip closer to the category/dealer composition and keep it visible. */
  html body.home .edd-reference-brand-strip,
  html body.home .edd-brand-strip.edd-reference-brand-strip{
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    margin-top:0!important;
  }

  html body.home .edd-reference-brand-strip .edd-brand-viewport,
  html body.home .edd-reference-brand-strip .edd-brand-track{
    height:56px!important;
  }

  html body.home .edd-reference-brand-strip .edd-brand-item{
    height:36px!important;
    min-width:88px!important;
    opacity:.74!important;
  }

  html body.home .edd-reference-brand-strip .edd-brand-item img{
    max-height:26px!important;
    max-width:104px!important;
  }

  /* Shop-by-engine stays readable and premium on light gray. */
  html body.home #edd-shop-by-engine,
  html body.home .edd-engines{
    margin-top:0!important;
    padding-top:28px!important;
  }

  html body.home #edd-shop-by-engine .edd-section-head h2,
  html body.home .edd-engines .edd-section-head h2{
    color:#10141a!important;
    -webkit-text-fill-color:#10141a!important;
    text-shadow:none!important;
  }

  html body.home #edd-shop-by-engine .edd-section-head h2 span,
  html body.home .edd-engines .edd-section-head h2 span{
    color:#e50914!important;
    -webkit-text-fill-color:#e50914!important;
  }
}

/* Desktop laptop range: slightly smaller dealer text stack so the CTA has room. */
@media (min-width:1101px) and (max-width:1450px){
  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{
    padding:16px 19px 15px!important;
  }
  html body.home .edd-v98-dealer-node h2,
  html body.home .edd-v95-partner-card h2{
    font-size:19px!important;
    margin-bottom:8px!important;
  }
  html body.home .edd-v98-dealer-node p,
  html body.home .edd-v95-partner-card p{
    font-size:10.5px!important;
    line-height:1.18!important;
    margin-bottom:10px!important;
  }
  html body.home .edd-v95-partner-points,
  html body.home .edd-dealer-chips{
    margin:9px 0 17px!important;
  }
}

/* Tablet and mobile: make the brand row intentional, compact, and swipeable. */
@media (max-width:1100px){
  html body.home .edd-reference-brand-strip,
  html body.home .edd-brand-strip.edd-reference-brand-strip{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
    padding:14px 16px 12px!important;
    background:#fff!important;
    border-top:1px solid #edf0f3!important;
    border-bottom:1px solid #edf0f3!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  html body.home .edd-reference-brand-strip .edd-brand-label{
    display:flex!important;
    align-items:baseline!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-width:0!important;
  }

  html body.home .edd-reference-brand-strip .edd-brand-label span{
    display:block!important;
    color:#e50914!important;
    -webkit-text-fill-color:#e50914!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:950!important;
    font-style:normal!important;
    text-transform:uppercase!important;
    margin:0!important;
  }

  html body.home .edd-reference-brand-strip .edd-brand-label small{
    display:block!important;
    color:#10141a!important;
    -webkit-text-fill-color:#10141a!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }

  html body.home .edd-reference-brand-strip .edd-brand-viewport{
    height:52px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    mask-image:linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%)!important;
    -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%)!important;
  }

  html body.home .edd-reference-brand-strip .edd-brand-viewport::-webkit-scrollbar{display:none!important;}

  html body.home .edd-reference-brand-strip .edd-brand-track{
    height:52px!important;
    display:flex!important;
    align-items:center!important;
    gap:22px!important;
    width:max-content!important;
    min-width:100%!important;
    padding:0 16px!important;
  }

  html body.home .edd-reference-brand-strip .edd-brand-item{
    height:42px!important;
    min-width:96px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:.78!important;
    filter:grayscale(1)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    scroll-snap-align:start!important;
  }

  html body.home .edd-reference-brand-strip .edd-brand-item img{
    max-width:104px!important;
    max-height:28px!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
    opacity:1!important;
    filter:grayscale(1)!important;
  }

  html body.home .edd-reference-brand-strip .edd-brand-all{
    display:none!important;
  }

  /* Mobile engine title: remove the bad white text treatment on gray. */
  html body.home #edd-shop-by-engine,
  html body.home .edd-engines{
    background:#f6f7f9!important;
    padding-top:22px!important;
  }

  html body.home #edd-shop-by-engine .edd-section-head,
  html body.home .edd-engines .edd-section-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin-bottom:14px!important;
  }

  html body.home #edd-shop-by-engine .edd-section-head h2,
  html body.home .edd-engines .edd-section-head h2{
    color:#10141a!important;
    -webkit-text-fill-color:#10141a!important;
    text-shadow:none!important;
    font-size:clamp(26px,8vw,38px)!important;
    line-height:1!important;
    letter-spacing:-.04em!important;
    font-weight:950!important;
    font-style:italic!important;
    white-space:normal!important;
  }

  html body.home #edd-shop-by-engine .edd-section-head h2 span,
  html body.home .edd-engines .edd-section-head h2 span{
    color:#e50914!important;
    -webkit-text-fill-color:#e50914!important;
  }

  html body.home #edd-shop-by-engine .edd-section-head a,
  html body.home .edd-engines .edd-section-head a{
    color:#e50914!important;
    -webkit-text-fill-color:#e50914!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:950!important;
    white-space:nowrap!important;
  }
}

@media (max-width:640px){
  html body.home .edd-reference-brand-strip,
  html body.home .edd-brand-strip.edd-reference-brand-strip{
    padding:12px 14px 10px!important;
  }
  html body.home .edd-reference-brand-strip .edd-brand-label{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:5px!important;
  }
  html body.home .edd-reference-brand-strip .edd-brand-viewport,
  html body.home .edd-reference-brand-strip .edd-brand-track{
    height:48px!important;
  }
  html body.home .edd-reference-brand-strip .edd-brand-track{
    gap:18px!important;
  }
  html body.home .edd-reference-brand-strip .edd-brand-item{
    height:38px!important;
    min-width:88px!important;
  }
}