.commerce-page { padding-block: clamp(28px,5vw,70px); }
.commerce-page h1 { font-size: clamp(56px,7vw,92px); margin: 10px 0 20px; }
.commerce-page h2 { font: 30px var(--serif); letter-spacing: -.04em; margin: 0 0 16px; }
.order-notice { font: 15px/1.6 var(--sans); margin: 0 0 22px; color: var(--muted); }
.order-notice a,.order-back,#stripe-link,#more { text-decoration: underline; text-underline-offset: 4px; }
.order-back { display: inline-block; margin: 20px 0; padding: 8px 0; }
.checkout-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(240px,.7fr); gap: clamp(25px,8vw,140px); }
.order-form { display: grid; gap: 15px; max-width: 530px; font: 15px/1.5 var(--sans); }
.order-form label,.filter-bar label { display: grid; gap: 6px; font: 13px var(--sans); }
.order-form input,.order-form select,.filter-bar input,.filter-bar select { padding: 11px; border: 1px solid var(--line); border-radius: 3px; width: 100%; min-width: 0; font-size: 16px; background: transparent; }
.order-summary,#facts { align-self: start; font: 15px/1.6 var(--sans); border-top: 1px solid var(--line); padding-top: 15px; }
.summary-row,.order-list-row { display: flex; gap: 15px; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid var(--line); }
.grand { font-weight: 600; }
.filter-bar { display:flex; align-items:end; flex-wrap:wrap; gap:16px; margin:16px 0; }
.order-list-row { width:100%; text-align:left; align-items:center; flex-wrap:wrap; font:14px var(--sans); min-height:50px; }
.order-list-row:hover { background: #eae9e3; }
#detail { max-width:650px; }
#facts address { white-space:pre-line; font-style:normal; margin-block:12px; }
#stripe-link { display:inline-block; margin:15px 0 25px; }
@media(max-width:700px){.checkout-grid{grid-template-columns:1fr}.order-summary{order:-1}.order-list-row{justify-content:flex-start}.filter-bar label{width:100%}}
.lookup-message { margin-block: 18px; font: 15px/1.5 var(--sans); color: var(--muted); }
.lookup-message:empty { display: none; }
.tracking-result { max-width: 530px; border-top: 1px solid var(--line); padding-block: 24px; font: 15px/1.6 var(--sans); }
.tracking-result h2 { margin: 8px 0; }
.delivery-progress { display: flex; list-style: none; gap: 6px; padding: 0; margin-block: 24px; }
.delivery-progress li { flex: 1; border-top: 2px solid var(--line); padding-top: 7px; color: var(--muted); font: 12px var(--mono); }
.delivery-progress .reached { border-color: var(--ink); color: var(--ink); }
#carrier { overflow-wrap: anywhere; }
.tracking-actions { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 18px; }
.tracking-actions button { text-decoration: underline; text-underline-offset: 4px; padding: 8px 0; }
.sample-order { margin-top: 36px; padding: 18px; background: #eae9e3; font: 14px/1.5 var(--sans); }
.sample-order h2 { font-size: 22px; margin-bottom: 4px; }
.order-form .remember-owner { display: flex; align-items: center; gap: 10px; }
.remember-owner input { width: auto; accent-color: var(--ink); }