/* Buy page (2026-10 redesign). Needs /ui.css first. */
.store{padding-block:56px 88px}
.store-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;align-items:start}
.store-notes{grid-column:1;display:grid;gap:8px;margin-top:-6px}
@media (max-width:880px){.store-grid{grid-template-columns:1fr}.store-notes{grid-column:auto;margin-top:0}}
.col-title{font:700 17px var(--display);letter-spacing:-.01em;margin-bottom:16px}

/* plan cards (built by buy.js) */
.plan-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:12px}
@media (max-width:560px){.plan-cards{grid-template-columns:1fr}}
.plan-card,.plan-chip{position:relative;display:block;cursor:pointer}
.plan-card input,.plan-chip input,.method input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.pc{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;padding:26px 16px 22px;border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}
.plan-card:hover .pc{border-color:var(--line-2);transform:translateY(-2px)}
.plan-card.featured .pc{background:linear-gradient(170deg,rgba(139,123,255,.10),rgba(255,255,255,.025))}
.plan-card input:checked+.pc{border:1.5px solid var(--v1);background:linear-gradient(170deg,rgba(139,123,255,.18),rgba(91,140,255,.06));box-shadow:0 22px 50px -26px rgba(124,108,246,.95)}
.plan-card input:focus-visible+.pc{outline:2px solid var(--v1);outline-offset:3px}
.pc .tag{position:absolute;top:-11px;left:50%;transform:translateX(-50%)}
.pc-len{font:700 16px var(--display);color:var(--muted)}
.plan-card input:checked+.pc .pc-len{color:var(--ink)}
.pc-price{font:800 34px/1.15 var(--display);letter-spacing:-.035em;margin-top:8px}
.pc-per{font-size:13px;color:var(--muted);margin-top:2px}

.other-title{margin:24px 0 10px;font-size:14px;font-weight:600;color:var(--muted)}
.plan-chips{display:flex;flex-wrap:wrap;gap:8px}
.ch{display:inline-flex;gap:8px;align-items:baseline;padding:9px 15px;border-radius:999px;background:var(--card-2);border:1px solid var(--line);font-size:14px;transition:border-color .15s,background .15s}
.ch b{font-weight:600}
.ch span{color:var(--muted);font-size:13px}
.plan-chip:hover .ch{border-color:var(--line-2)}
.plan-chip input:checked+.ch{border-color:var(--v1);background:var(--v-soft)}
.plan-chip input:checked+.ch span{color:var(--v-ink)}
.plan-chip input:focus-visible+.ch{outline:2px solid var(--v1);outline-offset:3px}

/* checkout */
.checkout{position:sticky;top:88px;padding:24px;border-radius:var(--r-xl);background:linear-gradient(170deg,rgba(139,123,255,.07),rgba(255,255,255,.025) 45%);border:1px solid var(--line-2);box-shadow:0 30px 80px -44px #000}
@media (max-width:880px){.checkout{position:static}}
.checkout .col-title{margin-bottom:14px}
.gate-text{color:var(--muted);font-size:14.5px}
.gate-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.who{font-size:13.5px;color:var(--muted);margin-bottom:14px}
.who b{color:var(--ink);font-weight:600}
.methods-wrap{border:0;margin:0;padding:0;min-width:0}
.label{display:block;font:600 13.5px var(--body);color:var(--ink);margin-bottom:8px;padding:0}
.methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.method{position:relative;display:block;cursor:pointer}
.method-tile{display:grid;grid-template-columns:22px 1fr;column-gap:10px;align-items:center;padding:11px 12px;border-radius:12px;background:var(--card);border:1px solid var(--line);transition:border-color .15s,background .15s}
.method-tile svg{width:22px;height:22px;grid-row:span 2;color:var(--v-ink)}
.method-name{font-weight:600;font-size:14px}
.method-sub{font-size:11.5px;color:var(--muted);line-height:1.3}
.method:hover .method-tile{border-color:var(--line-2)}
.method input:checked+.method-tile{border-color:var(--v1);background:var(--v-soft)}
.method input:focus-visible+.method-tile{outline:2px solid var(--v1);outline-offset:3px}
.field-row{margin-top:18px}
.summary{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.sum-line{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--muted)}
.sum-total{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font:800 20px var(--display);letter-spacing:-.02em}
.pay-btn{display:flex;align-items:center;justify-content:center;width:100%;margin-top:18px;padding:15px 22px;border-radius:999px;border:0;background:var(--v-grad);color:#fff;font:600 15.5px var(--body);cursor:pointer;box-shadow:0 12px 30px -12px rgba(124,108,246,.95);transition:filter .15s,transform .15s}
.pay-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}
.pay-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none;box-shadow:none}
.pay-btn.busy{cursor:progress}
.secure{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;font-size:12.5px;color:var(--faint)}
.secure svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}