/* Build 40.6.5 — mobile homepage final polish; desktop untouched */
@media(max-width:640px){
  /* Tighten hero: eliminate dead vertical area while preserving composition */
  .hero-inner{min-height:430px!important}
  .hero-car{min-height:430px!important}
  .hero-car img{height:430px!important}
  .hero-copy{padding-top:38px!important;padding-bottom:24px!important}
  .hero-trust{margin-top:18px!important}

  /* Defensive removal of legacy/duplicate hero search controls.
     The canonical mobile search is .search-panel below .hero. */
  .hero .search-panel,
  .hero .premium-search,
  .hero .hero-search,
  .hero .search-box,
  .hero form[class*="search"],
  .hero button[class*="search"]:not(.nan-mobile-nav-toggle){
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /* Clean handoff from hero into canonical search */
  .hero + .search-panel,
  .search-panel{
    margin-top:0!important;
    padding-top:12px!important;
    clear:both!important;
  }

  /* Make horizontal search tabs unmistakably swipeable */
  .search-tabs{
    gap:0!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
    padding-right:34px!important;
    mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 26px),transparent 100%);
    -webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 26px),transparent 100%);
  }
  .search-tabs button{scroll-snap-align:start!important}

  /* Compact monetization CTA so it cannot cover search fields */
  .nan-global-list-launcher{right:10px!important;bottom:10px!important}
  .nan-global-list-trigger{
    width:54px!important;
    min-width:54px!important;
    height:54px!important;
    min-height:54px!important;
    padding:0!important;
    border-radius:999px!important;
    display:grid!important;
    place-items:center!important;
    font-size:0!important;
    line-height:1!important;
  }
  .nan-global-list-trigger>span{
    display:block!important;
    font-size:25px!important;
    line-height:1!important;
    margin:0!important;
  }
  .nan-global-list-trigger::after{
    content:"LIST";
    position:absolute;
    right:62px;
    padding:7px 9px;
    border-radius:8px;
    background:#10241d;
    color:#fff;
    font-size:9px;
    font-weight:800;
    letter-spacing:.5px;
    opacity:0;
    transform:translateX(4px);
    pointer-events:none;
    transition:.18s ease;
  }
  .nan-global-list-trigger:focus::after,
  .nan-global-list-trigger:hover::after{opacity:1;transform:none}

  /* Search content must remain clear of floating CTA */
  .premium-search{padding-bottom:8px!important}
  .home-live-search{padding-bottom:18px!important}
}
@media(max-width:380px){
  .hero-inner,.hero-car{min-height:420px!important}
  .hero-car img{height:420px!important}
}