.size-notification{position:fixed;z-index:45;inset:0;pointer-events:none}.size-notification [hidden]{display:none!important}.size-notification-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(390px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;pointer-events:auto;padding:30px 25px 22px;background:#141414;color:#fff;border:1px solid #f7c600;border-radius:22px;box-shadow:0 18px 80px #000b}.size-notification-kicker{display:block;color:#f7c600;font-size:9px;font-weight:700;letter-spacing:.12em;padding-right:24px}.size-notification h2{font-size:25px;letter-spacing:-.04em;line-height:1.15;margin:14px 0 12px}.size-notification-panel>p{color:#bbb;font-size:12px;line-height:1.7;margin:0 0 20px}.size-notification-close{position:absolute;right:9px;top:8px;width:44px;height:44px;border:0;background:transparent;color:#aaa;font-size:26px;cursor:pointer}.size-notification-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.size-notification-options button{min-height:45px;border:1px solid #414141;border-radius:9px;background:#202020;color:#fff;font:600 14px Sora,system-ui;cursor:pointer}.size-notification-options button:hover,.size-notification-options button[aria-pressed=true]{background:#f7c600;border-color:#f7c600;color:#111}.size-notification-all{display:block;margin:18px auto 0;padding:10px;min-height:44px;border:0;background:transparent;color:#ddd;font:500 11px Sora,system-ui;text-decoration:underline;cursor:pointer}.size-notification-chip{position:absolute;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));pointer-events:auto;display:flex;align-items:center;gap:16px;min-height:48px;max-width:calc(100% - 32px);padding:10px 17px;border:1px solid #f7c600;border-radius:14px;background:#161616;color:#fff;box-shadow:0 6px 24px #0007;font:500 11px Sora,system-ui;cursor:pointer}.size-notification-chip b{color:#f7c600;font-size:11px}.size-notification :focus-visible{outline:3px solid #fff;outline-offset:3px}body:has(#sticky-cart:not([hidden])) .size-notification-chip{bottom:calc(100px + env(safe-area-inset-bottom))}@media(max-width:450px){.size-notification-chip{right:16px}.size-notification-panel{padding:28px 20px 18px}.size-notification h2{font-size:23px}}@media(max-width:340px){.size-notification-options{grid-template-columns:repeat(4,minmax(0,1fr))}}
