.commerce-toolbar{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin:1.4rem 0}.commerce-table{width:100%;border-collapse:collapse}.commerce-table th,.commerce-table td{padding:.9rem;text-align:left;border-bottom:1px solid #dce1e5;vertical-align:top}.commerce-table small{display:block;color:#65717b}.commerce-form{max-width:780px}.commerce-form label{display:block;font-weight:600;margin:1rem 0 .3rem}.commerce-form input:not([type=checkbox]),.commerce-form select,.commerce-form textarea{width:100%;padding:.65rem;border:1px solid #bac4cc;border-radius:5px}.commerce-form textarea{min-height:100px}.commerce-form button{margin-top:1rem}.commerce-status{padding:1rem;background:#edf2f5;border-radius:5px;margin:1rem 0}.commerce-error{color:#992f25}.commerce-card{border:1px solid #dce1e5;border-radius:8px;padding:1.5rem;margin:1rem 0;background:white}.commerce-card h2{font-size:1.4rem}.commerce-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.commerce-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.commerce-overflow{overflow-x:auto}.commerce-variant{background:#f6f8f9;padding:1rem;margin:1rem 0}.document-page{font:15px Arial,sans-serif;background:#e9edf0;color:#182630;padding:30px}.order-document{background:white;max-width:940px;margin:auto;padding:55px;line-height:1.55}.document-brand{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;border-bottom:2px solid #566f82;padding-bottom:25px}.document-brand img{max-width:260px;max-height:90px;object-fit:contain}.document-brand h1{margin:0;font-size:28px}.document-parties{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:35px 0}.order-document h2{font-size:15px;text-transform:uppercase;color:#607b8d}.order-document table{border-collapse:collapse;width:100%}.order-document td,.order-document th{padding:13px 8px;border-bottom:1px solid #dce1e5;text-align:left}.order-document small{display:block}.document-totals{text-align:right;margin:25px 0}.document-total{font-size:22px}.order-document footer{margin-top:40px;border-top:1px solid #dce1e5;padding-top:20px;color:#5f6c75;font-size:12px}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.no-print{max-width:1050px;margin:0 auto 20px}@media print{@page{size:letter;margin:15mm}.no-print{display:none!important}.document-page{padding:0;background:white}.order-document{padding:0;max-width:none}thead{display:table-header-group}tr{break-inside:avoid}a{color:inherit;text-decoration:none}.document-brand{break-inside:avoid}.document-parties{break-inside:avoid}}


/* Keep the buyer cart and checkout in the same compact public-page rhythm. */
#commerce.public-compact-page>h1{font-size:2.2rem;line-height:1.15;margin:0 0 16px}
#commerce[data-mode=cart] .commerce-card,#commerce[data-mode=checkout] .commerce-card{padding:16px;margin:12px 0}
#commerce[data-mode=cart] .commerce-card p,#commerce[data-mode=checkout] .commerce-card p{margin-bottom:8px}
#commerce[data-mode=cart] .commerce-card p:last-child,#commerce[data-mode=checkout] .commerce-card p:last-child{margin-bottom:0}
#commerce[data-mode=cart] .commerce-card h3,#commerce[data-mode=checkout] .commerce-card h3{font-size:1.25rem;margin-bottom:10px}
#commerce[data-mode=cart] .commerce-table td,#commerce[data-mode=checkout] .commerce-table td{padding:10px}
#commerce[data-mode=checkout] .commerce-form label{margin-top:10px}
#commerce[data-mode=checkout] .commerce-form input:not([type=checkbox]),#commerce[data-mode=checkout] .commerce-form select{padding:8px 10px;min-height:38px}