.client-orders-page{min-height:650px}.client-orders-hero{color:#fff;background:#111214;padding:78px max(25px,12vw)}.client-orders-hero h1{letter-spacing:-3px;margin:8px 0 16px;font-size:clamp(44px,6vw,76px)}.client-orders-hero p:not(.kicker){color:#c9c9c9;max-width:660px;font-size:17px;line-height:1.55}.orders-carousel-wrap{max-width:1180px;margin:70px auto 95px;padding:0 25px}.orders-carousel-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px;display:flex}.orders-carousel-heading h2{letter-spacing:-2px;margin:0;font-size:42px}.status-legend{flex-wrap:wrap;gap:7px;display:flex}.status-legend span,.order-status{border-radius:999px;padding:7px 9px;font-size:11px;font-weight:900;display:inline-block}.created{color:#168c55!important;background:#e9f8ef!important}.handoff{color:#996300!important;background:#fff4d9!important}.transit{color:#176fc4!important;background:#e9f3ff!important}.delivered{color:#4b4bc7!important;background:#e9efff!important}.cancelled{color:#bf1820!important;background:#ffe9ea!important}.orders-carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;gap:14px;padding:4px 2px 16px;display:flex;overflow-x:auto}.orders-carousel article{scroll-snap-align:start;color:#fff;background:#111214;border-top:4px solid #e31919;flex:0 0 min(310px,82vw);min-height:220px;padding:24px;box-shadow:0 12px 26px #0002}.orders-carousel article>p{color:#ff6464;text-transform:uppercase;margin:23px 0 5px;font-size:11px;font-weight:900}.orders-carousel h3{margin:0 0 24px;font-size:21px}.orders-carousel dl{grid-template-columns:1fr 1fr;gap:13px;margin:0;display:grid}.orders-carousel dt{color:#969696;font-size:11px}.orders-carousel dd{margin:5px 0 0;font-size:13px;font-weight:800}.orders-privacy-note{color:#575757;background:#f1f1f1;border-left:4px solid #e31919;max-width:780px;margin:28px 0 0;padding:18px 21px;line-height:1.55}@media (max-width:700px){.client-orders-hero{padding:58px 21px}.orders-carousel-wrap{margin:48px auto 65px;padding:0 18px}.orders-carousel-heading{flex-direction:column;align-items:flex-start}.orders-carousel-heading h2{font-size:36px}}