.customer-order-detail{text-align:left;gap:1.25rem;display:grid}.customer-order-detail .card{padding:clamp(1.25rem,3vw,2rem)}.order-progress>svg,.order-delivery>svg{color:#d56a72;margin-bottom:.75rem}.order-progress ol{grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1.75rem 0;padding:0;list-style:none;display:grid}.order-progress li{opacity:.6;flex-direction:column;align-items:flex-start;gap:.65rem;font-size:.85rem;display:flex}.order-progress li.complete{opacity:1}.order-progress li>span{background:#ffffff12;border:1px solid #ffffff25;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.order-progress li.complete>span{color:#f2929a;background:#d56a7225;border-color:#d56a72}.postal-tracking{border:1px solid #ffffff20;border-radius:14px;flex-wrap:wrap;align-items:center;gap:1rem;margin:1rem 0;padding:1rem;display:flex}.postal-tracking>p{flex-basis:100%;margin:0}.postal-badge{color:#181818;background:#ffce00;border-radius:10px;padding:.75rem;font-size:.85rem}.postal-tracking strong{overflow-wrap:anywhere}.order-detail-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.customer-order-detail dl>div{border-bottom:1px solid #ffffff15;justify-content:space-between;gap:1rem;padding:.6rem 0;display:flex}.customer-order-detail dt{opacity:.75}.customer-order-detail dd{text-align:right;overflow-wrap:anywhere;margin:0}.order-totals{margin-top:1.5rem}.order-delivery address{font-style:normal;line-height:1.7}.delivery-map-placeholder{text-align:center;background:radial-gradient(circle at 50% 40%,#d56a7220,#ffffff06);border:1px solid #ffffff15;border-radius:14px;justify-items:center;gap:.5rem;margin-top:1.25rem;padding:1.5rem;display:grid}.delivery-map-placeholder p{margin:.3rem 0}.order-delivery iframe{border:0;border-radius:14px;width:100%;height:260px;margin:1.25rem 0}.order-contact{text-align:center}.customer-note{white-space:pre-wrap;overflow-wrap:anywhere}@media (max-width:650px){.order-detail-grid{grid-template-columns:1fr}.order-progress ol{grid-template-columns:1fr 1fr}.postal-tracking .button{width:100%}.customer-order-detail dl>div{flex-direction:column;gap:.2rem}.customer-order-detail dd{text-align:left}}
