*{box-sizing:border-box}body{margin:0;background:#f7f7f7;color:#111;font-family:Arial,Helvetica,sans-serif}.orders-page{max-width:850px;margin:0 auto;padding:22px 16px 70px}.orders-nav a{color:#333;font-size:14px;text-decoration:none}.orders-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:26px 0 22px}.orders-heading h1{margin:4px 0 0;font-size:30px;line-height:1.1;font-weight:800}.orders-eyebrow{margin:0;color:#777;font-size:11px;font-weight:700;letter-spacing:.12em}.refresh-button{padding:10px 15px;border:1px solid #111;background:#fff;color:#111;cursor:pointer;font-weight:700}.refresh-button:disabled{opacity:.5;cursor:default}#ordersMessage{color:#555;line-height:1.6}.orders-list{display:grid;gap:16px}.order-card{background:#fff;border:1px solid #e7e7e7;padding:22px}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.order-id{margin:0;font-size:18px;font-weight:800}.order-date{font-size:12px;color:#777;margin:8px 0 0}.order-status{white-space:nowrap;display:inline-block;font-size:12px;font-weight:700;padding:8px 10px;border-radius:4px}.status-new{background:#f0f0f0;color:#333}.status-processing{background:#fff1d3;color:#875500}.status-delivered{background:#e7f5ea;color:#246c36}.status-cancelled{background:#fde9e9;color:#ab3333}.status-unknown{background:#eee;color:#555}.order-products{margin-top:18px;border-top:1px solid #eee}.order-item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid #eee}.order-product-image{width:72px;height:72px;object-fit:contain;background:#fafafa;flex-shrink:0}.order-product-name{font-size:14px;font-weight:700;margin:0 0 7px}.order-product-details{font-size:12px;color:#666;margin:0 0 8px;line-height:1.5}.order-product-price{font-size:14px;font-weight:700;margin:0}.order-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;font-size:15px}.orders-note{margin:22px 0 0;color:#777;font-size:12px;line-height:1.5}.catalog-link{display:inline-block;padding:13px 18px;background:#111;color:#fff;text-decoration:none;font-weight:700}@media(max-width:550px){.orders-page{padding:18px 12px 60px}.orders-heading h1{font-size:25px}.order-card{padding:16px}.order-status{font-size:11px;padding:7px}.order-product-image{width:62px;height:62px}.order-id{font-size:16px}}

.order-price-summary {
    padding-top: 18px;
}

.order-price-row {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 7px 0;
    font-size: 14px;
}

.order-grand-total {
    border-top: 1px solid #ddd;
    margin-top: 10px;
    padding-top: 15px;
    font-size: 18px;
    font-weight: 800;
}

.order-delivery-note {
    margin: 12px 0 0;
    font-size: 12px;
    color: #777;
}


/* PUMA — Orders page buttons */

/* Refresh button */
#refreshOrders,
.orders-refresh,
.orders-toolbar button {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #111 !important;
    border-radius: 0 !important;
    padding: 12px 24px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s ease;
}

#refreshOrders:hover,
.orders-refresh:hover,
.orders-toolbar button:hover {
    background: #333 !important;
    color: #fff !important;
}

/* Back to catalog */
.orders-back,
.orders-back-link,
a[href="/"] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #111 !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
}

.orders-back:hover,
.orders-back-link:hover,
a[href="/"]:hover {
    text-decoration: underline !important;
}
