.purchase{--ink:#17211d;--muted:#58685e;--paper:#f2f0e9;--line:#d8d6cd;--green:#137d51;--lime:#c8f05c;color:var(--ink);max-width:1080px;margin:auto;font:16px/1.55 system-ui,sans-serif;padding:8px 0 28px}.purchase *{box-sizing:border-box}.purchase-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 20px}.purchase h1{font-size:28px;line-height:1.25;letter-spacing:-.04em;margin:0}.purchase-balance{font-size:13px;color:var(--muted)}.purchase-balance b{font-size:18px;color:var(--ink)}.purchase-card{border:1px solid #fff;border-radius:24px;background:#ffffff9c;box-shadow:0 15px 40px #1732250d;padding:26px}.purchase-subtitle{margin:0 0 22px;color:var(--muted)}.purchase-offers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.purchase-offer{position:relative;display:block;border:1px solid var(--line);border-radius:18px;background:#fafbf7;padding:20px 16px;cursor:pointer;transition:.2s}.purchase-offer:has(input:checked){border-color:var(--green);background:#edf6e9;box-shadow:0 0 0 2px #137d5140,0 0 26px #a6da8638}.purchase-offer input{width:18px;height:18px;accent-color:var(--green);margin:0 0 18px}.purchase-count{font-size:29px;font-weight:650;letter-spacing:-.04em}.purchase-count span{font-size:14px;letter-spacing:0;display:block;font-weight:450}.purchase-price{margin-top:14px;font-size:18px;font-weight:650}.purchase-discount{display:inline-block;margin-top:12px;padding:3px 8px;border-radius:99px;background:#d9edcf;color:#245a32;font-size:12px;font-weight:700}.purchase-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.purchase-primary,.purchase-secondary{font:650 15px/1.4 system-ui,sans-serif;min-height:46px;padding:12px 18px;border-radius:12px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.purchase-primary{background:var(--ink);color:var(--lime);box-shadow:0 0 18px #c8f05c18}.purchase-primary:hover{background:#274436}.purchase-primary:disabled,.purchase-secondary:disabled{background:#dfe2db;color:#69726b;box-shadow:none;cursor:not-allowed;border-color:#c8cdc4}.purchase-secondary{background:#e5e9df;color:var(--ink)}.purchase button:focus-visible,.purchase a:focus-visible,.purchase-offer:focus-within{outline:3px solid #527fe1;outline-offset:3px}.purchase-note{font-size:13px;color:var(--muted)}.purchase-state{max-width:680px}.purchase-row{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.purchase-row strong{white-space:nowrap}.purchase-total{font-size:20px}.purchase-state h2{font-size:24px;letter-spacing:-.03em;margin:18px 0 6px}.purchase-state p{color:var(--muted);margin:10px 0}.purchase-status-icon{width:54px;height:54px;border-radius:50%;background:#def0d7;display:grid;place-items:center;color:var(--green);font-size:27px;box-shadow:0 0 0 6px #16a36a10}.purchase-wait{background:#fff0d6;color:#885312}.purchase-error{background:#ffebe3;color:#a14225}.purchase-selected{padding:14px 16px;background:#f9f6e7;border:1px solid #ddd6b8;border-radius:12px;margin:18px 0}.purchase-selected b,.purchase-selected span{display:block}.purchase-spinner{display:inline-block;width:18px;height:18px;border:2px solid #73855c;border-top-color:var(--lime);border-radius:50%;animation:purchase-spin 1s linear infinite;margin-right:9px}@keyframes purchase-spin{to{transform:rotate(360deg)}}.purchase-steps{font-size:12px;color:var(--muted);margin-bottom:16px}.purchase-steps b{color:var(--green)}.purchase-notice{margin:16px 0;background:#f1f3ea;padding:14px;border-radius:12px;font-size:14px}body:has(.purchase){background:#f2f0e9}body:has(.purchase) header{background:#f2f0e9;color:#17211d}body:has(.purchase) .brand-name,body:has(.purchase) .nav-link{color:#17211d}body:has(.purchase) main{max-width:1130px;margin:auto}body:has(.purchase) .grain{display:none}@media(max-width:650px){.purchase{padding:8px 0}.purchase h1{font-size:26px}.purchase-card{padding:20px 16px}.purchase-offers{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.purchase-offer{padding:14px}.purchase-count{font-size:27px}.purchase-offer input{margin-bottom:12px}.purchase-price{font-size:17px}.purchase-footer{align-items:stretch;gap:14px}.purchase-footer .purchase-primary{width:100%}.purchase-row{gap:12px}.purchase-row strong{white-space:normal;text-align:right}.purchase-balance{width:100%}.purchase-state h2{font-size:23px}}@media(prefers-reduced-motion:reduce){.purchase *{animation:none!important;transition:none!important}}.purchase a,.purchase p,.purchase span{overflow-wrap:break-word}body:has(.purchase) header{position:sticky;top:0;z-index:4}#purchase-status button{margin-top:12px;display:block}

body:has(.purchase) #sessioncost{display:none}.purchase h1:focus{outline:none}.purchase h1{font-weight:700}.purchase{animation:purchase-enter .22s ease-out}@keyframes purchase-enter{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}
