.my-orders-page { max-width: 900px; margin: 36px auto; }
.my-orders { gap: 16px; }
.my-orders > article { padding: 20px; }
.my-orders .order-head { padding-bottom: 13px; border-bottom: 1px solid var(--line); }
.my-orders .order-head time { margin-left: auto; }
.order-details { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px; padding: 13px 0; }
.order-address, .order-contact { display: flex; align-content: start; gap: 8px 22px; flex-wrap: wrap; color: var(--muted); }
.order-address strong { color: var(--ink); }
.order-address small { flex-basis: 100%; }
.order-contact strong { color: var(--ink); }
.order-comment { flex-basis: 100%; }
.order-products { display: grid; gap: 8px; }
.order-product-row { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 8px; border-radius: 10px; background: #f7f4ec; }
.order-product-row img, .order-product-no-image { display: grid; width: 52px; height: 52px; padding: 3px; place-items: center; object-fit: contain; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.order-product-no-image { color: var(--muted); font-size: 9px; text-align: center; }
.order-product-row > div { display: grid; min-width: 0; }
.order-product-row > div strong { line-height: 1.3; }
.order-product-row small { color: var(--muted); }
.order-product-row > b { white-space: nowrap; color: var(--green); }
@media (max-width: 560px) { .my-orders-page { margin: 24px auto; } .my-orders > article { padding: 14px; } .my-orders .order-head time { width: 100%; margin-left: 0; } .order-details { grid-template-columns: 1fr; } .order-address, .order-contact { display: grid; gap: 5px; } .order-product-row { grid-template-columns: 46px minmax(0, 1fr) auto; gap: 9px; } .order-product-row img, .order-product-no-image { width: 46px; height: 46px; } }