.hotel-page{background:#f4f9fb;padding:1.25rem 0 5rem}.hotel-hero{display:grid;grid-template-columns:1fr minmax(280px,38%);gap:2rem;align-items:center;background:linear-gradient(135deg,#063b53,#087f8c);color:#fff;border-radius:24px;padding:2rem;margin:1rem 0 1.5rem;overflow:hidden}.hotel-hero h1{font-size:clamp(2rem,4vw,3.5rem);margin:.35rem 0}.hotel-hero p{font-size:1.05rem}.hotel-hero img{width:100%;height:260px;object-fit:cover;border-radius:18px}.hotel-search{padding:1.4rem;margin-bottom:2rem}.hotel-search header{margin-bottom:1rem}.hotel-search h2,.hotel-room-list h2,.hotel-summary h2{margin:.1rem 0 .35rem}.hotel-search form{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr)) auto;gap:.8rem;align-items:end}.hotel-search label,.hotel-summary label,.hotel-quantity label{display:grid;gap:.35rem;font-weight:700}.hotel-search input,.hotel-summary textarea,.hotel-quantity select{min-height:46px;border:1px solid #bdd3db;border-radius:10px;padding:.65rem;background:#fff}.hotel-intro-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.hotel-intro-grid article,.hotel-intro-grid aside{padding:1.6rem}.hotel-intro-grid dl,.hotel-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:0}.hotel-intro-grid dd,.hotel-summary dd{text-align:right;margin:0;font-weight:700}.hotel-booking-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1.5rem;align-items:start}.hotel-room-list>header{margin-bottom:1.25rem}.hotel-room-card{background:#fff;border:1px solid #cfe0e6;border-radius:18px;margin-bottom:1.25rem;overflow:hidden;box-shadow:0 8px 28px rgba(4,51,72,.06)}.hotel-room-info{display:grid;grid-template-columns:220px 1fr;gap:1.2rem;padding:1.2rem}.hotel-room-info img{width:100%;height:160px;object-fit:cover;border-radius:12px}.hotel-room-info h3{font-size:1.4rem;margin:0 0 .4rem}.room-facts{display:flex;flex-wrap:wrap;gap:.45rem;margin:.7rem 0}.room-facts span{background:#eaf8f6;color:#075d63;border-radius:99px;padding:.3rem .65rem;font-size:.85rem}.hotel-room-info ul{display:flex;flex-wrap:wrap;gap:.35rem 1rem;list-style:none;padding:0;margin:.6rem 0;color:#315664}.hotel-rate{display:grid;grid-template-columns:minmax(0,1fr) 220px 190px;gap:1rem;align-items:center;border-top:1px solid #dbe7eb;padding:1.15rem}.hotel-rate h4{margin:0 0 .25rem}.hotel-rate p,.hotel-rate small{margin:.2rem 0;color:#55717d}.hotel-rate-price{display:grid;gap:.2rem}.hotel-rate-price strong{font-size:1.25rem;color:#006d77}.hotel-rate-price span{color:#257c52;font-size:.85rem}.hotel-quantity{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.hotel-rate.unavailable{background:#f5f7f8;opacity:.75}.hotel-summary{position:sticky;top:92px;padding:1.35rem}.hotel-summary dl{border-bottom:1px solid #dbe7eb;padding-bottom:1rem}.hotel-total{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0}.hotel-total strong{font-size:1.55rem;color:#006d77}.hotel-summary textarea{width:100%;resize:vertical}.hotel-summary .check{display:flex;margin:1rem 0;font-weight:500}.hotel-confirm-note{font-size:.86rem;color:#55717d;margin-bottom:0}
@media(max-width:980px){.hotel-search form{grid-template-columns:repeat(3,1fr)}.hotel-booking-layout{grid-template-columns:1fr}.hotel-summary{position:static}.hotel-rate{grid-template-columns:1fr 190px}.hotel-quantity{grid-column:1/-1}.hotel-intro-grid{grid-template-columns:1fr}}
@media(max-width:640px){.hotel-page{padding-top:.5rem}.hotel-hero{grid-template-columns:1fr;padding:1.2rem;border-radius:16px}.hotel-hero img{height:190px}.hotel-search form{grid-template-columns:1fr 1fr}.hotel-search form .button{grid-column:1/-1}.hotel-room-info{grid-template-columns:1fr}.hotel-room-info img{height:210px}.hotel-rate{grid-template-columns:1fr}.hotel-quantity{grid-column:auto}.hotel-summary{border-radius:14px}}