.of-pop[hidden]{display:none}.of-pop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:rgba(10,11,13,.6);animation:of-fade .25s ease}.of-pop-card{position:relative;width:min(100%,460px);max-height:calc(100dvh - 32px);overflow:auto;border-radius:28px;padding:32px 26px 22px;color:#fff;background:radial-gradient(520px 280px at 100% 0,rgba(255,90,31,.38),transparent 60%),#111317;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 90px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:16px;animation:of-in .4s cubic-bezier(.2,.9,.3,1.2)}.of-pop-x{position:absolute;top:12px;inset-inline-end:12px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;font-size:22px;line-height:1;cursor:pointer}.of-pop-tag{align-self:flex-start;background:var(--semnal);color:#14161a;font-weight:800;font-size:13px;padding:6px 12px;border-radius:999px}.of-pop h2{margin:0;font-family:var(--font-display);text-transform:uppercase;font-size:40px;line-height:1;font-weight:800;color:#fff}.of-pop h2 span{color:var(--semnal)}.of-pop p{margin:0;color:#d1d5db;line-height:1.55}.of-stock-pop .of-stock-n,.of-stock-pop p b{color:#ffd2bf}.of-pop .btn{justify-content:center}.of-pop-later{background:none;border:0;color:#9ca3af;font-size:14px;cursor:pointer;padding:4px}.of-pop .of-stock{max-width:480px;display:flex;flex-direction:column;gap:10px}.of-pop .of-stock-n{margin:0;font-weight:800;font-size:18px;color:#ffd2bf}.of-pop .of-cta{position:relative;box-shadow:0 10px 30px rgba(255,90,31,.35);transition:transform .15s ease,box-shadow .2s ease}.of-pop .of-cta:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(255,90,31,.5)}.of-pop-loss{padding:10px 12px;border-radius:12px;background:rgba(255,90,31,.14);border:1px solid rgba(255,90,31,.35);color:#ffd2bf!important;font-weight:700;font-size:15px}.of-pop-points{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.of-pop-points li{position:relative;-webkit-padding-start:28px;padding-inline-start:28px;font-weight:600;color:#fff}.of-pop-points li:before{content:"✓";position:absolute;inset-inline-start:0;top:-1px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:#22c55e;color:#052e14}.of-pop-price{display:flex;align-items:baseline;gap:10px}.of-pop-price s{color:#8b92a0;font-size:18px}.of-pop-price b{font-family:var(--font-display);font-size:42px;line-height:1;color:#fff}@media (max-width:420px){.of-pop-card{padding:28px 20px 18px;gap:12px}.of-pop h2{font-size:34px}}@keyframes of-fade{0%{opacity:0}}@keyframes of-in{0%{opacity:0;transform:translateY(26px) scale(.95)}}@media (prefers-reduced-motion:reduce){.of-pop,.of-pop-card{animation:none!important}}@media (hover:none),(max-width:760px),(pointer:coarse){.of-pop{display:none!important}}