.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-delivery-date { padding: 3px 9px; border-radius: 999px; background: #e8f0ea; color: var(--green); font-size: 12px; }
.combo-order-total { padding: 3px 9px; border-radius: 999px; background: #f2e7da; color: #714526; font-size: 12px; }
.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); }
.order-product-price { justify-items: end; min-width: 118px; white-space: nowrap; }
.order-product-price strong { color: var(--green); font-size: 15px; }
.combo-orders-heading { display: flex; justify-content: space-between; gap: 18px; align-items: end; margin-bottom: 18px; }
.combo-orders-heading h1 { margin: 3px 0 0; }
.combo-orders-heading > span { color: var(--muted); }
.combo-customer { display: flex; gap: 8px 20px; flex-wrap: wrap; padding: 13px 0 0; }
.combo-customer a { color: var(--green); }
.combo-order-products { margin-top: 4px; border-top: 1px solid var(--line); }
.combo-order-products summary { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 13px 4px 4px; color: var(--green); font-weight: 800; cursor: pointer; list-style: none; }
.combo-order-products summary::-webkit-details-marker { display: none; }
.combo-order-products summary span::before { display: inline-block; margin-right: 8px; content: '›'; font-size: 20px; line-height: 1; transition: transform .2s ease; }
.combo-order-products[open] summary span::before { transform: rotate(90deg); }
.combo-order-products summary small { color: var(--muted); font-weight: 600; }
.combo-order-products .order-products { margin-top: 10px; animation: menuIn .18s ease both; }
@media (max-width: 560px) { .my-orders-page { margin: 24px auto; } .my-orders > article { padding: 14px; } .order-delivery-date,.combo-order-total { width: 100%; border-radius: 8px; } .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); gap: 9px; } .order-product-price { grid-column: 2; justify-items: start; min-width: 0; } .order-product-row img, .order-product-no-image { width: 46px; height: 46px; } .combo-orders-heading { align-items: start; flex-direction: column; } .combo-customer { display: grid; gap: 5px; } }