/* SJPR BiX preview pop-up (shared) */
.bixpop { box-sizing: border-box; position: fixed; z-index: 99999; padding: 14px; border-radius: 20px; background: rgba(10,10,12,.96); border: 1px solid rgba(245,209,107,.5); box-shadow: 0 30px 80px rgba(0,0,0,.6); opacity: 0; visibility: hidden; transform: translateY(8px) scale(.98); transition: opacity .25s, transform .25s, visibility .25s; font-family: Inter, system-ui, sans-serif; }
.bixpop.open { opacity: 1; visibility: visible; transform: none; }
.bixpop-stage { position: relative; height: 300px; border-radius: 14px; overflow: hidden; background: radial-gradient(circle at 50% 40%, rgba(245,209,107,.22), rgba(10,10,12,0) 65%), #111115; }
.bixpop-stage img { position: absolute; left: 50%; top: 50%; width: auto; height: auto; max-width: calc(100% - 24px); max-height: calc(100% - 24px); filter: drop-shadow(0 16px 28px rgba(0,0,0,.6)); opacity: 0; transform: translate(-50%, -50%) scale(.96); transition: opacity .6s, transform .6s; }
.bixpop-stage img.on { opacity: 1; transform: translate(-50%, -50%) scale(1); }
@media (max-width: 520px) { .bixpop-stage { height: 250px; } }
.bixpop-cap { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; color: #c9c9cf; font-size: 13px; }
.bixpop-cap b { color: #f5d16b; font-weight: 700; }
.bixpop-dots { display: flex; gap: 6px; justify-content: center; margin-top: 8px; }
.bixpop-dots i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.25); }
.bixpop-dots i.on { background: #f5d16b; }
/* 1.7.4 / 1.9.3 — devices float on their own: no grey stage, no box */
.bixpop { padding: 0; background: transparent; border: 0; box-shadow: none; }
.bixpop-stage { background: none; border-radius: 0; overflow: visible; }
.bixpop-stage img { max-width: 100%; max-height: 100%; filter: drop-shadow(0 22px 34px rgba(0,0,0,.55)) drop-shadow(0 0 1px rgba(0,0,0,.4)); }
.bixpop-cap { justify-content: center; gap: 10px; margin: 10px auto 0; width: max-content; max-width: 100%; padding: 7px 14px; border-radius: 999px; background: rgba(10,10,12,.92); border: 1px solid rgba(245,209,107,.45); }
.bixpop-dots { margin-top: 6px; }
.bixpop-dots i { box-shadow: 0 0 0 1px rgba(0,0,0,.35); }