.inner-header{background:rgba(8,8,8,.96)}
.page-hero{height:520px;position:relative;background-size:cover;background-position:center;display:flex;align-items:flex-end}
.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,.18))}
.page-hero-content{position:relative;z-index:2;color:#fff;padding-bottom:70px}
.page-hero-content h1{color:#fff;font-size:clamp(48px,7vw,88px);margin-bottom:12px}
.page-hero-content p:last-child{max-width:650px;color:rgba(255,255,255,.78);font-size:18px}
.soft-bg{background:#f7f3ee}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.value-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 35px rgba(0,0,0,.06)}
.value-card i{font-size:28px;color:#ed3b1f;margin-bottom:18px}
.value-card h3{font-size:24px}
.value-card p{color:#707070}
.rounded-image{width:100%;height:520px;object-fit:cover;border-radius:26px}
.rooms-list{display:grid;gap:40px}
.room-wide{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;background:#f8f5f1;border-radius:28px;overflow:hidden}
.room-wide.reverse-row{grid-template-columns:.9fr 1.1fr}
.room-wide.reverse-row img{order:2}
.room-wide img{width:100%;height:440px;object-fit:cover}
.room-wide>div{padding:45px}
.room-price{font-size:18px}.room-price strong{color:#ed3b1f;font-size:28px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gallery-grid img{width:100%;height:320px;object-fit:cover;border-radius:16px}
.gallery-grid img:nth-child(1),.gallery-grid img:nth-child(5){grid-column:span 2}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.contact-list{display:grid;gap:16px;margin-top:30px}
.contact-list>a,.contact-list>div{display:flex;gap:16px;align-items:center;padding:18px;border:1px solid rgba(0,0,0,.1);border-radius:16px}
.contact-list i{color:#ed3b1f;font-size:22px;width:28px}
.contact-list small{display:block;color:#777;margin-bottom:3px}
.contact-card{background:#111;color:#fff;padding:40px;border-radius:24px}
.contact-card h3{color:#fff;font-size:30px}
.contact-card form{display:grid;gap:14px}
.contact-card input,.contact-card textarea{width:100%;border:1px solid rgba(255,255,255,.15);background:#1b1b1b;color:#fff;padding:15px 16px;border-radius:12px}
.premium-booking-box{background:#fff;border-radius:24px;padding:35px;box-shadow:0 20px 60px rgba(0,0,0,.1)}
.booking-help{text-align:center;margin-top:55px;background:#111;color:#fff;border-radius:24px;padding:45px}
.booking-help h3{color:#fff;font-size:34px}
.booking-help p{color:rgba(255,255,255,.7)}
.booking-help>div{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}
@media(max-width:900px){
  .value-grid{grid-template-columns:1fr 1fr}
  .room-wide,.room-wide.reverse-row{grid-template-columns:1fr}
  .room-wide.reverse-row img{order:0}
  .contact-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .page-hero{height:430px}
  .value-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr}
  .gallery-grid img,.gallery-grid img:nth-child(1),.gallery-grid img:nth-child(5){grid-column:auto;height:250px}
  .room-wide img{height:300px}
  .room-wide>div{padding:28px}
}