.formContainer, .resultComtainer main, .resultComtainer aside{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a;min-width:300px;}

.formContainer .ttl{text-align: center;}
.formContainer .formBox1{margin:2rem 0 0;}
.resultComtainer{display:flex;gap:2rem;margin-top:2rem;}
.resultComtainer main{flex:1 1 300px;}

.formBox1 {margin-bottom:3rem;}
.formBox1 form{gap:1rem;flex-wrap: nowrap;align-items: end;}
.formBox1 .group,.formBox1 .btns{flex:1 1 150px;}
.formBox1 label{font-size:.9rem;font-weight:bold;opacity:.7;}
.formBox1 .btns{min-width:230px;}
.formBox1 input, .formBox1 select{background:#f6f6f6;}
.formBox1 input, .formBox1 select, .formBox1 .btns .btn{height:3rem;outline: none;}


.rooms-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;}
.room-card {background-color:#f9f9f9;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:transform 0.3s ease;}
.room-image {height:250px;background-size:cover;background-position: center;}
.room-content {padding:20px;}
.room-content h3 {font-size:24px;margin-bottom:10px;color:#1a3c34;}
.room-content p {color:#666;margin-bottom:15px;}
.room-icons {display:flex;justify-content:center;gap:20px;margin-bottom:20px;}
.room-icons svg {width:24px;height:24px;fill:#d4a373;}
.add-room-btn {background-color:#d4a373;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color 0.3s ease;}
.add-room-btn:hover {background-color:#b88b5a;}

.booking-details{position: sticky;top:2rem;}
.booking-details p {font-size:16px;margin-bottom:10px;color:#1a3c34;}
.booking-details p span {font-weight:700;}
.pay-btn {background-color:#d4a373;color:#fff;padding:12px;border:none;border-radius:5px;font-size:16px;cursor:pointer;width:100%;transition:background-color 0.3s ease;}
.pay-btn:hover {background-color:#b88b5a;}