/** Shopify CDN: Minification failed

Line 673:0 Unexpected "}"

**/
/* =========================================================
   PREMIUM CART DRAWER — Invi Creation Luxury Edition
   Upload to: Assets/cart-drawer-premium.css
   (Replace the old file with this exact name/content)
   ========================================================= */

.cart-drawer {
  /* Brand palette — cream / burgundy / gold */
  --cd-ink: #3a1620;            /* deep burgundy-black for text */
  --cd-ink-light: #5c2a35;
  --cd-muted: #8a6b5a;
  --cd-faint: #b9a89c;
  --cd-border: #e8ddd2;
  --cd-border-light: #f3ece3;
  --cd-bg: #fffdf9;
  --cd-surface: #faf3ea;
  --cd-surface-warm: #f7ecd9;    /* warm cream for "you may like" panel */
  --cd-accent: #7a1f30;          /* burgundy */
  --cd-accent-dark: #5c1624;
  --cd-gold: #b8924a;
  --cd-gold-light: #d9b873;
  --cd-danger: #b3261e;
  --cd-success: #2f6b3d;

  --cd-space-xs: 4px;
  --cd-space-sm: 8px;
  --cd-space-md: 12px;
  --cd-space-lg: 16px;
  --cd-space-xl: 20px;
  --cd-space-2xl: 24px;
  --cd-space-3xl: 32px;

  --cd-radius-sm: 6px;
  --cd-radius-md: 10px;
  --cd-radius-lg: 14px;
  --cd-radius-xl: 20px;
  --cd-radius-pill: 999px;

  --cd-shadow-drawer: -12px 0 48px rgba(58, 22, 32, 0.12);
  --cd-shadow-card: 0 1px 3px rgba(58, 22, 32, 0.06), 0 1px 2px rgba(58, 22, 32, 0.03);
  --cd-shadow-card-hover: 0 4px 14px rgba(58, 22, 32, 0.10);
  --cd-shadow-button: 0 2px 10px rgba(122, 31, 48, 0.18);
  --cd-shadow-button-hover: 0 4px 18px rgba(122, 31, 48, 0.26);

  --cd-font-heading: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --cd-font-body: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --cd-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --cd-transition-base: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --cd-transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.cart-drawer, .cart-drawer * { box-sizing: border-box; }
.cart-drawer *:focus-visible {
  outline: 2px solid var(--cd-accent);
  outline-offset: 3px;
  border-radius: var(--cd-radius-sm);
}

/* OVERLAY */
.cart-drawer__overlay {
  background: rgba(58, 22, 32, 0.45) !important;
  backdrop-filter: blur(4px);
  transition: opacity var(--cd-transition-base);
}

/* SHELL */
.cart-drawer .drawer__inner {
  position: relative;
  width: 440px;
  max-width: 100vw;
  max-height: 100vh;
  background: var(--cd-bg);
  box-shadow: var(--cd-shadow-drawer);
  display: flex;
  flex-direction: column;
  font-family: var(--cd-font-body);
  color: var(--cd-ink);
  overflow: hidden;
  border-left: 1px solid var(--cd-gold-light);
}

/* HEADER */
.cart-drawer .drawer__header {
  padding: var(--cd-space-2xl) var(--cd-space-2xl) var(--cd-space-xl);
  border-bottom: 1px solid var(--cd-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  background: var(--cd-bg);
}

.cart-drawer .drawer__heading {
  font-family: var(--cd-font-heading);
  font-size: 1.7rem;
  letter-spacing: 0.06em;
  margin: 0;
  text-transform: uppercase;
  color: var(--cd-ink);
  font-weight: 600;
  line-height: 1.1;
}

.cart-drawer .drawer__close {
  border: none;
  background: var(--cd-surface);
  cursor: pointer;
  padding: 0;
  border-radius: 50%;
  line-height: 0;
  transition: all var(--cd-transition-base);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--cd-accent);
}
.cart-drawer .drawer__close:hover {
  background: var(--cd-accent);
  color: #fff;
  transform: rotate(90deg);
}
.cart-drawer .drawer__close svg { width: 18px; height: 18px; }

/* SCROLLABLE CONTENTS */
.cart-drawer .drawer__contents {
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--cd-gold-light) transparent;
  padding: 0;
}
.cart-drawer .drawer__contents::-webkit-scrollbar { width: 5px; }
.cart-drawer .drawer__contents::-webkit-scrollbar-track { background: transparent; }
.cart-drawer .drawer__contents::-webkit-scrollbar-thumb {
  background: var(--cd-gold-light);
  border-radius: var(--cd-radius-pill);
}

/* CART ITEMS TABLE — header always hidden, cards used instead */
.cart-drawer .cart-items { width: 100%; border-collapse: separate; border-spacing: 0; }
.cart-drawer .cart-items thead { display: none !important; }

.cart-drawer .cart-items tbody tr.cart-item,
.cart-drawer .cart-item {
  display: grid !important;
  grid-template-columns: 82px minmax(0, 1fr) !important;
  column-gap: 14px !important;
  row-gap: 10px !important;
  align-items: start !important;
  padding: 14px !important;
  margin: 0 var(--cd-space-lg) 12px !important;
  background: #FFFFFF !important;
  border: 1px solid #E8E0D5 !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 10px rgba(24, 18, 21, 0.05) !important;
  transition: all var(--cd-transition-base) !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  width: auto !important;
}
.cart-drawer .cart-items tbody tr.cart-item::before,
.cart-drawer .cart-item::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #D4AF37 0%, #8E0E38 100%);
  border-radius: 0 2px 2px 0;
}
.cart-drawer .cart-items tbody tr.cart-item:hover,
.cart-drawer .cart-item:hover {
  box-shadow: 0 6px 20px rgba(123, 17, 58, 0.08) !important;
  border-color: #D4AF37 !important;
  transform: translateY(-1px);
}
.cart-drawer .cart-items tbody tr.cart-item:last-child,
.cart-drawer .cart-item:last-child { margin-bottom: 12px !important; }

.cart-drawer .cart-item__media {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  width: 82px !important;
  min-width: 82px !important;
  max-width: 82px !important;
  height: 104px !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: start !important;
}
.cart-drawer .cart-item__link { display: none; }
.cart-drawer .cart-item__image-container {
  width: 82px !important;
  min-width: 82px !important;
  max-width: 82px !important;
  height: 104px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}
.cart-drawer .cart-item__image {
  width: 100% !important;
  height: 100% !important;
  max-width: 82px !important;
  object-fit: cover !important;
  object-position: top center !important;
  display: block !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 8px rgba(58, 22, 32, 0.08) !important;
  transition: transform var(--cd-transition-base);
}
.cart-drawer .cart-items tbody tr.cart-item:hover .cart-item__image {
  transform: scale(1.02);
}

.cart-drawer .cart-item__details {
  grid-column: 2 !important;
  grid-row: 1 !important;
  padding-left: 0 !important;
  padding-right: 85px !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  overflow: hidden !important;
  margin: 0 !important;
}
.cart-drawer .cart-item__details .caption-with-letter-spacing {
  font-size: 0.65rem; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--cd-gold); margin: 0; font-weight: 700;
}
.cart-drawer .cart-item__name {
  font-family: var(--cd-font-body) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  color: var(--cd-ink) !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: color var(--cd-transition-fast);
}
.cart-drawer .cart-item__name:hover { color: var(--cd-accent) !important; }
.cart-drawer .cart-item__sku-label {
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  color: #786D65 !important;
  margin: 2px 0 0 !important;
  display: block !important;
}

/* Hide duplicate unit price inside details — line total is displayed cleanly on the top-right */
.cart-drawer .cart-item__price-in-details,
.cart-drawer .cart-item__details > .product-option,
.cart-drawer .cart-item__details > .cart-item__discounted-prices {
  display: none !important;
}

.cart-drawer .cart-item__details dl {
  font-size: 0.78rem !important;
  color: var(--cd-muted) !important;
  margin: 3px 0 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
.cart-drawer .cart-item__details dl > div { display: flex; gap: 6px; align-items: baseline; flex-wrap: wrap; }
.cart-drawer .cart-item__details dt { font-weight: 600; color: var(--cd-faint); font-size: 0.72rem; white-space: nowrap; flex-shrink: 0; }
.cart-drawer .cart-item__details dd { margin: 0; color: var(--cd-ink-light); font-size: 0.76rem; white-space: normal; word-break: break-word; }

.cart-drawer .cart-item__totals {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  text-align: right !important;
  font-weight: 800 !important;
  font-size: 1.35rem !important;
  white-space: nowrap !important;
  align-self: start !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  font-family: var(--cd-font-body) !important;
  letter-spacing: -0.01em !important;
  display: block !important;
  z-index: 2 !important;
}
.cart-drawer .cart-item__totals .price {
  color: #181215 !important;
  font-weight: 800 !important;
  font-size: 1.35rem !important;
}
.cart-drawer .cart-item__totals .cart-item__old-price.price--end {
  display: block !important;
  margin-bottom: 2px !important;
  font-size: 1.05rem !important;
  color: #9C8E84 !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
}

/* ACTIONS: pill quantity stepper + delete button */
.cart-drawer .cart-item__quantity {
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: 100% !important;
  padding: 6px 0 0 !important;
  margin-top: 4px !important;
  border-top: 1px dashed #EAE1D5 !important;
}
.cart-drawer .cart-item__quantity-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}
.cart-drawer quantity-popover {
  display: block !important;
  width: 100% !important;
}
.cart-drawer .quantity-popover-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

.cart-drawer quantity-input.quantity,
.cart-drawer .quantity.cart-quantity {
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid #E2D7C8 !important;
  border-radius: 8px !important;
  background: #FAF7F2 !important;
  height: 32px !important;
  min-height: 32px !important;
  width: 88px !important;
  padding: 0 !important;
  overflow: hidden !important;
  transition: all var(--cd-transition-fast) !important;
}
.cart-drawer quantity-input.quantity:hover,
.cart-drawer .quantity.cart-quantity:hover { border-color: var(--cd-accent) !important; }

.cart-drawer quantity-input .quantity__button,
.cart-drawer .quantity.cart-quantity .quantity__button {
  width: 28px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  background: transparent !important;
  cursor: pointer !important;
  flex: none !important;
  padding: 0 !important;
  color: var(--cd-ink) !important;
}
.cart-drawer quantity-input .quantity__button:hover,
.cart-drawer .quantity.cart-quantity .quantity__button:hover { background: #F0ECE4 !important; color: var(--cd-accent) !important; }
.cart-drawer quantity-input .quantity__button svg,
.cart-drawer .quantity.cart-quantity .quantity__button svg { width: 10px !important; height: 10px !important; }

.cart-drawer quantity-input .quantity__input,
.cart-drawer .quantity.cart-quantity .quantity__input {
  width: 32px !important;
  height: 100% !important;
  text-align: center !important;
  border: none !important;
  background: transparent !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  color: var(--cd-ink) !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
  padding: 0 !important;
  font-family: var(--cd-font-body) !important;
}
.cart-drawer quantity-input .quantity__input::-webkit-outer-spin-button,
.cart-drawer quantity-input .quantity__input::-webkit-inner-spin-button,
.cart-drawer .quantity.cart-quantity .quantity__input::-webkit-outer-spin-button,
.cart-drawer .quantity.cart-quantity .quantity__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.cart-drawer .cart-remove-button,
.cart-drawer cart-remove-button a.button {
  border: 1px solid #F8D7DA !important;
  background: #FDF2F2 !important;
  cursor: pointer !important;
  padding: 0 !important;
  color: #A91546 !important;
  flex: none !important;
  transition: all var(--cd-transition-fast) !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
}
.cart-drawer .cart-remove-button svg,
.cart-drawer cart-remove-button a.button svg { width: 14px !important; height: 14px !important; display: block !important; }
.cart-drawer .cart-remove-button:hover,
.cart-drawer cart-remove-button a.button:hover { background: #FCE8E6 !important; color: #8E0E38 !important; }

.cart-drawer .quantity-popover__info-button {
  margin-top: var(--cd-space-sm); font-size: 0.72rem; color: var(--cd-muted);
  background: none; border: none; padding: var(--cd-space-xs) 0; cursor: pointer;
  display: inline-flex; align-items: center; gap: 5px; font-weight: 500;
}

/* DISCOUNT BADGES */
.cart-drawer .discounts { list-style: none; padding: 0; margin: var(--cd-space-sm) 0 0; display: flex; flex-direction: column; gap: var(--cd-space-xs); }
.cart-drawer .discounts__discount {
  display: inline-flex; align-items: center; gap: 5px; font-size: 0.72rem; color: var(--cd-success);
  background: rgba(47, 107, 61, 0.08); padding: 4px 10px; border-radius: var(--cd-radius-pill);
  width: fit-content; font-weight: 600; letter-spacing: 0.02em;
}
.cart-drawer .discounts__discount svg { width: 12px; height: 12px; flex-shrink: 0; }

/* "YOU MAY LIKE" — warm cream panel matching reference image */
.cart-drawer__recommendations {
  border-top: 1px solid var(--cd-border);
  padding: var(--cd-space-xl) var(--cd-space-2xl) var(--cd-space-lg);
  flex-shrink: 0;
  background: var(--cd-surface-warm);
}
.cart-drawer__recommendations-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--cd-space-lg); }
.cart-drawer__recommendations-title {
  font-family: var(--cd-font-heading); font-size: 0.95rem; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--cd-accent); font-weight: 700; margin: 0;
}
.cart-drawer__recommendations-close { display: none; }

.cart-drawer__recommendations-list {
  display: flex; gap: var(--cd-space-lg); overflow-x: auto; padding-bottom: var(--cd-space-md);
  scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: var(--cd-gold-light) transparent;
}
.cart-drawer__recommendations-list::-webkit-scrollbar { height: 4px; }
.cart-drawer__recommendations-list::-webkit-scrollbar-track { background: transparent; }
.cart-drawer__recommendations-list::-webkit-scrollbar-thumb { background: var(--cd-gold-light); border-radius: var(--cd-radius-pill); }

.cart-recommendation-card { flex: 0 0 130px; scroll-snap-align: start; display: flex; flex-direction: column; gap: var(--cd-space-sm); }
.cart-recommendation-card__image-link {
  display: block; border-radius: var(--cd-radius-md); overflow: hidden;
  transition: all var(--cd-transition-base); box-shadow: var(--cd-shadow-card);
}
.cart-recommendation-card__image-link:hover { transform: translateY(-2px); box-shadow: var(--cd-shadow-card-hover); }
.cart-recommendation-card__image { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; display: block; }
.cart-recommendation-card__info { display: flex; flex-direction: column; gap: 2px; }
.cart-recommendation-card__title {
  font-size: 0.78rem; line-height: 1.35; color: var(--cd-ink); text-decoration: none;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  font-weight: 500; transition: color var(--cd-transition-fast);
}
.cart-recommendation-card__title:hover { color: var(--cd-accent); }
.cart-recommendation-card__price { font-size: 0.78rem; color: var(--cd-gold); font-weight: 700; }

.cart-recommendation-card__add {
  margin-top: var(--cd-space-xs); width: 100%; border: 1.5px solid var(--cd-accent);
  background: transparent; color: var(--cd-accent); border-radius: var(--cd-radius-pill);
  font-size: 0.68rem; letter-spacing: 0.08em; text-transform: uppercase; padding: 7px 0;
  cursor: pointer; transition: all var(--cd-transition-fast); font-weight: 700; touch-action: manipulation;
}
.cart-recommendation-card__add:hover:not(:disabled) { background: var(--cd-accent); color: #fff; }
.cart-recommendation-card__add:disabled { opacity: 0.35; cursor: not-allowed; }

/* FOOTER */
.cart-drawer .drawer__footer {
  margin-top: auto;
  border-top: 2px solid var(--cd-gold-light);
  padding: var(--cd-space-xl) var(--cd-space-2xl) var(--cd-space-2xl);
  flex-shrink: 0;
  background: linear-gradient(180deg, #fffdf9 0%, #fdf6ec 100%);
  box-shadow: 0 -4px 20px rgba(122, 31, 48, 0.06);
}

.cart-drawer #Details-CartDrawer { margin-bottom: var(--cd-space-lg); }
.cart-drawer #Details-CartDrawer summary {
  list-style: none; cursor: pointer; padding: var(--cd-space-sm) 0; font-size: 0.82rem;
  color: var(--cd-muted); display: flex; align-items: center; gap: 6px; font-weight: 500;
  transition: color var(--cd-transition-fast);
}
.cart-drawer #Details-CartDrawer summary:hover { color: var(--cd-accent); }
.cart-drawer #Details-CartDrawer summary::-webkit-details-marker { display: none; }
.cart-drawer .cart__note textarea {
  width: 100%; border: 1.5px solid var(--cd-border); border-radius: var(--cd-radius-md);
  padding: var(--cd-space-md); font-family: inherit; font-size: 0.82rem; resize: vertical;
  min-height: 70px; transition: all var(--cd-transition-fast); background: var(--cd-surface);
}
.cart-drawer .cart__note textarea:focus { border-color: var(--cd-accent); background: var(--cd-bg); outline: none; }

.cart-drawer .cart-drawer__footer { margin-bottom: var(--cd-space-lg); }
.cart-drawer .cart-drawer__footer .discounts { margin-bottom: var(--cd-space-md); }
.cart-drawer .cart-drawer__footer .discounts__discount--end { justify-content: flex-end; margin-left: auto; }

.cart-drawer .totals { display: flex; align-items: baseline; justify-content: space-between; margin: 0 0 var(--cd-space-xs); padding: var(--cd-space-sm) 0; }
.cart-drawer .totals__total {
  font-family: var(--cd-font-heading); font-size: 0.88rem; text-transform: uppercase;
  letter-spacing: 0.1em; font-weight: 600; margin: 0; color: var(--cd-ink-light);
}
.cart-drawer .totals__total-value {
  font-size: 1.45rem; font-weight: 800; margin: 0;
  background: linear-gradient(135deg, var(--cd-accent) 0%, var(--cd-gold) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.02em; font-family: var(--cd-font-body);
}

.cart-drawer .tax-note { display: block; color: var(--cd-faint); font-size: 0.75rem; margin-bottom: var(--cd-space-xl); line-height: 1.5; font-weight: 400; }
.cart-drawer .tax-note a { color: var(--cd-accent); text-decoration: underline; text-underline-offset: 2px; transition: color var(--cd-transition-fast); }
.cart-drawer .tax-note a:hover { color: var(--cd-accent-dark); }

/* CTAs */
.cart-drawer .cart__ctas {
  display: flex !important;
  gap: var(--cd-space-md);
  position: relative;
  width: 100%;
}
.cart-drawer .cart__ctas .button {
  position: static !important;
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  border-radius: var(--cd-radius-pill);
  padding: 14px 0;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  font-weight: 700;
  transition: all var(--cd-transition-base);
  border: 1.5px solid var(--cd-accent);
  touch-action: manipulation;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--cd-font-body);
  box-sizing: border-box;
}
.cart-drawer .cart__checkout-button { background: var(--cd-accent); color: #fff; box-shadow: var(--cd-shadow-button); }
.cart-drawer .cart__checkout-button:hover { background: var(--cd-accent-dark); transform: translateY(-2px); box-shadow: var(--cd-shadow-button-hover); }
.cart-drawer .cart__view-cart-button { background: transparent; color: var(--cd-accent); }
.cart-drawer .cart__view-cart-button:hover { background: var(--cd-surface); transform: translateY(-1px); }
.cart-drawer .cart__view-cart-button[aria-disabled='true'] { pointer-events: none; opacity: 0.35; }

/* DESKTOP — recommendations panel slides out left */
@media screen and (min-width: 920px) {
  .cart-drawer .drawer__inner { width: 460px; }
  .cart-drawer__recommendations {
    position: absolute; top: 0; left: -320px; width: 320px; height: 100%;
    border-top: none; border-right: 1px solid var(--cd-border);
    box-shadow: var(--cd-shadow-drawer); padding: var(--cd-space-2xl) 0 0;
    display: flex; flex-direction: column; overflow: hidden;
    border-radius: var(--cd-radius-xl) 0 0 var(--cd-radius-xl);
    background: var(--cd-surface-warm);
  }
  .cart-drawer__recommendations-header { padding: 0 var(--cd-space-2xl) var(--cd-space-lg); margin-bottom: 0; border-bottom: 1px solid var(--cd-border); }
  .cart-drawer__recommendations-title { font-size: 1.05rem; letter-spacing: 0.06em; }
  .cart-drawer__recommendations-close {
    display: flex; align-items: center; justify-content: center; width: 36px; height: 36px;
    border: none; background: transparent; cursor: pointer; border-radius: 50%;
    transition: all var(--cd-transition-fast); padding: 0; color: var(--cd-accent);
  }
  .cart-drawer__recommendations-close:hover { background: var(--cd-border); color: var(--cd-accent-dark); transform: rotate(90deg); }
  .cart-drawer__recommendations-close svg { width: 16px; height: 16px; }
  .cart-drawer__recommendations-list {
    flex-direction: column; overflow-x: visible; overflow-y: auto;
    padding: var(--cd-space-lg) var(--cd-space-2xl) var(--cd-space-2xl);
    scroll-snap-type: none; gap: var(--cd-space-md); flex: 1 1 auto;
  }
  .cart-recommendation-card {
    flex: none; flex-direction: row; gap: var(--cd-space-md); align-items: center;
    padding: var(--cd-space-md); border-radius: var(--cd-radius-md);
    transition: all var(--cd-transition-fast); background: var(--cd-bg); border: 1px solid transparent;
  }
  .cart-recommendation-card:hover { border-color: var(--cd-gold-light); box-shadow: var(--cd-shadow-card); }
  .cart-recommendation-card__image-link { flex: 0 0 60px; box-shadow: none; }
  .cart-recommendation-card__image-link:hover { transform: none; box-shadow: none; }
  .cart-recommendation-card__image { width: 60px; height: 75px; border-radius: var(--cd-radius-sm); }
  .cart-recommendation-card__info { flex: 1 1 auto; min-width: 0; gap: 3px; }
  .cart-recommendation-card__title { font-size: 0.8rem; -webkit-line-clamp: 2; }
  .cart-recommendation-card__price { font-size: 0.78rem; }
  .cart-recommendation-card__add { width: auto; align-self: flex-start; padding: 6px 14px; font-size: 0.65rem; margin-top: var(--cd-space-xs); }
}

/* SMALL / NARROW MOBILE WINDOWS (covers gap left between 480 and 768) */
@media screen and (min-width: 481px) and (max-width: 767px) {
  .cart-drawer .drawer__inner { width: 100vw; max-width: 100vw; }
  .cart-drawer .cart-items tbody tr.cart-item {
    grid-template-columns: 90px 1fr auto;
    padding: var(--cd-space-xl);
    margin: var(--cd-space-md) var(--cd-space-md) 0;
    column-gap: var(--cd-space-lg);
    row-gap: var(--cd-space-sm);
  }
  .cart-drawer .cart-item__name { font-size: 1rem; max-width: 100%; }
  .cart-drawer .cart-item__details dl { font-size: 0.74rem; }
  .cart-drawer .cart__ctas { gap: var(--cd-space-sm); }
}

/* TABLET */
@media screen and (min-width: 768px) and (max-width: 919px) {
  .cart-drawer .drawer__inner { width: 420px; }
  .cart-drawer .cart-items tbody tr.cart-item,
  .cart-drawer .cart-item { grid-template-columns: 82px minmax(0, 1fr) !important; padding: 14px !important; }
}

/* MOBILE */
@media screen and (max-width: 480px) {
  .cart-drawer .drawer__inner { width: 100vw; max-width: 100vw; }
  .cart-drawer .drawer__header { padding: var(--cd-space-xl) var(--cd-space-lg) var(--cd-space-md); }
  .cart-drawer .drawer__heading { font-size: 1.3rem; }
  .cart-drawer .cart-items tbody tr.cart-item,
  .cart-drawer .cart-item {
    grid-template-columns: 82px minmax(0, 1fr) !important;
    padding: 12px !important;
    margin: var(--cd-space-sm) var(--cd-space-sm) 10px !important;
    column-gap: 14px !important;
    row-gap: 8px !important;
  }
  .cart-drawer .cart-item__media,
  .cart-drawer .cart-item__image-container { width: 82px !important; min-width: 82px !important; max-width: 82px !important; height: 104px !important; }
  .cart-drawer .cart-item__image { width: 100% !important; max-width: 82px !important; height: 100% !important; object-fit: cover !important; }
  .cart-drawer .cart-item__name { font-size: 1.15rem !important; }
  .cart-drawer .cart-item__totals { font-size: 1.25rem !important; top: 12px !important; right: 12px !important; }
  .cart-drawer .drawer__header, .cart-drawer .cart-drawer__recommendations, .cart-drawer .drawer__footer {
    padding-left: var(--cd-space-lg); padding-right: var(--cd-space-lg);
  }
  .cart-recommendation-card { flex-basis: 120px; }
  .cart-drawer .cart__ctas .button { padding: 12px 0; font-size: 0.72rem; }
  .cart-drawer .totals__total-value { font-size: 1.15rem; }
}

@media screen and (max-width: 375px) {
  .cart-drawer .cart-items tbody tr.cart-item,
  .cart-drawer .cart-item {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    column-gap: 10px !important;
  }
  .cart-drawer .cart-item__media,
  .cart-drawer .cart-item__image-container { width: 78px !important; min-width: 78px !important; max-width: 78px !important; height: 100px !important; }
  .cart-drawer .cart-item__image { width: 100% !important; max-width: 78px !important; height: 100% !important; object-fit: cover !important; }
  .cart-drawer .cart-item__details { padding-right: 70px !important; }
  .cart-drawer .cart-item__name { font-size: 1.1rem !important; }
  .cart-drawer .cart-item__totals { font-size: 1.15rem !important; }
}
  .cart-recommendation-card { flex-basis: 110px; }
}

/* EMPTY STATE */
.cart-drawer .drawer__inner-empty {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: var(--cd-space-3xl) var(--cd-space-2xl); text-align: center; min-height: 50vh;
}
.cart-drawer .cart__empty-text { font-family: var(--cd-font-heading); font-size: 1.6rem; margin-bottom: var(--cd-space-md); color: var(--cd-ink); letter-spacing: 0.04em; }
.cart-drawer .drawer__inner-empty .button {
  margin-top: var(--cd-space-xl); border-radius: var(--cd-radius-pill); padding: 12px 36px;
  font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 700;
  background: var(--cd-accent); color: #fff; border: none; box-shadow: var(--cd-shadow-button);
  transition: all var(--cd-transition-base);
}
.cart-drawer .drawer__inner-empty .button:hover { background: var(--cd-accent-dark); transform: translateY(-2px); box-shadow: var(--cd-shadow-button-hover); }

/* ERRORS */
.cart-drawer .cart-item__error {
  display: none;
  margin-top: var(--cd-space-sm); padding: var(--cd-space-sm) var(--cd-space-md);
  background: rgba(179, 38, 30, 0.06); border-radius: var(--cd-radius-sm);
  align-items: center; gap: var(--cd-space-sm);
}
.cart-drawer .cart-item__error:has(.cart-item__error-text:not(:empty)) { display: flex; }
.cart-drawer .cart-item__error-text { color: var(--cd-danger); font-size: 0.78rem; font-weight: 500; }
.cart-drawer .cart-item__error .svg-wrapper { flex-shrink: 0; color: var(--cd-danger); width: 14px; height: 14px; }

.cart-drawer .cart-item__price-wrapper { position: relative; }
.cart-drawer .cart-item__price-wrapper .loading-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/* ANIMATIONS */
@keyframes cd-slide-up { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
@keyframes cd-fade-in { from { opacity: 0; } to { opacity: 1; } }
.cart-drawer .cart-item { animation: cd-slide-up 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
.cart-drawer .cart-items tbody tr.cart-item:nth-child(1) { animation-delay: 0s; }
.cart-drawer .cart-items tbody tr.cart-item:nth-child(2) { animation-delay: 0.04s; }
.cart-drawer .cart-items tbody tr.cart-item:nth-child(3) { animation-delay: 0.08s; }
.cart-drawer .cart-items tbody tr.cart-item:nth-child(4) { animation-delay: 0.12s; }
.cart-drawer .cart-items tbody tr.cart-item:nth-child(5) { animation-delay: 0.16s; }
.cart-drawer .cart-items tbody tr.cart-item:nth-child(6) { animation-delay: 0.20s; }
.cart-drawer .drawer__footer { animation: cd-fade-in 0.4s ease 0.15s both; }

.cart-drawer__recommendations-list::after { content: ''; flex: 0 0 1px; }

/* =========================================================
   FINAL OVERRIDE — kills Dawn's native absolute positioning
   on the checkout button that causes it to float on top of
   "View Cart" instead of sitting beside it. Targets the exact
   IDs Dawn uses so specificity always wins over theme CSS.
   ========================================================= */
.cart-drawer #CartDrawer-Form .cart__ctas,
.cart-drawer .drawer__footer .cart__ctas {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: var(--cd-space-md) !important;
  width: 100% !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

.cart-drawer #CartDrawer-Form .cart__ctas > *,
.cart-drawer .drawer__footer .cart__ctas > * {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  flex: none !important;
  grid-column: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  float: none !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

.cart-drawer #CartDrawer-Checkout,
.cart-drawer .cart__checkout-button,
.cart-drawer .cart__view-cart-button {
  border-radius: var(--cd-radius-pill) !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.cart-drawer .cart__ctas .button::before,
.cart-drawer .cart__ctas .button::after {
  display: none !important;
  content: none !important;
}

.cart-drawer .cart__view-cart-button {
  background: transparent !important;
  color: var(--cd-accent) !important;
  border: 1.5px solid var(--cd-accent) !important;
}

.cart-drawer #CartDrawer-Checkout,
.cart-drawer .cart__checkout-button {
  background: linear-gradient(135deg, var(--cd-accent) 0%, #9b1f35 50%, var(--cd-accent-dark) 100%) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 20px rgba(122, 31, 48, 0.35) !important;
  letter-spacing: 0.12em !important;
}
.cart-drawer #CartDrawer-Checkout:hover,
.cart-drawer .cart__checkout-button:hover {
  background: linear-gradient(135deg, var(--cd-accent-dark) 0%, var(--cd-accent) 100%) !important;
  box-shadow: 0 6px 28px rgba(122, 31, 48, 0.45) !important;
  transform: translateY(-2px) !important;
}
/* Premium header gold accent */
.cart-drawer .drawer__header {
  background: linear-gradient(180deg, #fffdf9 0%, #fdf9f2 100%) !important;
  border-bottom: 2px solid var(--cd-gold-light) !important;
}
.cart-drawer .drawer__heading {
  background: linear-gradient(135deg, var(--cd-ink) 0%, var(--cd-accent) 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* =========================================================
   MOBILE FULL-BLEED LOCKDOWN
   Fixes: stray color strip leaking on the left edge, and
   the checkout/view-cart pill overlap that still occurs at
   certain widths because Dawn re-applies inline widths.
   ========================================================= */
@media screen and (max-width: 600px) {
  cart-drawer,
  .cart-drawer,
  #CartDrawer {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }

  .cart-drawer .drawer__inner {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    border-left: none !important;
    box-shadow: none !important;
    left: 0 !important;
    right: 0 !important;
  }

  /* Force the two CTA buttons into a fixed, equal split using
     calc() instead of fr/flex units — this is immune to any
     inline width Dawn's JS tries to apply. */
  .cart-drawer #CartDrawer-Form .cart__ctas,
  .cart-drawer .drawer__footer .cart__ctas {
    display: grid !important;
    grid-template-columns: calc(50% - 6px) calc(50% - 6px) !important;
    column-gap: 12px !important;
    justify-content: center !important;
  }

  .cart-drawer #CartDrawer-Form .cart__ctas > *,
  .cart-drawer .drawer__footer .cart__ctas > * {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    font-size: 0.68rem !important;
    padding: 12px 4px !important;
  }

  /* Premium polish: tighter card spacing + gold accent under header */
  .cart-drawer .drawer__header {
    border-bottom: 1px solid var(--cd-gold-light);
    padding: var(--cd-space-lg) var(--cd-space-lg) var(--cd-space-md);
  }

  .cart-drawer .cart-items tbody tr.cart-item,
  .cart-drawer .cart-item {
    grid-template-columns: 82px minmax(0, 1fr) !important;
    padding: 12px !important;
    margin: var(--cd-space-md) var(--cd-space-md) 10px !important;
    border-radius: var(--cd-radius-md);
  }

  .cart-drawer .cart-item__image-container,
  .cart-drawer .cart-item__media {
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    height: 104px !important;
  }

  .cart-drawer .cart-item__image {
    width: 100% !important;
    max-width: 82px !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .cart-drawer quantity-input.quantity {
    height: 34px;
  }

  .cart-drawer .cart-item__name {
    font-size: 0.95rem;
  }

  .cart-drawer .totals__total-value {
    font-size: 1.2rem;
  }

  .cart-drawer .drawer__footer {
    padding: var(--cd-space-lg) var(--cd-space-lg) var(--cd-space-xl);
  }
}
.cart-drawer .drawer__footer {
  padding-bottom: 80px !important;
}
/* Remove dead space in cart contents */
.cart-drawer .drawer__contents {
  background: #faf3ea !important;
}

/* Tighter spacing so no empty gap */
.cart-drawer .drawer__cart-items-wrapper {
  padding-bottom: 0 !important;
}

/* Make footer buttons fully visible above sticky nav */
.cart-drawer .drawer__footer {
  padding-bottom: 90px !important;
}
@media (max-width: 768px) {
  .ppp-sticky-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    box-sizing: border-box;
  }

  .ppp-sticky-atc {
    flex: 1 1 0;
    min-width: 0;
    height: 48px;
  }

  .ppp-sticky-buy-form {
    flex: 1 1 0;
    min-width: 0;
    display: flex;        /* THIS is the key line */
  }

  .ppp-sticky-buy {
    flex: 1 1 0;
    width: 100%;
    min-width: 0;
    height: 48px;
  }
}
.cart-page__discount-box,
.cart-drawer__discount-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 20px 0;
  padding: 16px 18px;
  background: linear-gradient(135deg, #fdf6ec 0%, #f7ecd9 100%);
  border: 1.5px dashed #b8924a;
  border-radius: 14px;
}

.cart-page__discount-label,
.cart-drawer__discount-label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #7a1f30;
}

.cart-page__discount-row,
.cart-drawer__discount-row {
  display: flex;
  gap: 10px;
}

.cart-page__discount-input,
.cart-drawer__discount-input {
  flex: 1 1 auto;
  border: 1.5px solid #e8ddd2;
  border-radius: 999px;
  padding: 12px 18px;
  font-size: 0.85rem;
  background: #fffdf9;
}
.cart-page__discount-input:focus,
.cart-drawer__discount-input:focus {
  outline: none;
  border-color: #7a1f30;
}

.cart-page__discount-apply,
.cart-drawer__discount-apply {
  flex: none;
  border: none;
  background: linear-gradient(135deg, #7a1f30 0%, #5c1624 100%);
  color: #f2dfa8;
  border-radius: 999px;
  padding: 12px 24px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 3px 12px rgba(122, 31, 48, 0.25);
  transition: all 0.2s ease;
}
.cart-page__discount-apply:hover,
.cart-drawer__discount-apply:hover {
  transform: translateY(-1px);
  box-shadow: 0 5px 16px rgba(122, 31, 48, 0.35);
}
/* =========================================================
   "YOU MAY LIKE" — PREMIUM EDITION
   ========================================================= */

/* hide the whole block when there is nothing to show */
.cart-drawer .cart-drawer__recommendations.rv-empty { display: none !important; }

/* ---------- shared card parts (all screen sizes) ---------- */
.cart-drawer .cart-recommendation-card__title {
  font-family: var(--cd-font-heading);
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.22;
  letter-spacing: 0.01em;
  color: var(--cd-ink);
  -webkit-line-clamp: 2;
}
.cart-drawer .cart-recommendation-card__price {
  font-family: var(--cd-font-body);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--cd-accent);
}
.cart-drawer .cart-recommendation-card product-form { display: block; min-width: 0; }

/* size dropdown removed for zero friction */
.cart-drawer .cart-recommendation-card select {
  display: none !important;
}

/* ADD TO CART — sleek pill button */
.cart-drawer .cart-recommendation-card .cart-recommendation-card__add {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  height: 34px;
  margin: 8px 0 0;
  padding: 0 14px;
  background: linear-gradient(135deg, #A91546 0%, #7A0B30 100%);
  border: none;
  border-radius: 999px;
  box-shadow: 0 4px 12px rgba(142, 14, 56, 0.25);
  color: #FFFFFF;
  font-family: var(--cd-font-body);
  font-size: 1.15rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.cart-drawer .cart-recommendation-card .cart-recommendation-card__add::before,
.cart-drawer .cart-recommendation-card .cart-recommendation-card__add::after {
  display: none;
  content: none;
}
.cart-drawer .cart-recommendation-card .cart-recommendation-card__add:hover:not(:disabled) {
  background: #5C0C2B;
  color: #FFFFFF;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(123, 17, 58, 0.35);
}
.cart-drawer .cart-recommendation-card .cart-recommendation-card__add:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  box-shadow: none;
}

/* loading spinner shown inside the button while adding */
.cart-drawer .cart-recommendation-card .loading__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
}
.cart-drawer .cart-recommendation-card .loading__spinner.hidden { display: none !important; }
.cart-drawer .cart-recommendation-card .loading__spinner .path { stroke: #f2dfa8; }
.cart-drawer .cart-recommendation-card .cart-recommendation-card__add.loading > span { visibility: hidden; }

/* gold ornament under the title */
.cart-drawer .cart-drawer__recommendations-title {
  position: relative;
  margin: 0;
  padding-bottom: 8px;
  font-family: var(--cd-font-heading);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: linear-gradient(135deg, var(--cd-ink) 0%, var(--cd-accent) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cart-drawer .cart-drawer__recommendations-title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 2px;
  background: linear-gradient(90deg, var(--cd-gold), rgba(184, 146, 74, 0));
}

/* =========================================================
   DESKTOP — separate panel on the left
   ========================================================= */
@media screen and (min-width: 920px) {

  .cart-drawer .drawer__inner { overflow: visible; }

  .cart-drawer .cart-drawer__recommendations {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -390px;
    width: 390px;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    background:
      radial-gradient(120% 50% at 0% 0%, #fff6e3 0%, rgba(255, 246, 227, 0) 70%),
      linear-gradient(180deg, #fffdf9 0%, #fbf3e6 100%);
    border: none;
    border-right: 1px solid var(--cd-gold-light);
    border-radius: 0;
    box-shadow: -16px 0 50px rgba(58, 22, 32, 0.18);
    overflow: hidden;
    z-index: 5;
  }
  /* gold top accent line */
  .cart-drawer .cart-drawer__recommendations::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--cd-gold) 0%, var(--cd-gold-light) 50%, var(--cd-accent) 100%);
    z-index: 2;
  }

  .cart-drawer .cart-drawer__recommendations-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 76px;
    margin: 0;
    padding: 6px 22px 0 28px;
    border-bottom: 1px solid var(--cd-border);
    flex-shrink: 0;
  }
  .cart-drawer .cart-drawer__recommendations-title { font-size: 1.55rem; line-height: 1.1; }

  .cart-drawer .cart-drawer__recommendations .cart-drawer__recommendations-close {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    background: var(--cd-surface);
    border: 1px solid var(--cd-border);
    border-radius: 50%;
    box-shadow: none;
    color: var(--cd-accent);
    flex: none;
  }
  .cart-drawer .cart-drawer__recommendations .cart-drawer__recommendations-close:hover {
    background: var(--cd-accent);
    border-color: var(--cd-accent);
    color: #fff;
    transform: rotate(90deg);
  }
  .cart-drawer .cart-drawer__recommendations-close svg { width: 16px; height: 16px; }

  .cart-drawer .cart-drawer__recommendations-list {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    gap: 14px;
    padding: 20px 20px 32px 22px;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-snap-type: none;
    scrollbar-width: thin;
    scrollbar-color: var(--cd-gold-light) transparent;
  }
  .cart-drawer .cart-drawer__recommendations-list::-webkit-scrollbar { width: 5px; }
  .cart-drawer .cart-drawer__recommendations-list::-webkit-scrollbar-track { background: transparent; }
  .cart-drawer .cart-drawer__recommendations-list::-webkit-scrollbar-thumb {
    background: var(--cd-gold-light);
    border-radius: 999px;
  }

  /* each product — luxury card like the cart items */
  .cart-drawer .cart-recommendation-card {
    position: relative;
    display: grid;
    grid-template-columns: 92px 1fr;
    grid-template-areas:
      "img info"
      "img form";
    grid-template-rows: auto 1fr;
    column-gap: 16px;
    flex: none;
    padding: 16px 16px 16px 20px;
    background: linear-gradient(135deg, #fffdf9 0%, #fdf6ec 100%);
    border: 1px solid var(--cd-gold-light);
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(122, 31, 48, 0.06), 0 1px 3px rgba(122, 31, 48, 0.04);
    overflow: hidden;
    transition: transform var(--cd-transition-base), box-shadow var(--cd-transition-base), border-color var(--cd-transition-base);
    animation: cd-slide-up 0.4s cubic-bezier(0.4, 0, 0.2, 1) both;
  }
  .cart-drawer .cart-recommendation-card::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, var(--cd-gold) 0%, var(--cd-accent) 100%);
  }
  .cart-drawer .cart-recommendation-card:hover {
    transform: translateY(-2px);
    border-color: var(--cd-gold);
    box-shadow: 0 8px 24px rgba(122, 31, 48, 0.13), 0 2px 8px rgba(122, 31, 48, 0.06);
  }
  .cart-drawer .cart-recommendation-card:nth-child(2) { animation-delay: 0.05s; }
  .cart-drawer .cart-recommendation-card:nth-child(3) { animation-delay: 0.1s; }
  .cart-drawer .cart-recommendation-card:nth-child(4) { animation-delay: 0.15s; }
  .cart-drawer .cart-recommendation-card:nth-child(5) { animation-delay: 0.2s; }
  .cart-drawer .cart-recommendation-card:nth-child(6) { animation-delay: 0.25s; }

  .cart-drawer .cart-recommendation-card__image-link {
    grid-area: img;
    align-self: start;
    flex: none;
    width: 92px;
    border-radius: 10px;
    box-shadow: 0 4px 16px rgba(58, 22, 32, 0.16);
    overflow: hidden;
  }
  .cart-drawer .cart-recommendation-card__image-link:hover { transform: none; }
  .cart-drawer .cart-recommendation-card__image {
    width: 92px;
    height: 118px;
    object-fit: cover;
    border-radius: 0;
    display: block;
    transition: transform var(--cd-transition-slow);
  }
  .cart-drawer .cart-recommendation-card:hover .cart-recommendation-card__image { transform: scale(1.05); }

  .cart-drawer .cart-recommendation-card__info {
    grid-area: info;
    align-self: start;
    gap: 5px;
    min-width: 0;
  }
  .cart-drawer .cart-recommendation-card product-form { grid-area: form; align-self: start; }
}

/* =========================================================
   MOBILE / TABLET — horizontal carousel below the cart items
   ========================================================= */
@media screen and (max-width: 919px) {

  /* one scrolling area: items -> You may like -> totals */
  .cart-drawer .drawer__scroll-area {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .cart-drawer .drawer__scroll-area > cart-drawer-items { order: 1; flex: 0 0 auto; overflow: visible; }
  .cart-drawer .drawer__scroll-area > .cart-drawer__recommendations { order: 2; }
  .cart-drawer .drawer__scroll-area > .drawer__scrollable-footer { order: 3; }

  .cart-drawer .cart-drawer__recommendations {
    position: relative;
    flex-shrink: 0;
    margin: 14px 0 6px;
    padding: 20px 0 8px;
    background:
      radial-gradient(120% 80% at 0% 0%, #fff6e3 0%, rgba(255, 246, 227, 0) 70%),
      linear-gradient(180deg, #fbf3e6 0%, #f7ecd9 100%);
    border-top: 1px solid var(--cd-gold-light);
    border-bottom: 1px solid var(--cd-gold-light);
  }
  .cart-drawer .cart-drawer__recommendations-header {
    display: block;
    margin: 0;
    padding: 0 18px 14px;
  }
  .cart-drawer .cart-drawer__recommendations-title { font-size: 1.25rem; line-height: 1.1; }

  .cart-drawer .cart-drawer__recommendations-list {
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding: 4px 18px 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 18px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .cart-drawer .cart-drawer__recommendations-list::-webkit-scrollbar { display: none; }

  .cart-drawer .cart-recommendation-card {
    position: relative;
    flex: 0 0 156px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 10px 12px;
    background: linear-gradient(135deg, #fffdf9 0%, #fdf6ec 100%);
    border: 1px solid var(--cd-gold-light);
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(122, 31, 48, 0.07);
    scroll-snap-align: start;
    overflow: hidden;
  }
  .cart-drawer .cart-recommendation-card__image-link {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 12px rgba(58, 22, 32, 0.14);
  }
  .cart-drawer .cart-recommendation-card__image {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    display: block;
  }
  .cart-drawer .cart-recommendation-card__info { gap: 3px; }
  .cart-drawer .cart-recommendation-card__title { font-size: 0.98rem; }
  .cart-drawer .cart-recommendation-card select { margin-top: 2px; }
  .cart-drawer .cart-recommendation-card .cart-recommendation-card__add { margin-top: 2px; }
}

/* =========================================================
   HIDE FLOATING SOCIAL BUTTONS WHEN CART OR FILTER DRAWER OPEN
   ========================================================= */
body.overflow-hidden .invi-floating-btns,
body.overflow-hidden .floating-social,
body:has(.cart-drawer.active) .invi-floating-btns,
body:has(cart-drawer.active) .invi-floating-btns,
body:has(header-drawer details[open]) .invi-floating-btns,
.drawer.active ~ .invi-floating-btns,
cart-drawer.active ~ .invi-floating-btns {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}