
@media(max-width:650px){
  html,body{width:100%;overflow-x:hidden}
  .wrap{width:calc(100% - 24px)}
  .header{height:auto;min-height:63px;flex-wrap:wrap;padding:8px 0;row-gap:6px}
  .brand{flex:1 1 auto}
  .header-right{width:100%;justify-content:space-between;gap:4px}
  .language-select{width:88px;max-width:88px;font-size:9px;padding:7px 3px}
  .location,.icon-btn{font-size:9px;padding:7px 3px;white-space:nowrap}
  .sell-btn{padding:8px 9px;font-size:8px;white-space:nowrap}
  .gallery{height:auto;grid-template-columns:1fr}
  .gallery-main{height:min(58vw,260px)}
  .gallery-alt{height:82px;display:flex;overflow-x:auto;grid-template-columns:none;grid-template-rows:none;gap:6px}
  .gallery-tile{flex:0 0 92px;min-width:92px}
  .overlay{padding:0;align-items:stretch}
  .dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0}
  .detail{padding:12px 12px 24px}
  .vehicle-gallery{height:auto;grid-template-columns:1fr;gap:6px}
  .vehicle-main{height:min(58vw,260px)}
  .vehicle-tiles{height:82px;display:flex;overflow-x:auto;grid-template-columns:none;grid-template-rows:none;gap:6px}
  .vehicle-tiles button{flex:0 0 120px;min-width:120px}
  .vehicle-label{font-size:8px}
  .seller-form input,.seller-form textarea{font-size:16px}
  .seller-form button,.category,.save,.dialog-close{min-height:40px}
  .category{padding:10px 14px}
  .card-photo{height:clamp(125px,40vw,190px)}
}
@media(max-width:380px){.brand-name small{letter-spacing:1.2px}.hero h1{font-size:37px}.grid{gap:6px}.card-info{padding:8px}.card-price{font-size:13px}.deal-tag{font-size:6px}}
