/* CMS-driven room gallery, styled to match the exported Framer room template. */
.cms-room-gallery { width:100%; display:flex; flex-direction:column; gap:20px; font-family:"Manrope","Manrope Placeholder",sans-serif; color:#f4f3ef; }
.cms-room-gallery__toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:0 0 14px; border-bottom:1px solid rgba(230,224,211,.2); color:#a1a39d; font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.cms-room-gallery__featured { width:100%; position:relative; padding:0; border:1px solid rgba(230,224,211,.18); background:#141512; cursor:zoom-in; overflow:hidden; text-align:left; }
.cms-room-gallery__featured img { display:block; width:100%; height:auto; max-height:72vh; min-height:240px; object-fit:contain; background:#101110; }
.cms-room-gallery__featured-label { position:absolute; left:18px; bottom:18px; padding:9px 12px; background:rgba(16,17,16,.82); color:#f4f3ef; font:500 10px/1.4 "Manrope","Manrope Placeholder",sans-serif; letter-spacing:.11em; text-transform:uppercase; }
.cms-room-gallery__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.cms-room-gallery__item { position:relative; padding:0; border:1px solid rgba(230,224,211,.17); background:#171815; overflow:hidden; cursor:zoom-in; min-width:0; text-align:left; }
.cms-room-gallery__item img { display:block; width:100%; height:100%; aspect-ratio:1.42/1; object-fit:cover; transition:transform .35s ease; }
.cms-room-gallery__item:hover img { transform:scale(1.025); }
.cms-room-gallery__item span { position:absolute; right:8px; bottom:8px; padding:5px 7px; background:rgba(16,17,16,.8); color:#f4f3ef; font:500 10px/1.2 "Manrope","Manrope Placeholder",sans-serif; letter-spacing:.06em; }
.cms-room-gallery__empty { border:1px dashed rgba(230,224,211,.24); color:#a1a39d; font:400 13px/1.7 "Manrope","Manrope Placeholder",sans-serif; padding:22px; }
.cms-room-lightbox { position:fixed; z-index:2147483000; inset:0; padding:50px 72px; display:none; align-items:center; justify-content:center; background:rgba(6,7,6,.97); }
.cms-room-lightbox.is-open { display:flex; }
.cms-room-lightbox__image { max-width:100%; max-height:calc(100vh - 100px); object-fit:contain; display:block; }
.cms-room-lightbox__btn { position:absolute; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.25); border-radius:50%; background:rgba(18,19,18,.8); color:#fff; cursor:pointer; width:44px; height:44px; font:300 30px/1 "Manrope",sans-serif; }
.cms-room-lightbox__close { top:20px; right:22px; font-size:28px; }
.cms-room-lightbox__prev { left:18px; top:50%; transform:translateY(-50%); }
.cms-room-lightbox__next { right:18px; top:50%; transform:translateY(-50%); }
.cms-room-lightbox__counter { position:absolute; bottom:18px; left:50%; transform:translateX(-50%); color:#c9c5bb; font:500 11px/1.4 "Manrope",sans-serif; letter-spacing:.1em; }
.cms-room-error { padding:24px; border:1px solid rgba(255,255,255,.2); color:#eee; font:400 14px/1.7 "Manrope",sans-serif; }
@media (max-width:809px) { .cms-room-gallery__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .cms-room-gallery__featured img { min-height:200px; } .cms-room-lightbox { padding:52px 14px; } .cms-room-lightbox__prev { left:8px; } .cms-room-lightbox__next { right:8px; } }
@media (max-width:480px) { .cms-room-gallery__grid { grid-template-columns:1fr; } .cms-room-gallery__item img { aspect-ratio:1.5/1; } }