/* Website pop-ups: centre modal, bottom banner, side card */
.sc-pop{position:fixed;z-index:9999;font-family:inherit}
.sc-pop *{box-sizing:border-box}
.sc-pop-box{position:relative;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px #2a0e5a40}
.sc-pop-media img,.sc-pop-media video{display:block;width:100%;height:auto;object-fit:cover}
.sc-pop-media iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.sc-pop-close{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:rgba(48,36,61,.78);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.sc-pop-close:hover{background:#30243D}
.sc-pop-cta{display:block;text-align:center;background:#6520B8;color:#fff;font-weight:700;padding:14px;text-decoration:none}
.sc-pop-cta:hover{background:#4a1690}

/* centre */
.sc-pop-center{inset:0;background:#1d0a3ae6;display:flex;align-items:center;justify-content:center;padding:18px;animation:scFade .25s ease}
.sc-pop-center .sc-pop-box{width:min(680px,100%);max-height:calc(100vh - 36px);overflow:auto}
.sc-pop-center .sc-pop-media video,.sc-pop-center .sc-pop-media img{max-height:70vh;object-fit:contain;background:#FAF8FD}

/* bottom banner (images only) */
.sc-pop-bottom{left:0;right:0;bottom:0;padding:0 0 env(safe-area-inset-bottom,0)}
.sc-pop-bottom .sc-pop-box{border-radius:0;box-shadow:0 -10px 30px #2a0e5a2e;display:flex;align-items:center;width:100%;max-width:none;background:#30243D}
.sc-pop-bottom .sc-pop-media{flex:1;min-width:0}
.sc-pop-bottom .sc-pop-media img{display:block;width:100%;height:150px;object-fit:cover}
.sc-pop-bottom .sc-pop-cta{position:static;width:auto;padding:12px 22px;white-space:nowrap;margin:0 56px 0 16px;border-radius:999px;display:inline-block;flex:none}
.sc-pop-bottom .sc-pop-close{top:8px;right:8px}

/* side card */
.sc-pop-side{right:20px;bottom:20px;width:300px}
.sc-pop-side .sc-pop-box{border-radius:18px}
.sc-pop-side .sc-pop-media img,.sc-pop-side .sc-pop-media video{aspect-ratio:2/3;object-fit:cover}

.sc-pop-lock{overflow:hidden}
@keyframes scFade{from{opacity:0}to{opacity:1}}

@media (max-width:680px){
  .sc-pop-center{padding:12px;align-items:flex-end}
  .sc-pop-center .sc-pop-box{width:100%;border-radius:20px 20px 0 0;max-height:85vh}
  .sc-pop-bottom .sc-pop-box{flex-direction:column}
  .sc-pop-bottom .sc-pop-media img{height:110px}
  .sc-pop-bottom .sc-pop-cta{margin:0 0 12px;width:calc(100% - 24px)}
  .sc-pop-side{left:12px;right:12px;bottom:12px;width:auto}
  .sc-pop-side .sc-pop-media img{aspect-ratio:4/5}
}
@media (prefers-reduced-motion:reduce){.sc-pop-center{animation:none}}