/* Image-only announcement popup. Kept separate so deployments can invalidate
   this component without forcing the full storefront stylesheet to refresh. */
.sf-home-popup{width:min(420px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:0;overflow:visible;border:0;border-radius:24px;background:transparent;color:var(--sf-text);box-shadow:0 34px 90px rgba(15,23,42,.36)}
.sf-home-popup[open]{animation:sf-home-popup-in .26s cubic-bezier(.2,.75,.25,1)}
.sf-home-popup::backdrop{background:rgba(6,13,26,.68);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:sf-home-popup-backdrop .2s ease-out}
.sf-home-popup__surface{position:relative;max-height:calc(100dvh - 28px);overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:24px;background:var(--sf-card);box-shadow:inset 0 1px rgba(255,255,255,.7)}
.sf-home-popup__media{margin:0;background:var(--sf-soft)}
.sf-home-popup__media img{display:block;width:100%;height:auto;max-height:calc(100dvh - 28px);object-fit:contain;object-position:center}
.sf-home-popup__close{position:absolute;z-index:5;top:14px;right:14px;display:grid;width:42px;height:42px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.78);border-radius:14px;background:rgba(255,255,255,.9);color:#111827;box-shadow:0 9px 24px rgba(15,23,42,.18);cursor:pointer;backdrop-filter:blur(10px);transition:transform .18s,background-color .18s}
.sf-home-popup__close:hover{background:#fff;transform:rotate(4deg) scale(1.04)}
.sf-home-popup__close:focus-visible{outline:3px solid color-mix(in srgb,var(--sf-accent) 32%,transparent);outline-offset:3px}
.sf-home-popup__close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
@keyframes sf-home-popup-in{from{opacity:0;transform:translateY(16px) scale(.975)}to{opacity:1;transform:none}}
@keyframes sf-home-popup-backdrop{from{opacity:0}to{opacity:1}}
@media(max-width:460px){.sf-home-popup{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:20px}.sf-home-popup__surface{max-height:calc(100dvh - 24px);border-radius:20px}.sf-home-popup__media img{max-height:calc(100dvh - 24px)}.sf-home-popup__close{top:12px;right:12px;width:40px;height:40px;border-radius:13px}}
@media(prefers-reduced-motion:reduce){.sf-home-popup[open],.sf-home-popup::backdrop{animation:none}.sf-home-popup__close{transition:none}}