/* AutoDeal — mobile hero layout parity, 2026-10-16.
   Light mode remains the layout reference. Dark palette and desktop unchanged. */
@media (max-width:760px) {
  html[data-theme="dark"] .hero {
    padding:0!important;
  }
  html[data-theme="dark"] .hero .hero-inner {
    padding:24px 0!important;
    min-height:0!important;
  }
  html[data-theme="dark"] .hero .hero-copy {
    max-width:100%!important;
    padding:0!important;
  }
  html[data-theme="dark"] .hero .hero-copy .eyebrow {
    font-size:10px!important;
  }
  html[data-theme="dark"] .hero .hero-copy h1 {
    font-size:clamp(27px,7.8vw,37px)!important;
    line-height:1.09!important;
    letter-spacing:-.035em!important;
    margin:12px auto 9px!important;
  }
  html[data-theme="dark"] .hero .hero-copy > p {
    font-size:13px!important;
    line-height:1.45!important;
    max-width:96%!important;
  }
  html[data-theme="dark"] .hero .hero-search-wrap {
    margin:19px auto 0!important;
  }
  html[data-theme="dark"] .hero .hero-search-tabs {
    margin-bottom:7px!important;
  }
  html[data-theme="dark"] .hero .air-search {
    padding:8px 10px!important;
    border-width:1.5px!important;
    border-radius:21px!important;
  }
  html[data-theme="dark"] .hero .air-field {
    min-height:52px!important;
    padding:7px 10px!important;
  }
  html[data-theme="dark"] .hero .air-search-btn {
    min-height:46px!important;
    height:46px!important;
    margin-top:6px!important;
  }

  /* Bigger text in the two search tabs, without enlarging their capsules. */
  html[data-theme="light"] .hero .hero-search-tab,
  html[data-theme="dark"] .hero .hero-search-tab {
    font-size:clamp(13px,3.8vw,15.5px)!important;
    line-height:1.25!important;
    letter-spacing:-.015em!important;
    white-space:nowrap!important;
  }
}
@media (max-width:370px) {
  html[data-theme="dark"] .hero .hero-inner {
    padding-top:20px!important;
    padding-bottom:22px!important;
  }
  html[data-theme="dark"] .hero .hero-copy h1 {
    font-size:27px!important;
  }
}