/* ExpressBox 2026 design system — shared by index, tracking and free-address */
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#0B0C0E}
html[data-theme="night"] body{background:#0B0C0E}
[hidden]{display:none !important}
*{box-sizing:border-box}
.eb{--page:#FFFFFF;--alt:#F3F3F1;--ink:#0B0C0E;--muted:#55595F;--rule:#E2E2DE;--grid:#D5D5D0}
html[data-theme="night"] .eb{--page:#0B0C0E;--alt:#15171B;--ink:#FFFFFF;--muted:#A3A6AD;--rule:#2A2D33;--grid:#2A2D33}
.eb .eb-light{--page:#FFFFFF;--alt:#F3F3F1;--ink:#0B0C0E;--muted:#55595F;--rule:#E2E2DE;--grid:#D5D5D0}
.eb .logo-day{display:block}.eb .logo-night{display:none}
html[data-theme="night"] .eb .logo-day{display:none}html[data-theme="night"] .eb .logo-night{display:block}
.eb a{color:var(--ink)}.eb a:hover{color:#CC233C}
.eb .nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 32px}
.eb .menu-btn{display:none}
.eb .only-sm{display:none}
.eb .cargo-svg{width:100%}
.eb .cbox{animation:eb-load 5.4s linear infinite}
.eb .cbox.b2{animation-delay:-1.8s}
.eb .cbox.b3{animation-delay:-3.6s}
.eb .cart{animation:eb-cart 13s linear infinite}
@keyframes eb-load{0%{transform:translateX(0);opacity:0}6%{opacity:1}82%{transform:translateX(-265px);opacity:1}100%{transform:translateX(-312px);opacity:0}}
@keyframes eb-cart{0%{transform:translateX(0);opacity:0}6%{opacity:1}88%{opacity:1}100%{transform:translateX(-520px);opacity:0}}
@media (prefers-reduced-motion:reduce){.eb .cbox,.eb .cart{animation:none}}
@media (max-width:640px){.eb .cargo-svg{width:185%;margin-left:-80%}}
@media (max-width:640px){.eb .hide-sm{display:none !important}.eb .only-sm{display:inline !important}}
@media (max-width:900px){
.eb .menu-btn{display:flex}
.eb .nav-links{display:none;width:100%;flex-direction:column;gap:0;border-top:1px solid var(--rule);padding:8px 0}
.eb[data-menu="open"] .nav-links{display:flex}
}
@media (max-width:640px){
.eb .lanes{min-width:0 !important}
.eb .lanes thead{display:none}
.eb .lanes tr{display:flex;flex-wrap:wrap;align-items:center;gap:0 16px;padding:12px 0;border-bottom:1px solid var(--rule)}
.eb .lanes td{padding:2px 0 !important;border-bottom:none !important}
.eb .lanes td:first-child{flex:1 1 100%}
.eb .lanes td:last-child{margin-left:auto}
.eb .ship-wrap{min-width:0 !important}
.eb .ship-row{grid-template-columns:1fr 0.8fr 1.5fr !important;padding-left:16px !important;padding-right:16px !important}
.eb .hide-sm{display:none !important}
}
.eb{--accent:#CC233C;--eyebrow:#CC233C}
html[data-theme="night"] .eb{--eyebrow:#A3A6AD}
.eb .icon-night{display:none}
html[data-theme="night"] .eb .icon-day{display:none}
html[data-theme="night"] .eb .icon-night{display:block}
.eb img{max-width:100%}
.eb input,.eb select,.eb button{font-family:inherit}
.eb input:focus-visible,.eb select:focus-visible,.eb button:focus-visible,.eb a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.eb .btn-primary:hover{filter:brightness(0.92)}
.eb .field-error{border-color:var(--accent) !important}
.eb .form-note{font-size:14px;line-height:1.5}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
