html[data-device=iphone] body,html[data-device=ipad] body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}html[data-device=iphone] .topline{padding-top:env(safe-area-inset-top);height:calc(30px + env(safe-area-inset-top))}html[data-device=iphone] .hero{height:calc(var(--device-vh,1vh)*100 - 114px)}html[data-device=iphone] button,html[data-device=android] button{min-height:44px}html[data-device=ipad] .room-card{grid-template-columns:55% 45%}html[data-device=ipad] .hero-copy{max-width:56vw}html[data-device=mac] .hero-media img{image-rendering:auto}html[data-touch=true] .cursor{display:none}html[data-touch=true] .room-image .room-carousel-controls button{opacity:1}html[data-device=android] input,html[data-device=android] select,html[data-device=android] textarea,html[data-device=iphone] input,html[data-device=iphone] select,html[data-device=iphone] textarea{font-size:16px}html[data-device=pc] .nav-shell,html[data-device=mac] .nav-shell{transition:background .3s ease}@media(max-width:430px){.nav-actions{gap:8px}.languages button{min-width:30px}.hero-copy{right:20px}.availability label{padding:15px}.booking-main{padding-bottom:calc(35px + env(safe-area-inset-bottom))}}
