/* ===== GALO MOBILE POLISH — readable text, real tap targets, nothing covering content ===== */
@media (max-width:900px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  img,video{max-width:100%}

  /* --- close (✕) buttons: proper 40px tap circles --- */
  .drawer .dh button,.wachat .wh button,.rchat .rh button,.lbox .lx,.psheet .psx,#dclose{
    min-width:40px!important;min-height:40px!important;width:40px;height:40px;display:inline-flex!important;align-items:center;justify-content:center;
    border-radius:50%!important;background:rgba(127,96,50,.1)!important;font-size:17px!important;line-height:1!important;padding:0!important}

  /* --- small controls get a comfortable hit area --- */
  .ga-hiname{padding:8px 0!important;margin:-8px 0!important}
  .v5-all{min-height:36px!important;padding:8px 16px!important}
  .ga-fav{width:36px!important;height:36px!important}
  .iz-flip{min-height:34px!important;padding:0 12px!important}
  .iz-lxa{display:inline-block;padding:10px 0!important}
  .gf a{min-height:40px}

  /* --- menu page: no dead gap above the first category --- */
  #menuRoot{padding-top:6px!important;margin-top:6px!important}
  .csec[data-gth] h2,.csec[data-gth] .cath{font-size:19px!important}

  /* --- franchise side tab: slimmer, slides away while you scroll --- */
  .gs-side{transition:transform .35s ease,opacity .35s ease!important}
  html.gm-scrolling .gs-side,html.gm-tuck .gs-side:not(.gm-open){transform:translateX(72%)!important}
  html.gm-scrolling .gs-side{opacity:.55}

  /* --- forms: 16px inputs stop iOS from zooming in --- */
  input,select,textarea{font-size:16px!important}

  /* --- long words / links never push the page sideways --- */
  p,li,td,a{overflow-wrap:break-word}

  /* --- list links & the old-page burger: finger-sized --- */
  li > a:only-child{display:inline-block;padding:7px 0}
  .burger{min-width:44px!important;min-height:44px!important}
  a[href^="mailto:"],a[href^="tel:"]{display:inline-block;padding:6px 0}
}