.cc_t2x7l82b_5KtH0TnDXu .as-order-summary, .cc_t2x7l82b_HjoylmyhWi .as-order-summary { display: grid; grid-template-columns: 12rem minmax(0,1fr) auto auto; gap: 1.25rem; align-items: center; padding: .5rem; border: 1px solid var(--color-border); border-radius: 6px; font-family: var(--font-body); }
.cc_t2x7l82b_5KtH0TnDXu .as-order-summary__images, .cc_t2x7l82b_HjoylmyhWi .as-order-summary__images { display: flex; overflow: hidden; height: 7rem; background: var(--product-media-bg); border-radius: 5px; }
.cc_t2x7l82b_5KtH0TnDXu .as-order-summary__images img, .cc_t2x7l82b_HjoylmyhWi .as-order-summary__images img { min-width: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 20%; flex: 1 1 0; }
.cc_t2x7l82b_5KtH0TnDXu .as-order-summary__placeholder, .cc_t2x7l82b_HjoylmyhWi .as-order-summary__placeholder { display: grid; place-items: center; width: 100%; height: 100%; color: var(--color-text-muted); }
.cc_t2x7l82b_5KtH0TnDXu .as-order-summary__placeholder svg, .cc_t2x7l82b_HjoylmyhWi .as-order-summary__placeholder svg { width: 2rem; height: 2rem; }
.cc_t2x7l82b_5KtH0TnDXu .as-order-summary__number, .cc_t2x7l82b_HjoylmyhWi .as-order-summary__number { font-size: .8125rem; color: var(--color-text-secondary); }
.cc_t2x7l82b_5KtH0TnDXu .as-order-summary__name, .cc_t2x7l82b_HjoylmyhWi .as-order-summary__name { margin: .35rem 0 .5rem; font-size: 1.125rem; line-height: 1.3; letter-spacing: -.02em; font-weight: 700; }
.cc_t2x7l82b_5KtH0TnDXu .as-order-summary__meta, .cc_t2x7l82b_HjoylmyhWi .as-order-summary__meta { display: flex; flex-wrap: wrap; gap: .5rem; margin: .5rem 0 0; font-size: .8125rem; color: var(--color-text-secondary); }
.cc_t2x7l82b_5KtH0TnDXu .as-order-summary__total, .cc_t2x7l82b_HjoylmyhWi .as-order-summary__total { display: block; margin-top: .5rem; font-size: .875rem; font-variant-numeric: tabular-nums; }
.cc_t2x7l82b_5KtH0TnDXu .as-order-summary__badge, .cc_t2x7l82b_HjoylmyhWi .as-order-summary__badge { background: var(--color-accent-light); color: var(--color-accent-on-tint); border-radius: 4px; padding: .5rem .75rem; font-size: .8125rem; white-space: nowrap; }
.cc_t2x7l82b_5KtH0TnDXu .as-order-summary__badge[data-status="DELIVERED"], .cc_t2x7l82b_HjoylmyhWi .as-order-summary__badge[data-status="DELIVERED"] { background: var(--color-success-light); color: var(--color-success); }
.cc_t2x7l82b_5KtH0TnDXu .as-order-summary__badge[data-status="CANCELLED"], .cc_t2x7l82b_HjoylmyhWi .as-order-summary__badge[data-status="CANCELLED"], .cc_t2x7l82b_5KtH0TnDXu .as-order-summary__badge[data-status="REFUNDED"], .cc_t2x7l82b_HjoylmyhWi .as-order-summary__badge[data-status="REFUNDED"] { background: var(--color-surface-alt); color: var(--color-text-secondary); }
.cc_t2x7l82b_5KtH0TnDXu .as-order-summary__button, .cc_t2x7l82b_HjoylmyhWi .as-order-summary__button { display: inline-flex; justify-content: center; align-items: center; gap: .875rem; padding: .6875rem 1.375rem; margin-right: .25rem; border-radius: 4px; background: var(--color-accent); color: var(--color-accent-contrast); font-size: .8125rem; font-weight: 500; text-decoration: none; white-space: nowrap; transition: background var(--dur-fast); }
.cc_t2x7l82b_5KtH0TnDXu .as-order-summary__button svg, .cc_t2x7l82b_HjoylmyhWi .as-order-summary__button svg { width: 1.125rem; height: 1.125rem; }
.cc_t2x7l82b_5KtH0TnDXu .as-order-summary__button:hover, .cc_t2x7l82b_HjoylmyhWi .as-order-summary__button:hover { background: var(--color-accent-dark); }
.cc_t2x7l82b_5KtH0TnDXu .as-order-summary__button:focus-visible, .cc_t2x7l82b_HjoylmyhWi .as-order-summary__button:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 3px; }
@media (max-width: 1200px) { .cc_t2x7l82b_5KtH0TnDXu .as-order-summary, .cc_t2x7l82b_HjoylmyhWi .as-order-summary { grid-template-columns: 8rem minmax(0,1fr) auto; } .cc_t2x7l82b_5KtH0TnDXu .as-order-summary__badge, .cc_t2x7l82b_HjoylmyhWi .as-order-summary__badge { grid-column: 2; } .cc_t2x7l82b_5KtH0TnDXu .as-order-summary__button, .cc_t2x7l82b_HjoylmyhWi .as-order-summary__button { grid-column: 3; grid-row: 1 / span 2; } .cc_t2x7l82b_5KtH0TnDXu .as-order-summary__images, .cc_t2x7l82b_HjoylmyhWi .as-order-summary__images { grid-row: 1 / span 2; } }
@media (max-width: 600px) { .cc_t2x7l82b_5KtH0TnDXu .as-order-summary, .cc_t2x7l82b_HjoylmyhWi .as-order-summary { grid-template-columns: 5.5rem minmax(0,1fr); gap: .875rem; padding: .75rem; } .cc_t2x7l82b_5KtH0TnDXu .as-order-summary__images, .cc_t2x7l82b_HjoylmyhWi .as-order-summary__images { height: 6.5rem; } .cc_t2x7l82b_5KtH0TnDXu .as-order-summary__button, .cc_t2x7l82b_HjoylmyhWi .as-order-summary__button { grid-column: 1 / -1; grid-row: auto; margin: 0; } .cc_t2x7l82b_5KtH0TnDXu .as-order-summary__name, .cc_t2x7l82b_HjoylmyhWi .as-order-summary__name { font-size: 1rem; } .cc_t2x7l82b_5KtH0TnDXu .as-order-summary__badge, .cc_t2x7l82b_HjoylmyhWi .as-order-summary__badge { justify-self: start; white-space: normal; } }
@media (prefers-reduced-motion: reduce) { .cc_t2x7l82b_5KtH0TnDXu .as-order-summary__button, .cc_t2x7l82b_HjoylmyhWi .as-order-summary__button { transition: none; } }