.sbip-overlay{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.72);opacity:0;transition:opacity .3s ease}
.sbip-overlay[hidden]{display:none}
.sbip-overlay.is-open{opacity:1}
.sbip-box{position:relative;width:100%;transform:scale(.94);transition:transform .3s ease}
.sbip-overlay.is-open .sbip-box{transform:scale(1)}
.sbip-box img,.sbip-image{display:block;width:100%;height:auto;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 12px 40px rgba(0,0,0,.35)}
.sbip-link{display:block;line-height:0}
.sbip-close{position:absolute;top:-14px;right:-14px;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#fff;color:#222;font-size:26px;line-height:36px;text-align:center;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.3);z-index:2}
.sbip-close:hover{background:#f0f0f0}
.sbip-close:focus-visible{outline:3px solid #2271b1;outline-offset:2px}
body.sbip-lock{overflow:hidden}
@media (max-width:600px){.sbip-close{top:-10px;right:-6px;width:32px;height:32px;font-size:22px;line-height:32px}}
@media (prefers-reduced-motion:reduce){.sbip-overlay,.sbip-box{transition:none}}

/* Side registration tab */
.sbip-tab{position:fixed;top:50%;z-index:999998;display:block;padding:18px 11px;background:var(--sbip-tab-bg,#e11d48);color:var(--sbip-tab-fg,#fff)!important;font:700 15px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none!important;box-shadow:0 4px 18px rgba(0,0,0,.28);opacity:0;transition:opacity .35s ease,transform .35s ease,padding .2s ease}
.sbip-tab[hidden]{display:none}
.sbip-tab-text{display:block;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}
.sbip-tab--right{right:0;border-radius:8px 0 0 8px;transform:translate(100%,-50%)}
.sbip-tab--left{left:0;border-radius:0 8px 8px 0;transform:translate(-100%,-50%)}
.sbip-tab--left .sbip-tab-text{transform:none}
.sbip-tab.is-visible{opacity:1;transform:translate(0,-50%)}
.sbip-tab:hover,.sbip-tab:focus-visible{padding-left:15px;padding-right:15px;color:var(--sbip-tab-fg,#fff)!important}
.sbip-tab:focus-visible{outline:3px solid #2271b1;outline-offset:2px}
.sbip-tab--blink.is-visible{animation:sbip-blink 1.2s ease-in-out infinite}
.sbip-tab--blink:hover,.sbip-tab--blink:focus-visible{animation-play-state:paused}
@keyframes sbip-blink{
	0%,100%{filter:brightness(1);box-shadow:0 4px 18px rgba(0,0,0,.28),0 0 0 0 var(--sbip-tab-bg,#e11d48)}
	50%{filter:brightness(1.35);box-shadow:0 4px 18px rgba(0,0,0,.28),0 0 0 7px transparent}
}
body.sbip-lock .sbip-tab{visibility:hidden}
@media (max-width:600px){.sbip-tab{padding:13px 8px;font-size:12px}}
@media (prefers-reduced-motion:reduce){.sbip-tab{transition:none}.sbip-tab--blink.is-visible{animation:none}}