/* lp-rooms.css (7 Nov 2026): swipe row of room visualisations under the product gallery. MASTER-V7: radius 12px, no shadows, hairlines, ink #18232c, body #5b6670. */
body#product .lp-rooms { margin: 16px 0 0; clear: both; }
body#product .lp-rooms-row { display: flex; gap: 8px; margin: 0; padding: 0; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scrollbar-width: thin; }
body#product .lp-rooms-item { flex: 0 0 86%; max-width: 420px; margin: 0; padding: 0; scroll-snap-align: start; }
body#product .lp-rooms-btn { display: block; width: 100%; margin: 0; padding: 0; border: 0; border-radius: 12px; background: #f4f2ee; overflow: hidden; cursor: zoom-in; aspect-ratio: 3 / 2; -webkit-appearance: none; appearance: none; }
body#product .lp-rooms-btn img { display: block; width: 100%; height: 100%; object-fit: cover; }
body#product .lp-rooms-btn:focus-visible { outline: 2px solid #d95618; outline-offset: 2px; }
body#product .lp-rooms-cap { margin: 6px 0 0; font: 600 12.5px/1.35 "Laporsa Manrope", "Segoe UI", Arial, sans-serif; color: #5b6670; }
@media (max-width: 767px) { body#product .lp-rooms { margin-left: 0; margin-right: 0; } }
@media (min-width: 768px) { body#product .lp-rooms-item { flex-basis: min(46%, 340px); } body#product .lp-rooms-cap { font-size: 13px; } }
.lp-rooms-lb { position: fixed; inset: 0; z-index: 100000; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 16px; background: rgba(24, 35, 44, .94); }
.lp-rooms-lb-fig { margin: 0; max-width: min(1100px, 100%); }
.lp-rooms-lb-fig img { display: block; width: 100%; height: auto; max-height: 78vh; object-fit: contain; border-radius: 12px; }
.lp-rooms-lb-fig figcaption { margin: 8px 0 0; font: 600 13px/1.35 "Laporsa Manrope", "Segoe UI", Arial, sans-serif; color: #fff; text-align: center; }
.lp-rooms-lb-x { min-height: 44px; padding: 0 20px; border: 1.5px solid #fff; border-radius: 10px; background: transparent; color: #fff; font: 700 15px/1 "Laporsa Manrope", "Segoe UI", Arial, sans-serif; cursor: pointer; }
