:root { --orders-ink:#18212b; --orders-muted:#596675; --orders-line:#dbe1e6; --orders-accent:#d94a21; --orders-bg:#f5f6f7; --orders-soft:#fff4ef; }
* { box-sizing:border-box; }
.orders-page { margin:0; min-height:100vh; color:var(--orders-ink); background:var(--orders-bg); font:16px/1.5 "DM Sans",system-ui,sans-serif; }
.orders-skip { position:fixed; z-index:10; top:-5rem; left:1rem; padding:.75rem 1rem; color:#111; background:#fff; }.orders-skip:focus{top:1rem}
.orders-header { min-height:4.5rem; padding:.75rem clamp(1rem,4vw,4rem); display:flex; align-items:center; justify-content:space-between; gap:1rem; background:#fff; border-bottom:1px solid var(--orders-line); }
.orders-brand img { display:block; width:min(15rem,48vw); height:auto; }.orders-header nav{display:flex;gap:.4rem;flex-wrap:wrap}.orders-header a,.orders-back{color:var(--orders-ink);font-weight:700;padding:.65rem .75rem;border-radius:.45rem}.orders-header a[aria-current="page"]{background:var(--orders-soft);color:#9a3216}
.orders-main{width:min(52rem,calc(100% - 2rem));margin:2rem auto;display:grid;gap:1rem}.orders-card{background:#fff;border:1px solid var(--orders-line);border-radius:1rem;padding:clamp(1.2rem,4vw,2.5rem);box-shadow:0 8px 28px rgba(22,31,39,.06)}
.orders-eyebrow{margin:0;color:var(--orders-accent);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.orders-card h1,.orders-card h2{margin:.2rem 0 .65rem;font-size:clamp(1.7rem,4vw,2.35rem)}.orders-intro{max-width:45rem;margin:0;color:var(--orders-muted)}
.orders-status,.orders-error{margin:1.25rem 0;padding:.85rem 1rem;border-radius:.7rem}.orders-status:not(:empty){background:#f1f4f6}.orders-error{border:1px solid #d99b8d;background:#fff2ef;color:#832b16}.orders-list{display:grid;gap:.75rem}.order-row{width:100%;min-height:44px;padding:1rem;text-align:left;color:inherit;background:#fff;border:1px solid var(--orders-line);border-radius:.75rem;cursor:pointer}.order-row:hover{border-color:#9aa6b1;background:#fafcfd}.order-row-head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.order-row h2{margin:0;font-size:1.1rem}.order-meta{margin:.25rem 0 0;color:var(--orders-muted);font-size:.92rem}.order-states{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.8rem}.order-state{padding:.22rem .45rem;border:1px solid var(--orders-line);border-radius:.4rem;background:#f6f8fa;font-size:.83rem}.orders-button,.orders-back{min-height:44px;margin-top:1rem;border:1px solid var(--orders-line);background:#fff;font:inherit;cursor:pointer}.orders-button{padding:.6rem .9rem;border-radius:.5rem;font-weight:700}.orders-back{margin:-.4rem 0 1rem;padding:.4rem 0;border:0;text-decoration:underline}.order-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.25rem 0}.order-detail-grid div,.order-items{padding:.85rem;border:1px solid var(--orders-line);border-radius:.65rem}.order-detail-grid dt{color:var(--orders-muted);font-size:.86rem}.order-detail-grid dd{margin:.15rem 0 0;font-weight:700}.order-items ul{margin:.65rem 0 0;padding-left:1.2rem}.orders-page :focus-visible{outline:.2rem solid rgba(217,74,33,.4);outline-offset:.15rem}
@media(max-width:560px){.orders-header{align-items:flex-start;flex-direction:column}.orders-main{width:min(100% - 1rem,52rem);margin:1rem auto}.orders-card{border-radius:.75rem}.order-row-head{align-items:flex-start;flex-direction:column;gap:.15rem}.order-detail-grid{grid-template-columns:1fr}.orders-header nav{width:100%}.orders-header nav a{padding-left:0;padding-right:0;margin-right:.75rem}}

/* Keep order history visually aligned with the compact storefront shell. */
.orders-header { min-height: 55px; padding-block: .35rem; }.orders-brand img { width: min(8rem, 38vw); }.orders-main { width: min(74rem, calc(100% - 2rem)); margin: .8rem auto; }.orders-card { padding: clamp(1rem, 2.5vw, 1.5rem); border-radius: .8rem; }.orders-intro { font-size: .92rem; }.orders-status,.orders-error { margin: .75rem 0; }.orders-list { gap: .5rem; }.order-row { padding: .7rem .8rem; border-radius: .6rem; }.order-states { margin-top: .45rem; }
@media(max-width:560px){.orders-header{min-height:52px;padding:.45rem .65rem;flex-direction:row;align-items:center}.orders-brand img{width:min(7.4rem,39vw)}.orders-header nav{width:auto;gap:.15rem}.orders-header nav a{margin:0;padding:.35rem}.orders-main{width:min(100% - 1rem,52rem);margin:.45rem auto}.orders-card{padding:.9rem}.orders-card h1{font-size:1.7rem}}