.room-banner{justify-content:center;align-items:center;height:60vh;min-height:500px;margin-top:70px;display:flex;position:relative;overflow:hidden}.room-banner-image{z-index:0;object-fit:cover}.room-banner-content{text-align:center;color:var(--color-white);max-width:800px;padding:0 var(--spacing-md);position:relative}.room-banner-content h1{color:var(--color-white);font-size:var(--font-size-5xl);margin-bottom:var(--spacing-sm);font-family:var(--font-primary);font-weight:700}.room-price-banner{font-size:var(--font-size-3xl);color:#f5f5f5;font-weight:600}.room-price-banner span{font-size:var(--font-size-lg);color:#fffc;margin-left:var(--spacing-xs)}.room-gallery-section{background-color:var(--color-off-white)}.gallery-container{max-width:1000px;margin:0 auto}.gallery-main{gap:var(--spacing-lg);flex-direction:column;display:flex}.main-image-container{border-radius:var(--border-radius-lg);height:500px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.main-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.gallery-nav{border-radius:var(--border-radius-full);cursor:pointer;width:50px;height:50px;transition:all var(--transition-base);z-index:2;font-size:var(--font-size-lg);color:var(--color-secondary);box-shadow:var(--shadow-md);background-color:#ffffffe6;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav:hover{background-color:var(--color-white);transform:translateY(-50%)scale(1.1)}.gallery-nav.prev{left:var(--spacing-lg);transform:translateY(-50%)rotate(180deg)}.gallery-nav.prev:hover{transform:translateY(-50%)rotate(180deg)scale(1.1)}.gallery-nav.next{right:var(--spacing-lg)}.image-indicators{bottom:var(--spacing-lg);gap:var(--spacing-xs);z-index:2;display:flex;position:absolute;left:50%;transform:translate(-50%)}.indicator{border-radius:var(--border-radius-full);cursor:pointer;width:12px;height:12px;transition:all var(--transition-base);background-color:#ffffff80;border:none}.indicator.active{background-color:var(--color-primary);transform:scale(1.2)}.indicator:hover{background-color:#fffc}.gallery-thumbnails{gap:var(--spacing-sm);justify-content:center;display:flex}.thumbnail{border-radius:var(--border-radius-md);cursor:pointer;width:100px;height:70px;transition:all var(--transition-base);background:0 0;border:3px solid #0000;padding:0;overflow:hidden}.thumbnail img{object-fit:cover;width:100%;height:100%}.thumbnail.active{border-color:var(--color-primary);transform:scale(1.05)}.thumbnail:hover{border-color:var(--color-primary-light);transform:scale(1.05)}.room-details-section{background-color:var(--color-white)}.room-details-grid{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.room-info h2{font-family:var(--font-primary);font-size:var(--font-size-4xl);color:var(--color-secondary);margin-bottom:var(--spacing-md);font-weight:700}.room-description{color:var(--color-gray);margin-bottom:var(--spacing-lg);line-height:1.8;font-size:var(--font-size-lg)}.room-specs{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.spec-item{align-items:center;gap:var(--spacing-sm);color:var(--color-gray);font-size:var(--font-size-base);display:flex}.spec-item strong{color:var(--color-secondary);font-weight:600}.room-price-details{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-beige);border-radius:var(--border-radius-lg);border-left:4px solid var(--color-primary);display:flex}.room-price-details .price{align-items:baseline;gap:var(--spacing-xs);display:flex}.price-amount{color:#fff;font-weight:700}.price-period{color:#fefefe;font-size:var(--font-size-base)}.room-features-box{background-color:var(--color-off-white);padding:var(--spacing-2xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.room-features-box h3{font-family:var(--font-primary);font-size:var(--font-size-2xl);color:var(--color-secondary);margin-bottom:var(--spacing-lg);text-align:center;font-weight:600}.features-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.feature-item{align-items:center;gap:var(--spacing-sm);color:var(--color-gray);font-size:var(--font-size-sm);padding:var(--spacing-sm);background-color:var(--color-white);border-radius:var(--border-radius-md);transition:all var(--transition-base);display:flex}.feature-item:hover{background-color:var(--color-beige);transform:translate(4px)}.feature-icon{color:var(--color-primary);font-size:var(--font-size-base);flex-shrink:0}.amenities-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-gray-light)}.amenities-section h4{font-family:var(--font-primary);font-size:var(--font-size-xl);color:#ccc;margin-bottom:var(--spacing-lg);text-align:center;font-weight:600}.amenities-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.amenity-card{border-radius:var(--border-radius-md);text-align:center;transition:all var(--transition-base);box-shadow:var(--shadow-sm);background-color:#805aa3;flex-direction:column;align-items:center;padding:10px;display:flex}.amenity-cardx{border-radius:var(--border-radius-md);text-align:center;transition:all var(--transition-base);box-shadow:var(--shadow-sm);background-color:#b3b0b6;flex-direction:column;align-items:center;padding:10px;display:flex}.amenity-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.amenity-icon{font-size:var(--font-size-2xl)}.amenity-cardx span{color:var(--color-gray);font-size:var(--font-size-sm);text-align:center;font-weight:500}.room-seo-section{background:#fff}.room-seo-section h2{font-size:var(--font-size-3xl);color:var(--color-secondary);margin-bottom:20px}.room-seo-section p{max-width:900px;color:var(--color-gray);margin-bottom:15px;line-height:1.8}@media (max-width:768px){.room-banner{height:40vh;min-height:300px;margin-top:60px}.room-banner-content h1{font-size:var(--font-size-4xl)}.room-price-banner{font-size:var(--font-size-2xl)}.room-details-grid{gap:var(--spacing-xl);grid-template-columns:1fr}.room-info h2{font-size:var(--font-size-3xl)}.room-features-box{padding:var(--spacing-xl)}.room-features-box h3{font-size:var(--font-size-xl)}.features-grid{grid-template-columns:1fr}.amenities-grid{grid-template-columns:repeat(2,1fr)}.main-image-container{height:300px}.gallery-nav{width:40px;height:40px;font-size:var(--font-size-base)}.gallery-nav.prev{left:var(--spacing-sm)}.gallery-nav.next{right:var(--spacing-sm)}.thumbnail{width:70px;height:50px}}
.room-banner{justify-content:center;align-items:center;height:60vh;min-height:500px;margin-top:70px;display:flex;position:relative;overflow:hidden}.room-banner-bg{filter:brightness(.7);background-image:url("/public/Assets/Suite .jpg");background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.room-banner-content{text-align:center;color:var(--color-white);max-width:800px;padding:0 var(--spacing-md);position:relative}.room-banner-content h1{color:var(--color-white);font-size:var(--font-size-5xl);margin-bottom:var(--spacing-sm);font-family:var(--font-primary);font-weight:700}.room-price-banner{font-size:var(--font-size-3xl);color:#f5f5f5;font-weight:600}.room-price-banner span{font-size:var(--font-size-lg);color:#fffc;margin-left:var(--spacing-xs)}.room-gallery-section{background-color:var(--color-off-white)}.gallery-container{max-width:1000px;margin:0 auto}.gallery-main{gap:var(--spacing-lg);flex-direction:column;display:flex}.main-image-container{border-radius:var(--border-radius-lg);height:500px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.main-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.gallery-nav{border-radius:var(--border-radius-full);cursor:pointer;width:50px;height:50px;transition:all var(--transition-base);z-index:2;font-size:var(--font-size-lg);color:var(--color-secondary);box-shadow:var(--shadow-md);background-color:#ffffffe6;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav:hover{background-color:var(--color-white);transform:translateY(-50%)scale(1.1)}.gallery-nav.prev{left:var(--spacing-lg);transform:translateY(-50%)rotate(180deg)}.gallery-nav.prev:hover{transform:translateY(-50%)rotate(180deg)scale(1.1)}.gallery-nav.next{right:var(--spacing-lg)}.image-indicators{bottom:var(--spacing-lg);gap:var(--spacing-xs);z-index:2;display:flex;position:absolute;left:50%;transform:translate(-50%)}.indicator{border-radius:var(--border-radius-full);cursor:pointer;width:12px;height:12px;transition:all var(--transition-base);background-color:#ffffff80;border:none}.indicator.active{background-color:var(--color-primary);transform:scale(1.2)}.indicator:hover{background-color:#fffc}.gallery-thumbnails{gap:var(--spacing-sm);justify-content:center;display:flex}.thumbnail{border-radius:var(--border-radius-md);cursor:pointer;width:100px;height:70px;transition:all var(--transition-base);background:0 0;border:3px solid #0000;padding:0;overflow:hidden}.thumbnail img{object-fit:cover;width:100%;height:100%}.thumbnail.active{border-color:var(--color-primary);transform:scale(1.05)}.thumbnail:hover{border-color:var(--color-primary-light);transform:scale(1.05)}.room-details-section{background-color:var(--color-white)}.room-details-grid{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.room-info h2{font-family:var(--font-primary);font-size:var(--font-size-4xl);color:var(--color-secondary);margin-bottom:var(--spacing-md);font-weight:700}.room-description{color:var(--color-gray);margin-bottom:var(--spacing-lg);line-height:1.8;font-size:var(--font-size-lg)}.room-specs{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.spec-item{align-items:center;gap:var(--spacing-sm);color:var(--color-gray);font-size:var(--font-size-base);display:flex}.spec-item strong{color:var(--color-secondary);font-weight:600}.room-price-details{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-beige);border-radius:var(--border-radius-lg);border-left:4px solid var(--color-primary);display:flex}.room-price-details .price{align-items:baseline;gap:var(--spacing-xs);display:flex}.price-amount{color:#fff;font-weight:700}.price-period{color:#fefefe;font-size:var(--font-size-base)}.room-features-box{background-color:var(--color-off-white);padding:var(--spacing-2xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.room-features-box h3{font-family:var(--font-primary);font-size:var(--font-size-2xl);color:var(--color-secondary);margin-bottom:var(--spacing-lg);text-align:center;font-weight:600}.features-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.feature-item{align-items:center;gap:var(--spacing-sm);color:var(--color-gray);font-size:var(--font-size-sm);padding:var(--spacing-sm);background-color:var(--color-white);border-radius:var(--border-radius-md);transition:all var(--transition-base);display:flex}.feature-item:hover{background-color:var(--color-beige);transform:translate(4px)}.feature-icon{color:var(--color-primary);font-size:var(--font-size-base);flex-shrink:0}.amenities-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-gray-light)}.amenities-section h4{font-family:var(--font-primary);font-size:var(--font-size-xl);color:#ccc;margin-bottom:var(--spacing-lg);text-align:center;font-weight:600}.amenities-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.amenity-card{border-radius:var(--border-radius-md);text-align:center;transition:all var(--transition-base);box-shadow:var(--shadow-sm);background-color:#805aa3;flex-direction:column;align-items:center;padding:10px;display:flex}.amenity-cardx{border-radius:var(--border-radius-md);text-align:center;transition:all var(--transition-base);box-shadow:var(--shadow-sm);background-color:#b3b0b6;flex-direction:column;align-items:center;padding:10px;display:flex}.amenity-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.amenity-icon{font-size:var(--font-size-2xl)}.amenity-cardx span{color:var(--color-gray);font-size:var(--font-size-sm);text-align:center;font-weight:500}@media (max-width:768px){.room-banner{height:40vh;min-height:300px;margin-top:60px}.room-banner-content h1{font-size:var(--font-size-4xl)}.room-price-banner{font-size:var(--font-size-2xl)}.room-details-grid{gap:var(--spacing-xl);grid-template-columns:1fr}.room-info h2{font-size:var(--font-size-3xl)}.room-features-box{padding:var(--spacing-xl)}.room-features-box h3{font-size:var(--font-size-xl)}.features-grid{grid-template-columns:1fr}.amenities-grid{grid-template-columns:repeat(2,1fr)}.main-image-container{height:300px}.gallery-nav{width:40px;height:40px;font-size:var(--font-size-base)}.gallery-nav.prev{left:var(--spacing-sm)}.gallery-nav.next{right:var(--spacing-sm)}.thumbnail{width:70px;height:50px}}