.room-detail-container{max-width:1200px;margin:0 auto;padding:10px}.gallery-wrapper{background:0 0;border-radius:24px;margin-bottom:2.5rem;position:relative;overflow:hidden}.gallery-grid{grid-template-rows:repeat(2,242px);grid-template-columns:2fr 1fr 1fr;gap:8px;height:500px;display:grid}.gallery-item{cursor:pointer;width:100%;height:100%;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:filter .2s,transform .3s}.gallery-item:hover img{filter:brightness(.85)}.main-img{grid-area:1/1/-1/2}.more-photos-overlay:after{content:attr(data-count);color:#fff;background:#0006;justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;transition:background .2s;display:flex;position:absolute;inset:0}.gallery-item.more-photos-overlay:hover:after{background:#0009}.detail-content-wrapper{grid-template-columns:1fr 350px;align-items:start;gap:2.5rem;display:grid}.main-content{border:1px solid var(--color-border-secondary);background:#fff;border-radius:32px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 30px #0000000a}.detail-section{border-bottom:1px solid var(--color-border-secondary);padding:2.5rem}.detail-section:last-child{border-bottom:none}.detail-section h2{color:var(--color-text-primary);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.header-section{justify-content:space-between;align-items:flex-start;display:flex}.header-title-wrapper{flex:1;padding-right:2rem}.header-title{color:var(--color-text-primary);margin-bottom:.5rem;font-size:2rem;font-weight:700;line-height:1.2}.header-location{color:var(--color-text-secondary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;display:flex}.header-badges{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.badge{border-radius:2rem;padding:.35rem .8rem;font-size:.8rem;font-weight:600}.badge.type{color:var(--color-primary);background:#6c63ff1a}.badge.gender{background:var(--color-bg);color:var(--color-text-muted)}.badge.availability{color:#166534;background:#dcfce7}.badge.verified-purple{color:#fff;background:#7c3aed;align-items:center;gap:.35rem;display:flex;box-shadow:0 4px 10px #7c3aed33}.trust-proof-checklist{flex-direction:column;gap:.6rem;margin-top:1.25rem;margin-bottom:1rem;display:flex}.proof-item{color:#4b5563;align-items:center;gap:.65rem;font-size:.9rem;font-weight:500;display:flex}.proof-item svg{color:#7c3aed}.suggestions-scroll-wrapper{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:1.5rem;padding:1.5rem .5rem 2.5rem;display:flex;overflow-x:auto}.suggestions-scroll-wrapper::-webkit-scrollbar{display:none}.suggestion-scroll-item{scroll-snap-align:start;flex:0 0 320px;transition:transform .3s}.suggestion-scroll-item:hover{transform:translateY(-5px)}.no-suggestions-card{text-align:center;background:#f9fafb;border:1px dashed #d1d5db;border-radius:24px;flex-direction:column;align-items:center;gap:1rem;margin:2rem 0;padding:4rem 2rem;display:flex}.no-suggestions-icon{color:#9ca3af;opacity:.5}.no-suggestions-card p{color:#374151;margin:0;font-size:1.1rem;font-weight:600}.no-suggestions-sub{color:#6b7280;font-size:.9rem}.connectivity-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.conn-item{background:var(--color-bg);border:1px solid var(--color-border-secondary);border-radius:16px;align-items:center;gap:1.25rem;padding:1rem;transition:all .3s;display:flex}.conn-item:hover{border-color:var(--color-primary);transform:translateY(-3px);box-shadow:0 8px 20px #0000000a}.conn-icon{width:48px;height:48px;color:var(--color-primary);background:#fff;border-radius:12px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #0000000d}.conn-info{flex-direction:column;display:flex}.conn-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:.25rem;font-size:.75rem}.conn-value{color:var(--color-text-primary);font-size:.95rem;font-weight:600}@media (max-width:991px){.connectivity-grid{grid-template-columns:1fr;gap:1rem}}.header-rating{align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;display:flex}.action-buttons{gap:1rem;display:flex}.btn-icon{border:1px solid var(--color-border-secondary);cursor:pointer;background:#fff;border-radius:2rem;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-weight:500;transition:all .2s;display:flex}.btn-icon:hover{background:var(--color-bg)}.btn-icon--copied{color:#166534!important;background:#dcfce7!important;border-color:#166534!important}.btn-icon--saved{color:#ef4444;border-color:#ef4444}.overview-stats{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.stat-box{flex-direction:column;gap:.5rem;display:flex}.stat-icon-wrapper{width:40px;height:40px;color:var(--color-primary);background:#6c63ff1a;border-radius:10px;justify-content:center;align-items:center;display:flex}.stat-label{color:var(--color-text-secondary);font-size:.85rem}.stat-value{color:var(--color-text-primary);font-size:1.1rem;font-weight:600}.description-text{color:var(--color-text-secondary);white-space:pre-wrap;text-align:justify;font-size:1rem;line-height:1.7}.amenities-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem 2rem;display:grid}.amenity-item{color:var(--color-text-primary);align-items:center;gap:1rem;font-size:1rem;display:flex}.amenity-icon{width:40px;min-width:40px;height:40px;color:var(--color-primary);background:#6c63ff0d;border-radius:12px;justify-content:center;align-items:center;display:flex}.preferences-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.pref-row{border-bottom:1px solid var(--color-border-secondary);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.pref-label{color:var(--color-text-secondary)}.pref-value{font-weight:500}.hostel-details-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.hostel-detail-item{flex-direction:column;gap:.25rem;display:flex}.hostel-detail-label{color:var(--color-text-secondary);font-size:.85rem}.hostel-detail-value{color:var(--color-text-primary);font-weight:500}.owner-card-premium{background:#3e08ff15;border:1px solid #881eff14;border-radius:24px;flex-direction:column;gap:1.5rem;margin:2rem 2.5rem;padding:2rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.card-tag-verified{color:#fff;letter-spacing:.1em;background:linear-gradient(90deg,#10b981,#059669);border-radius:0 0 0 16px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:0;right:0;box-shadow:-2px 2px 10px #10b98126}.owner-card-premium:hover{border-color:#881eff33;transform:translateY(-4px);box-shadow:0 12px 30px #881eff0f}.owner-card-header{align-items:center;gap:1.25rem;margin-top:15px;display:flex}.owner-avatar-large{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.75rem;font-weight:700;display:flex;position:relative;box-shadow:0 4px 12px #881eff33}.owner-avatar-large img{object-fit:cover;border-radius:50%;width:100%;height:100%}.verified-badge-absolute{color:#fff;z-index:2;background:#10b981;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 8px #00000026}.owner-name-row h3{color:var(--color-dark);margin-top:10px;font-size:1.25rem;font-weight:700}.owner-role-tag{color:var(--color-primary);opacity:.8;margin-top:.25rem;font-size:.85rem;font-weight:600}.owner-card-body{flex-direction:column;gap:.75rem;display:flex}.owner-detail-item{color:var(--color-text-secondary);align-items:center;gap:.75rem;font-size:.9rem;display:flex}.owner-detail-item svg{color:var(--color-primary);opacity:.7}@media (max-width:600px){.owner-avatar-large{width:60px;height:60px;font-size:1.5rem}}.owner-card-footer{border-top:1px solid #881eff14;justify-content:flex-start;padding-top:1.5rem;display:flex}.owner-card-message-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff 0%,#5a52e6 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.85rem 2rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #6c63ff4d}.owner-card-message-btn:hover{background:linear-gradient(135deg,#7c74ff 0%,#6c63ff 100%);transform:translateY(-2px);box-shadow:0 8px 25px #6c63ff66}.owner-card-message-btn:active{transform:translateY(0)}.owner-card-message-btn:disabled{cursor:not-allowed;box-shadow:none;background:#cbd5e1}.sticky-sidebar{border:1px solid var(--color-border-secondary);background:#fff;border-radius:32px;padding:2rem;position:sticky;top:100px;box-shadow:0 8px 30px #0000000a}.sidebar-price{margin-bottom:1.5rem}.price-main{color:var(--color-text-primary);font-size:1.75rem;font-weight:700}.price-month{color:var(--color-text-secondary);font-size:1rem;font-weight:400}.price-sub{color:var(--color-text-secondary);margin-top:.5rem;font-size:.9rem}.sidebar-divider{background:var(--color-border-secondary);height:1px;margin:1.5rem 0}.sidebar-info-row{justify-content:space-between;margin-bottom:1rem;font-size:.95rem;display:flex}.sidebar-info-label{color:var(--color-text-secondary)}.sidebar-info-value{font-weight:500}.sidebar-actions{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.btn-sidebar-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:2rem;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:background .2s}.btn-sidebar-primary:hover{background:#5a52e6}.btn-sidebar-secondary{width:100%;color:var(--color-primary);border:1px solid var(--color-primary);cursor:pointer;background:0 0;border-radius:2rem;padding:1rem;font-size:1rem;font-weight:600;transition:background .2s}.btn-sidebar-secondary:hover{background:#6c63ff0d}.btn-sidebar-ghost{width:100%;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:.75rem;font-size:.9rem;font-weight:500}.btn-sidebar-ghost:hover{color:var(--color-text-primary)}.sidebar-map-placeholder{background:var(--color-bg);border-radius:var(--border-radius-lg);height:150px;color:var(--color-text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-top:2rem;padding:1rem;font-size:.85rem;display:flex}.mobile-bottom-bar{border-top:1px solid var(--color-border-secondary);z-index:1000;background:#fff;justify-content:space-between;align-items:center;padding:20px 15px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000000d}.carousel-overlay{-webkit-backdrop-filter:blur(25px);z-index:9999;background:#fffffffa;flex-direction:column;animation:.3s carouselFadeIn;display:flex;position:fixed;inset:0}@keyframes carouselFadeIn{0%{opacity:0}to{opacity:1}}.carousel-header{color:var(--color-dark);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.carousel-counter{letter-spacing:.05em;color:var(--color-dark);background:#0f172a0d;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:600}.carousel-close{color:var(--color-dark);cursor:pointer;background:#0f172a0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.carousel-close:hover{background:#0f172a1a;transform:rotate(90deg)}.carousel-main{flex:1;justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:relative;overflow:hidden}.nav-btn{-webkit-backdrop-filter:blur(12px);color:var(--color-dark);cursor:pointer;z-index:100;background:#0f172a0d;border:1px solid #0f172a1a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn.prev{left:2rem}.nav-btn.next{right:2rem}.nav-btn:hover{background:var(--color-dark);color:#fff;transform:translateY(-50%)scale(1.1);box-shadow:0 10px 30px #0f172a26}.carousel-stage{z-index:10;justify-content:center;align-items:center;width:100vw;height:100%;display:flex;position:relative}.carousel-slide{opacity:0;pointer-events:none;justify-content:center;align-items:center;width:100vw;transition:all .7s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0;transform:scale(.9)translateY(20px)}.carousel-slide.active{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.carousel-slide img{object-fit:contain;filter:drop-shadow(0 20px 50px #00000014);width:100vw;height:100%;max-height:80vh}.carousel-thumbnails-minimal{z-index:50;background:linear-gradient(#0000,#fffc);justify-content:center;gap:1rem;padding:2.5rem;display:flex}.dot-item{cursor:pointer;background:#0f172a1a;border-radius:4px;width:10px;height:4px;transition:all .4s cubic-bezier(.16,1,.3,1)}.dot-item.active{background:var(--color-dark);width:24px;box-shadow:0 0 15px #0f172a1a}@media (max-width:768px){.nav-btn{display:none}.carousel-main{flex:1;justify-content:center;align-items:center;padding:0;display:flex}.carousel-slide img{object-fit:contain;width:100vw;max-height:70vh}.carousel-header{padding:1rem 1.5rem}.carousel-thumbnails-minimal{padding:1.5rem}}.gallery-hint{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;opacity:0;z-index:5;background:#00000080;border-radius:50px;align-items:center;gap:8px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:24px;right:24px;transform:translateY(10px)}.main-img:hover .gallery-hint{opacity:1;transform:translateY(0)}@media (max-width:900px){.detail-content-wrapper{grid-template-columns:1fr}.sticky-sidebar{display:none}.mobile-bottom-bar{display:flex}.room-detail-container{padding-bottom:100px}.gallery-grid{grid-template-rows:repeat(2,192px);grid-template-columns:1fr 1fr;height:400px}.main-img{grid-area:1/1/2/-1}}@media (max-width:600px){.detail-section{padding:1.5rem}.gallery-grid{grid-template-rows:repeat(2,142px);gap:8px;height:300px}.gallery-grid .main-img{grid-area:1/1/2/-1}.overview-stats,.amenities-grid{grid-template-columns:repeat(2,1fr)}.preferences-grid{grid-template-columns:1fr}.header-section{flex-direction:column;gap:1.5rem}.action-buttons{justify-content:stretch;width:100%}.btn-icon{flex:1;justify-content:center}}.map-large-wrapper{border:1px solid var(--color-border);border-radius:24px;height:400px;margin:1.5rem 0 1rem;overflow:hidden;box-shadow:0 10px 30px #0000000d}.map-footer-hint{color:var(--color-text-secondary);align-items:center;gap:.5rem;padding-left:.5rem;font-size:.85rem;display:flex}.suggestions-section-premium{background:#fdfdfd;border-top:1px solid #0000000d;margin-top:5rem;padding:6rem 0 8rem}.suggestions-container-premium{width:100%}.suggestions-header-premium{text-align:left;margin-bottom:3rem}.suggestions-header-premium h2{color:var(--color-dark);letter-spacing:-.03em;margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.suggestions-subtitle{color:var(--color-text-secondary);opacity:.8;font-size:1.1rem;font-weight:400}.suggestions-grid-premium{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}@media (max-width:1200px){.suggestions-grid-premium{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.suggestions-section-premium{padding:4rem 1.5rem 6rem}.suggestions-grid-premium{grid-template-columns:repeat(2,1fr)}.suggestions-header-premium h2{font-size:1.75rem}.map-large-wrapper{height:350px}}@media (max-width:600px){.suggestions-grid-premium{grid-template-columns:1fr;gap:1.5rem}.suggestions-section-premium{margin-top:2rem}.map-large-wrapper{height:300px}}.section-header-premium{margin-bottom:2rem}.section-subtitle{color:var(--color-text-secondary);margin-top:.25rem;font-size:.9rem;display:block}.logistics-grid-premium{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.logistics-card{border:1px solid var(--color-border);background:#fff;border-radius:24px;align-items:center;gap:1rem;padding:1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003}.logistics-card:hover{border-color:var(--color-primary);transform:translateY(-5px);box-shadow:0 20px 40px -12px #00000014}.logistics-card-icon{background:var(--color-bg-secondary);width:52px;height:52px;color:var(--color-primary);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.logistics-card-content{flex-direction:column;min-width:0;display:flex}.logistics-card-label{text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.logistics-card-value{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:800;overflow:hidden}.logistics-card-value.included{color:#10b981}.logistics-card-value.extra{color:var(--color-primary)}.preferences-grid-premium{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.pref-card-poly{border:1px solid var(--color-border);background:#fff;border-radius:20px;align-items:center;gap:1rem;padding:1.25rem;transition:all .3s;display:flex}.pref-card-poly:hover{background:var(--color-bg-secondary);border-color:var(--color-primary-light)}.pref-card-icon{width:40px;height:40px;color:var(--color-primary);background:#6c63ff14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pref-card-info{flex-direction:column;min-width:0;display:flex}.pref-card-label{text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.04em;font-size:.7rem;font-weight:600}.pref-card-value,.pref-card-status{color:var(--color-text-primary);text-transform:capitalize;font-size:.95rem;font-weight:700}.pref-card-status.allowed{color:#10b981}.pref-card-status.forbidden{color:#ef4444}@media (max-width:1024px){.logistics-grid-premium,.preferences-grid-premium{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.logistics-grid-premium,.preferences-grid-premium{grid-template-columns:1fr}.logistics-card,.pref-card-poly{padding:1rem}}
.room-card{background-color:var(--color-card-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:var(--transition-bounce);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.room-card:hover{box-shadow:var(--shadow-premium-hover);border-color:#6c3eff2e;transform:translateY(-6px)}.room-card-image-wrapper{aspect-ratio:4/3;background-color:var(--color-bg);flex-shrink:0;width:100%;position:relative;overflow:hidden}.room-card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);display:block}.room-card:hover .room-card-image{transform:scale(1.04)}.room-card-image-overlay{pointer-events:none;z-index:1;background:linear-gradient(#0000 40%,#1a1a2e8c 100%);position:absolute;inset:0}.room-card-top-row{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:.75rem;left:.75rem;right:.75rem}.room-type-badge{-webkit-backdrop-filter:blur(8px);color:var(--color-primary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;background:#ffffffeb;border:1px solid #6c3eff1f;padding:.3rem .7rem;font-size:.65rem;font-weight:800}.like-btn{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);cursor:pointer;width:32px;height:32px;color:var(--color-text-muted);transition:var(--transition-default);background:#ffffffeb;border:1px solid #ffffff80;flex-shrink:0;justify-content:center;align-items:center;display:flex}.like-btn:hover{color:var(--color-accent);transform:scale(1.12)}.like-btn.liked{color:var(--color-accent);background:#fff}.room-card-price-overlay{z-index:2;align-items:baseline;gap:.2rem;display:flex;position:absolute;bottom:.85rem;left:.85rem}.room-price-amount{color:#fff;text-shadow:0 1px 4px #0000004d;font-size:1.15rem;font-weight:800;line-height:1}.room-price-period{color:#fffc;font-size:.7rem;font-weight:500}.room-card-body{flex-direction:column;flex:1;gap:.45rem;padding:1rem 1.1rem .6rem;display:flex}.room-title{color:var(--color-dark);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.room-location{color:var(--color-text-muted);align-items:center;gap:.3rem;margin:0;font-size:.78rem;font-weight:500;display:flex}.room-location svg{color:var(--color-primary);opacity:.7;flex-shrink:0}.room-card-meta-row{flex-wrap:wrap;gap:.4rem;margin-top:.2rem;display:flex}.room-meta-chip{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.room-meta-chip svg{opacity:.7;flex-shrink:0}.room-card-footer{border-top:1px solid var(--color-border);background:#fafafe;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1.1rem;display:flex}.room-lister-name{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:500;overflow:hidden}.btn-contact{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:var(--transition-default);letter-spacing:.01em;border:none;flex-shrink:0;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.75rem;font-weight:700;display:inline-flex}.btn-contact:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 10px #6c3eff40}