/* #ux-all row 3 — ตลาดรถ (/, /rent, /sale, /owner, /host, /admin) · docs/cowork/ux-all-platforms.md criteria 2–7
   Loaded after each page's own <style>. Sizes only: no text, URL, data or money logic. brand.css (logo, TH/EN, footer links) = row 0. */

/* 3. every text box ≥ 16px so iOS does not zoom in */
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]), select, textarea{font-size:16px !important}

/* 2. touch: anything pressable ≥ 44px tall (padding / hit area, not bigger letters) */
@media (pointer:coarse), (max-width:1099px){
  button:not(.ux-free), a.btn, .tab, select,
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]){min-height:44px}
  a.btn, a.btn-primary, a.btn-ghost, a.btn-rent, a.btn-host, a.go, a.buy-tok{display:inline-flex; align-items:center; justify-content:center; min-height:44px}
  summary{min-height:44px; display:flex; align-items:center; gap:6px}
  summary::-webkit-details-marker{display:none}
  details > summary::before{content:'▸'; font-size:12px; opacity:.6}
  details[open] > summary::before{content:'▾'}
  /* small icon buttons: keep the look, grow the tap area */
  button.xbtn, .card button[aria-label], button.x, .ib-acts .x{min-width:44px; min-height:44px}
  label:has(> input[type=checkbox]), label:has(> input[type=radio]){min-height:44px; display:flex; align-items:center; gap:8px}
  input[type=checkbox], input[type=radio]{width:20px; height:20px}
  .linkbtn{min-height:44px; padding:0 4px}
  .btn-sm{min-height:44px}
  .nav a, .adm-switch a, .safety-cta a{display:inline-flex; align-items:center; min-height:44px}
}

/* 4. smallest label text 12px */
.ref, .pack .lbl, .cal-wd{font-size:12px}

/* 6. phone: pop-ups slide up from the bottom, never taller than the screen */
@media (max-width:599px){
  .overlay{align-items:flex-end; padding:0}
  .overlay .modal{max-width:none; border-radius:18px 18px 0 0; max-height:92dvh}
  /* 5. long form: the main buttons stay in reach of the thumb */
  .overlay .modal .modal-actions{position:sticky; bottom:-24px; margin:16px -24px -24px; padding:10px 24px calc(10px + env(safe-area-inset-bottom)); background:var(--surface); box-shadow:0 -8px 16px -12px rgba(0,0,0,.3); z-index:2}
}

/* 7. tablet / computer: every page here already caps main at 980–1200px centred (no rule needed) */