/* main-cart — shared by every variant (template/blocks/main-cart/_layout.twig). The look of lines, summary, empty cart and the mobile bar —
   classes of the base stylesheet (.et-cart-item, .et-cart-summary, .et-cart-empty, .et-mobile-checkout-bar); here only what the
   section adds: the lists, the blocks in any order, the sticky switch. Tokens only. */
.et-cart-page { padding-block: var(--space-md) var(--et-section-gap); }
.et-cart-page .et-checkout-title { margin-bottom: var(--et-grid-gap); }
.et-cart-page .et-checkout-title:focus { outline: none; }
.et-cart-page__alerts:empty { display: none; }
.et-cart-page__alerts { margin-bottom: var(--et-grid-gap); }
.et-cart-page__form { display: contents; }
.et-cart-page__lines { list-style: none; margin: 0; padding: 0; }
.et-cart-page .et-cart-item.is-busy { opacity: 0.55; pointer-events: none; }
.et-cart-page .et-cart-row__qty-btn:disabled { opacity: 0.35; cursor: default; }

.et-cart-page__heading { margin: 0 0 var(--space-sm); font-size: var(--et-text-lg); font-weight: var(--et-heading-weight); }
.et-cart-page__shipping { display: flex; flex-direction: column; gap: var(--space-sm); }
.et-cart-page__shipping .et-free-shipping { margin: 0; }
.et-cart-page__actions { display: flex; flex-direction: column; gap: var(--space-sm); }
.et-cart-page__continue { justify-content: center; }
.et-cart-page__text { color: var(--et-text-secondary); font-size: var(--et-text-sm); line-height: var(--et-body-leading); }
.et-cart-empty__login { margin: var(--space-md) 0 0; color: var(--et-text-secondary); font-size: var(--et-text-sm); }

/* "Sticky summary: off" */
.et-cart-page--static .et-cart-layout__aside { position: static; }

/* Blocks outside the summary card stand as cards in the main column */
.et-cart-layout__main > .et-cart-page__shipping,
.et-cart-layout__main > .et-cart-page__totals,
.et-cart-layout__main > .et-cart-page__actions,
.et-cart-layout__main > .et-cart-page__text {
  padding: var(--et-card-pad);
  background: var(--et-surface);
  border: var(--et-border-width) solid var(--et-border);
  border-radius: var(--et-card-radius, var(--et-radius));
}

/* The mobile bar is a phone thing: the page keeps room for it */
@media (max-width: 767.98px) {
  .et-cart-page:has(.et-mobile-checkout-bar) { padding-bottom: calc(var(--et-section-gap) + 4.5rem); }
}