.commerce-page { max-width:64rem; margin:2rem auto; padding:0 1rem; overflow-wrap:anywhere; }
.commerce-page > h1 { margin-bottom:.65rem; }
.commerce-page > p { max-width:48rem; color:var(--text-dim); line-height:1.65; }
.commerce-page nav { display:flex; gap:.75rem 1.5rem; flex-wrap:wrap; margin-bottom:2rem; }
.commerce-card { min-width:0; border:1px solid var(--border-light); background:var(--bg-elev); border-radius:1rem; padding:clamp(1.1rem,3vw,1.75rem); margin:1.5rem 0; }
.commerce-card > h2 { margin:0 0 1rem; }
.commerce-item { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem; border-bottom:1px solid var(--border-light); padding:1rem 0; }
.commerce-item > div { min-width:0; }
.commerce-account > p { flex-basis:100%; }
.commerce-item p { margin:.35rem 0 0; }
.commerce-form { margin:1.25rem 0 0; }
.commerce-item .commerce-form { flex:none; margin:0; }
.commerce-item .btn { background:transparent; border:1px solid var(--border-light); color:var(--text); }
.commerce-item .btn:hover { border-color:var(--accent); }
.commerce-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; margin-top:1.5rem; }
.commerce-field { min-width:0; }
.commerce-field--wide { grid-column:1/-1; }
.commerce-field label span { color:var(--text-dim); font-weight:400; font-size:.9em; }
.commerce-help,.commerce-page .text-muted { color:var(--text-dim); font-size:.9rem; line-height:1.55; }
.commerce-help { margin:.55rem 0 0; }
.commerce-page dl { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.75rem 1rem; max-width:34rem; margin:1.5rem 0; }
.commerce-page dt,.commerce-page dd { margin:0; }
.commerce-page dd { text-align:right; font-variant-numeric:tabular-nums; }
.commerce-page dt:last-of-type,.commerce-page dd:last-of-type { border-top:1px solid var(--border-light); padding-top:.85rem; font-weight:700; }
.commerce-comment { white-space:pre-wrap; overflow-wrap:anywhere; }
.commerce-page details { margin:.75rem 0; padding:.9rem 0; border-top:1px solid var(--border-light); }
.commerce-page summary { cursor:pointer; font-weight:600; line-height:1.6; }
.commerce-page details[open] > summary { margin-bottom:1rem; }
.commerce-page button:disabled { opacity:.5; cursor:not-allowed; }
.commerce-page #commerce-review { margin-top:1.5rem; }
.commerce-offer { margin-top:1.25rem; padding-top:1.25rem; border-top:1px solid var(--border-light); }
.commerce-offer > p { margin:0; }
.commerce-offer > .btn { align-self:flex-start; }
.commerce-offer label { max-width:24rem; }
@media(max-width:600px) {
    .commerce-page { padding:0 .75rem; }
    .commerce-fields { grid-template-columns:minmax(0,1fr); gap:1.25rem; }
    .commerce-page .commerce-form > .btn,.commerce-page #commerce-review > .btn { width:100%; justify-content:center; }
    .commerce-item .commerce-form > .btn { width:auto; }
    .commerce-item { align-items:flex-start; }
    .commerce-page nav { font-size:.95rem; }
}