.commerce-page{max-width:1280px;width:89%;margin:0 auto;padding:64px 0 88px;color:var(--text)}
.commerce-page>header{max-width:730px;margin-bottom:44px}
.commerce-page h1{font:400 clamp(38px,6vw,74px)/1.06 Fraunces,serif;letter-spacing:-.035em;margin:24px 0}
.commerce-page h1 em{color:var(--gold)}
.commerce-page p,.commerce-history p{font-size:14px;line-height:1.85;color:var(--text-2)}
.commerce-page a,.commerce-history a{color:var(--gold)}
.commerce-page a.btn{color:var(--text)}
.commerce-page a.btn-gold{color:#111}
.commerce-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:32px;align-items:start}
.commerce-panel,.commerce-summary{background:var(--bg-1);padding:30px;border-radius:20px;margin-bottom:24px;min-width:0}
.commerce-panel h2,.commerce-summary h2,.commerce-history h2{font:400 29px Fraunces,serif;margin:0 0 24px}
.commerce-panel label,.commerce-invoice-form label{display:grid;gap:10px;font-size:13px;color:var(--text-1);margin:20px 0}
.commerce-panel :is(input,select,textarea),.commerce-invoice-form :is(input,textarea){width:100%;min-width:0;box-sizing:border-box;background:var(--bg-3);border:1px solid var(--border);border-radius:12px;padding:13px 15px;color:var(--text);font:14px/1.6 Geist,sans-serif;color-scheme:dark}
.commerce-panel :is(input,select,textarea):focus-visible,.commerce-invoice-form :is(input,textarea):focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.commerce-panel fieldset{padding:0;margin:25px 0 0;border:0;border-top:1px solid var(--border)}
.commerce-panel legend{font:400 22px Fraunces,serif;padding-right:12px}
.commerce-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.commerce-panel .commerce-consent{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.85}
.commerce-consent input{width:18px;flex-shrink:0;margin-top:4px;accent-color:var(--gold)}
.commerce-page .commerce-hint{font-size:12px;color:var(--text-3)}
.commerce-summary{position:sticky;top:90px}
.commerce-cart-line{display:flex;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid var(--border)}
.commerce-cart-line strong,.commerce-cart-line small,.commerce-cart-line span{display:block;font-size:13px;line-height:1.7}
.commerce-cart-line small{font-size:11px;color:var(--text-2);margin:6px 0}
.commerce-cart-line button{background:none;border:0;color:var(--text-2);cursor:pointer;align-self:start;padding:8px}
.commerce-total{display:flex;justify-content:space-between;gap:20px;margin:24px 0;font-size:13px}
.commerce-summary .commerce-quote-note{border-left:2px solid var(--gold);padding-left:14px}
.commerce-summary .commerce-submit{width:100%;justify-content:center;margin:6px 0 18px}
.commerce-summary>a:last-child{display:inline-flex;align-items:center;gap:8px}
.commerce-error{color:#ffb7a9!important;border-left:2px solid #ffb7a9;padding-left:12px;overflow-wrap:anywhere}
.commerce-success{max-width:730px;margin:20px auto;padding:40px;background:var(--bg-1);border-radius:24px}
.commerce-success>svg{color:var(--gold);margin-bottom:25px}
.commerce-success .eyebrow{margin-top:14px}
.commerce-history{padding:36px 0 70px;width:100%;max-width:1100px;margin:auto;min-width:0}
.commerce-history>header,.commerce-history-card>header{display:flex;align-items:start;justify-content:space-between;gap:24px}
.commerce-history h1{font:400 clamp(32px,4vw,52px)/1.1 Fraunces,serif;margin:16px 0}
.commerce-history>h2{margin-top:40px}
.commerce-history-card{background:var(--bg-1);padding:26px;border-radius:18px;margin:20px 0;overflow-wrap:anywhere}
.commerce-history-card h3{font:400 26px Fraunces,serif;margin:15px 0}
.commerce-history-card ul{padding-left:18px;color:var(--text-2);font-size:13px;line-height:1.9}
.commerce-history-card small{color:var(--text-2);font-size:12px}
.commerce-invoice-row{display:flex;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid var(--border)}
.commerce-invoice-row>div{flex:1;min-width:0;overflow-wrap:anywhere}
.commerce-invoice-row small{display:block;color:var(--text-2);font-size:12px;margin-top:8px}
.commerce-invoice{background:#fff!important;color:#191919!important;max-width:850px!important;overflow-wrap:anywhere}
.commerce-invoice h2{color:#191919;font:400 32px Fraunces,serif}
.commerce-invoice p{color:#444}
.commerce-invoice table{width:100%;border-collapse:collapse;margin:30px 0;color:#222;font-size:14px}
.commerce-invoice :is(th,td){padding:16px 8px;border-bottom:1px solid #ddd;text-align:left;vertical-align:top}
.commerce-invoice :is(th,td):last-child{text-align:right;white-space:nowrap}
.commerce-invoice-controls{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}
.commerce-invoice-controls button{color:#222;border-color:#bbb}
.commerce-invoice-notes{white-space:pre-wrap}
.services-request-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px;width:100%}
.services-request-actions>a,.services-request-actions button{display:inline-flex;align-items:center;gap:7px;padding:8px 0;color:var(--gold);font:500 12px/1.3 var(--sans);text-decoration:none}
.services-request-actions>a{border-bottom:1px solid transparent}
.services-request-actions>a:hover{border-color:currentColor;color:var(--gold-soft)}
.services-request-actions button{border:0;background:none;cursor:pointer}
.services-request-actions button:hover{color:var(--gold-soft)}
.services-request-actions :focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:800px){.commerce-layout{grid-template-columns:minmax(0,1fr)}.commerce-summary{position:static;grid-row:auto}.commerce-page{padding-top:36px}.commerce-panel,.commerce-summary{padding:24px}.commerce-field-pair{grid-template-columns:minmax(0,1fr);gap:0}.commerce-history>header,.commerce-history-card>header{flex-direction:column}.commerce-invoice-row{flex-wrap:wrap;gap:16px}.commerce-success{padding:26px}.commerce-history{padding-inline:6px;box-sizing:border-box}}
@media print{body:has(.commerce-invoice) *{visibility:hidden}.commerce-invoice,.commerce-invoice *{visibility:visible!important}.commerce-invoice{position:absolute!important;inset:0!important;max-width:none!important;max-height:none!important;width:100%!important;border:0!important;box-shadow:none!important;padding:24px!important;overflow:visible!important}.commerce-invoice-backdrop{position:absolute!important;inset:0!important;background:white!important;overflow:visible!important}.commerce-invoice-controls{display:none!important}}