/* Purchase, renewal and account details use the same chrome controls. */
.xanka-ui .plan-segment-option:has(input:checked){background:transparent;border:0;box-shadow:none}.xanka-ui .choice-row.period-btn.is-selected{background:#347dc20a;border-color:#39393e;box-shadow:none}
.device-status-pass{display:flex;align-items:center;gap:18px;padding:25px;border:1px solid #727986;border-radius:28px;background:linear-gradient(130deg,#343b48,#191f29);box-shadow:inset 0 2px 3px #ffffff60}.device-status-pass>div{flex:1}.device-status-pass strong{font-size:38px}.device-status-pass strong span{font-size:22px;color:#aeb5c4}.device-status-pass p{font-size:12px;color:#b5bbc9}.device-free{font-size:11px;color:#9fd9b2}.device-list-panel{margin:26px 0;padding:20px;border:1px solid #3d3d41;border-radius:26px;background:#202023}.device-list-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #39393e}.device-list-row:last-child{border:0}.device-list-row button{font-size:0!important;min-width:36px;width:36px;padding:0!important;border-radius:50%!important}.device-list-row button svg{width:16px!important;height:16px!important}
.shop-heading{margin-bottom:18px}.shop-heading h1{margin:8px 0}.shop-heading p{color:#aaaab0;font-size:14px;line-height:1.5}.shop-back{display:flex;align-items:center;gap:7px;font-size:14px;color:#c8c8ce;margin-bottom:12px;width:max-content}.shop-back svg{width:18px;height:18px}
.subscription-pass{padding:26px;border:1px solid #7b808b;border-radius:32px;background:radial-gradient(ellipse at 95% 0,#74314838,transparent 65%),linear-gradient(130deg,#3a3e48,#20232b 55%,#14161c);box-shadow:inset 0 2px 3px #ffffff73,inset 0 -2px 4px #000,0 12px 28px #0008;position:relative;margin-bottom:28px;overflow:hidden}
.subscription-pass-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:20px;font-weight:850;letter-spacing:-.07em;margin-bottom:22px}.subscription-pass-brand>span>span{color:#ef5063}.subscription-pass-brand>svg{width:25px;height:25px;color:#ccd0d8}.subscription-pass-brand .subscription-status{font-size:10px;font-weight:650;letter-spacing:.05em;color:#9fdfb2;text-transform:uppercase}
.plan-segment{display:flex;border-radius:999px;padding:5px;background:#101114;border:1px solid #50535c;box-shadow:inset 0 2px 5px #000;margin-bottom:24px}.plan-segment-option{position:relative;flex:1;text-align:center;cursor:pointer}.plan-segment-option>span{display:block;border-radius:999px;padding:13px 8px;font-size:15px;font-weight:700;color:#b0b4bf;transition:.15s}.plan-segment-option:has(input:checked)>span{background:linear-gradient(#626873,#363c46);box-shadow:inset 0 1px 2px #ffffff73,0 2px 4px #000;color:white}.plan-segment-option:focus-within>span{outline:2px solid #63b9ff;outline-offset:2px}
.subscription-pass-price{font-size:13px;color:#c0c3cb;margin:12px 0 18px}.subscription-pass-price strong{font-size:42px;color:#fff;font-weight:750;letter-spacing:-.045em}.subscription-pass-features{list-style:none;padding:0;display:grid;gap:10px;font-size:13px;color:#d2d4dc}.subscription-pass-features li{display:flex;gap:9px;align-items:flex-start;line-height:1.4}.subscription-pass-features svg{width:16px;height:16px;flex:0 0 16px;color:#a4cbfc;margin-top:1px}.subscription-pass-footer{display:flex;justify-content:space-between;gap:12px;padding-top:22px;margin-top:22px;border-top:1px solid #ffffff1c;font-size:9px;letter-spacing:.13em;color:#aeb3bf}.subscription-pass-plan{font-size:21px;font-weight:700;margin:10px 0 18px}
.shop-section{margin:28px 0}.shop-section>h2{font-size:13px!important;font-weight:600;color:#a1a1a8;text-transform:uppercase;letter-spacing:.07em!important;margin:0 0 10px 17px}
.choice-list{border:1px solid #3d3d41;border-radius:25px;overflow:hidden;background:linear-gradient(135deg,#242427,#1a1a1d);box-shadow:inset 0 1px #ffffff15}.choice-row{width:100%;display:flex;align-items:center;gap:13px;padding:18px 20px;border:0;border-bottom:1px solid #39393e;background:transparent;text-align:left;color:#eee;font:inherit}.choice-row:last-child{border-bottom:0}.choice-row:is(button,a):hover{background:#ffffff05}.choice-row:is(button,a):focus-visible{outline:2px solid #5aafff;outline-offset:-3px}.choice-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.choice-copy strong{font-size:16px;font-weight:600}.choice-copy small{font-size:12px;color:#a6a6ad;line-height:1.4}.choice-check{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border:1px solid #62626a;border-radius:50%;box-shadow:inset 0 1px 3px #000}.choice-check svg{width:14px;height:14px;opacity:0}.choice-row.is-selected .choice-check{background:linear-gradient(#63baff,#1575d8);border-color:#77baf5;box-shadow:inset 0 1px #ffffff66}.choice-row.is-selected .choice-check svg{opacity:1}.choice-row.is-selected{background:#347dc20a}.choice-row .period-price{font-size:17px;font-weight:700;white-space:nowrap}
.device-picker{display:flex;align-items:center;gap:12px;border:1px solid #3d3d41;border-radius:25px;background:#202023;padding:18px}.device-picker-label{min-width:0;flex:1}.device-picker-label strong,.device-picker-label small{display:block}.device-picker-label strong{font-size:15px}.device-picker-label small{font-size:11px;color:#aaa;margin-top:5px}.device-picker .account-icon{width:33px;height:33px;min-width:33px}.ios-stepper{display:flex;align-items:center;background:linear-gradient(#36373d,#25262a);border:1px solid #4a4b51;border-radius:12px;box-shadow:inset 0 1px #ffffff21;overflow:hidden}.ios-stepper button{width:34px;height:37px;color:#75baff;font-size:22px}.ios-stepper button:disabled{color:#686970}.ios-stepper output{display:grid;place-items:center;min-width:28px;font-size:15px;border-inline:1px solid #525258}
.shop-footnote{font-size:12px;color:#9999a2;line-height:1.5;margin:12px 16px}.shop-checkout{margin:32px 0 10px}.checkout-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;padding:0 6px}.checkout-summary>strong{font-size:31px;letter-spacing:-.04em;white-space:nowrap}.checkout-description{color:#b2b3bc;font-size:12px;margin-top:6px}.checkout-next{width:100%;display:flex;justify-content:center;gap:12px;min-height:54px!important;font-size:16px}.checkout-next svg{width:19px;height:19px}.checkout-secure{display:flex;align-items:center;justify-content:center;gap:7px;text-align:center}.checkout-secure svg{width:14px;height:14px;flex-shrink:0}.checkout-sheet-total{text-align:center;font-size:40px;font-weight:750;margin-bottom:10px}.payment-methods{margin:20px 0}.payment-methods button:disabled{opacity:.4}.payment-methods .choice-copy strong{font-size:14px}.payment-methods .choice-copy small{font-size:11px}.payment-methods .account-icon{width:32px;height:32px;min-width:32px}
.referral-pass:after{border-color:#276294!important}.reward-strip{display:flex;align-items:center;gap:14px;margin:24px 3px}.reward-strip p{flex:1}.reward-strip strong,.reward-strip small{display:block}.reward-strip strong{font-size:15px;margin-bottom:5px}.reward-strip small{font-size:12px;line-height:1.5;color:#aaaab0}.invite-links{background:#202023;border:1px solid #3d3d41;border-radius:26px;padding:22px;margin:26px 0;scroll-margin-top:20px}.invite-links-title{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:650;margin-bottom:24px}.invite-links-title svg{width:18px;height:18px}.reward-steps .choice-row{align-items:flex-start}.reward-steps .choice-copy strong{font-size:14px}.reward-steps .account-icon{width:30px;height:30px;min-width:30px;font-size:13px}
.subscription-owned-list{display:grid;gap:22px;margin-bottom:25px}.subscription-owned{margin:0;padding:24px}.owned-days{display:flex;align-items:center;gap:15px;margin:18px 0 22px}.owned-days>strong{font-size:57px;line-height:1;letter-spacing:-.06em}.owned-days>span{font-size:13px;color:#c1c4ce}.owned-days small{display:block;margin-top:5px;color:#9da3b0;font-size:11px}.owned-properties{display:flex;flex-wrap:wrap;gap:18px;padding:0 0 24px;font-size:12px;color:#c0c4cf}.owned-properties>span{display:flex;gap:6px;align-items:center}.owned-properties svg{width:16px;height:16px}.xanka-ui .subscription-owned .subscription-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.subscription-owned .subscription-actions>a:first-child{grid-column:1/-1}.autorenew-switch{width:100%;display:flex;gap:10px;justify-content:space-between;align-items:center;border:1px solid #565a65;border-radius:16px;background:#15181d;padding:13px 15px;font-size:13px}.autorenew-switch svg{width:17px;height:17px}.switch-track{display:block;width:36px;height:22px;border-radius:99px;background:#368964;box-shadow:inset 0 1px 3px #0007;margin-left:auto}.switch-track:after{content:'';display:block;width:18px;height:18px;border-radius:50%;background:linear-gradient(#fff,#ddd);margin:2px 2px 2px auto;box-shadow:0 1px 3px #0007}
.guide-list{border:1px solid #3d3d41;border-radius:26px;overflow:hidden;background:#202023}.guide-item{padding:19px 20px;border-bottom:1px solid #39393e}.guide-item:last-child{border:0}.guide-item summary{font-size:15px}.guide-item[open]{background:#27272a}.guide-item .account-icon{width:34px;height:34px;min-width:34px}
@media(max-width:420px){.subscription-pass{padding:22px}.choice-row{padding:16px 15px;gap:10px}.device-picker{padding:16px 13px;gap:8px}.device-picker>.account-icon{display:none}.checkout-summary>strong{font-size:28px}.bank-card-bottom{font-size:8px;gap:10px}.invite-links{padding:18px}.xanka-ui .subscription-owned .subscription-actions{grid-template-columns:1fr 1fr}.shop-heading h1{font-size:28px}.plan-segment-option>span{font-size:14px}}
@media(prefers-reduced-motion:reduce){.plan-segment-option>span{transition:none}}

.shop-heading>.bank-eyebrow{display:none}.xanka-ui .shop-back{min-height:28px;margin-bottom:8px}.subscription-pass{margin-bottom:20px}

/* Compact purchase controls matching the membership surface. */
.xanka-ui #buy-form.shop-checkout{padding:23px 20px 12px;border:1px solid #4b4c52;border-radius:28px;background:linear-gradient(140deg,#28282c,#19191c);box-shadow:inset 0 1px 2px #ffffff32;margin-top:22px}
.period-pills{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;padding:22px 20px 26px;overflow:visible;box-shadow:inset 0 2px 4px #ffffff40,inset 0 -2px 4px #000}
.period-pills .choice-row{position:relative;display:flex;justify-content:center;min-height:45px;padding:10px 12px;border:1px solid transparent;border-radius:999px;background:#36363a;text-align:center}.period-pills .choice-check,.period-pills .choice-copy small,.period-pills .period-price{display:none}.period-pills .choice-copy{flex:initial}.period-pills .choice-copy strong{font-size:16px}.xanka-ui .period-pills .choice-row.is-selected{background:#123655;border-color:#199dff;box-shadow:inset 0 1px 2px #0004}.period-discount{position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);font-size:10px;padding:2px 7px;line-height:1.2;border-radius:999px;background:#58232c;color:#ff99a6}.period-discount[hidden]{display:none}
.devices-section .device-picker{display:block;border-radius:28px;padding:19px 18px 13px;box-shadow:inset 0 2px 4px #ffffff55,inset 0 -2px 4px #000;background:linear-gradient(#29292c,#17171a)}.devices-section h2{display:flex;align-items:center;justify-content:center;gap:9px;font-size:15px;font-weight:650;margin:0 0 18px}.devices-section h2 svg{width:24px;height:24px;flex:0 0 24px;color:#a6d3ff}.devices-section .ios-stepper{display:flex;justify-content:space-between;gap:15px;background:none;border:0;box-shadow:none;overflow:visible}.devices-section .ios-stepper button{flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:linear-gradient(#a0c8ff,#376cce);color:white;border:1px solid #c8ddff;box-shadow:inset 0 1px 2px #fff8,0 3px 7px #0007;font-size:27px}.devices-section .ios-stepper button:disabled{opacity:.35}.devices-section .ios-stepper output{flex:1;min-height:38px;border:0;border-radius:999px;background:#38383b;font-size:15px;font-weight:600}.devices-section .shop-footnote{text-align:center;margin:13px 0 0}.checkout-next{gap:5px}.checkout-next svg{margin-left:5px}.xanka-ui #summary-total{font-size:36px}
