.commerce { padding-block:40px 64px; }
.commerce h1 { font-size:2.5rem; line-height:1.15; letter-spacing:0; margin-block:0 24px; }
.commerce h2,.commerce h3 { font-size:1.5rem; line-height:1.3; letter-spacing:0; margin-block:0 16px; }
.commerce p { max-inline-size:72ch; }
.commerce-nav { display:flex; flex-wrap:wrap; align-items:center; gap:8px 24px; padding-block:12px; }
.commerce-nav a { display:inline-flex; align-items:center; min-height:44px; font-weight:700; }
.commerce-tiers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-block:24px 40px; }
.commerce-tier { min-width:0; padding:24px; border:2px solid var(--ink); background:#fff; border-radius:6px; }
.commerce-tier:nth-child(2) { border-top:6px solid var(--blue); }
.commerce-tier:nth-child(3) { border-top:6px solid #d43a26; }
.commerce-price { display:block; font-size:2rem; line-height:1.3; font-weight:800; }
.commerce-period { display:block; margin-block:4px 18px; }
.commerce-columns { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; border-top:2px solid var(--ink); padding-block:32px; }
.commerce-form { display:grid; gap:16px; min-width:0; max-inline-size:42rem; }
.commerce-form label:not(.commerce-check) { display:grid; gap:8px; }
.commerce-form input:not([type="checkbox"]):not([type="hidden"]),.commerce-form select { width:100%; min-width:0; min-height:48px; padding:10px; background:white; color:var(--ink); border:1px solid var(--ink); font:inherit; }
.commerce-form select { font-size:1rem; }
.commerce-form fieldset { display:grid; gap:16px; min-width:0; border:0; padding:0; margin:0; }
.commerce-form .commerce-check { display:grid; grid-template-columns:44px minmax(0,1fr); gap:10px; align-items:start; min-height:44px; }
.commerce-check input { width:44px; height:44px; margin:0; }
.commerce-form p { margin:0; }
.commerce-form button,.commerce button { cursor:pointer; white-space:normal; overflow-wrap:anywhere; font:inherit; min-height:44px; padding:10px 16px; }
.commerce-form button:disabled,.commerce button:disabled { cursor:not-allowed; opacity:.6; }
.commerce-form [data-retry],.commerce [data-login-retry],.commerce [data-library-retry],.commerce [data-result-retry] { background:transparent; border:1px solid currentColor; }
.commerce-form a,.commerce-library a { display:inline-flex; align-items:center; min-height:44px; }
.commerce-billing { display:flex; gap:24px; flex-wrap:wrap; border:0; padding:0; }
.commerce-billing label { display:flex; align-items:center; gap:8px; min-height:44px; }
.commerce-billing input { width:44px; height:44px; margin:0; }
.commerce-library { list-style:none; padding:0; }
.commerce-library li { display:flex; justify-content:space-between; gap:24px; align-items:center; padding-block:12px; border-bottom:1px solid var(--line); }
.commerce-library li span { min-width:0; overflow-wrap:anywhere; }
.commerce-notice { border-inline-start:4px solid var(--blue); padding:12px 16px; background:#fff; }
.commerce-languages { margin-block:24px; }
.commerce,.commerce-form { overflow-wrap:anywhere; }
@media(max-width:767px) { .commerce-tiers,.commerce-columns { grid-template-columns:minmax(0,1fr); } .commerce h1 { font-size:2rem; } .commerce-columns { gap:28px; } }