/* Signature Nails: uncropped mobile master portrait, 1024 x 1536.
   The full approved artwork, INCLUDING all seven printed buttons, occupies
   exactly the same 2:3 box as seven accessible transparent hit targets.
   This layer is intentionally mobile-only; desktop/inner salon stay intact. */
.phone>.portrait-poster{display:none!important}
@media(max-width:700px){
 body.welcome-mode{
   height:auto!important;min-height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;
   background:#f9e7e6!important;
 }
 body.welcome-mode #demo-mode-banner{
   position:sticky!important;top:0!important;
 }
 body.welcome-mode .layout{
   display:flex!important;flex-direction:column!important;
   align-items:center!important;justify-content:flex-start!important;
   width:100%!important;height:auto!important;min-height:0!important;
   margin:0!important;padding:0 0 env(safe-area-inset-bottom)!important;
   overflow:visible!important;background:#f9e7e6!important;
 }
 body.welcome-mode .phone{
   display:block!important;position:relative!important;
   top:auto!important;flex:0 0 auto!important;
   width:min(100%,500px)!important;max-width:100%!important;
   height:auto!important;min-height:0!important;max-height:none!important;
   aspect-ratio:2 / 3!important;
   margin:0 auto!important;padding:0!important;gap:0!important;
   border-radius:0!important;box-shadow:none!important;
   background:#f9e7e6!important;overflow:hidden!important;
   isolation:isolate!important;
 }
 /* Keep the legacy landscape poster loaded for desktop/inner-page branding. */
 body.welcome-mode .phone>.poster{
   display:block!important;position:absolute!important;inset:0!important;
   width:100%!important;height:100%!important;object-fit:contain!important;
   opacity:0!important;pointer-events:none!important;
 }
 body.welcome-mode .phone::before,
 body.welcome-mode .phone::after{
   content:none!important;display:none!important;
 }
 body.welcome-mode .phone>.portrait-poster{
   display:block!important;position:absolute!important;inset:0!important;
   width:100%!important;height:100%!important;max-width:none!important;
   object-fit:contain!important;object-position:center center!important;
   border-radius:0!important;margin:0!important;padding:0!important;
   opacity:1!important;z-index:1!important;pointer-events:none!important;
 }
 body.welcome-mode .phone>.hotspot{
   display:block!important;position:absolute!important;z-index:6!important;
   inset:auto!important;width:auto;height:auto;min-width:0!important;min-height:0!important;
   margin:0!important;padding:0!important;
   border:1px solid transparent!important;border-radius:15px!important;
   background:transparent!important;color:transparent!important;
   box-shadow:none!important;font-size:0!important;
   text-indent:-9999px!important;overflow:hidden!important;
   cursor:pointer!important;-webkit-tap-highlight-color:rgba(113,48,67,.2);
 }
 body.welcome-mode .phone>.hotspot::after{content:none!important}
 body.welcome-mode .phone>.book{
   left:8.1%!important;top:59.65%!important;width:83.9%!important;height:6.75%!important;
 }
 body.welcome-mode .phone>.services{
   left:8.2%!important;top:67.10%!important;width:40.8%!important;height:6.05%!important;
 }
 body.welcome-mode .phone>.gallery{
   left:50.5%!important;top:67.10%!important;width:40.9%!important;height:6.05%!important;
 }
 body.welcome-mode .phone>.signin{
   left:8.2%!important;top:74.15%!important;width:40.8%!important;height:6.05%!important;
 }
 body.welcome-mode .phone>.signup{
   left:50.5%!important;top:74.15%!important;width:40.9%!important;height:6.05%!important;
 }
 body.welcome-mode .welcome-bottom-controls{
   display:grid!important;position:absolute!important;z-index:6!important;
   left:8.2%!important;right:8.4%!important;top:81.05%!important;
   width:auto!important;height:6.5%!important;bottom:auto!important;
   grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
   gap:1.7%!important;align-items:stretch!important;margin:0!important;padding:0!important;
 }
 body.welcome-mode .welcome-bottom-controls button,
 body.welcome-mode .welcome-bottom-controls #welcome-explore{
   display:block!important;position:relative!important;inset:auto!important;
   top:auto!important;left:auto!important;
   width:100%!important;height:100%!important;min-height:0!important;
   padding:0!important;margin:0!important;
   border:1px solid transparent!important;border-radius:14px!important;
   background:transparent!important;color:transparent!important;
   box-shadow:none!important;font-size:0!important;
   text-indent:-9999px!important;overflow:hidden!important;cursor:pointer!important;
 }
 body.welcome-mode .phone>.hotspot:focus-visible,
 body.welcome-mode .welcome-bottom-controls button:focus-visible{
   outline:3px solid #74344b!important;outline-offset:-3px!important;
   background:rgba(255,255,255,.18)!important;
 }
 body.welcome-mode #legacy-owner-shortcut{display:none!important}
}
@media(prefers-reduced-motion:reduce){
 body.welcome-mode .phone>.hotspot{transition:none!important}
}