/* FARO Mobile Layout Lock v1.0 — 2026-08-29
   Purpose: keep phone page STRUCTURE stable even when the device's OS display/font
   size is changed. The head viewport script gives phones a fixed 390 CSS-px layout
   viewport. User pinch zoom remains available by design.
*/
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html.faro-phone-layout,
html.faro-phone-layout body {
  min-width: 0;
  max-width: none;
}
html.faro-phone-layout body {
  overflow-x: hidden;
}
html.faro-phone-layout img,
html.faro-phone-layout video,
html.faro-phone-layout iframe {
  max-width: 100%;
}
/* Defensive phone invariants. With a 390px layout viewport these are normally
   already selected by existing <=767px rules; these declarations prevent a later
   stylesheet edit from accidentally turning core public grids into tablet columns. */
html.faro-phone-layout .grid,
html.faro-phone-layout .product-grid,
html.faro-phone-layout #storeList {
  grid-template-columns: 1fr;
}
/* Do not disable zoom. Accessibility/user-controlled pinch zoom is intentional. */