.black-friday-popup[hidden]{display:none!important}
.black-friday-popup{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:18px}
.black-friday-popup__backdrop{position:absolute;inset:0;background:rgba(2,18,42,.72)}
/* Fit the whole flyer inside the viewport, without internal scrolling. */
.black-friday-popup__card{position:relative;width:max-content;max-width:calc(100vw - 36px);max-height:calc(100dvh - 36px);overflow:visible;border-radius:12px;background:#fff;box-shadow:0 24px 70px rgba(2,18,42,.4)}
.black-friday-popup__poster{display:block;width:auto;height:auto;max-width:min(85vw,1000px);max-height:78dvh;object-fit:contain;border-radius:12px}
.black-friday-popup__close{position:absolute;top:8px;right:8px;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:rgba(0,0,0,.82);color:#fff;font-size:27px;line-height:1;cursor:pointer}
.black-friday-popup__close:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
.black-friday-popup__accessible-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:600px){.black-friday-popup{padding:8px}.black-friday-popup__card{max-width:calc(100vw - 16px)}.black-friday-popup__poster{max-width:calc(100vw - 16px);max-height:80dvh}.black-friday-popup__close{width:34px;height:34px;font-size:25px}}