.castle-lightbox{width:min(1100px,96vw);max-width:96vw;max-height:94dvh;padding:18px;border:0;border-radius:18px;background:#fff;color:var(--ink)}
.castle-lightbox::backdrop{background:rgba(6,20,40,.85)}
.castle-lightbox-toolbar,.castle-lightbox-controls{display:flex;justify-content:space-between;align-items:center;gap:16px}
.castle-lightbox-toolbar p{margin:0;font-size:15px}
.castle-lightbox button{padding:12px 18px;min-height:44px;border:1px solid var(--line);border-radius:9px;background:var(--sky);color:var(--ink);font:inherit;cursor:pointer}
.castle-lightbox figure{margin:16px 0}
.castle-lightbox figure img{display:block;width:100%;height:65dvh;object-fit:contain;background:#f5f8fb}
.castle-lightbox figcaption{font-size:14px;margin-top:10px;line-height:1.4}

@media(max-width:760px){.castle-lightbox{padding:12px}.castle-lightbox figure img{height:60dvh}.castle-lightbox button{font-size:14px;padding:10px 14px}}

/* One horizontal product gallery at every viewport size. */
.gallery-strip{
 display:flex!important;flex-wrap:nowrap!important;gap:16px;
 width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;
 scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;
 -webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:12px;
 touch-action:pan-x pan-y;cursor:grab;
}
.gallery-strip>a,.gallery-strip>figure{
 flex:0 0 calc((100% - 32px)/3);scroll-snap-align:start;scroll-snap-stop:normal;
 min-width:0;max-width:none;grid-column:auto!important;grid-row:auto!important;
}
.gallery-strip img,.gallery-strip a{user-select:none;-webkit-user-drag:none}
.gallery-strip.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.gallery-strip.is-dragging *{cursor:grabbing}
.gallery-strip:focus-visible{outline:3px solid var(--orange,#ff7c06);outline-offset:4px}
@media(max-width:1100px){.gallery-strip>a,.gallery-strip>figure{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:760px){.gallery-strip{gap:12px}.gallery-strip>a,.gallery-strip>figure{flex-basis:86%}}