.purchase-page .purchase-shell{max-width:1040px;margin:0 auto}
.purchase-page .purchase-intro-note{max-width:700px}
.purchase-page .purchase-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.purchase-page .purchase-service-card{min-height:170px}
.purchase-page .purchase-service-card h3{font-size:19px;color:var(--brand2)}
.purchase-page .purchase-service-card p{font-size:13px}
.purchase-page .purchase-cta{margin-top:18px;padding:24px;border:1px solid #b9d2d6;border-radius:var(--r-lg);background:linear-gradient(135deg,#fff 0%,#eef8f8 100%);box-shadow:0 10px 28px rgba(23,74,91,.08)}
.purchase-page .purchase-cta h3{margin:0 0 7px;font-size:20px;color:var(--brand2)}
.purchase-page .purchase-cta p{margin:0;color:var(--soft);font-size:13px}
.purchase-page .purchase-cta .purchase-cta-action{margin-top:16px}
.purchase-page .purchase-qr-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:center}
.purchase-page .purchase-qr-wrap{width:240px;padding:10px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;text-align:center}
.purchase-page [data-purchase-qr]{width:220px;min-height:220px;display:grid;place-items:center;overflow:hidden;background:#fff}
.purchase-page [data-purchase-qr] canvas,.purchase-page [data-purchase-qr] img,.purchase-page [data-purchase-qr] svg{display:block;max-width:100%;height:auto;margin:0 auto}
.purchase-page .purchase-qr-instruction{margin:8px 0 0!important;color:var(--soft);font-size:12px!important;line-height:1.55}
.purchase-page .purchase-qr-copy h3{margin:0 0 7px;font-size:18px}
.purchase-page .purchase-qr-copy .badges{margin-bottom:10px}
.purchase-page .purchase-qr-copy p{max-width:580px}
.purchase-page .purchase-password-actions{margin-top:16px}
.purchase-page .purchase-action-buttons{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.purchase-page .purchase-action-buttons .btn{margin-top:0}
.purchase-page .purchase-copy-status{display:block;min-height:18px;margin-top:8px;color:var(--soft);font-size:12px}
.purchase-page .purchase-password-manual{margin-top:10px;padding:12px;border:1px solid #d7e4e5;border-radius:10px;background:#fff;text-align:left}
.purchase-page .purchase-password-manual[hidden]{display:none}
.purchase-page .purchase-password-manual p{margin:0 0 7px;color:var(--text);font-size:12px}
.purchase-page .purchase-password-manual code{display:block;color:var(--brand2);font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.purchase-page .purchase-password-empty{margin-top:8px!important;color:var(--soft)!important;font-size:12px!important}
.purchase-page .purchase-qr-copy .purchase-password-actions p{max-width:none}
.purchase-page .purchase-login-note{margin-top:18px;padding:15px 17px;border-left:3px solid var(--accent);border-radius:0 11px 11px 0;background:var(--accent-soft);color:#526a70;font-size:13px}
.purchase-page .purchase-login-note .btn{margin-top:10px}
.purchase-page .purchase-group-form{margin:0}
.purchase-page .purchase-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.purchase-page .purchase-option{display:block;min-height:132px;padding:19px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;cursor:pointer}
.purchase-page .purchase-option:hover{border-color:#b7cbd1;box-shadow:0 10px 24px rgba(20,42,56,.06)}
.purchase-page .purchase-option-head{display:flex;align-items:flex-start;gap:10px}
.purchase-page .purchase-option input{margin-top:4px;accent-color:var(--brand)}
.purchase-page .purchase-option strong{font-size:16px;color:var(--brand2)}
.purchase-page .purchase-option small{display:block;margin:8px 0 0 25px;color:var(--soft);font-size:12px}
.purchase-page .purchase-payment{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff}
.purchase-page .purchase-payment label{color:#425260;font-size:13px;font-weight:700}
.purchase-page .purchase-payment select{min-width:190px;min-height:42px;padding:0 10px;border:1px solid var(--line2);border-radius:10px;background:#fff;color:var(--text)}
.purchase-page .purchase-payment-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}
@media(max-width:820px){
  .purchase-page .purchase-service-grid,.purchase-page .purchase-option-grid{grid-template-columns:1fr}
  .purchase-page .purchase-qr-layout{grid-template-columns:1fr;gap:18px}
  .purchase-page .purchase-qr-wrap{display:none}
  .purchase-page .purchase-qr-copy{text-align:center}
  .purchase-page .purchase-action-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .purchase-page .purchase-action-buttons .btn{width:100%}
  .purchase-page .purchase-payment{align-items:flex-start;flex-direction:column}
  .purchase-page .purchase-payment select{width:100%}
}
@media(max-width:520px){
  .purchase-page .purchase-cta{padding:18px}
  .purchase-page .purchase-service-card{min-height:0}
  .purchase-page .purchase-action-buttons{grid-template-columns:1fr}
  .purchase-page .purchase-payment-actions{display:grid;grid-template-columns:1fr;width:100%}
  .purchase-page .purchase-payment-actions .btn{width:100%}
}