/* GW Cart Drawer — snippets/cart-drawer.liquid (loaded on its line 1)
   Figma 31:2740 (desktop 1440) · 31:3460 (mobile 390, unlocked) · 112:467
   (mobile 390, free-shipping progress). Design spec + renders:
   .agent/figma-shopify-builder/visual-check/cart-drawer/.

   Mobile-first: base = the 390 frame (full-width drawer, recommendations as a
   one-card carousel inside the body). >=768 the drawer becomes the 490 panel
   over the backdrop with the mobile inside. >=1025 (the theme's own drawer
   breakpoint, where .global-drawer--secondary turns into a side panel) =
   the 1440 frame: 68 header, 184 cream rail, desktop footer colours.

   Figma strokes draw INSIDE the box, CSS borders add to it, so every 1px
   stroke comes off the padding: stepper 6/10 -> 5/9, footer top 24 -> 23.
   EB Garamond boxes are pinned to Figma's Auto line-height results
   (31/23/21/18px at 24/18/16/14) because `normal` drifts with the face —
   the 600 weight measures 23.5 at 18px. Jost and Inter use 1.4.
   Letter-spacing is 0 everywhere. */

.gw-cart-drawer {
  --gw-cd-text: var(--cart-drawer-text-color, #242424);
  --gw-cd-bg: var(--cart-drawer-color, #fff);
  --gw-cd-ink: #3c3c3c;
  --gw-cd-muted: #555555;
  --gw-cd-line: #e7e7e7;
  --gw-cd-gold: #a88e57;
  --gw-cd-track: #fff8e9;
  --gw-cd-brown: #6a5632;
  --gw-cd-cream: #fdfaf4;
  --gw-cd-error: #dc3545;
  --gw-cd-dot: #b6b6b6;
  --gw-cd-divider: #efefef;
  --gw-cd-label: #252626;
  --gw-cd-total: #191a1a;
  --gw-cd-serif: var(--body-font-stack);
  --gw-cd-sans: var(--body-font-stack);
  --gw-cd-button: var(--body-font-stack);
}

/* ===== Shell ===== */
.gw-cart-drawer.global-drawer {
  width: 100%;
  max-width: 100%;
}

.gw-cart-drawer.global-drawer[data-drawer-position='right'] {
  box-shadow: none;
  border-radius: 0;
}

.gw-cart-drawer .global-drawer__overlay {
  background-color: rgba(17, 17, 17, 0.4);
}

.gw-cart-drawer.global-drawer[data-drawer-position='right'] .global-drawer__content {
  border-radius: 0;
  border: 0;
  background-color: var(--gw-cd-bg);
}

/* ===== Header: "Cart" + Continue Shopping control ===== */
.gw-cart-drawer__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  gap: 16px;
  padding: 24px 16px;
  background-color: var(--gw-cd-bg);
}

.gw-cart-drawer .gw-cart-drawer__title {
  margin: 0;
  font-family: var(--gw-cd-serif);
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 31px;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
  color: var(--gw-cd-ink);
}

.gw-cart-drawer .gw-cart-drawer__close {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 0;
  margin: 0;
  padding: 6px 0;
  border: 0;
  border-radius: 6px;
  background: none;
  cursor: pointer;
  font-family: var(--gw-cd-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
  color: var(--gw-cd-muted);
}

.gw-cart-drawer__close-icon {
  display: block;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

/* ===== Body: scrolls between the fixed header and footer ===== */
.gw-cart-drawer__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 1px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 9px 16px;
}

.gw-cart-drawer__body:focus {
  outline: none;
}

.gw-cart-drawer__body:focus-visible {
  outline: 1px solid var(--gw-cd-ink);
  outline-offset: -1px;
}

.gw-cart-drawer__stack {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  gap: 24px;
}

/* Items at the top, recommendations pinned to the bottom (mobile 31:3471
   justify-between); the 24px gap is the floor when the list is long. */
.gw-cart-drawer__main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 0 auto;
  gap: 24px;
}

/* ===== Free-shipping message + 3px bar (31:3751 / 112:475) ===== */
.gw-cart-shipping {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 13px;
}

.gw-cart-drawer .gw-cart-shipping__text {
  margin: 0;
  font-family: var(--gw-cd-serif);
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: 0;
  text-align: center;
  text-transform: capitalize;
  color: var(--gw-cd-ink);
}

.gw-cart-shipping__bar {
  position: relative;
  width: 100%;
  height: 3px;
  overflow: hidden;
  background-color: var(--gw-cd-track);
}

.gw-cart-shipping__fill {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--gw-cd-progress, 0%);
  background-color: var(--gw-cd-gold);
}

/* ===== Line items (31:3755) ===== */
.gw-cart-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
}

.gw-cart-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.gw-cart-item:has(.is-removing) {
  opacity: 0.5;
}

.gw-cart-item__media,
.gw-cart-rec__media {
  display: block;
  flex: 0 0 88px;
  width: 88px;
  height: 104px;
  overflow: hidden;
  background-color: var(--gw-cd-line);
}

.gw-cart-item__media img,
.gw-cart-rec__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gw-cart-item__details,
.gw-cart-rec__details {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  gap: 16px;
  min-width: 0;
}

.gw-cart-item__top,
.gw-cart-rec__top {
  display: flex;
  align-items: flex-start;
  gap: 48px;
}

.gw-cart-item__info {
  flex: 1 1 0;
  min-width: 0;
}

.gw-cart-drawer .gw-cart-item__title,
.gw-cart-drawer .gw-cart-rec__title {
  display: block;
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  font-family: var(--gw-cd-sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
  color: var(--gw-cd-text);
}

.gw-cart-item__meta {
  margin: 4px 0 0;
  font-family: var(--gw-cd-sans);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--gw-cd-muted);
}

.gw-cart-item__meta p {
  margin: 0;
}

.gw-cart-item__meta a {
  color: inherit;
}

.gw-cart-item__badge {
  color: var(--gw-cd-gold);
}

.gw-cart-drawer .gw-cart-item__price,
.gw-cart-drawer .gw-cart-rec__price {
  flex-shrink: 0;
  margin: 0;
  font-family: var(--gw-cd-sans);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  white-space: nowrap;
  text-align: right;
  color: var(--gw-cd-text);
}

.gw-cart-item__compare {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: var(--gw-cd-muted);
  text-decoration: line-through;
}

/* The theme spreads <cart-quantity> with space-between; Figma keeps the
   trash 16px after the stepper (31:3764). */
.gw-cart-item__controls {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}

/* Stepper 79x32 (31:3765): 1 + 9 + 16 + 10 + 7 + 10 + 16 + 9 + 1 */
.gw-cart-qty {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-sizing: border-box;
  height: 32px;
  padding: 5px 9px;
  border: 1px solid var(--gw-cd-line);
  border-radius: 0;
}

.gw-cart-drawer .gw-cart-qty__button,
.gw-cart-drawer .gw-cart-item__remove {
  position: relative;
  display: flex;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}

/* Touch targets grow without moving a pixel of the layout. */
.gw-cart-qty__button::before,
.gw-cart-item__remove::before {
  content: '';
  position: absolute;
  inset: -8px -5px;
}

.gw-cart-item__remove::before {
  inset: -8px;
}

.gw-cart-qty__button img,
.gw-cart-item__remove img {
  display: block;
  width: 16px;
  height: 16px;
}

.gw-cart-drawer input.gw-cart-qty__input {
  box-sizing: content-box;
  width: var(--gw-cd-qty-width, 7px);
  min-width: 0;
  height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  appearance: none;
  -moz-appearance: textfield;
  font-family: var(--gw-cd-sans);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  text-align: center;
  color: var(--gw-cd-text);
}

.gw-cart-item__error {
  font-family: var(--gw-cd-sans);
  font-size: 12px;
  line-height: 1.4;
  color: var(--gw-cd-error);
}

.gw-cart-item__error:empty {
  display: none;
}

/* ===== Recommendations: mobile carousel (31:3490) ===== */
/* The theme gives the open rail a -50px 0 150px shadow at (0,4,0); Figma
   has none — its only effect is the drawer's own shadow. */
.gw-cart-drawer.global-drawer[aria-hidden][data-drawer-position] .global-drawer--secondary {
  box-shadow: none;
  border-radius: 0;
}

.gw-cart-drawer:has(.is-loading) .gw-cart-recs {
  opacity: 0.5;
}

.gw-cart-recs {
  display: flex;
  flex-direction: column;
  gap: 24px;
  transition: opacity 0.2s ease;
}

.gw-cart-recs__main {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.gw-cart-recs__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.gw-cart-drawer .gw-cart-recs__heading {
  margin: 0;
  font-family: var(--gw-cd-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0;
  text-transform: none;
  color: var(--gw-cd-text);
}

.gw-cart-recs__heading--rail {
  display: none;
}

.gw-cart-recs__dots {
  display: flex;
  flex-shrink: 0;
  gap: 6px;
}

.gw-cart-drawer .gw-cart-recs__dot {
  position: relative;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: var(--gw-cd-line);
  cursor: pointer;
}

.gw-cart-recs__dot::before {
  content: '';
  position: absolute;
  inset: -7px -3px;
}

.gw-cart-drawer .gw-cart-recs__dot[aria-current='true'] {
  background-color: var(--gw-cd-dot);
}

.gw-cart-recs__track {
  display: flex;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.gw-cart-recs__track::-webkit-scrollbar {
  display: none;
}

.gw-cart-rec {
  display: flex;
  flex: 0 0 100%;
  align-items: flex-start;
  gap: 16px;
  min-width: 0;
  scroll-snap-align: start;
}

.gw-cart-rec__media {
  background-color: transparent;
}

.gw-cart-rec__controls {
  display: flex;
  align-items: center;
}

.gw-cart-rec__controls form {
  display: flex;
  margin: 0;
}

.gw-cart-drawer .gw-cart-rec__add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 79px;
  height: 32px;
  margin: 0;
  padding: 0 16px;
  border: 1px solid var(--gw-cd-brown);
  border-radius: 0;
  background-color: transparent;
  cursor: pointer;
  font-family: var(--gw-cd-sans);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  color: var(--gw-cd-brown);
  transition: background-color 0.2s ease, color 0.2s ease;
}

.gw-cart-drawer .gw-cart-rec__add:hover,
.gw-cart-drawer .gw-cart-rec__add:focus-visible {
  background-color: var(--gw-cd-brown);
  color: #fff;
}

.gw-cart-rec__error {
  margin-top: 4px;
  font-family: var(--gw-cd-sans);
  font-size: 12px;
  line-height: 1.4;
  color: var(--gw-cd-error);
}

.gw-cart-rec__error:empty {
  display: none;
}

/* Scroll bar 358x3 with a fixed 104px thumb (31:3513 / 31:3514);
   <gw-scroll-carousel> slides the thumb with the track. */
.gw-cart-recs__bar {
  position: relative;
  height: 3px;
  overflow: hidden;
  background-color: var(--gw-cd-line);
}

.gw-cart-recs__thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 104px;
  height: 3px;
  background-color: var(--gw-cd-ink);
}

.gw-cart-recs[data-gwsc-idle] .gw-cart-recs__dots,
.gw-cart-recs[data-gwsc-idle] .gw-cart-recs__bar {
  display: none;
}

/* ===== Empty cart (no Figma frame — built in the drawer's own language) ===== */
/* Centred a little above the middle (more padding below) — the optical
   centre, so the block does not read as sinking. */
.gw-cart-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 0 auto;
  gap: 24px;
  padding: 24px 0 72px;
  text-align: center;
}

.gw-cart-empty__copy {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 320px;
  text-wrap: balance;
}

.gw-cart-drawer .gw-cart-empty__heading {
  margin: 0;
  font-family: var(--gw-cd-serif);
  font-size: 24px;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: 0;
  text-transform: none;
  color: var(--gw-cd-ink);
}

.gw-cart-empty__text {
  margin: 0;
  font-family: var(--gw-cd-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: var(--gw-cd-muted);
}

.gw-cart-empty__actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

/* The theme colours every drawer link through
   `.global-drawer__content a:not(.btn):not(.btn--underlined)` (0,3,1), so the
   links that carry their own colour restate it at that weight. */
.gw-cart-drawer .global-drawer__content a.gw-cart-rec__add {
  color: var(--gw-cd-brown);
}

.gw-cart-drawer .global-drawer__content a.gw-cart-rec__add:hover,
.gw-cart-drawer .global-drawer__content a.gw-cart-rec__add:focus-visible,
.gw-cart-drawer .global-drawer__content a.gw-cart-button,
.gw-cart-drawer .global-drawer__content a.gw-cart-button:hover,
.gw-cart-drawer .global-drawer__content a.gw-cart-button--outline:hover {
  color: #fff;
}

.gw-cart-drawer .global-drawer__content a.gw-cart-button--outline {
  color: var(--gw-cd-brown);
}

.gw-cart-drawer .global-drawer__content .gw-cart-item__meta a {
  color: inherit;
}

/* ===== Footer (31:3818) + payment row (31:3832) ===== */
.gw-cart-drawer__bottom {
  flex-shrink: 0;
  background-color: var(--gw-cd-bg);
}

.gw-cart-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 23px 10px 16px;
  border-top: 1px solid var(--gw-cd-divider);
}

.gw-cart-footer__notes,
.gw-cart-footer__discounts {
  width: 100%;
}

.gw-cart-drawer .gw-cart-footer__notes .cart-drawer__note--open {
  padding: 0;
  font-family: var(--gw-cd-serif);
  font-size: 14px;
  line-height: 18px;
  color: var(--gw-cd-muted);
}

.gw-cart-footer__discount {
  margin: 0;
  font-family: var(--gw-cd-sans);
  font-size: 12px;
  line-height: 1.4;
  color: var(--gw-cd-gold);
}

.gw-cart-footer__totals {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}

.gw-cart-footer__labels {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 248px;
  max-width: 100%;
}

.gw-cart-drawer .gw-cart-footer__label,
.gw-cart-drawer .gw-cart-footer__tax,
.gw-cart-drawer .gw-cart-footer__total {
  margin: 0;
  font-family: var(--gw-cd-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0;
  color: var(--gw-cd-label);
}

.gw-cart-drawer .gw-cart-footer__tax {
  font-size: 14px;
  line-height: 18px;
}

.gw-cart-drawer .gw-cart-footer__total {
  flex-shrink: 0;
  white-space: nowrap;
  color: var(--gw-cd-total);
}

.gw-cart-footer__compare {
  margin-right: 4px;
  color: var(--gw-cd-muted);
  text-decoration: line-through;
}

/* Checkout button 470x56 (31:3827) — the empty-cart buttons share it. */
.gw-cart-drawer .gw-cart-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-sizing: border-box;
  width: 100%;
  height: 56px;
  margin: 0;
  padding: 10px 40px;
  border: 1px solid var(--gw-cd-brown);
  border-radius: 0;
  background-color: var(--gw-cd-brown);
  cursor: pointer;
  font-family: var(--gw-cd-button);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
  color: #fff;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.gw-cart-drawer .gw-cart-button:hover {
  border-color: #4a3b1f;
  background-color: #4a3b1f;
  color: #fff;
}

.gw-cart-drawer .gw-cart-button--outline {
  background-color: transparent;
  color: var(--gw-cd-brown);
}

.gw-cart-drawer .gw-cart-button--outline:hover {
  border-color: var(--gw-cd-brown);
  background-color: var(--gw-cd-brown);
  color: #fff;
}

.gw-cart-drawer .gw-cart-button--upper {
  text-transform: uppercase;
}

.gw-cart-button span {
  white-space: nowrap;
}

.gw-cart-button__icon {
  display: block;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

/* 9 x 32 + 8 x 8 = 352 fits the 390 frame's 358 exactly; on narrower
   phones the icons shrink together instead of wrapping (375 -> 31px). */
.gw-cart-payments {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 8px;
  margin: 0;
  padding: 0 16px 16px;
  list-style: none;
}

.gw-cart-payments li {
  flex: 0 1 32px;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.gw-cart-payments img {
  display: block;
  width: 100%;
  max-width: 32px;
  height: auto;
  aspect-ratio: 1;
}

/* ===== Third-party apps the design leaves out =====
   Each is on only when its setting is ticked (Theme settings > Cart >
   Cart drawer (GoldenWeb)); the snippet adds the --no-* class otherwise.
   - Redo "Checkout+" (script from shopify-extension.getredo.com, not an app
     embed): its own stylesheet hides every [name=checkout] and it injects
     <redo-shopify-toggle> (closed shadow root) after the button. Hide the
     toggle and restate the button at a weight Redo's rule cannot reach.
   - Recart (app embed): its sign-up popup / "15% Off" teaser renders in
     #recart-popup-root at z-index 10000+, above the drawer's 1502. Hidden
     only while this drawer is open; the rest of the site is unchanged. */
.gw-cart-drawer--no-redo redo-shopify-toggle {
  display: none !important;
}

.gw-cart-drawer--no-redo #CartDrawer-Checkout.gw-cart-button {
  display: flex !important;
  visibility: visible !important;
}

body:has(.gw-cart-drawer--no-recart[aria-hidden='false']) #recart-popup-root {
  display: none !important;
}

@media (prefers-reduced-motion: no-preference) {
  .gw-cart-shipping__fill {
    transition: width 0.4s ease;
  }

  .gw-cart-recs {
    animation: fadeInRecommendations 0.4s ease;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gw-cart-recs,
  .gw-cart-drawer .gw-cart-rec__add,
  .gw-cart-drawer .gw-cart-button {
    transition: none;
  }
}

/* ===== >=768: 490 panel over the backdrop ===== */
@media (min-width: 768px) {
  .gw-cart-drawer.global-drawer {
    width: 490px;
  }

  /* The drawer's shadow (Drop Shadow/500) sits on a pseudo-element so it
     paints over the rail, as Figma draws it at x 945-949. */
  .gw-cart-drawer::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    box-shadow: 0 16px 16px -8px rgba(12, 12, 13, 0.1), 0 4px 4px -4px rgba(12, 12, 13, 0.05);
  }
}

/* ===== >=1025: the 1440 frame ===== */
@media (min-width: 1025px) {
  .gw-cart-drawer {
    --gw-cd-divider: #cecece;
    --gw-cd-label: #3c3c3c;
    --gw-cd-total: #242424;
  }

  .gw-cart-drawer__header {
    padding: 16px;
  }

  /* Rail 184 wide, cream, left of the drawer (31:2741). */
  .gw-cart-drawer.global-drawer .global-drawer--secondary {
    width: 184px;
    max-width: none;
    background-color: var(--gw-cd-cream);
  }

  .gw-cart-drawer .global-drawer__content:has(.global-drawer--secondary) {
    border-left: 0;
  }

  .gw-cart-drawer .global-drawer--secondary__content {
    background-color: transparent;
    height: 100%;
    overflow-y: auto;
    padding: 24px 16px;
    scrollbar-width: none;
  }

  .gw-cart-recs {
    gap: 0;
  }

  .gw-cart-recs__main {
    align-items: center;
    gap: 24px;
  }

  .gw-cart-recs__head {
    justify-content: center;
  }

  .gw-cart-drawer .gw-cart-recs__heading--rail {
    display: block;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
  }

  .gw-cart-recs__heading--carousel,
  .gw-cart-recs__dots,
  .gw-cart-recs__bar {
    display: none;
  }

  .gw-cart-recs__track {
    flex-direction: column;
    gap: 40px;
    width: 152px;
    overflow: visible;
    scroll-snap-type: none;
  }

  .gw-cart-rec {
    flex: none;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 152px;
  }

  .gw-cart-rec:nth-child(n + 4) {
    display: none;
  }

  .gw-cart-rec__media {
    flex: none;
    width: 124px;
    height: 124px;
  }

  .gw-cart-rec__details {
    flex: none;
    gap: 0;
    width: 100%;
  }

  .gw-cart-rec__top {
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  .gw-cart-drawer .gw-cart-rec__title,
  .gw-cart-drawer .gw-cart-rec__price {
    flex: none;
    width: 100%;
    font-family: var(--gw-cd-serif);
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    white-space: normal;
  }

  .gw-cart-rec__controls {
    display: none;
  }
}