.price-card[data-plan] { display:flex; flex-direction:column; }
.price-card[data-plan] ul { flex:1; }
.commerce-buy { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; box-sizing:border-box; margin-top:22px; padding:12px 14px; border:1px solid #c4b5fd45; border-radius:10px; background:#a78bfa1d; color:#e9ddff; font:inherit; font-size:13px; font-weight:700; text-decoration:none; cursor:pointer; transition:background .15s,border-color .15s; }
.commerce-buy:hover { background:#a78bfa32; border-color:#c4b5fd85; }
.commerce-buy:disabled { opacity:.45; cursor:default; }
.commerce-availability { font-size:12px; color:#a9a3ba; margin:12px 0 0; }
.commerce-dialog { width:min(410px,calc(100vw - 32px)); box-sizing:border-box; max-height:calc(100dvh - 32px); overflow:auto; padding:28px; border:1px solid #c4b5fd30; border-radius:22px; color:#f1eef8; background:radial-gradient(ellipse at 100% 0,#a78bfa17,transparent 65%),#141620; box-shadow:0 32px 110px #0009; }
.commerce-dialog::backdrop { background:#080914ce; backdrop-filter:blur(9px); }
.commerce-dialog [hidden] { display:none!important; }
.commerce-top { display:flex; align-items:center; gap:12px; margin-bottom:24px; }
.commerce-top img { border-radius:9px; }
.commerce-dialog h2 { margin:0 0 22px; font-size:27px; letter-spacing:-.04em; }
.commerce-summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 0; border-top:1px solid #ffffff14; border-bottom:1px solid #ffffff14; }
.commerce-summary div { display:grid; gap:8px; }
.commerce-summary strong { font-size:21px; letter-spacing:-.03em; }
.commerce-summary span { color:#a9a3ba; font-size:13px; }
.commerce-feedback { color:#bdb4d3; font-size:13px; line-height:1.6; margin:20px 0 0; }
.commerce-feedback:empty { display:none; }
.commerce-feedback[data-kind="error"] { color:#ffb0bb; }
.commerce-actions { display:grid; gap:10px; margin-top:23px; }
.commerce-actions .commerce-buy { margin:0; min-height:45px; }
.commerce-check { padding:12px; color:#c3bbd4; border:1px solid #ffffff20; border-radius:10px; background:transparent; font:inherit; font-size:12px; cursor:pointer; }
.commerce-check:disabled { opacity:.5; cursor:default; }
.commerce-dialog :focus-visible,.commerce-buy:focus-visible { outline:2px solid #c4b5fd; outline-offset:3px; }
@media(max-width:650px) { .commerce-dialog { padding:23px; } }