.cart-screen {
  padding-bottom: 112px;
}

.cart-page-empty {
  display: grid;
  justify-items: center;
  align-content: center;
  min-height: 258px;
  padding: 20px 18px 26px;
  text-align: center;
}

.cart-page-empty > i {
  margin-bottom: 18px;
  color: var(--heritage-ink);
  font-size: 35px;
  line-height: 1;
}

.cart-page-empty h1 {
  margin: 0 0 24px;
  color: var(--heritage-ink);
  font: 400 25px/1.12 Prata, Georgia, serif;
  letter-spacing: -.02em;
}

.cart-page-empty .heritage-secondary {
  min-width: 166px;
  padding: 11px 16px;
}

.cart-page-filled {
  padding: 8px 0 26px;
}

.cart-page-items article {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: center;
  border-top: 1px solid var(--heritage-line);
  padding: 15px 0;
}

.cart-page-items article > div:first-child b,
.cart-page-items article > div:first-child small {
  display: block;
}

.cart-page-items article b {
  font: 500 17px/1.1 'Playfair Display', Georgia, serif;
}

.cart-page-items article small {
  margin-top: 4px;
  color: rgba(32, 42, 45, .62);
  font: 500 9px/1.2 'DM Mono', monospace;
}

.cart-page-items article > strong {
  grid-column: 2;
  grid-row: 1;
  font: 600 12px/1.2 'DM Mono', monospace;
}

.cart-page-items .quantity {
  grid-column: 1;
  grid-row: 2;
}

.bonus-redeem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 4px 0 0;
  padding: 14px 0;
  border-top: 1px solid var(--heritage-line);
}

.bonus-redeem label {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  cursor: pointer;
}

.bonus-redeem label > select {
  flex: 0 0 148px;
  max-width: 48%;
  border: 1px solid var(--heritage-line);
  border-radius: 0;
  background: transparent;
  color: var(--heritage-ink);
  padding: 8px 22px 8px 8px;
  font: 600 9px/1.2 Manrope, sans-serif;
}

.bonus-redeem label > select:disabled { opacity: .56; cursor: not-allowed; }

.bonus-redeem input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--heritage-teal);
}

.bonus-redeem input:disabled { cursor: not-allowed; opacity: .5; }
.bonus-redeem label > span { display: grid; gap: 4px; }
.bonus-redeem b { font: 600 11px/1.2 Manrope, sans-serif; }
.bonus-redeem small { color: rgba(32, 42, 45, .62); font: 500 9px/1.2 'DM Mono', monospace; }
.bonus-redeem > strong { color: var(--heritage-teal); font: 600 12px/1 'DM Mono', monospace; }

.cart-dialog .bonus-redeem { margin: 0 18px; }

.cart-page-total {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--heritage-line);
  padding: 17px 0;
  font-size: 13px;
}

.cart-page-total b {
  font: 600 16px/1.1 'Playfair Display', Georgia, serif;
}

.cart-page-filled .checkout-button {
  margin: 0;
  width: 100%;
}

.payment-qr-button {
  width: 100%;
  margin-top: 9px;
  border: 1px solid var(--heritage-line);
  background: transparent;
  color: var(--heritage-ink);
  padding: 12px 16px;
  font: 600 10px/1.2 Manrope, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
}

.payment-dialog {
  width: min(420px, calc(100% - 28px));
  max-height: calc(100dvh - 28px);
  margin: auto;
  border: 0;
  padding: 20px 18px 22px;
  background: var(--heritage-cream);
  color: var(--heritage-ink);
}

.payment-dialog::backdrop { background: rgba(18, 28, 30, .58); }
.payment-dialog .cart-head { margin-bottom: 20px; }
.payment-summary { display: grid; gap: 5px; margin-bottom: 18px; padding: 14px 0; border-top: 1px solid var(--heritage-line); border-bottom: 1px solid var(--heritage-line); }
.payment-summary span { color: rgba(32, 42, 45, .62); font: 500 9px/1.2 'DM Mono', monospace; text-transform: uppercase; letter-spacing: .1em; }
.payment-summary strong { font: 400 26px/1.1 'Playfair Display', Georgia, serif; }
.payment-summary small { color: rgba(32, 42, 45, .72); font: 500 10px/1.3 Manrope, sans-serif; }
.payment-link-button { display: flex; align-items: center; justify-content: center; text-decoration: none; }
.payment-or { margin: 21px 0 12px; color: rgba(32, 42, 45, .58); font: 600 8px/1.2 'DM Mono', monospace; letter-spacing: .12em; text-align: center; }
.payment-qr-wrap { display: grid; justify-items: center; gap: 10px; }
.payment-qr-wrap img { width: min(250px, 72vw); height: auto; aspect-ratio: 1; object-fit: contain; background: #fff; }
.payment-qr-download { color: var(--heritage-ink); font: 600 10px/1.2 Manrope, sans-serif; text-decoration: underline; text-underline-offset: 3px; }
.payment-copy { width: 100%; margin-top: 17px; }
.payment-hint { margin: 14px 0 0; color: rgba(32, 42, 45, .66); font: 500 10px/1.5 Manrope, sans-serif; text-align: center; }

.cart-page-filled .checkout-note {
  margin-left: 0;
  margin-right: 0;
}

.new-arrivals {
  padding: 0 0 20px;
}

.new-arrivals-head {
  padding: 0 18px 14px;
}

.new-arrivals-head .eyebrow {
  margin-bottom: 8px;
}

.new-arrivals-head h2 {
  margin: 0;
  color: var(--heritage-ink);
  font: 400 29px/1 Prata, Georgia, serif;
  letter-spacing: -.025em;
}

.new-arrivals-grid {
  display: flex;
  gap: 9px;
  overflow-x: auto;
  padding: 0 18px 10px;
  scrollbar-width: none;
}

.new-arrivals-grid::-webkit-scrollbar {
  display: none;
}

.new-arrival-card {
  flex: 0 0 145px;
  width: 145px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--heritage-ink);
  cursor: pointer;
  text-align: left;
}

.new-arrival-photo {
  display: block;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  margin-bottom: 9px;
  background: var(--catalog-photo-background, #f1e5d2);
}

.new-arrival-photo img,
.new-arrival-placeholder {
  display: block;
  width: 100%;
  height: 100%;
}

.new-arrival-photo img {
  object-fit: contain;
  object-position: center;
}

.new-arrival-placeholder {
  display: grid;
  place-items: center;
  padding: 15px;
  background: linear-gradient(145deg, #e5d5be, #f5eee4);
  color: rgba(32, 42, 45, .6);
  font: 500 10px/1.35 'DM Mono', monospace;
  letter-spacing: .08em;
  text-align: center;
}

.new-arrival-card .new-arrival-brand,
.new-arrival-card strong,
.new-arrival-card small {
  display: block;
}

.new-arrival-card .new-arrival-brand {
  margin-bottom: 4px;
  color: #344346;
  font: 700 10.5px/1.3 Manrope, sans-serif;
  letter-spacing: .025em;
  text-transform: uppercase;
}

.new-arrival-card strong {
  min-height: 30px;
  font: 600 13px/1.18 Manrope, Arial, sans-serif;
}

.new-arrival-card small {
  margin-top: 5px;
  font: 500 12px/1.2 'DM Mono', monospace;
}

.new-arrivals-empty {
  padding: 0 18px;
  color: rgba(32, 42, 45, .64);
  font-size: 13px;
}

@media (min-width: 700px) {
  .cart-page-empty {
    min-height: 320px;
  }

  .new-arrivals-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: visible;
  }

  .new-arrival-card {
    width: auto;
  }
}

.cart-page-empty[hidden], .cart-page-filled[hidden] { display: none !important; }