main {
  padding-top: var(--space-12);
}

.cart-hero {
  border-bottom: 1px solid var(--color-border-subtle);
}

.cart-breadcrumbs ol {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--font-size-sm);
  color: var(--gray-500);
  margin-bottom: var(--space-4);
  list-style: none;
  padding: 0;
}

.cart-breadcrumbs li + li::before {
  content: "/";
  opacity: 0.6;
  margin: 0 var(--space-1);
}

.cart-breadcrumbs a {
  color: var(--gray-300);
}

.cart-breadcrumbs a:hover {
  color: var(--color-sand);
}



.cart-kicker {
  font-size: var(--font-size-xs);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gray-500);
  margin-bottom: var(--space-2);
}



.cart-layout {
  padding-top: var(--space-10);
}

.cart-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(320px, 1.2fr);
  gap: var(--space-8);
}

@media (max-width: 960px) {
  .cart-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.cart-items-header {
  display: flex;
  justify-content: space-between;
  gap: var(--space-4);
  margin-bottom: var(--space-6);
}

.cart-items-header-main {
  max-width: 420px;
}

.cart-items-count {
  font-size: var(--font-size-sm);
  color: var(--gray-400);
  align-self: flex-end;
}

@media (max-width: 640px) {
  .cart-items-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .cart-items-count {
    align-self: flex-start;
  }
}

.cart-item-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.cart-item {
  display: grid;
  grid-template-columns: 120px minmax(0, 1.8fr) minmax(180px, 0.9fr);
  gap: var(--space-4);
  padding: var(--space-4);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-subtle);
  background: radial-gradient(circle at top left, rgba(209, 184, 148, 0.08), transparent 55%),
              rgba(15, 23, 33, 0.9);
}

.cart-item-media {
  border-radius: var(--radius-md);
  overflow: hidden;
}

.cart-item-figure {
  height: 100%;
}

.cart-item-main {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.cart-item-header {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.cart-item-title {
  font-size: var(--font-size-lg);
  margin-bottom: 0;
}

.cart-item-fabric {
  font-size: var(--font-size-sm);
}

.cart-item-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
  font-size: var(--font-size-sm);
}

.cart-item-meta dt {
  font-size: var(--font-size-xs);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gray-500);
  margin-bottom: var(--space-1);
}

.cart-item-meta dd {
  margin: 0;
  color: var(--gray-100);
}

.cart-item-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-3);
}

.cart-item-price {
  font-weight: 600;
  letter-spacing: 0.04em;
}

.cart-item-remove,
.cart-item-wishlist {
  padding-inline: 0;
  justify-content: flex-end;
  font-size: var(--font-size-xs);
}

.cart-qty-control {
  display: inline-flex;
  align-items: center;
  border-radius: var(--radius-full);
  border: 1px solid var(--color-border-subtle);
  background-color: rgba(15, 23, 33, 0.9);
}

.btn-qty {
  background: transparent;
  border: none;
  width: 2.2rem;
  height: 2.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--gray-100);
  font-size: 1.2rem;
}

.btn-qty:hover {
  background-color: rgba(255, 255, 255, 0.04);
}

.cart-qty-input {
  width: 3rem;
  border: none;
  text-align: center;
  background: transparent;
  padding-inline: 0;
}

.cart-qty-input:focus-visible {
  box-shadow: none;
  border: none;
}

@media (max-width: 960px) {
  .cart-item {
    grid-template-columns: 96px minmax(0, 1.6fr);
    grid-template-rows: auto auto;
  }

  .cart-item-actions {
    grid-column: 1 / -1;
    flex-direction: row;
    align-items: center;
  }
}

@media (max-width: 640px) {
  .cart-item {
    grid-template-columns: minmax(0, 1fr);
  }

  .cart-item-actions {
    align-items: flex-start;
    flex-direction: column;
  }
}

.cart-edit-footer {
  margin-top: var(--space-5);
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-border-subtle);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--space-4);
}

.cart-edit-note p {
  font-size: var(--font-size-sm);
}

.cart-edit-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

@media (max-width: 640px) {
  .cart-edit-footer {
    flex-direction: column;
    align-items: flex-start;
  }
}

.cart-summary-column {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.cart-summary-header h2 {
  margin-bottom: var(--space-1);
}

.cart-summary-breakdown {
  margin-top: var(--space-4);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.cart-summary-row {
  display: flex;
  justify-content: space-between;
  gap: var(--space-4);
  font-size: var(--font-size-sm);
}

.cart-summary-row dt {
  color: var(--gray-400);
}

.cart-summary-row dd {
  margin: 0;
}

.cart-summary-total {
  padding-top: var(--space-3);
  margin-top: var(--space-2);
  border-top: 1px solid var(--color-border-subtle);
  font-size: var(--font-size-base);
}

.cart-summary-total dt {
  color: var(--gray-100);
}

.cart-summary-total dd {
  font-weight: 600;
}

.cart-discount {
  color: var(--color-success);
}

.cart-summary-secure {
  margin-top: var(--space-5);
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-border-subtle);
}

.cart-secure-label {
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--gray-500);
  margin-bottom: var(--space-2);
}

.cart-secure-badges {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  font-size: var(--font-size-sm);
}

.cart-summary-cta {
  margin-top: var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.cart-checkout-btn {
  width: 100%;
}

.cart-summary-helper {
  font-size: var(--font-size-xs);
}

.cart-promo-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.1fr);
  gap: var(--space-5);
  align-items: center;
}

.cart-promo-copy h2 {
  margin-bottom: var(--space-2);
}

.cart-coupon-form {
  margin-top: var(--space-3);
  margin-bottom: var(--space-3);
}

.cart-coupon-input-row {
  display: flex;
  gap: var(--space-3);
}

.cart-coupon-input-row .input {
  max-width: 220px;
}

.cart-promo-highlights {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  font-size: var(--font-size-sm);
}

.cart-promo-visual {
  max-width: 260px;
  justify-self: flex-end;
}

.cart-promo-figure {
  border-radius: var(--radius-lg);
  overflow: hidden;
}

@media (max-width: 960px) {
  .cart-promo-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .cart-promo-visual {
    max-width: 100%;
    justify-self: stretch;
  }
}

.cart-secondary-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: var(--space-8);
}

@media (max-width: 960px) {
  .cart-secondary-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.cart-delivery-layout,
.cart-testimonial-layout {
  display: grid;
  gap: var(--space-6);
  align-items: center;
}

.cart-delivery-list,
.cart-wishlist-list,
.cart-bottom-meta-list {
  list-style: none;
  padding: 0;
  margin: var(--space-3) 0 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  font-size: var(--font-size-sm);
}



.cart-delivery-figure,
.cart-testimonial-figure {
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.cart-testimonial-kicker {
  font-size: var(--font-size-xs);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gray-500);
  margin-bottom: var(--space-2);
}

.cart-testimonial-text {
  margin-top: var(--space-3);
}

.cart-testimonial-author {
  margin-top: var(--space-3);
  font-size: var(--font-size-sm);
  color: var(--gray-300);
}

@media (max-width: 960px) {
  .cart-delivery-layout,
  .cart-testimonial-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .cart-delivery-visual,
  .cart-testimonial-visual {
    max-width: 100%;
    justify-self: stretch;
  }
}

.cart-wishlist-card {
  background: radial-gradient(circle at top right, rgba(101, 109, 74, 0.16), transparent 55%),
              rgba(15, 23, 33, 0.95);
}

.cart-wishlist-content {
  display: flex;
  justify-content: space-between;
  gap: var(--space-6);
  align-items: center;
}

.cart-wishlist-cta {
  flex-shrink: 0;
}

@media (max-width: 800px) {
  .cart-wishlist-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .cart-wishlist-cta {
    width: 100%;
  }

  .cart-wishlist-cta .btn {
    width: 100%;
  }
}

.cart-bottom-cta-card {
  background: radial-gradient(circle at top, rgba(209, 184, 148, 0.22), transparent 60%),
              linear-gradient(135deg, #0b1120, #111827);
}

.cart-bottom-cta-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-6);
}


.cart-bottom-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.cart-bottom-meta-list {
  align-items: flex-end;
}

.cart-bottom-meta-list a {
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--gray-400);
}

.cart-bottom-meta-list a:hover {
  color: var(--color-sand);
}

@media (max-width: 800px) {
  .cart-bottom-cta-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .cart-bottom-meta-list {
    align-items: flex-start;
  }
}