.shop-coming-soon-notice{position:fixed;z-index:12000;opacity:0;pointer-events:none;transition:opacity .24s ease}.shop-coming-soon-notice.is-visible{opacity:1;pointer-events:auto}.shop-coming-soon-panel{color:#fff;background:#050505;border:1px solid rgba(255,255,255,.16);border-left:5px solid var(--orange,#FBB900);box-shadow:0 20px 55px rgba(0,0,0,.38)}.shop-coming-soon-brand{display:grid;place-items:center}.shop-coming-soon-brand img{display:block;width:100%;height:100%;object-fit:contain}.shop-coming-soon-copy b{display:block;color:var(--orange,#FBB900);font-family:var(--display,sans-serif);font-weight:700;line-height:1.15;text-transform:uppercase}.shop-coming-soon-copy p{margin:0;color:#e2e2e2}.shop-coming-soon-confirm{cursor:pointer}.shop-coming-soon-confirm:focus-visible{outline:3px solid #fff;outline-offset:3px}
.shop-coming-soon-notice.is-toast{right:24px;bottom:24px;width:min(520px,calc(100vw - 32px));transform:translateY(24px);transition:opacity .24s ease,transform .24s ease}.shop-coming-soon-notice.is-toast.is-visible{transform:translateY(0)}.is-toast .shop-coming-soon-panel{display:grid;grid-template-columns:118px minmax(0,1fr) 34px;align-items:center;gap:14px;padding:16px}.is-toast .shop-coming-soon-brand{width:118px;height:82px}.is-toast .shop-coming-soon-copy b{margin-bottom:3px;font-size:18px}.is-toast .shop-coming-soon-copy p{font-size:15px;line-height:1.35}.is-toast .shop-coming-soon-confirm{display:grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:transparent;color:#fff;font:300 25px/1 Arial,sans-serif}.is-toast .shop-coming-soon-confirm:hover,.is-toast .shop-coming-soon-confirm:focus-visible{border-color:var(--orange,#FBB900);color:var(--orange,#FBB900)}
.shop-coming-soon-notice.is-modal{inset:0;display:grid;padding:24px;place-items:center;background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.is-modal .shop-coming-soon-panel{width:min(650px,100%);max-height:calc(100vh - 48px);overflow-y:auto;padding:clamp(28px,5vw,54px);border-left-width:1px;border-top:6px solid var(--orange,#FBB900);text-align:center;transform:translateY(24px) scale(.97);transition:transform .28s cubic-bezier(.2,.8,.2,1)}.is-modal.is-visible .shop-coming-soon-panel{transform:translateY(0) scale(1)}.is-modal .shop-coming-soon-brand{width:min(310px,78%);height:180px;margin:0 auto 18px}.is-modal .shop-coming-soon-copy b{margin-bottom:14px;font-size:clamp(28px,5vw,42px)}.is-modal .shop-coming-soon-copy p{max-width:530px;margin:0 auto;white-space:pre-line;font-size:clamp(16px,2vw,18px);line-height:1.65}.is-modal .shop-coming-soon-confirm{min-width:180px;margin-top:30px;padding:15px 25px;border:2px solid var(--orange,#FBB900);background:var(--orange,#FBB900);color:#000;font:800 15px/1 var(--display,sans-serif);letter-spacing:.04em;text-transform:uppercase;transition:background .18s ease,color .18s ease}.is-modal .shop-coming-soon-confirm:hover{background:transparent;color:var(--orange,#FBB900)}body.shop-notice-open{overflow:hidden}
@media(max-width:600px){.shop-coming-soon-notice.is-toast{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}.is-toast .shop-coming-soon-panel{grid-template-columns:94px minmax(0,1fr) 32px;gap:11px;padding:13px}.is-toast .shop-coming-soon-brand{width:94px;height:66px}.is-toast .shop-coming-soon-copy b{font-size:16px}.is-toast .shop-coming-soon-copy p{font-size:14px}.shop-coming-soon-notice.is-modal{padding:14px}.is-modal .shop-coming-soon-panel{max-height:calc(100vh - 28px);padding:26px 20px 30px}.is-modal .shop-coming-soon-brand{height:130px;margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.shop-coming-soon-notice,.shop-coming-soon-panel{transition:none!important}}