#PAGE_SECTIONSkn4ir [data-testid="imageX"],#PAGE_SECTIONSkn4ir [data-testid="imageX"] img{cursor:zoom-in;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
#PAGE_SECTIONSkn4ir [data-testid="imageX"]:focus-visible{outline:3px solid #3976cd;outline-offset:-3px}
dialog.basilio-viewer{position:fixed;inset:0;margin:0;box-sizing:border-box;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;padding:20px;background:transparent;color:#111;overflow:hidden;user-select:none;-webkit-user-select:none}
.basilio-viewer::backdrop{background:transparent}
.basilio-viewer>.bv-curtain{position:absolute;inset:0;background:#fff;opacity:1}
.basilio-viewer>img:not(.bv-flying){position:relative;display:block;width:100%;height:100%;object-fit:contain}
.basilio-viewer>.bv-flying{position:fixed;z-index:3;display:block;object-fit:cover;pointer-events:none;max-width:none;max-height:none}
.basilio-viewer>button{position:absolute;z-index:2;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;background:#ffffffd9;color:#111;font:36px/1 Arial,sans-serif;cursor:pointer}
.basilio-viewer>button:focus-visible{outline:2px solid #111;outline-offset:2px}
.basilio-viewer .bv-close{top:8px;right:12px}
.basilio-viewer .bv-prev{left:8px;top:calc(50% - 24px)}
.basilio-viewer .bv-next{right:8px;top:calc(50% - 24px)}
.basilio-viewer.bv-transitioning>img:not(.bv-flying),.basilio-viewer.bv-transitioning>button{visibility:hidden}
@media(max-width:600px){dialog.basilio-viewer{padding:20px}.basilio-viewer .bv-prev,.basilio-viewer .bv-next{top:auto;bottom:8px}}


/* Desktop enlarged gallery: bare controls in dedicated white margins. */
@media(min-width:641px){
 .basilio-viewer{padding:20px}
 .basilio-viewer button{background:transparent;border:0;box-shadow:none}
 .basilio-viewer .bv-close{top:4px;right:0;width:20px;height:28px;font-size:24px}
 .basilio-viewer .bv-prev,.basilio-viewer .bv-next{font-size:0;width:40px}
 .bv-prev::before{content:'‹';font:32px/1 Arial,sans-serif}
 .bv-next::before{content:'›';font:32px/1 Arial,sans-serif}
}

/* Desktop controls use fixed viewport gutters, independent of photo proportions. */
@media(min-width:641px){
 .basilio-viewer .bv-close{top:20px;right:0;width:20px;height:24px;font-size:0;align-items:start}
 .bv-close::before{content:'';display:block;width:10px;height:10px;background:linear-gradient(45deg,transparent 42%,#111 43%,#111 57%,transparent 58%),linear-gradient(-45deg,transparent 42%,#111 43%,#111 57%,transparent 58%)}
 .basilio-viewer .bv-prev,.basilio-viewer .bv-next{width:20px;top:50%;transform:translateY(-50%)}
 .basilio-viewer .bv-prev{left:0}
 .basilio-viewer .bv-next{right:0}
}

/* Center controls in the reference photo's white gutters, not at the viewport edges. */
@media(min-width:641px){
 .basilio-viewer{--control-gutter:max(20px,calc((100vw - (100dvh - 40px) * 16 / 9) / 2))}
 .basilio-viewer .bv-prev{left:calc((var(--control-gutter) - 20px) / 2)}
 .basilio-viewer .bv-next,.basilio-viewer .bv-close{right:calc((var(--control-gutter) - 20px) / 2)}
}


@media(max-width:640px){
 .basilio-viewer>img{touch-action:none}
 .basilio-viewer>.dialog__swipe-neighbor{z-index:1;max-width:none;max-height:none}
}