/* Mobile shells share the existing ananvillas tokens and font family. */
@media(max-width:900px){
 html{scroll-padding-top:88px}
 body.av-home>#header{position:sticky;top:0;height:calc(64px + env(safe-area-inset-top,0px));z-index:30}
 body.av-home .site-header{height:calc(64px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 12px 0;display:grid;grid-template-columns:44px minmax(0,1fr) 96px;gap:8px;align-items:center}
 body.av-home .site-header .menu-trigger{grid-column:1;grid-row:1;order:0;width:44px;height:44px;justify-content:center;background:transparent!important}
 body.av-home .site-header .brand{position:static;grid-column:2;grid-row:1;order:1;transform:none!important;width:100%!important;max-width:170px;justify-self:center;min-width:0}
 body.av-home .site-header .brand-logo{width:100%!important;max-width:100%;max-height:40px!important}
 body.av-home .site-header .header-right{grid-column:3;grid-row:1;order:2;width:96px;margin:0;justify-content:flex-end}
 body.av-home .site-header .language-select{width:96px;max-width:96px;font-size:16px;min-height:44px;padding:6px 2px}
 body.av-home .aman-menu:not([hidden]){top:calc(64px + env(safe-area-inset-top,0px));padding:12px 24px calc(24px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain}
 body.av-home .aman-menu a{font-size:22px;min-height:60px;line-height:1.4}
 body.av-home .menu-trigger[aria-expanded=true] .hamb{border-color:transparent}
 body.av-home .menu-trigger[aria-expanded=true] .hamb:before,body.av-home .menu-trigger[aria-expanded=true] .hamb:after{content:'';position:absolute;inset:6px 0 auto;border-top:1px solid currentColor;transform:rotate(45deg)}
 body.av-home .menu-trigger[aria-expanded=true] .hamb:after{transform:rotate(-45deg)}
 body.av-home .hero{height:calc(100svh - 64px - env(safe-area-inset-top,0px));min-height:600px}
 body.av-home .hero-content{bottom:16%;left:24px;right:24px;max-width:560px}
 body.av-home .hero h1{font-size:clamp(32px,7.7vw,48px);line-height:1.24;letter-spacing:-.025em}
 body.av-home .hero-actions{display:grid;grid-template-columns:1fr;max-width:340px;gap:12px;margin-top:26px}
 body.av-home .hero-actions .pill{justify-content:space-between;min-height:50px;width:100%;font-size:14px;padding:13px 18px}
 body.av-home .hero-bottom{left:24px;right:24px;bottom:22px}
 body.av-home .hero-sub{font-size:15px;line-height:1.65}
 body.av-home .scroll-link{font-size:11px;min-height:44px}
 body.av-home .section{padding:64px 24px}
 body.av-home .type-tabs{gap:8px}
 body.av-home .type-tabs button{min-height:48px;font-size:15px}
 body.av-home .villa-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}
 body.av-home .villa-actions :is(a,button){justify-content:space-between;min-height:48px;font-size:14px}
 body.av-home :is(input:not([type=checkbox]),textarea,select){font-size:16px!important}
 body.av-home .form-grid{gap:20px;grid-template-columns:1fr}
 body.av-home .form-field,body.av-home .form-grid .full{grid-column:1}
 body.av-home .form-field label,body.av-home .checkbox{font-size:14px;line-height:1.6}
 body.av-home input[type=checkbox]{width:20px;height:20px;flex:none;margin-top:3px;accent-color:var(--av-gold)}
 body.av-home .checkbox{padding:10px 0;min-height:44px}
 body.av-home #privacy-button{min-height:44px;padding:8px}
 body.av-home .footer-bottom{align-items:center;flex-wrap:wrap;gap:12px}
}
@media(max-width:760px){
 body.av-showroom{overscroll-behavior:none}
 body.av-showroom header{height:calc(88px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}
 body.av-showroom header #entry-language{font-size:16px;max-width:115px;padding:6px}
 body.av-showroom #primary-menu>.nav-group>summary{font-size:14px;min-height:44px}
 body.av-showroom .nav-submenu{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important}
 body.av-showroom .mobile-sheet-heading{position:sticky;top:0;z-index:1;padding-block:8px}
 body.av-showroom .mobile-sheet-heading button{width:44px;height:44px}
 body.av-showroom :is(.nav-submenu a,.nav-submenu summary,.nav-submenu button){min-height:48px;line-height:1.5}
 body.av-showroom .nav-submenu a{font-size:15px}
 body.av-showroom #space-select{font-size:16px}
 body.av-tour>header{padding:calc(6px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 6px max(12px,env(safe-area-inset-left,0px));gap:6px;align-content:start}
 body.av-tour>header .av-back{padding-right:10px;min-height:44px;max-width:46%;flex:none}
 body.av-tour>header h1{font-size:15px;line-height:1.4;min-width:40%}
 body.av-tour>header select{font-size:16px!important;min-height:44px;padding:6px 8px}
 body.av-tour>header #room{min-width:96px;max-width:100%;flex:1}
 body.av-tour>header #quality{width:58px;max-width:58px;flex:none}
 body.av-tour>header #entry-language{width:104px;max-width:104px;flex:none}
 body.av-tour>header :is(#finish-link,#model-link){display:flex;align-items:center;justify-content:center;min-height:44px;font-size:12px;text-decoration:none}
 body.av-tour #minimap{left:12px;bottom:calc(125px + env(safe-area-inset-bottom,0px));width:min(260px,calc(100vw - 24px));max-width:none;box-shadow:0 6px 20px #0002}
 body.av-tour #minimap:not(:has(#map-content:not([hidden]))){width:auto;max-width:calc(100vw - 24px)}
 body.av-tour #map-toggle{min-height:44px;padding:10px 12px;font-size:12px;text-align:left;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:0}
 body.av-tour #map-content{max-height:32dvh;overflow:auto;overscroll-behavior:contain}
 body.av-tour>nav{bottom:calc(64px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 24px);gap:2px!important;padding:5px!important}
 body.av-tour>nav :is(#previous,#next){font-size:12px;min-height:44px;max-width:112px;padding:8px}
 body.av-tour>nav button{flex:none;min-width:44px;min-height:44px}
 body.av-tour .status{bottom:calc(8px + env(safe-area-inset-bottom,0px));min-height:36px;padding:7px 10px;max-height:100px;overflow:auto}
 body.av-tour[data-stage=full]:not([data-error]):not([data-loading]) .status #message,body.av-tour[data-stage=loaded]:not([data-error]):not([data-loading]) .status #message{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 body.av-tour .status p{font-size:11px;line-height:1.5}
 body.av-tour .status br{display:none}
 body.av-tour:has(#viewer)>nav{bottom:calc(16px + env(safe-area-inset-bottom,0px))}
 body.av-tour #scope{bottom:calc(78px + env(safe-area-inset-bottom,0px));left:12px;right:12px;max-width:calc(100vw - 24px);font-size:11px}
 body.av-tour #map{min-height:44px;max-width:calc(100vw - 24px)}
 body.av-tour dialog{max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 32px)!important;padding:16px!important;overflow:auto;overscroll-behavior:contain}
 body.av-tour #fallback{top:calc(var(--header-height,110px) + 12px)!important;bottom:130px!important;left:12px;right:12px}
}
@media(max-width:360px){body.av-home .site-header{grid-template-columns:44px minmax(0,1fr) 88px;gap:6px}body.av-home .site-header .header-right,body.av-home .site-header .language-select{width:88px;max-width:88px}body.av-home .site-header .brand,body.av-home .site-header .brand-logo{width:100%!important}body.av-home .hero-content{left:20px;right:20px}body.av-tour>nav :is(#previous,#next){max-width:84px;font-size:11px}body.av-tour>header #entry-language{width:92px;max-width:92px}}
@media(max-height:500px)and(max-width:900px){body.av-home .hero{min-height:560px}body.av-home .aman-menu a{min-height:48px;font-size:19px}}
@media(max-height:500px)and(max-width:760px){body.av-tour #map-content{max-height:35dvh}body.av-tour #minimap{bottom:105px;max-width:200px}body.av-tour .status{min-height:28px;max-height:32px;padding:5px 8px}body.av-tour[data-error] .status,body.av-tour[data-loading] .status{max-height:80px}body.av-tour>nav{bottom:42px}body.av-tour>header h1{min-width:0;flex:1}body.av-tour>header #entry-language{max-width:100px}}
@media(pointer:coarse){body.av-renewal :is(input:not([type=checkbox]),textarea,select){font-size:16px!important}body.av-renewal :is(button,summary,a.control){-webkit-user-select:none;user-select:none;touch-action:manipulation}body.av-renewal :is(button,summary,a.control):active{opacity:.72}}
@media(hover:none){body.av-showroom>nav>button:hover,body.av-showroom>nav>details>summary:hover,body.av-tour>nav>button:hover{background:transparent!important}}