.head-actions { gap: 14px; }
.search-form { width: min(180px, 52%); }
.track-order-link { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; font-size: 11px; }
.track-order-link svg { width: 17px; height: 17px; stroke-width: 1.6; }
.customer-order-page { width: min(980px, 100% - 48px); min-height: 56vh; margin: 0 auto; padding: 64px 0 80px; }
.customer-order-page > .eyebrow { margin-bottom: 10px; }
.customer-order-page > h1,
.customer-order-heading h1 { margin: 0 0 12px; font: 500 42px/1.15 var(--serif); }
.customer-order-intro { max-width: 540px; margin: 0 0 28px; color: #74766e; font-size: 12px; line-height: 1.7; }
.track-order-form { display: grid; gap: 15px; width: min(440px, 100%); }
.track-order-form label { display: grid; gap: 7px; color: #62655c; font-size: 10px; }
.track-order-form input { width: 100%; height: 43px; padding: 0 12px; border: 1px solid #deded5; background: #fff; outline: 0; font-size: 12px; }
.track-order-form input:focus { border-color: #78836b; }
.track-order-form .button { justify-self: start; margin-top: 4px; }
.track-order-error { margin: 0; color: #a44f3c; font-size: 10px; }
.track-order-help { margin-top: 23px; color: #777970; font-size: 10px; }
.track-order-help a,.tracking-status-note a { color: #59664c; text-decoration: underline; text-underline-offset: 3px; }
.customer-order-heading { display: flex; justify-content: space-between; align-items: end; gap: 18px; margin-bottom: 24px; }
.customer-order-heading .eyebrow { margin-bottom: 8px; }
.customer-order-heading h1 { margin: 0; }
.customer-order-heading .button { flex: 0 0 auto; }
.tracking-status-panel,.tracked-order-section { padding: 21px; border: 1px solid #e5e3db; background: #fff; }
.tracking-status-panel > .status-pill { padding: 7px 11px; font-size: 10px; }
.tracking-status-note { margin: 12px 0 0; color: #74766e; font-size: 10px; }
.tracking-steps { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; margin: 23px 0 0; padding: 0; list-style: none; }
.tracking-steps li { position: relative; display: grid; justify-items: center; gap: 8px; color: #8b8d84; text-align: center; }
.tracking-steps li:not(:last-child)::after { position: absolute; top: 13px; left: calc(50% + 14px); width: calc(100% - 20px); height: 1px; background: #e2e1d9; content: ''; }
.tracking-steps li.is-complete:not(:last-child)::after { background: #7d896d; }
.tracking-steps li > span { z-index: 1; display: grid; width: 27px; height: 27px; place-items: center; border: 1px solid #d9d9d0; border-radius: 50%; background: #fff; font-size: 9px; }
.tracking-steps li.is-complete > span { border-color: #59664c; background: #59664c; color: #fff; }
.tracking-steps li.is-current small { color: #34382f; font-weight: 700; }
.tracking-steps li small { max-width: 100%; font-size: 9px; line-height: 1.35; }
.tracked-order-grid { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(220px,.8fr); gap: 14px; margin-top: 14px; align-items: start; }
.tracked-order-section h2 { margin: 0 0 15px; font: 500 19px var(--serif); }
.tracked-order-items { display: grid; }
.tracked-order-item { display: grid; grid-template-columns: 54px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 12px 0; border-top: 1px solid #efeee8; font-size: 10px; }
.tracked-product-image { display: grid; width: 54px; height: 54px; place-items: center; overflow: hidden; border: 1px solid #ecebe5; background: #f7f6f2; color: #777970; }
.tracked-product-image img { width: 100%; height: 100%; object-fit: cover; }
.tracked-product-image svg { width: 18px; }
.tracked-product-copy { display: grid; gap: 5px; min-width: 0; }
.tracked-product-copy strong { line-height: 1.4; }
.tracked-product-copy small { color: #777970; font-size: 9px; line-height: 1.4; }
.tracked-delivery > strong { font-size: 11px; }
.tracked-delivery p { color: #66695f; font-size: 10px; line-height: 1.65; overflow-wrap: anywhere; }
.tracked-delivery > small { color: #85877f; font-size: 9px; }
.track-another-link { display: inline-block; margin-top: 18px; color: #59664c; font-size: 10px; text-decoration: underline; text-underline-offset: 3px; }
.success-order-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 22px 0 10px; }
.success-order-actions .button { min-width: 190px; }
.success-continue-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 13px; font-size: 10px; color: #59664c; }
.success-continue-link svg { width: 14px; }
.invoice-page { width: min(920px, 100% - 48px); min-height: 60vh; margin: 30px auto 70px; }
.invoice-actions { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 16px; }
.invoice-actions .text-link { display: inline-flex; align-items: center; gap: 7px; }
.invoice-actions .text-link svg { width: 14px; }
.invoice-sheet { padding: 36px; border: 1px solid #e5e3db; background: #fff; }
.invoice-heading { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 22px; border-bottom: 1px solid #e5e3db; }
.invoice-heading .wordmark { font-size: 29px; }
.invoice-heading p { margin: 8px 0 0; color: #777970; font-size: 10px; }
.invoice-heading > div:last-child { text-align: right; }
.invoice-heading > div:last-child > span,.invoice-delivery-status > span,.invoice-addresses small { color: #85877f; font-size: 8px; letter-spacing: 1px; }
.invoice-heading h1 { margin: 5px 0; font: 500 20px var(--serif); }
.invoice-delivery-status { display: flex; align-items: center; gap: 12px; padding: 13px 0; border-bottom: 1px solid #eeede7; }
.invoice-delivery-status strong { font-size: 10px; }
.invoice-delivery-status small { margin-left: auto; color: #777970; font-size: 9px; }
.invoice-addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding: 20px 0; }
.invoice-addresses > div { display: grid; align-content: start; gap: 7px; }
.invoice-addresses strong { font-size: 10px; }
.invoice-addresses p { margin: 0; color: #5f6259; font-size: 10px; line-height: 1.6; overflow-wrap: anywhere; }
.invoice-table { overflow-x: auto; }
.invoice-table table { width: 100%; min-width: 760px; table-layout: fixed; border-collapse: collapse; }
.invoice-table th,
.invoice-table td { padding: 11px 8px; border-bottom: 1px solid #ecebe5; white-space: normal; vertical-align: top; overflow-wrap: anywhere; }
.invoice-table th { font-size: 8px; line-height: 1.35; text-align: right; }
.invoice-table td { font-size: 10px; line-height: 1.5; text-align: right; }
.invoice-table th:first-child,
.invoice-table td:first-child { width: 34%; text-align: left; }
.invoice-table th:nth-child(2),
.invoice-table td:nth-child(2) { width: 12%; }
.invoice-table th:nth-child(3),
.invoice-table td:nth-child(3) { width: 8%; }
.invoice-table th:nth-child(4),
.invoice-table td:nth-child(4) { width: 10%; }
.invoice-table th:nth-child(5),
.invoice-table td:nth-child(5) { width: 8%; }
.invoice-table th:nth-child(6),
.invoice-table td:nth-child(6) { width: 12%; }
.invoice-table th:nth-child(7),
.invoice-table td:nth-child(7) { width: 16%; }
.invoice-totals { width: min(330px,100%); margin: 16px 0 0 auto; }
.invoice-totals > div { display: flex; justify-content: space-between; gap: 15px; padding: 8px 0; border-bottom: 1px solid #eeede7; font-size: 10px; }
.invoice-totals dt { color: #777970; }
.invoice-totals dd { margin: 0; }
.invoice-totals .invoice-total { border: 0; font-size: 13px; font-weight: 700; }
.invoice-footnote { margin: 22px 0 0; color: #777970; font-size: 9px; line-height: 1.6; }
@media (max-width: 1150px) { .track-order-link span { display: none; } }
@media (max-width: 700px) {
    .customer-order-page,.invoice-page { width: calc(100% - 30px); padding-top: 38px; }
    .customer-order-page > h1,.customer-order-heading h1 { font-size: 34px; }
    .customer-order-heading { align-items: flex-start; flex-direction: column; }
    .tracking-status-panel,.tracked-order-section { padding: 14px; }
    .tracking-steps { grid-template-columns: repeat(3,minmax(0,1fr)); row-gap: 16px; }
    .tracking-steps li:nth-child(3)::after { display: none; }
    .tracked-order-grid { grid-template-columns: minmax(0,1fr); }
    .invoice-page { margin-top: 18px; }
    .invoice-sheet { padding: 18px; }
    .invoice-addresses { gap: 15px; }
    .invoice-heading .wordmark { font-size: 24px; }
    .invoice-heading h1 { font-size: 15px; }
}
@media (max-width: 420px) {
    .invoice-addresses { grid-template-columns: minmax(0,1fr); }
    .invoice-delivery-status { align-items: flex-start; flex-direction: column; gap: 6px; }
    .invoice-delivery-status small { margin-left: 0; }
    .tracked-order-item { grid-template-columns: 46px minmax(0,1fr); }
    .tracked-product-image { width: 46px; height: 46px; }
    .tracked-order-item > strong { grid-column: 2; }
}
@media print {
    .invoice-table { overflow: visible !important; }
    .invoice-table table { width: 100% !important; min-width: 0 !important; table-layout: fixed; }
    .invoice-table th, .invoice-table td { padding: 7px 3px; font-size: 7px; }
    .invoice-table th { font-size: 6px; }
    .invoice-table th:first-child, .invoice-table td:first-child { width: 30%; }
    .invoice-table th:nth-child(2), .invoice-table td:nth-child(2) { width: 12%; }
    .invoice-table th:nth-child(3), .invoice-table td:nth-child(3) { width: 8%; }
    .invoice-table th:nth-child(4), .invoice-table td:nth-child(4) { width: 10%; }
    .invoice-table th:nth-child(5), .invoice-table td:nth-child(5) { width: 8%; }
    .invoice-table th:nth-child(6), .invoice-table td:nth-child(6) { width: 12%; }
    .invoice-table th:nth-child(7), .invoice-table td:nth-child(7) { width: 20%; }
}