/* 2026-09-23 owner: mobile polish, loaded last. Phone layout only, desktop untouched. */
html,body{overflow-x:hidden}
@media(max-width:720px){
 .topline{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center}
 .topline b{grid-column:1;grid-row:1;font-size:20px;justify-self:start;text-align:left}
 .topline #service-name{grid-column:1;grid-row:2;font-size:13px;color:#b8c5cd}
 .topline .back{grid-column:2;grid-row:1/3;padding:9px 12px;font-size:13px;white-space:nowrap}
 .rental-debit-note{padding:10px 12px;gap:10px}
 .rental-debit-note strong{font-size:14px}
 .rental-debit-note span span{font-size:12px}
 .preview-notice{font-size:12px;line-height:1.45}
 #pricing-preview h2,.workspace h2{font-size:30px;letter-spacing:-.02em}
 /* car cards: image on top, text, then the price block and a full-width Select, nothing clipped */
 #results .vehicle.fleet-vehicle{display:grid;grid-template-columns:1fr;gap:0;overflow:hidden;border-radius:12px}
 #results .vehicle.fleet-vehicle img{width:100%;min-width:0;height:auto;aspect-ratio:16/9;object-fit:cover;align-self:auto}
 #results .fleet-vehicle>span{padding:14px 16px 0}
 .workspace.has-priced-fleet .fleet-price{grid-column:1;display:grid;grid-template-columns:1fr;gap:4px;padding:10px 16px 16px}
 .workspace.has-priced-fleet .fleet-price b{white-space:normal;font-size:22px}
 .workspace.has-priced-fleet .fleet-price>small{grid-column:1;margin-top:2px}
 .fleet-select-label{width:100%;margin-top:12px}
 .fleet-selection-bar{gap:10px}
 .fleet-selection-bar button.primary{width:100%}
}
/* owner 2026-09-23: the finger also lives on phones and tablets, shown on each tap (panel.js), the
   original kiosk rules hid it there */
@media(max-width:720px),(pointer:coarse){html.hand-active .touch-hand{display:block!important}}
/* touch-mode hand: fixed 420px box so the fingertip maths in panel.js holds, scaled by the inline transform */
.touch-hand.touch-mode{width:420px!important;height:auto!important;transform-origin:0 0!important;filter:drop-shadow(0 6px 10px #0006)!important}
@media(max-width:720px){
 .arrival-title h1{font-size:clamp(40px,11.5vw,48px)!important;margin:20px 0!important;letter-spacing:-.04em!important}
 .arrival-title{padding-right:16px!important}
}