.page-header{background:linear-gradient(#00000080,#00000080),url(https://images.unsplash.com/photo-1631049307264-da0ec9d70304?w=1600) center/cover;color:#fff;padding:var(--spacing-xxl) 0;text-align:center;height:60vh;display:flex;flex-direction:column;justify-content:center}.page-header h1{font-size:var(--fs-xxlarge);margin-bottom:var(--spacing-sm);color:#fff;margin-top:100px}.page-header p{font-size:var(--fs-medium);max-width:600px;margin:0 auto}.room-sec{padding-top:0!important}.filters-section{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);top:130px;z-index:100}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.filters-header h3{font-size:var(--fs-large);margin:0}.filter-toggle{display:none;background:var(--primary-color);color:#fff;padding:8px 16px;border-radius:var(--radius-sm);font-size:var(--fs-small)}.filters-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);align-items:end}.filters-form .form-group{margin-bottom:0}.filters-actions{display:flex;gap:var(--spacing-sm)}.filters-actions .btn{flex:1}.rooms-results{margin-bottom:var(--spacing-lg)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-sm)}.results-count{color:var(--text-light);font-size:var(--fs-small)}.results-count strong{color:var(--primary-color);font-size:var(--fs-medium)}.sort-options{display:flex;align-items:center;gap:var(--spacing-sm)}.sort-options label{font-size:var(--fs-small);color:var(--text-dark)}.sort-options select{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--fs-small)}.rooms-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-lg)}.no-rooms{text-align:center;padding:var(--spacing-xxl) 0;color:var(--text-light)}.no-rooms i{font-size:64px;color:var(--primary-color);margin-bottom:var(--spacing-md)}.no-rooms h3{font-size:var(--fs-xlarge);margin-bottom:var(--spacing-sm);color:var(--text-dark)}.no-rooms p{margin-bottom:var(--spacing-lg)}.room-detail-section{padding:var(--spacing-xl) 0}.room-detail{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.room-gallery{position:sticky;top:130px}.main-image{width:100%;height:500px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-md);box-shadow:var(--shadow-lg)}.main-image img{width:100%;height:100%;object-fit:cover}.thumbnail-images{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.thumbnail{height:100px;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:var(--transition-fast)}.thumbnail:hover,.thumbnail.active{border-color:var(--primary-color)}.thumbnail img{width:100%;height:100%;object-fit:cover}.room-info{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.room-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color)}.room-title h1{font-size:var(--fs-xxlarge);margin-bottom:8px;color:var(--text-dark)}.room-number{color:var(--text-light);font-size:var(--fs-small)}.room-pricing{text-align:right}.room-price{display:flex;align-items:baseline;gap:4px;color:var(--primary-color);justify-content:flex-end}.room-price .currency{font-size:var(--fs-medium)}.room-price .amount{font-size:var(--fs-xxlarge);font-weight:700}.room-price .period{font-size:var(--fs-small);color:var(--text-light)}.room-description{margin-bottom:var(--spacing-lg)}.room-description h3{font-size:var(--fs-large);margin-bottom:var(--spacing-sm)}.room-description p{color:var(--text-light);line-height:1.8}.room-features-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.feature-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--background-gray);border-radius:var(--radius-sm)}.feature-item i{color:var(--primary-color);font-size:var(--fs-large)}.feature-item span{color:var(--text-dark);font-weight:500}.room-amenities-list{margin-bottom:var(--spacing-lg)}.room-amenities-list h3{font-size:var(--fs-large);margin-bottom:var(--spacing-md)}.amenities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.amenity-item{display:flex;align-items:center;gap:8px;color:var(--text-light);font-size:var(--fs-small)}.amenity-item i{color:var(--success-color);font-size:12px}.booking-widget{background:var(--border-color);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-top:var(--spacing-lg);box-shadow:#0000000d 0 0 0 1px,#d1d5db 0 0 0 1px inset}.booking-widget h3{font-size:var(--fs-large);margin-bottom:var(--spacing-md);text-align:center}.booking-widget .form-group{margin-bottom:var(--spacing-md)}.booking-widget .btn{width:100%}.booking-summary{background:#fff;padding:var(--spacing-md);border-radius:var(--radius-sm);margin-top:var(--spacing-md)}.summary-row{display:flex;justify-content:space-between;margin-bottom:8px;color:var(--text-dark)}.summary-row.total{font-weight:700;font-size:var(--fs-medium);color:var(--primary-color);padding-top:8px;border-top:2px solid var(--border-color)}.similar-rooms-section{background:var(--background-gray);padding:var(--spacing-xxl) 0}.similar-rooms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}@media(max-width:992px){.room-detail{grid-template-columns:1fr}.room-gallery{position:relative;top:0}.filters-form{grid-template-columns:1fr 1fr}}@media(max-width:768px){.filters-section{position:relative;top:0}.filter-toggle{display:block}.filters-form{display:none;grid-template-columns:1fr;margin-top:var(--spacing-md)}.filters-form.active{display:grid}.room-features-list,.amenities-grid{grid-template-columns:1fr}.thumbnail-images{grid-template-columns:repeat(3,1fr)}}@media(max-width:576px){.page-header{padding:var(--spacing-xl) 0}.page-header h1{font-size:var(--fs-xlarge)}.main-image{height:300px}.room-header{flex-direction:column;gap:var(--spacing-sm)}.room-pricing{text-align:left;width:100%}.room-price{justify-content:flex-start}.results-header{flex-direction:column;align-items:flex-start}.filters-actions{flex-direction:column}.filters-actions .btn{width:100%}}