.order-detail-page{background:linear-gradient(180deg,#fff7f9,#ffffff)}.order-detail-block,.order-detail-card,.order-detail-summary{background:#fff;border:1px solid #f3dfe5;border-radius:18px;box-shadow:0 4px 16px rgba(90,43,57,.045)}.order-detail-card{padding:22px}.order-detail-hero{display:flex;justify-content:space-between;gap:12px}.order-detail-hero h1{margin:0;font-size:28px;font-weight:900}.order-detail-hero p{color:#777;margin:8px 0 0}.order-detail-hero a{align-self:center;padding:10px 14px;border-radius:999px;background:#fff7f9;color:#222;font-weight:800}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.order-detail-block,.order-detail-summary{padding:18px}.order-detail-block h2,.order-detail-summary h2{margin:0 0 14px;font-size:20px;font-weight:900}.order-timeline{display:grid;grid-gap:12px;gap:12px}.order-timeline div{padding-left:16px;border-left:3px solid #eadde1}.order-timeline div.done{border-color:#ff4f73}.order-timeline small,.order-timeline strong{display:block}.order-timeline small{color:#777}.order-items{display:grid;grid-gap:12px;gap:12px}.order-detail-summary>div,.order-item{display:grid;grid-template-columns:1fr auto auto;grid-gap:12px;gap:12px;align-items:center}.order-item{padding:14px 16px;border-radius:16px;background:#fff7f9}.order-item b,.order-item span{color:#777}.order-detail-summary{display:grid;grid-gap:10px;gap:10px}.order-detail-summary strong{text-align:right}@media(max-width:991.98px){.order-detail-grid,.order-detail-hero{grid-template-columns:1fr;display:grid}}