/* Mobile usability and layout stability */
[hidden]{display:none!important}
img{max-width:100%}
input,select,textarea{max-width:100%;font-size:16px}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #6B4CE0;outline-offset:3px}
#bk-fields{min-width:0}#bk-fields .form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
#bk-fields input:not([type=checkbox]),#bk-fields select{width:100%;min-height:48px;padding:12px;border:1px solid #c9bfdc;border-radius:10px;background:#fff;color:#231A50}
#bk-avail{min-height:1.6em}#bk-pay:disabled{opacity:.6;cursor:wait}
@media(max-width:700px){
.wrap{padding-left:18px;padding-right:18px}section{padding-top:40px;padding-bottom:40px}
.hero{padding:24px 0 40px}.hero-inner{grid-template-columns:1fr;padding:24px 20px;gap:24px;border-radius:22px}
.hero-copy{padding-left:15px}.hero h1{font-size:32px}.hero-photo{min-height:0;height:auto}
.hero-photo .frame{position:relative;right:auto;top:auto;transform:none;width:100%;max-width:400px;margin:auto;aspect-ratio:486/522}
.btn{max-width:100%;white-space:normal;text-align:center;justify-content:center;min-height:44px;padding:12px 20px}
header .wrap{gap:12px}header .btn{font-size:12px;padding:10px 14px}
.foot-grid{grid-template-columns:1fr 1fr;gap:24px}.foot-brand{grid-column:1/-1}
.reading{min-width:0}p,a{overflow-wrap:break-word}.tbl td{padding:12px 10px}
#bk-pay{width:100%}.cta-band{padding:28px 18px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Compact mobile booking action */
.mobile-booking-cta{display:none}
@media(max-width:700px){
 header .btn{font-size:11px;line-height:1.2;padding:9px 13px;min-height:40px;border-radius:999px;box-shadow:none}
 header .wrap.nav{padding-left:16px;padding-right:16px}
 header .logo{font-size:21px}
 body.has-mobile-booking{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
 .mobile-booking-cta{display:inline-flex;position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:90;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:calc(100% - 32px);min-height:48px;padding:12px 22px;border-radius:999px;background:linear-gradient(135deg,#6544cd,#493091);color:#fff;text-decoration:none;font-family:'Poppins',system-ui,sans-serif;font-size:13px;font-weight:600;line-height:1.35;box-shadow:0 6px 22px rgba(55,31,111,.25);border:1px solid rgba(255,255,255,.35)}
 .mobile-booking-cta svg{width:18px;height:18px;flex:none}
 .mobile-booking-cta:active{transform:translateX(-50%) scale(.98)}
 body:has(input:focus) .mobile-booking-cta,body:has(textarea:focus) .mobile-booking-cta,body:has(select:focus) .mobile-booking-cta{display:none}
}

#bk-status{white-space:pre-line;overflow-wrap:anywhere}#bk-meet{margin-top:16px;display:inline-flex}

/* Keep the homepage white hero card inset from phone edges. */
@media(max-width:700px){
 .hero > .hero-inner{width:calc(100% - 32px);margin-left:auto;margin-right:auto;box-sizing:border-box}
}