/* Responsive enhancement layer for all devices */
:root{--container-pad:clamp(16px,3vw,28px)}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto}
input,select,textarea,button{font:inherit}
.container{padding-left:var(--container-pad);padding-right:var(--container-pad)}
@media (max-width: 1200px){
  .header{padding-left:var(--container-pad);padding-right:var(--container-pad)}
}
@media (max-width: 900px){
  .room-slide img{height:300px}
  .detail,.payment-hero{gap:18px}
  .room-thumb img{height:72px}
}
@media (max-width: 640px){
  .hero h1{font-size:34px}
  .page-hero h1{font-size:34px}
  .intro h2,.rooms-section h2,.offer h2{font-size:28px}
  .payment-hero-copy{padding:22px}
  .payment-summary-card{padding:22px}
  .payment-info-grid{grid-template-columns:1fr}
  .room-slide-nav{display:none}
}
@media (hover: none){
  .room-thumb,.room-slide-open,.btn,.book,.outline{min-height:44px}
}