/* ANVIL v4 — cart page. Lines and summary reuse the drawer components in base.css. */
.sky__wash--pdp{ background: radial-gradient(ellipse 58% 52% at 30% 42%, var(--accent) 0%, transparent 68%); opacity:.18; }
.sky__deep--pdp{ opacity:.5; }
.cart-page{ padding: calc(var(--header-h) + 56px) 0 120px; min-height: 100dvh; }
.cart-page__title{ font-size: clamp(3rem, 6vw, 4.8rem); margin-bottom: 36px; }
.cart-page__count{ color: var(--text-muted); font-family: var(--font-body); font-stretch: 100%; text-transform: none; font-size: 1rem; font-weight:500; margin-left: 10px; }
.cart-page__ordno{ color: var(--text-muted); margin: -22px 0 36px; }
.cart-page__grid{ display:grid; grid-template-columns: repeat(12, 1fr); gap: 40px clamp(24px, 4vw, 64px); align-items:start; }
.cart-page__grid > :first-child{ grid-column: 1 / 8; }
.cart-page__summary{
  grid-column: 8 / -1; position: sticky; top: calc(var(--header-h) + 24px);
  display:grid; gap: 14px; padding: 24px 0 0; border-top: 1px solid var(--hairline);
}
.cart-summary-row--total{ border-top: 1px solid var(--hairline); padding-top: 14px; font-size: 1.15rem; font-weight: 600; }
.cart-page__summary > .cart-summary-row--total:first-child{ border-top:0; padding-top:0; }
.cart-page__summary .btn{ margin-top: 8px; width:100%; }
.cart-page__demo{ margin:0; font-size:.8rem; color: var(--text-muted); text-align:center; }
#cartLines .cart-line{ grid-template-columns: 96px 1fr auto; }
#cartLines .cart-line__thumb{ width:96px; height:96px; }
@media (max-width: 900px){
  .cart-page__grid > :first-child, .cart-page__summary{ grid-column: 1 / -1; position:static; }
}