.orderPage .orderConfirmation{max-width:700px;padding:var(--spacing-md);margin:0 auto}.orderPage .orderConfirmation .cartPreservedNotice{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:color-mix(in srgb,var(--primary)10%,transparent);border:1px solid color-mix(in srgb,var(--primary)25%,transparent);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-sm);display:flex}.orderPage .orderConfirmation .cartPreservedNotice span:first-child{font-size:var(--font-xl)}.orderPage .orderConfirmation .paymentStatusBanner{text-align:center;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.orderPage .orderConfirmation .paymentStatusBanner .statusIcon{font-size:var(--font-3xl);margin-bottom:var(--spacing-xs);display:block}.orderPage .orderConfirmation .paymentStatusBanner h1{font-size:var(--font-xl);margin-bottom:var(--spacing-xs)}.orderPage .orderConfirmation .paymentStatusBanner .statusMessage{font-size:var(--font-sm);opacity:.8}.orderPage .orderConfirmation .paymentStatusBanner.statusSuccess{background:color-mix(in srgb,var(--success)12%,transparent);border:1px solid color-mix(in srgb,var(--success)25%,transparent)}.orderPage .orderConfirmation .paymentStatusBanner.statusFailed{background:color-mix(in srgb,var(--accent)12%,transparent);border:1px solid color-mix(in srgb,var(--accent)25%,transparent)}.orderPage .orderConfirmation .paymentStatusBanner.statusPending{background:color-mix(in srgb,var(--warning)12%,transparent);border:1px solid color-mix(in srgb,var(--warning)25%,transparent)}.orderPage .orderConfirmation .paymentStatusBanner.statusExpired{background:color-mix(in srgb,var(--text)5%,transparent);border:1px solid var(--border)}.orderPage .orderConfirmation .orderInfo{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm)}.orderPage .orderConfirmation .orderInfo .infoRow{padding:var(--spacing-xs)0;font-size:var(--font-sm);border-bottom:1px solid var(--border);justify-content:space-between;display:flex}.orderPage .orderConfirmation .orderInfo .infoRow:last-of-type{border-bottom:none}.orderPage .orderConfirmation .orderInfo .infoRow span:first-child{opacity:.6}.orderPage .orderConfirmation .orderInfo .infoRow.error span:last-child{color:var(--accent)}.orderPage .orderConfirmation .orderInfo .shippingInfo{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border)}.orderPage .orderConfirmation .orderInfo .shippingInfo h3{font-size:var(--font-md);margin-bottom:var(--spacing-xs)}.orderPage .orderConfirmation .orderInfo .shippingInfo p{font-size:var(--font-xs);opacity:.7;padding:1px 0}.orderPage .orderConfirmation .orderInfo .orderItemsSection{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border)}.orderPage .orderConfirmation .orderInfo .orderItemsSection h3{font-size:var(--font-md);margin-bottom:var(--spacing-sm)}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup{margin-bottom:var(--spacing-sm)}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .shopGroupHeader{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--container);border-radius:var(--radius-xs);margin-bottom:6px;display:flex}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .shopGroupHeader .shopIcon{font-size:var(--font-md)}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .shopGroupHeader .shopGroupName{font-weight:600;font-size:var(--font-sm)}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .shopGroupItems{flex-direction:column;gap:6px;display:flex}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard.statusNotSupplied{border-color:color-mix(in srgb,var(--accent)30%,transparent);background:color-mix(in srgb,var(--accent)5%,transparent)}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard.statusCancelled{opacity:.6;border-color:color-mix(in srgb,var(--text)10%,transparent)}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard.statusDelivered{border-color:color-mix(in srgb,var(--success)30%,transparent)}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard.statusShipped{border-color:color-mix(in srgb,var(--primary)30%,transparent)}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard .orderItemImage{border-radius:var(--radius-xs);background:var(--container);flex-shrink:0;width:48px;height:48px;overflow:hidden}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard .orderItemImage img{object-fit:cover;width:100%;height:100%}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard .orderItemDetails{flex:1}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard .orderItemDetails .orderItemName{font-size:var(--font-sm);font-weight:600}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard .orderItemDetails .orderItemVariant,.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard .orderItemDetails .orderItemQty{font-size:var(--font-xs);opacity:.5}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard .orderItemDetails .orderItemPrice{font-size:var(--font-sm);margin-top:2px;font-weight:600}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard .orderItemStatusCol{min-width:110px}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard .orderItemStatusCol .itemStatusBadge{font-size:var(--font-xs);border-radius:var(--radius-xs);background:var(--container);padding:2px 8px;font-weight:500;display:inline-block}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard .orderItemStatusCol .itemStatusBadge.statusConfirmed{background:color-mix(in srgb,var(--success)20%,transparent);color:var(--success)}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard .orderItemStatusCol .itemStatusBadge.statusShipped{background:color-mix(in srgb,var(--primary)20%,transparent);color:var(--primary)}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard .orderItemStatusCol .itemStatusBadge.statusDelivered{background:color-mix(in srgb,var(--success)25%,transparent);color:var(--success)}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard .orderItemStatusCol .itemStatusBadge.statusNotSupplied{background:color-mix(in srgb,var(--accent)20%,transparent);color:var(--accent)}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard .orderItemStatusCol .itemStatusBadge.statusProcessing{background:color-mix(in srgb,var(--secondary)20%,transparent);color:var(--secondary)}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard .orderItemStatusCol .itemStatusBadge.statusPending{background:color-mix(in srgb,var(--warning)20%,transparent);color:var(--warning)}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard .orderItemStatusCol .itemStatusBadge.statusCancelled{background:color-mix(in srgb,var(--accent)15%,transparent);color:var(--accent)}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard .orderItemStatusCol .itemStatusBadge.statusRefunded{background:color-mix(in srgb,var(--text)10%,transparent)}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard .orderItemStatusCol .itemStatusMessage{font-size:var(--font-xs);color:var(--accent);margin-top:4px}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard .orderItemStatusCol .itemTracking{font-size:var(--font-xs);opacity:.6;margin-top:2px}.orderPage .orderConfirmation .orderInfo .orderItemsSection .shopGroup .orderItemCard .orderItemStatusCol .itemDate{font-size:var(--font-xs);opacity:.5;margin-top:1px}.orderPage .orderConfirmation .orderInfo .orderTotals{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border)}.orderPage .orderConfirmation .orderInfo .orderTotals .line{font-size:var(--font-sm);justify-content:space-between;padding:2px 0;display:flex}.orderPage .orderConfirmation .orderInfo .orderTotals .line.discount{color:var(--success)}.orderPage .orderConfirmation .orderInfo .orderTotals .line.total{font-weight:700;font-size:var(--font-md);margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--border)}.orderPage .orderConfirmation .orderActions{gap:var(--spacing-xs);margin-top:var(--spacing-md);flex-direction:column;display:flex}.orderPage .orderConfirmation .orderActions .retryPayment{text-align:center;padding:var(--spacing-sm);background:var(--primary);color:var(--background);border-radius:var(--radius-sm);font-weight:600;transition:opacity .2s;display:block}.orderPage .orderConfirmation .orderActions .retryPayment:hover{opacity:.9}.orderPage .orderConfirmation .orderActions .viewCartLink{text-align:center;padding:var(--spacing-sm);background:var(--surface);border:1px solid var(--primary);color:var(--primary);border-radius:var(--radius-sm);font-weight:600;transition:all .2s;display:block}.orderPage .orderConfirmation .orderActions .viewCartLink:hover{background:color-mix(in srgb,var(--primary)10%,transparent)}.orderPage .orderConfirmation .orderActions .continueLink{text-align:center;padding:var(--spacing-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-weight:500;display:block}.orderPage .orderConfirmation .orderActions .continueLink:hover{background:var(--surface-hover)}
