/* Shared mobile refinements; retain each page's approved visual identity. */
@media(max-width:900px){
 body{overflow-wrap:break-word}
 header nav a,header nav button,.header nav a,.header nav button,footer>a,footer p a,.intro-links a,.text-link{min-height:44px;display:inline-flex;align-items:center}
 header nav,.header nav{flex-wrap:wrap}
 input,select,textarea{font-size:16px!important;max-width:100%}
 button,input,select,textarea,a{touch-action:manipulation}
 dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
 dialog button.close,dialog [data-close]{min-width:44px;min-height:44px}
 .mobile-actions,.mobile-book{padding-bottom:calc(10px + env(safe-area-inset-bottom))!important}
 .visit-actions,.intro-links,.actions,.hero-actions{flex-wrap:wrap}
 .visit-row,.hours{gap:16px}
 .visit-row>*{min-width:0;overflow-wrap:anywhere}
}
@media(max-width:600px){
 html{scroll-padding-top:110px}
 .rs-home header{flex-wrap:wrap;gap:8px;padding-top:12px;padding-bottom:12px}
 .rs-home header nav{gap:10px}
 .rs-home>nav,.phong-page>nav{flex-wrap:wrap;gap:8px 16px}
 .rs-home>nav a,.rs-home>nav button,.phong-page>nav a{min-height:44px;display:inline-flex;align-items:center;font-size:11px}
 .rs-home .filters{flex-wrap:wrap}
 .rs-home .filters button{min-height:44px}
 .phong-page header{flex-wrap:wrap;gap:8px 16px}
 .phong-page header nav{flex-wrap:wrap;gap:12px}
 .phong-page header nav a{font-size:11px}
 .alist-luxury .hero{padding-top:48px!important;min-height:0!important}
 .alist-luxury .hero-content{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;padding:0 0 32px}
 .alist-luxury .hero h1{font-size:clamp(44px,12vw,66px)!important;overflow-wrap:normal;max-width:100%}
 .alist-luxury .hero-picture{margin-top:0!important}
 .alist-luxury .header nav.open,.alist-original .header nav.open{max-height:calc(100dvh - 165px);overflow:auto}
 .alist-luxury .header nav a,.alist-original .header nav a{width:100%;min-height:44px}
 .bliss-page .tabs{flex-wrap:wrap;overflow:visible}
 .bliss-page .tabs button{min-height:44px;padding:12px 14px;white-space:normal}
 .red-page .visit-actions>*{min-height:48px}
 .huy-page header{flex-wrap:wrap;gap:12px}
 .huy-page header nav{gap:14px}
 .heaven-page .playlist li,.heaven-page .track{min-width:0}
 .heaven-page .music-player{min-width:0;max-width:100%}
 .dj-page .language-switch{position:absolute!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}