.room-details-root{max-width:100%;min-height:100vh;background-color:#ffffff}.room-details-page,.room-details-root{width:100%;overflow-x:hidden;font-family:var(--font-kumbh-sans),"Kumbh Sans",sans-serif}.room-details-page{padding:120px 20px 60px;max-width:1200px;margin:0 auto}.room-details-loading{padding:3rem 1.5rem 4rem;text-align:center}.room-details-loading-text{font-size:1.15rem;color:#555;margin:0 0 1rem}.back-to-rooms{margin-bottom:30px}.back-link{display:inline-flex;align-items:center;gap:8px;color:#333;text-decoration:none;font-weight:500;transition:color .3s ease}.back-link:hover{color:#e67e22}.room-details-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;width:100%;max-width:100%}.room-left,.room-right{display:flex;flex-direction:column;min-width:0}.room-image-gallery{display:flex;flex-direction:column;gap:15px;width:100%;max-width:100%}.main-image{position:relative;border-radius:12px;overflow:hidden;height:400px}.main-img{object-fit:cover}.view-tag{position:absolute;top:20px;left:20px;background:rgba(255,255,255,.95);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.1)}.thumbnail-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:15px;gap:15px;width:100%}.thumbnail{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;height:100px;width:100%}.thumbnail-img{object-fit:cover}.more-photos{position:relative}.more-photos-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:20px;font-weight:600;z-index:2}.more-photos-overlay i{font-size:16px}.room-info{padding:20px 0;min-width:0}.room-title{font-size:36px;font-weight:700;color:#333;margin-bottom:15px}.room-meta{gap:10px;margin-bottom:20px;color:#666;font-size:16px}.room-meta,.room-rating{display:flex;align-items:center}.room-rating{gap:5px;color:#e67e22;font-weight:600}.room-rating i{font-size:14px}.room-location{color:#666}.room-description{font-size:16px;line-height:1.8;color:#555;margin-bottom:30px}.room-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:15px;gap:15px;padding:20px;background:#f8f9fa;border-radius:12px;margin-bottom:30px}.feature-item{display:flex;align-items:center;gap:10px;font-size:15px;color:#333}.feature-item i{font-size:18px;color:#e67e22}.amenities-section{margin-bottom:30px}.amenities-title{font-size:22px;font-weight:600;color:#333;margin-bottom:15px}.amenities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:12px;gap:12px;min-width:0;width:100%}.amenity-item{display:flex;align-items:center;gap:10px;font-size:15px;color:#555;padding:10px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;transition:all .3s ease;min-width:0}.amenity-item span,.feature-item span{overflow-wrap:anywhere}.amenity-item:hover{border-color:#e67e22;background:#fff8f0}.amenity-item i{font-size:14px;color:#27ae60}.lightbox{position:fixed;inset:0;width:100vw;max-width:100vw;background:rgba(0,0,0,.95);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.lightbox-content{position:relative;width:100%;max-width:1200px;height:80vh;border-radius:8px;overflow:hidden}.lightbox-img{object-fit:contain}.lightbox-close{position:absolute;top:20px;right:30px;background:rgba(255,255,255,.2);border:none;color:white;font-size:30px;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease;z-index:1001}.lightbox-close:hover{background:rgba(255,255,255,.3)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.2);border:none;color:white;font-size:24px;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease;z-index:1001}.lightbox-nav:hover{background:rgba(255,255,255,.3)}.lightbox-prev{left:30px}.lightbox-next{right:30px}.lightbox-counter{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:white;font-size:16px;font-weight:500;background:rgba(0,0,0,.5);padding:8px 16px;border-radius:20px;z-index:1001}@media (max-width:1024px){.room-details-container{grid-template-columns:1fr;gap:30px}.main-image{height:360px}}@media (max-width:768px){.room-details-page{padding:110px 15px 50px}.room-title{font-size:28px;line-height:1.2}.thumbnail-images{grid-template-columns:repeat(2,1fr)}.main-image{height:280px}.room-features{grid-template-columns:1fr 1fr}.amenities-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.room-details-page{padding:105px 12px 40px}.amenities-grid,.room-features{grid-template-columns:1fr}.thumbnail-images{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.main-image{height:220px}.thumbnail{height:80px}.lightbox{padding:10px}.lightbox-nav{width:40px;height:40px;font-size:18px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-close{right:12px;width:40px;height:40px;font-size:24px}}