/** Shopify CDN: Minification failed

Line 42:2 Unexpected "{"
Line 42:3 Expected identifier but found "%"
Line 42:37 Unexpected "{"
Line 42:38 Expected identifier but found "%"
Line 44:2 Unexpected "{"
Line 44:3 Expected identifier but found "%"
Line 44:37 Unexpected "{"
Line 44:38 Expected identifier but found "%"
Line 275:0 Unexpected "{"
Line 275:1 Expected identifier but found "%"
... and 2 more hidden warnings

**/

  .ap-sticky-checkout__empty {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f3f4f6; /* gray-100 */
  color: #6b7280;      /* gray-500 */
  transition: background .2s ease, color .2s ease;
}
.ap-sticky-checkout__empty:hover {
  background: #e5e7eb;
  color: #111;
}
.ap-sticky-checkout__empty svg {
  width: 18px;
  height: 18px;
}


  /* ===== Cart Goal Meter ===== */
.ap-goal { 
  background:#fff; 
  border:1px solid #ececec; 
  {% comment %} border-radius:12px;  {% endcomment %}
  padding:12px; 
  {% comment %} margin-bottom:12px;  {% endcomment %}
  box-shadow: 0 1px 0 rgba(0,0,0,.03);
}


.ap-goal__row{
  display:flex; align-items:center; gap:10px; 
  white-space:normal;
}
.ap-goal__icon{
  width:36px; height:36px; 
  display:grid; place-items:center; 
  font-size:18px; border-radius:999px; 
  background:#fff4f9; border:1px solid #ffd7ec;
  flex:0 0 36px;
}
.ap-goal__text{
  font-size:14px; line-height:1.35; color:#111; 
  flex:1 1 auto; min-width:0;
}
.ap-goal__text strong{ font-weight:700; }
.ap-goal__amount{ font-weight:700; }
.ap-goal__badge{
  font-size:12px; font-weight:700; 
  padding:6px 10px; border-radius:999px; 
  border:1px solid #efefef; background:#fafafa; 
  flex:0 0 auto;
}
.ap-goal__bar{
  position:relative; height:10px; margin-top:10px; 
  border-radius:999px; overflow:hidden; 
  background:linear-gradient(180deg,#f7f7f7,#f1f1f1);
  border:1px solid #ececec;
}
.ap-goal__barTrack{ display:none; }
.ap-goal__barFill{
  height:100%; width:0%;
  background: linear-gradient(90deg,#ff66b3,#ff9bd1);
  transition: width .45s ease-in-out;
  box-shadow: inset 0 0 8px rgba(0,0,0,.06);
}

/* tiny ‘confetti’ sparkle when unlocked */
.ap-goal__confetti{
  margin-top:8px; height:6px; position:relative;
  background: repeating-linear-gradient(
    90deg,
    #ffd1e8 0 8px,
    #ffe9a9 8px 16px,
    #c9fdd7 16px 24px,
    #d1e8ff 24px 32px
  );
  border-radius:6px;
}

/* Mobile safe: never allow horizontal wobble from this block */
.ap-goal, .ap-goal * { max-width:100%; box-sizing:border-box; }

  .fade-highlight {
  animation: flash-bg 0.8s ease-in-out;
}

@keyframes flash-bg {
  0% { background-color: #fffbe6; }
  50% { background-color: #ffefc0; }
  100% { background-color: transparent; }
}

/* Add this CSS to prevent mobile zoom on input focus */

/* Method 1: Ensure all input fields have font-size of at least 16px on mobile */
@media screen and (max-width: 768px) {
  .js-zip-input,
  .js-country-select,
  .js-province-select,
  input[type="text"],
  input[type="email"], 
  input[type="tel"],
  select,
  textarea {
    font-size: 16px !important;
  }
  
  /* Specifically target your shipping calculator inputs */
  shipping-calculator-drawer input,
  shipping-calculator-drawer select {
    font-size: 16px !important;
  }
}

/* Method 2: Alternative approach using transform-origin (if Method 1 doesn't work) */
@media screen and (max-width: 768px) {
  .js-zip-input:focus,
  .js-country-select:focus,
  .js-province-select:focus {
    transform-origin: 0 0;
    zoom: 1;
  }
}

/* Method 3: Prevent zoom using viewport meta tag approach (add to your input containers) */
.no-zoom-container {
  touch-action: manipulation;
}

/* Method 4: Ensure consistent styling that prevents zoom triggers */
@media screen and (max-width: 768px) {
  .input,
  .select select {
    font-size: max(16px, 1em) !important;
    line-height: 1.4;
    padding: 12px 16px;
  }
}

/* Hide error container when rates are showing */
shipping-calculator-drawer .js-rates:not([hidden]) ~ .js-errors,
shipping-calculator-drawer .js-rates:not([hidden]) + .js-errors {
  display: none !important;
}

/* Hide promoted products when cart is empty */
.drawer__empty .cart-drawer__promoted-products-container {
  display: none !important;
}

/* --- Collapsed Shipping Accordion --- */
.shipping-accordion { border:1px solid #ececec; border-radius:10px; background:#fff; }
.shipping-accordion[open] { border-color:#e5e5e5; box-shadow:0 1px 0 rgba(0,0,0,.03); }
.shipping-accordion__summary {
  display:flex; align-items:center; gap:10px; padding:12px 14px; cursor:pointer; list-style:none;
}
.shipping-accordion__summary::-webkit-details-marker{display:none}
.shipping-accordion__label { font-weight:600; }
.shipping-accordion__status { margin-left:auto; font-size:12px; color:#666; white-space:nowrap; }
.shipping-accordion__chev { margin-left:8px; transition:transform .2s ease; opacity:.7; }
.shipping-accordion[open] .shipping-accordion__chev { transform:rotate(180deg); }
.shipping-accordion__body { padding:12px; padding-top:0; }

.shipping-accordion__summary {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.shipping-accordion__label {
  flex: 1;              /* take remaining space */
}

.shipping-accordion__chev {
  margin-left: auto;    /* push to far right */
  transition: transform .2s ease;
  opacity: .7;
}

/* keep the rotate-on-open behavior */
.shipping-accordion[open] .shipping-accordion__chev { transform: rotate(180deg); }

  /* Hide built-in checkout buttons when our sticky footer is visible */
  .ap-sticky-checkout + .overlay ~ * {} /* anchor selector noop */
  .ap-sticky-checkout ~ .overlay ~ * {} /* (kept as a separator) */

  .cart-drawer__checkout-buttons { display: none; }

/* ===== Sticky Checkout (Totals on row 1; Checkout + Trash on row 2) ===== */
#cart-drawer .ap-sticky-checkout{ position: sticky; bottom: 0; z-index: 10001; }
#cart-drawer .ap-sticky-checkout__inner{
  --ap-pad: 14px; --ap-radius: 14px; --ap-gap: 14px;
  --ap-shadow: 0 10px 30px rgba(0, 0, 0, 0.23), 0 -2px 12px rgba(0,0,0,.06);
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;    /* left = flexible, right = icon column */
  grid-template-areas:
    "totals totals"
    "cta    utils";                              /* 👈 checkout and trash share this row */
  align-items: center;
  gap: var(--ap-gap);
  padding: var(--ap-pad);
  background:#fff; border:1px solid #eee; box-shadow: var(--ap-shadow);
}

/* Areas */
#cart-drawer .ap-sticky__totals{ grid-area: totals; text-align:left; }
#cart-drawer .ap-sticky__cta{ grid-area: cta; min-width:0; }  /* allow shrinking */
#cart-drawer .ap-sticky__utils{
  grid-area: utils;
  display: grid;
  grid-template-rows: auto auto;                 /* row 1: icon, row 2: terms */
  justify-items: end;                             /* icon aligns to right edge */
  row-gap: 6px;
}

/* Type sizes (slightly larger) */
#cart-drawer .ap-sticky__label{ display:block; font-size:13px; color:#6b7280; margin-bottom:4px; }
#cart-drawer .ap-sticky__value{ font-weight:800; font-size:19px; letter-spacing:.2px; }
#cart-drawer .ap-sticky__save{ margin-left:10px; font-size:13px; color:#059669; white-space:nowrap; }

/* Checkout button fills its column (left), both mobile & desktop */
#cart-drawer .ap-sticky__btn{
  width:100%;
  appearance:none; border:0; border-radius:999px;
  padding:16px; font-weight:700; font-size:16px; line-height:1;
  background:#D53E8D; color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.15);
  cursor:pointer; transition:transform .08s ease, box-shadow .2s ease, opacity .2s ease;
}
#cart-drawer .ap-sticky__btn:hover{ transform: translateY(-1px); box-shadow:0 10px 22px rgba(0,0,0,.18); }
#cart-drawer .ap-sticky__btn[disabled]{ opacity:.5; cursor:not-allowed; }

/* Empty-cart icon (right column) */
#cart-drawer .ap-sticky__iconbtn{
  display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px; border-radius:50%;
  background:#f3f4f6; color:hsl(0,79%,63%);
  transition:background .2s ease, color .2s ease;
}
#cart-drawer .ap-sticky__iconbtn:hover{ background:#e5e7eb; color:#111; }
#cart-drawer .ap-sticky__iconbtn svg{ width:18px; height:18px; }

/* Terms live under the icon and left-align across the row visually */
#cart-drawer .ap-sticky__terms{
  font-size:12px; color:#374151;
  justify-self: stretch;                          /* make terms line span the column width */
  text-align: right;                              /* align to icon column; change to left if preferred */
}
#cart-drawer .ap-sticky__terms a{ color:#D53E8D; text-decoration:underline; }

/* Safe space so list never hides behind sticky footer */
#cart-drawer .drawer__content{ padding-bottom: calc(110px + env(safe-area-inset-bottom)); }



{% comment %} /* Dark mode (optional) */
@media (prefers-color-scheme: dark){
  #cart-drawer .ap-sticky-checkout__inner{
    background:#111214; border-color:#1f2329;
    box-shadow:0 10px 30px rgba(0,0,0,.6), 0 -2px 12px rgba(0,0,0,.35);
  }
  #cart-drawer .ap-sticky__label{ color:#9aa0a6; }
  #cart-drawer .ap-sticky__value{ color:#fff; }
  #cart-drawer .ap-sticky__save{ color:#34d399; }
  #cart-drawer .ap-sticky__btn{ background:#D53E8D; color:#111; }
} {% endcomment %}


#cart-drawer .ap-totals-row{
  display: inline-grid;
  grid-auto-flow: column;
  align-items: baseline;
  gap: 10px;
}

#cart-drawer .ap-total-before{
  font-size: 14px;
  color: #6b7280;
  text-decoration: line-through;
}

#cart-drawer .ap-total-now{
  font-weight: 800;
  font-size: 20px; /* bump a touch */
  letter-spacing: .2px;
}

/* Hide sticky footer when drawer is closing or closed */
#cart-drawer[aria-hidden="true"] .ap-sticky-checkout {
  display: none !important;
}

/* Only stick it when drawer is visible */
#cart-drawer[aria-hidden="false"] .ap-sticky-checkout {
  display: block;
  position: sticky;
  bottom: 0;
}

/* By default: keep "save" inline */
#cart-drawer .ap-sticky__save {
  margin-left: 10px;
  font-size: 13px;
  color: #059669;
  white-space: nowrap;
  display: inline-block;
}

@media (max-width: 768px) {
  #cart-drawer .ap-sticky__totals {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  /* Keep totals and save together in one row */
  #cart-drawer .ap-totals-row {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
  }

  #cart-drawer .ap-sticky__save {
    margin-left: 6px;   /* keep spacing from total */
    display: inline;    /* inline with totals */
    font-size: 13px;
    color: #059669;
    white-space: nowrap;
  }
}

/* Card polish */
#cart-drawer .ap-sticky-checkout__inner{
  backdrop-filter: saturate(140%) blur(6px);
  background: linear-gradient(180deg, #ffffffcc, #ffffffef);
  border: 1px solid #eee;
  box-shadow: 0 12px 28px rgba(0,0,0,.08), 0 -2px 10px rgba(0,0,0,.05);
}

/* top divider for separation from list */
#cart-drawer .ap-sticky-checkout{
  position: sticky; bottom: 0; z-index: 10001;
  border-top: 1px solid rgba(0,0,0,.05);
}

/* Totals */
#cart-drawer .ap-sticky__label{
  display:block; font-size:13px; color:#6b7280; margin-bottom:6px;
}

#cart-drawer .ap-totals-row{
  display:inline-grid; grid-auto-flow:column; align-items:baseline; gap:12px;
}

#cart-drawer .ap-total-now{
  font-weight:800;
  font-size:24px;           /* ↑ bigger for presence */
  letter-spacing:.3px;
  color:#111;
}

#cart-drawer .ap-total-before{
  font-size:15px;
  color:#6b7280;
  text-decoration: line-through;
}

/* “You save …” stays as you had; on mobile you already push it to its own row */
#cart-drawer .ap-sticky__save{
  margin-left:10px; font-size:13px; color:#059669; white-space:nowrap; display:inline-block;
}

/* Meta line – always visible so area never feels empty */
#cart-drawer .ap-totals-meta{
  display:block;
  margin-top:4px;
  font-size:12px;
  color:#9aa0a6;
}

/* Checkout button: modern look */
#cart-drawer .ap-sticky__btn{
  width:100%;
  padding:16px;
  border-radius:999px;
  background: linear-gradient(90deg, #D53E8D, #c63b8a);
  color:#fff; font-weight:700; font-size:16px;
  box-shadow: 0 8px 20px rgba(213,62,141,.35);
  transition: transform .08s ease, box-shadow .2s ease, opacity .2s ease;
}
#cart-drawer .ap-sticky__btn:hover{ transform: translateY(-1px); box-shadow:0 12px 24px rgba(213,62,141,.4); }
#cart-drawer .ap-sticky__btn[disabled]{ opacity:.6; }

/* Empty cart icon – keep airy but visible */
#cart-drawer .ap-sticky__iconbtn{
  width:44px; height:44px; border-radius:50%;
  background:#f6f7f8; color:#e34f5c; 
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 1px 2px rgba(0,0,0,.04);
}
#cart-drawer .ap-sticky__iconbtn:hover{ background:#eef0f2; color:#c63b3b; }

/* Mobile niceties */
@media (max-width: 768px){
  #cart-drawer .ap-total-now{ font-size:20px; }
  #cart-drawer .ap-sticky__save{ display:block; margin-left:0; margin-top:2px; }
}

/* One row, wraps nicely on narrow screens */
#cart-drawer .ap-totals-row{
  display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;
}
#cart-drawer .ap-total-before{
  font-size:14px; color:#6b7280; text-decoration:line-through;
}
#cart-drawer .ap-sticky__save{
  font-size:13px; color:#059669; white-space:nowrap; display:inline-block;
}

/* Bigger totals on mobile */
@media (max-width: 768px){
  #cart-drawer .ap-total-now{
    font-size: 22px;        /* was ~20px */
    line-height: 1.2;
  }
  #cart-drawer .ap-total-before{
    font-size: 16px;        /* was ~15px */
    line-height: 1.2;
  }
  #cart-drawer .ap-sticky__save{
    font-size: 14px;        /* subtle bump */
    line-height: 1.2;
  }
}

/* Modern checkbox styling */
.ap-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 14px 0;
  font-size: 14px;
}

.ap-checkbox input[type="checkbox"] {
  display: none; /* hide native box */
}

.ap-checkbox label {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 10px;
  line-height: 1.4;
}

.ap-checkbox__box {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #d1d5db;
  border-radius: 6px;
  background: #fff;
  display: grid;
  place-items: center;
  transition: all 0.2s ease;
}

.ap-checkbox input[type="checkbox"]:checked + label .ap-checkbox__box {
  background: #D53E8D;
  border-color: #D53E8D;
}

.ap-checkbox input[type="checkbox"]:checked + label .ap-checkbox__box::after {
  content: '✔';
  font-size: 12px;
  color: #fff;
}

.ap-checkbox__label {
  color: #374151;
  font-size: 14px;
}

/* Mobile tweaks: slightly bigger tap target */
@media (max-width: 768px) {
  .ap-checkbox__box {
    width: 24px;
    height: 24px;
  }
  .ap-checkbox__label {
    font-size: 15px;
  }
}

/* ===== Preferences card ===== */
.ap-prefcard{
  border:1px solid #ececec;
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 0 rgba(0,0,0,.03);
  overflow:hidden;
  margin:12px 0 16px;
}

.ap-prefcard__item{
  display:block;
  padding:14px 14px;
}
.ap-prefcard__item + .ap-prefcard__item{ border-top:1px solid #f2f2f2; }

/* Row summary line (shipping + note) */
.ap-prefcard__summary{
  list-style:none;
  display:flex; align-items:center; gap:10px;
  cursor:pointer;
}
.ap-prefcard__summary::-webkit-details-marker{ display:none; }

.ap-prefcard__summaryLeft{ display:flex; align-items:center; gap:10px; min-width:0; }
.ap-prefcard__emoji{ font-size:18px; width:24px; text-align:center; }
.ap-prefcard__title{ font-weight:600; color:#111; }

.ap-prefcard__status{
  margin-left:auto; font-size:12px; color:#6b7280; white-space:nowrap;
}
.ap-prefcard__chev{ margin-left:8px; opacity:.6; transition:transform .2s ease; }
.ap-prefcard__shipping[open] .ap-prefcard__chev,
.ap-prefcard__note details[open] .ap-prefcard__chev { transform:rotate(180deg); }

.ap-prefcard__body{ padding-top:8px; }
.ap-prefcard__bodyInner{
  background:#f9f9fb; border:1px solid #eee; border-radius:10px;
  padding:12px;
}

/* Row: substitute toggle (pretty switch) */
.ap-prefcard__toggle{
  display:flex; align-items:center; gap:12px;
}
.ap-prefcard__toggle input{ display:none; }

.ap-switch{
  position:relative; width:44px; height:26px; border-radius:999px;
  background:#e5e7eb; border:1px solid #d1d5db;
  transition:background .2s ease, border-color .2s ease;
  flex:0 0 44px;
}
.ap-switch::after{
  content:""; position:absolute; top:50%; left:2px; transform:translateY(-50%);
  width:22px; height:22px; border-radius:50%; background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.12);
  transition:left .2s ease;
}
.ap-prefcard__toggle input:checked + .ap-switch{
  background:#D53E8D; border-color:#D53E8D;
}
.ap-prefcard__toggle input:checked + .ap-switch::after{ left:20px; }

.ap-prefcard__text{ color:#374151; font-size:14px; }

/* Mobile-first polish */
@media (max-width: 768px){
  .ap-prefcard__item{ padding:12px 12px; }
  .ap-prefcard__title{ font-size:15px; }
  .ap-prefcard__text{ font-size:15px; line-height:1.35; }
  .ap-switch{ width:50px; height:28px; }
  .ap-switch::after{ width:24px; height:24px; }
}

/* Make the shipping status strong when a rate exists */
.ap-prefcard__status--ok{ color:#111; font-weight:600; }

/* ===== Order note polish ===== */
.ap-note { background:#fafafc; border:1px solid #eef0f2; border-radius:12px; padding:14px; }
.ap-note__head { display:flex; align-items:baseline; gap:8px; margin-bottom:8px; }
.ap-note__label { font-weight:600; color:#111; }
.ap-note__hint { font-size:12px; color:#6b7280; }

.ap-note__field { position:relative; }
.ap-note__textarea{
  width:100%;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:10px;
  padding:12px 14px;
  line-height:1.45;
  resize:vertical;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.ap-note__textarea:focus{
  outline:none;
  border-color:#D53E8D;
  box-shadow:0 0 0 4px rgba(213,62,141,.12);
}

.ap-note__meta{
  display:flex; justify-content:flex-end; margin-top:6px;
  font-size:12px; color:#9aa0a6;
}
.ap-note__counter{ font-variant-numeric: tabular-nums; }

.ap-note__actions{
  display:flex; justify-content:flex-end; margin-top:12px;
}
.ap-note__save{
  background:linear-gradient(90deg,#D53E8D,#c63b8a);
  border:none; border-radius:12px; padding:12px 16px;
  font-weight:700; color:#fff; box-shadow:0 8px 18px rgba(213,62,141,.25);
  transition:transform .08s ease, box-shadow .2s ease, opacity .2s ease;
}
.ap-note__save:hover{ transform:translateY(-1px); box-shadow:0 12px 24px rgba(213,62,141,.35); }
.ap-note__save:disabled{ opacity:.6; cursor:not-allowed; }

@media (max-width:768px){
  .ap-note{ padding:12px; }
  .ap-note__save{ width:100%; }
}

/* Cart drawer title count badge */
.drawer__header .cart-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.15rem 0.5rem;
  min-width: 1.5rem;
  height: 1.25rem;
  border-radius: 9999px;

  font-size: 0.75rem;         /* 12px */
  line-height: 1;
  font-weight: 700;
  letter-spacing: .02em;

  color: var(--badge-fg, #fff);
  background: var(--badge-bg, #111827);   /* slate-900 fallback */
  box-shadow:
    0 1px 0 rgba(0,0,0,.15),
    inset 0 0 0 1px rgba(255,255,255,.08);

  /* subtle entrance/bump */
  animation: cart-pill-pop .28s ease-out;
}

/* Light/Dark friendly tokens (optional) */
@media (prefers-color-scheme: light) {
  .drawer__header .cart-pill {
    --badge-bg: #D53E8D;      /* your brand pink as a nice pop */
  }
}
@media (prefers-color-scheme: dark) {
  .drawer__header .cart-pill {
    --badge-bg: #F472B6;      /* lighter pop for dark UI */
  }
}

@keyframes cart-pill-pop {
  0%   { transform: scale(.85); opacity: .0; }
  60%  { transform: scale(1.06); opacity: 1; }
  100% { transform: scale(1); }
}

/* ===== Modern Cart Count Badge ===== */
.drawer__header .cart-pill {
  /* sizing */
  --pill-h: 1.75rem;             /* height */
  --pill-px: 0.625rem;           /* horizontal padding */
  --pill-fw: 800;                /* font weight */
  --pill-fs: 0.875rem;           /* font size (14px) */
  --pill-radius: 9999px;         /* fully rounded */

  /* colors (brand-ready) */
  --pill-accent: #D53E8D;        /* your brand pink */
  --pill-accent-2: #f59ec6;      /* lighter tint */
  --pill-fg: #ffffff;            /* text color */
  --pill-border: rgba(255,255,255,0.35); /* glass border */
  --pill-shadow: 0 6px 16px rgba(213,62,141,0.28);

  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: calc(var(--pill-h) - 0.25rem);
  height: var(--pill-h);
  padding: 0 var(--pill-px);
  border-radius: var(--pill-radius);

  font-size: var(--pill-fs);
  font-weight: var(--pill-fw);
  line-height: 1;
  letter-spacing: .01em;

  color: var(--pill-fg);
  background: linear-gradient(135deg, var(--pill-accent), var(--pill-accent-2));
  box-shadow: var(--pill-shadow);
  border: 1px solid var(--pill-border);
  backdrop-filter: saturate(1.1) blur(6px);            /* soft glass */
  -webkit-backdrop-filter: saturate(1.1) blur(6px);

  transition: transform .15s ease, filter .2s ease, box-shadow .2s ease;
  will-change: transform;
}

/* Hover/active micro-interactions */
.drawer__header .cart-pill:hover { transform: translateY(-1px); }
.drawer__header .cart-pill:active { transform: translateY(0); }

/* Big numbers look neat (e.g., 99+) */
.drawer__header .cart-pill:has(> :not(:empty)) {
  padding-inline: max(var(--pill-px), 0.5rem);
}

/* Prefer dark/light tweaks */
@media (prefers-color-scheme: dark) {
  .drawer__header .cart-pill {
    --pill-accent: #f472b6;
    --pill-accent-2: #f9a8d4;
    --pill-border: rgba(255,255,255,0.25);
    --pill-shadow: 0 8px 18px rgba(244,114,182,0.25);
  }
}

/* Respect motion preferences */
@media (prefers-reduced-motion: reduce) {
  .drawer__header .cart-pill {
    transition: none;
    transform: none !important;
  }
}

/* Nice spacing between title and pill */
.drawer__header .cart-title { gap: .5rem; }

/* ===== Solid, high-contrast cart count pill ===== */
.drawer__header .cart-pill {
  --pill-h: 1.9rem;              /* bigger and clearer */
  --pill-px: 0.7rem;
  --pill-radius: 9999px;
  --pill-fs: 0.95rem;            /* ~15px */
  --pill-fw: 800;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: calc(var(--pill-h) - 0.25rem);
  height: var(--pill-h);
  padding: 0 var(--pill-px);
  border-radius: var(--pill-radius);
  font-size: var(--pill-fs);
  font-weight: var(--pill-fw);
  line-height: 1;
  letter-spacing: .01em;

  /* Solid fill + strong outline for contrast on any bg */
  background: var(--pill-bg, #D53E8D);     /* brand pink as default */
  color: var(--pill-fg, #111);             /* dark text = stronger contrast on this pink */
  border: 1px solid rgba(0,0,0,.18);       /* crisp edge */
  box-shadow:
    0 1px 0 rgba(255,255,255,.35) inset,
    0 8px 18px rgba(0,0,0,.10);

  /* subtle motion */
  transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
.drawer__header .cart-pill:hover { transform: translateY(-1px); }
.drawer__header .cart-pill:active { transform: translateY(0); }

/* Size for 2+ digits stays neat */
.drawer__header .cart-pill:has(> :not(:empty)) {
  padding-inline: max(var(--pill-px), .6rem);
}

/* Light/Dark tuning (keeps maximum legibility) */
@media (prefers-color-scheme: dark) {
  .drawer__header .cart-pill {
    border-color: rgba(255,255,255,.22);
  }
}

/* Title spacing */
.drawer__header .cart-title { gap: .6rem; }

/* Optional: small tweaks per breakpoint */
@media (max-width: 480px){
  #cart-drawer .ap-sticky-checkout__inner{ gap: 4px; }
  #cart-drawer .ap-sticky__btn{ padding:14px 16px; font-size:16px; }
  #cart-drawer .ap-sticky__label{ display:block; font-size:13px; color:#6b7280; margin-bottom:0px; }

  #cart-drawer .ap-totals-meta{
  display:none;
  margin-top:0px;
  font-size:12px;
  color:#9aa0a6;
}
}

.cart-drawer__content {
margin-bottom: 0px !important;
padding-bottom: 0px !important;
}

carousel-slider.carousel.block {
  margin-top: 0rem !important;
}

#cart-drawer .drawer__content {
     padding-bottom: 0px !important; 
}
/* REMOVE the old rule that forced .ap-sticky__save onto its own row on mobile */