.subscription-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#111a;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.subscription-overlay.open{opacity:1;visibility:visible}.subscription-modal{position:relative;width:min(375px,100%);height:min(760px,calc(100vh - 32px));overflow:hidden;border:8px solid #111;border-radius:36px;background:#fff;box-shadow:0 28px 90px #0007;transform:translateY(20px) scale(.96);transition:transform .3s cubic-bezier(.32,.72,0,1)}.subscription-overlay.open .subscription-modal{transform:none}.subscription-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.subscription-close{position:absolute;top:12px;right:12px;z-index:4;width:36px;height:36px;border:0;border-radius:50%;background:#0008;color:#fff;font-size:28px;line-height:1;cursor:pointer}.subscription-panel{position:absolute;z-index:2;bottom:0;width:100%;padding:62px 22px 18px;color:#202024;background:#fff;border-radius:0;backdrop-filter:none}.subscription-logo{position:absolute;top:-76px;left:50%;width:132px;height:132px;transform:translateX(-50%);border-radius:22px;box-shadow:0 8px 24px #0003;animation:secure-payment-pulse 2s ease-in-out infinite} secure-payment-pulse{0%,100%{transform:translateX(-50%) scale(1);box-shadow:0 8px 24px #0003}50%{transform:translateX(-50%) scale(1.08);box-shadow:0 12px 34px rgba(8,105,232,.38)}}(prefers-reduced-motion:reduce){.subscription-logo{animation:none}}.subscription-title{text-align:center;margin:0 0 18px}.subscription-title h2{margin:0;font-size:25px;letter-spacing:-.06em}.subscription-title h2 span{font-weight:500;color:#0869e8}.subscription-features{display:grid;gap:9px;margin:0;padding:0;list-style:none;color:#686871;font-size:13px}.subscription-features li{display:flex;align-items:center;gap:10px}.subscription-features b{color:#0869e8;font-size:16px}.subscription-plans{display:grid;gap:8px;margin-top:20px}.subscription-plans label{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;border:2px solid transparent;border-radius:11px;background:#eeeef0;cursor:pointer}.subscription-plans label.selected{border-color:#0869e8;background:#edf3ff}.subscription-plans input{accent-color:#0869e8}.subscription-plans span{display:flex;align-items:baseline;gap:8px}.subscription-plans strong{font-size:16px}.subscription-plans small{color:#777;font-size:12px}.subscription-plans em{padding:4px 8px;border-radius:99px;background:#0869e8;color:#fff;font-size:9px;font-style:normal;font-weight:700}.subscription-submit{width:100%;margin-top:19px;border:0;border-radius:11px;padding:13px;background:#0869e8;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.subscription-submit:hover{background:#075dcc}.subscription-footer{margin:11px 0 0;text-align:center;color:#888;font-size:10px}.modal-open{overflow:hidden}@media(max-width:420px){.subscription-overlay{padding:10px}.subscription-modal{height:calc(100vh - 20px);border-width:6px;border-radius:29px}.subscription-panel{padding-left:17px;padding-right:17px}}
.subscription-panel{transform:translateY(100%);transition:transform .7s cubic-bezier(.32,.72,0,1)}.subscription-overlay.open .subscription-panel{transform:translateY(0)}
.subscription-selected-price{display:flex;align-items:center;justify-content:space-between;margin:20px 0 16px;padding:16px 18px;border:2px solid #0869e8;border-radius:12px;background:#edf3ff}.subscription-selected-price small{color:#666;font-size:12px}.subscription-selected-price strong{color:#202024;font-size:25px}.subscription-fields{display:grid;gap:7px}.subscription-fields label{color:#686871;font-size:12px;font-weight:600}.subscription-fields input{width:100%;padding:13px 14px;border:1px solid #d5d5da;border-radius:10px;background:#fff;color:#202024;outline:none}.subscription-fields input:focus{border-color:#0869e8;box-shadow:0 0 0 3px #0869e822}.subscription-panel{padding-top:54px}
.subscription-heading{margin:0 0 16px;text-align:center;font-size:25px;letter-spacing:-.06em}.subscription-promo{margin-bottom:16px;padding:13px 12px;border-radius:12px;background:#ff3c38;color:#fff;box-shadow:0 6px 0 #b82325;text-align:center;font-size:15px;font-weight:800;letter-spacing:.03em}.subscription-promo span{display:block}.subscription-trust{padding:12px;text-align:center;border:1px solid #bdebc8;border-radius:12px;background:#effff2;color:#22853b;font-size:12px}.subscription-progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:7px;margin:17px 0;color:#888;font-size:11px}.subscription-progress i{height:1px;background:#d8d8dd}.subscription-progress .done{color:#28a957}.subscription-progress .active{color:#176fe5;font-weight:700}.subscription-step-form{padding-top:2px}.subscription-form-copy{margin:-4px 0 18px;color:#777;font-size:13px;line-height:1.7}.subscription-devices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.subscription-device-label{margin:0 0 9px;color:#0869e8;font-size:11px;font-weight:700;letter-spacing:.1em}.subscription-devices button{min-width:0;padding:8px 5px;border:1px solid #ddd;border-radius:14px;background:#fff;color:#3b3b3f;cursor:pointer}.subscription-devices button:hover,.subscription-devices button.selected{border-color:#0869e8;box-shadow:0 0 0 2px #0869e844;background:#f4f8ff}.subscription-devices img{display:block;width:100%;height:57px;object-fit:contain;background:#fafafa;border-radius:8px;margin-bottom:6px}.subscription-devices strong{font-size:11px}.subscription-next,.subscription-back{width:100%;border:0;border-radius:11px;cursor:pointer}.subscription-next{margin-top:16px;padding:13px;background:#0869e8;color:#fff;font-size:16px;font-weight:700}.subscription-back{margin-top:9px;padding:8px;background:transparent;color:#6882ad;font-size:12px}.subscription-panel>.subscription-footer{margin-top:12px}@media(max-width:420px){.subscription-devices img{height:48px}.subscription-devices strong{font-size:10px}.subscription-promo{font-size:13px}}
.subscription-selected-price strong{white-space:nowrap}
.subscription-devices button{position:relative;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.subscription-devices button.selected{border:4px solid #0869e8;background:linear-gradient(145deg,#e7f0ff,#cfe1ff);box-shadow:0 0 0 4px #0869e84d,0 12px 28px #0869e866,inset 0 0 0 1px #fff;transform:translateY(-4px) scale(1.035);z-index:2}.subscription-devices button.selected img{transform:scale(1.08);filter:drop-shadow(0 6px 8px #0869e855)}.subscription-devices button.selected::after{content:'✓ SELECTED';position:absolute;top:7px;right:7px;width:auto;height:24px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:#0869e8;color:#fff;font-size:10px;font-weight:800;line-height:1;letter-spacing:.03em;box-shadow:0 4px 10px #0869e866}.subscription-devices button.selected strong{color:#075bc8;font-weight:900;font-size:12px}
/* Keep the payment badge entirely in the photo area — no white/glass panel behind it. */
.subscription-panel::before,.subscription-panel::after{content:none!important;display:none!important}.subscription-logo{top:-59px;width:100px;height:100px}.subscription-panel{border-radius:0!important;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* Order details: access is delivered by email, so no phone number is collected. */
.subscription-email-note{margin:-2px 0 6px;color:#687083;font-size:12px;line-height:1.45}
.subscription-form-copy{display:grid;gap:7px;margin:0 0 20px!important;padding:14px 16px!important;border:1px solid #c9dbfa;border-radius:13px;background:#f2f7ff;color:#536174!important;font-size:14px!important;line-height:1.35!important}.subscription-form-copy span{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.subscription-form-copy strong{color:#0869e8;font-size:17px}.subscription-fields label[for="popup-email"]{margin-top:4px;color:#202024!important;font-size:14px!important;font-weight:800!important}.subscription-email-note{padding:9px 11px;border-left:3px solid #0869e8;border-radius:0 8px 8px 0;background:#edf4ff;color:#36537a;font-weight:650}
