/* Mobile refinement — Club&Cars, 7 October 2026 */
@media(max-width:640px){
 html{scroll-padding-top:128px}
 header{height:auto;min-height:110px;display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:4px 5% 0}
 header .logo-frame{width:126px;height:62px}
 header .logo-frame img{width:150px;height:150px;left:-12px;top:-43px}
 header .contact-nav{font-size:11px;min-height:44px;padding:10px 12px;gap:8px}
 header nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;gap:14px;overflow-x:auto;white-space:nowrap;width:100%;border-top:1px solid #ffffff16;scrollbar-width:none}
 header nav a{display:flex;align-items:center;min-height:44px;font-size:11px;flex-shrink:0}
 .hero{min-height:570px;height:calc(100svh - 110px);max-height:740px}
 .hero-content{padding:80px 6% 85px}
 .hero h1{font-size:clamp(34px,9.5vw,48px);line-height:1.12}
 .hero-description{font-size:15px;line-height:1.65}
 .hero .actions{flex-wrap:wrap;gap:14px;margin-top:28px}
 .hero .actions a{font-size:13px;min-height:48px}
 .hero .eyebrow,.eyebrow{font-size:10px;letter-spacing:.14em}
 .section{padding-top:54px;padding-bottom:54px}
 .filter-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:16px}
 .filter-bar label{font-size:10px;padding:0;border:0;min-width:0}
 .filter-bar label:nth-child(3){grid-column:1/-1;grid-row:2}
 .filter-bar label:nth-child(4){grid-column:1;grid-row:3}
 .filter-bar select,.filter-bar input{font-size:16px;width:100%;min-width:0;min-height:44px}
 .filter-bar button{grid-column:2;grid-row:3;min-height:44px;font-size:13px;align-self:end}
 .results-line{font-size:12px}
 .car-body{padding:22px}.version{font-size:14px}.specs{font-size:12px;flex-wrap:wrap;gap:10px 18px}
 .detail-button,.load-more,.button{min-height:48px;font-size:14px}
 .range-card .button{font-size:14px}.range-card{padding:22px 18px}.range-card-top{font-size:10px}
 .range-tagline,.range-note{font-size:14px}
 .place-copy p,.services p{font-size:15px;line-height:1.7}
 .place-copy>div{display:flex;flex-wrap:wrap;gap:12px}.place-copy a{font-size:13px;min-height:48px}
 .review-links a{min-height:245px;padding:25px 20px}
 .floating-wa{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:54px;height:54px;padding:14px;font-size:0;gap:0!important;border-radius:50%}
 .floating-wa .ui-icon{width:26px!important;height:26px!important;min-width:26px!important;flex-basis:26px!important}
 footer{padding-bottom:80px}.footer-bottom{font-size:11px;padding-bottom:0}
 dialog,#test-drive-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
 .modal-grid,.td-layout{grid-template-columns:minmax(0,1fr)}
 .close-dialog,.close-td{min-width:44px;min-height:44px;z-index:5;right:10px;top:10px}
 .modal-copy,.td-copy{padding:25px 20px}.modal-copy p,.td-copy>p{font-size:14px;line-height:1.6}
 .modal-specs{font-size:13px}.modal-copy .button,.td-copy .button{font-size:14px;white-space:normal}
 .td-copy select{font-size:16px;min-height:48px}.td-copy label{font-size:11px}
 #td-summary,.td-copy .td-note{font-size:12px;line-height:1.6}
 .gallery-toolbar button{min-height:44px;font-size:13px}.gallery-count{font-size:14px}
 .gallery-thumbs{scroll-snap-type:x proximity}.gallery-thumbs button{scroll-snap-align:center;min-height:56px}
 .closing h2{font-size:34px}.closing>div{padding:60px 6%}.closing .button{max-width:100%;font-size:14px;padding:16px}
}
@media(max-width:360px){header nav{gap:10px}header nav a{font-size:10px}header .contact-nav{font-size:10px;padding:10px 8px}.hero-content{padding-top:60px}.hero h1{font-size:34px}.footer-contacts a[href^="mailto:"]{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}