.rdf-hero{min-height:520px;background-size:cover;background-position:center;display:flex}
.rdf-hero-overlay{width:100%;display:flex;align-items:center;background:rgba(0,0,0,.42)}
.rdf-hero-content{max-width:1100px;width:90%;margin:auto;color:#fff;padding:70px 0}
.rdf-hero h1{font-size:clamp(38px,6vw,70px);margin:0 0 18px}
.rdf-hero p{font-size:20px;max-width:650px;margin-bottom:28px}
.rdf-button,.rdf-enquiry-form button{display:inline-block;padding:13px 24px;border:0;border-radius:6px;background:#111;color:#fff;text-decoration:none;cursor:pointer}
.rdf-rooms-section,.rdf-enquiry-section,.rdf-faq-section{max-width:1100px;width:90%;margin:70px auto}
.rdf-section-heading{margin-bottom:28px}
.rdf-section-heading h2{font-size:34px;margin-bottom:15px}
.rdf-section-heading label{display:block;margin-bottom:8px}
#rdf-capacity-filter{padding:10px 12px;min-width:180px}
.rdf-room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.rdf-room-card{border:1px solid #ddd;border-radius:10px;overflow:hidden;background:#fff}
.rdf-room-image{width:100%;height:210px;object-fit:cover;display:block}
.rdf-room-content{padding:20px}
.rdf-room-content h3{margin-top:0}
.rdf-price{font-size:20px;font-weight:700}
.rdf-price span{font-size:14px;font-weight:400}
.rdf-loading{opacity:.55}
.rdf-enquiry-form{border:1px solid #ddd;padding:28px;border-radius:10px}
.rdf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.rdf-form-grid>div{display:flex;flex-direction:column;gap:7px}
.rdf-full{grid-column:1/-1}
.rdf-enquiry-form input,.rdf-enquiry-form select,.rdf-enquiry-form textarea{padding:11px;border:1px solid #bbb;border-radius:5px;font:inherit}
.rdf-enquiry-form button{margin-top:22px}
.rdf-form-status{margin-top:15px}
.rdf-faq-section details{border-bottom:1px solid #ddd;padding:18px 0}
.rdf-faq-section summary{cursor:pointer;font-weight:700}
.rdf-no-results{padding:20px 0}
@media(max-width:800px){
    .rdf-room-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
    .rdf-room-grid,.rdf-form-grid{grid-template-columns:1fr}
    .rdf-full{grid-column:auto}
    .rdf-hero{min-height:440px}
}
