.room-carousel{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 8px 32px #0000001f;background:linear-gradient(135deg,#f8f9fa,#e9ecef);transition:box-shadow .4s ease-out,transform .4s ease-out;height:100%;min-height:320px;will-change:transform}.room-carousel:hover{box-shadow:0 20px 40px #0000002e;transform:translateY(-2px)}.room-carousel-image{border-radius:12px;overflow:hidden;height:100%}.room-carousel-image img{transition:transform .4s ease-out;will-change:transform}.room-carousel:hover .room-carousel-image img{transform:scale(1.02)}.room-carousel-overlay{position:absolute;inset:0;background:linear-gradient(45deg,rgba(205,159,89,.05) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.1) 100%);opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.room-carousel:hover .room-carousel-overlay{opacity:1}.carousel-nav-button{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0000001a;transition:all .2s ease-out;border-radius:50%;display:flex;align-items:center;justify-content:center}.carousel-nav-button:hover{background:#cd9f59f2;color:#fff;box-shadow:0 6px 20px #cd9f5966;border-color:#cd9f5980}.carousel-nav-button:active{background:#cd9f59cc}.category-pills-container{background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #00000014;border-radius:24px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-pills-container:hover{background:#fffffff2;box-shadow:0 12px 40px #0000001f;transform:translateY(-1px)}.category-pill{display:flex;align-items:center;padding:8px 16px;border-radius:20px;font-weight:500;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.category-pill:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#cd9f591a,#cd9f590d);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.category-pill:hover:before{opacity:1}.category-pill.active{background:linear-gradient(135deg,#cd9f59,#b8934f);color:#fff;box-shadow:0 4px 12px #cd9f5966;transform:translateY(-1px)}.category-pill.active:before{opacity:0}.category-pill:not(.active){color:#6b7280}.category-pill:not(.active):hover{color:#cd9f59;background:#cd9f5914;transform:translateY(-1px)}.category-pill .icon{margin-right:8px;transition:transform .2s cubic-bezier(.4,0,.2,1)}.category-pill:hover .icon{transform:scale(1.1)}.image-counter{background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 12px;font-size:.875rem;font-weight:500;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1)}.image-counter:hover{background:#000c;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.play-pause-button{background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.play-pause-button:hover{background:#cd9f59e6;transform:scale(1.1);box-shadow:0 4px 12px #cd9f5966}.carousel-dots{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}.carousel-dot{width:8px;height:8px;border-radius:50%;background:#6b728066;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.carousel-dot:hover{background:#6b728099;transform:scale(1.2)}.carousel-dot.active{background:#cd9f59;width:24px;border-radius:12px;box-shadow:0 2px 8px #cd9f5966}.carousel-dot.active:before{content:"";position:absolute;inset:-2px;border:1px solid rgba(205,159,89,.3);border-radius:inherit;animation:pulse-ring 2s infinite}.room-size-indicator{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:8px 12px;box-shadow:0 4px 16px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.room-size-indicator:hover{background:#fffffffa;transform:translateY(-1px);box-shadow:0 6px 20px #00000026;border-color:#cd9f594d}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:0;transform:scale(1.4)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.room-expansion-container{display:flex;transition:all .5s cubic-bezier(.4,0,.2,1)}.room-image-section{flex:0 0 40%;transition:flex .5s cubic-bezier(.4,0,.2,1);will-change:flex;min-height:320px}.room-content-section{flex:1;transition:opacity .3s ease-out;will-change:opacity;min-height:320px;display:flex;flex-direction:column;justify-content:space-between}.group:hover .room-image-section{flex:0 0 60%}.group:hover .room-content-section{opacity:.98}}@media (max-width: 768px){.room-image-section{flex:none!important;min-height:320px}.category-pills-container{padding:6px;border-radius:20px}.category-pill{padding:6px 12px;font-size:.75rem}.category-pill .icon{margin-right:6px}.carousel-nav-button{width:18px;height:18px}.carousel-dots{gap:6px;margin-top:8px}.carousel-dot{width:6px;height:6px}.carousel-dot.active{width:18px}}@media (hover: none) and (pointer: coarse){.carousel-nav-button{opacity:1;background:#ffffffe6}.category-pills-container{background:#fffffff2}.play-pause-button,.image-counter{opacity:1}}@media (prefers-contrast: high){.category-pill.active{background:#cd9f59;border:2px solid white}.carousel-nav-button,.room-size-indicator{background:#fff;border:2px solid #333}}@media (prefers-reduced-motion: reduce){.room-carousel,.carousel-nav-button,.category-pill,.carousel-dot,.room-carousel-image img,.room-image-section,.room-content-section{transition:none!important;animation:none!important}.room-carousel:hover .room-carousel-image img,.carousel-nav-button:hover,.category-pill:hover,.carousel-dot:hover{transform:none}.group:hover .room-image-section{flex:0 0 40%!important}}