/** Shopify CDN: Minification failed

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

**/
/* Drawer width */
#cart-drawer.drawer { max-width: 430px !important; }

  .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 — base structure ===== */
/* (Layout overridden to flex in FINAL OVERRIDES at end of file) */
#cart-drawer .ap-sticky-checkout__inner{
  padding: 14px;
  background:#fff; border:1px solid #eee;
  box-shadow: 0 10px 30px rgba(0,0,0,.23), 0 -2px 12px rgba(0,0,0,.06);
}

/* Checkout button base styles (width/display overridden in FINAL OVERRIDES) */
#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; }

/* Terms */
#cart-drawer .ap-sticky__terms{
  font-size:12px; color:#374151;
  text-align: right;
}
#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)); }

/* ============================================================
   SESSION FIXES — Avada stabilization + compact footer + spacing
   ============================================================ */

/* Stabilize Avada milestone bar — no opacity animation to prevent flicker */
#cart-drawer .cart-drawer__summary [class*="Avada-ProgressBar"],
#cart-drawer .cart-drawer__summary [class*="Avada-Promotion"],
#cart-drawer .cart-drawer__summary [class*="Avada-Gift"] {
  opacity: 1; transition: none;
}
#cart-drawer .cart-drawer__summary {
  min-height: 40px; contain: layout style;
  margin-bottom: 0 !important; padding-bottom: 0 !important;
}
#cart-drawer .cart-drawer__summary [class*="Avada-ProgressBarCartDrawer"],
#cart-drawer .cart-drawer__summary [class*="Avada-GiftOnCartDrawer"],
#cart-drawer .cart-drawer__summary [class*="Avada-Promotion"] {
  margin-bottom: 0 !important; padding-bottom: 0 !important;
}
#cart-drawer .cart-drawer__summary--top {
  border-bottom: none !important; margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Hide gift detail by default, only show on hover — hides on mouse leave */
#cart-drawer .Avada-ProgressBar__SingleTier .Avada-ProgressBar__Product {
  display: none !important; opacity: 0; transition: opacity 0.2s ease;
}
#cart-drawer .Avada-ProgressBar__SingleTier:hover .Avada-ProgressBar__Product {
  display: block !important; opacity: 1;
}

/* On mobile, disable pointer-events on Avada bar fill/track (prevents flicker)
   but keep milestone ticks tappable for the gift-peek feature */
@media (max-width: 768px) {
  #cart-drawer [class*="Avada-ProgressBar__Bar"],
  #cart-drawer [class*="Avada-ProgressBar__Fill"],
  #cart-drawer [class*="Avada-Gift"],
  #cart-drawer [class*="Avada-Promotion"] {
    pointer-events: none !important;
  }
}

/* Close gap between milestone bar and product list */
#cart-drawer .cart-drawer__content {
  padding: 0 10px !important; margin: 0 !important; border-bottom: none !important;
}
#cart-drawer .cart-drawer__content > form {
  padding-top: 0 !important; margin-top: 0 !important;
}
/* Promoted products container — hide when empty (including whitespace-only) */
#cart-drawer .cart-drawer__promoted-products-container {
  padding: 0 !important; margin: 0 !important;
}
#cart-drawer .cart-drawer__promoted-products-container:empty {
  display: none !important;
}
/* Also collapse it via max-height when no visible children (Liquid whitespace workaround) */
#cart-drawer .cart-drawer__promoted-products-container:not(:has(> *)) {
  display: none !important;
}
#cart-drawer h2.cart-drawer__header {
  display: none !important; margin: 0 !important; padding: 0 !important;
}
#cart-drawer .free-shipping-notice {
  margin: 0 !important;
}
/* Kill bottom margin/padding on Avada elements inside summary */
#cart-drawer .cart-drawer__summary [class*="Avada-ProgressBar"],
#cart-drawer .cart-drawer__summary [class*="Avada-GiftOnCartDrawer"],
#cart-drawer .cart-drawer__summary [class*="Avada-Promotion"],
#cart-drawer .cart-drawer__summary [class*="Avada-ProgressBarCartDrawer"] {
  margin-bottom: 0 !important; padding-bottom: 0 !important;
}
/* Last visible element in summary — no trailing space */
#cart-drawer .cart-drawer__summary > *:last-child {
  margin-bottom: 0 !important; padding-bottom: 0 !important;
}
/* cart-items custom element — no gap above */
#cart-drawer cart-items {
  display: block !important; margin: 0 !important; padding: 0 !important;
}
/* Remove all table spacing */
#cart-drawer table.cart-items {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  margin: 0 !important; padding: 0 !important;
}
#cart-drawer table.cart-items tbody {
  display: flex !important;
  flex-direction: column !important;
}
/* Pin freebie rows to top via CSS order — no JS DOM reorder needed */
#cart-drawer table.cart-items tbody .cart-item--freebie {
  order: -1 !important;
}
#cart-drawer table.cart-items thead { display: none !important; }

/* ── Compact footer v4 ── */
/* (Layout in FINAL OVERRIDES at end of file) */

/* Hide old totals elements (replaced by ap-footer__ classes) */
#cart-drawer .ap-sticky__totals { display: none !important; }
#cart-drawer .ap-sticky__label { display: none !important; }
#cart-drawer .ap-totals-row { display: none !important; }
#cart-drawer .ap-totals-meta { display: none !important; }

/* Row layout */
#cart-drawer .ap-footer__row {
  display: flex; justify-content: space-between; align-items: baseline;
  width: 100%;
}

/* Summary rows */
#cart-drawer .ap-footer__label {
  font-size: 14px; color: #333;
}
#cart-drawer .ap-footer__value {
  font-size: 14px; color: #333; font-weight: 600;
}
/* Subtotal — larger */
#cart-drawer .ap-footer__row:first-child .ap-footer__label {
  font-size: 18px; font-weight: 700;
}
#cart-drawer .ap-footer__row:first-child .ap-footer__value {
  font-size: 18px; font-weight: 800;
}
/* Tax note — right-aligned italic */
#cart-drawer .ap-footer__tax {
  font-size: 11px; color: #999; font-style: italic;
  text-align: right; margin: 0; width: 100%;
}
/* Savings — label black, value pink */
#cart-drawer .ap-footer__savings .ap-footer__label {
  color: #333 !important; font-weight: 600 !important; font-size: 13px !important;
}
#cart-drawer .ap-footer__savings .ap-footer__value {
  color: #D53E8D !important; font-weight: 700 !important; font-size: 13px !important;
}
/* Info lines */
#cart-drawer .ap-footer__info {
  font-size: 11px; color: #999; margin: 0; line-height: 1.4;
}

/* Order note — minimal text link */
#cart-drawer .ap-footer__notes-toggle { margin-top: 6px; margin-bottom: 4px; }
#cart-drawer .ap-footer__notes-link {
  font-size: 12px; color: #6b7280; cursor: pointer; list-style: none;
  text-decoration: underline; text-decoration-style: dotted;
}
#cart-drawer .ap-footer__notes-link::-webkit-details-marker { display: none; }
#cart-drawer .ap-footer__notes-link:hover { color: #D53E8D; }
#cart-drawer .ap-footer__notes-body { padding: 4px 0; }
#cart-drawer .ap-footer__notes-textarea {
  width: 100%; border: 1px solid #e5e7eb; border-radius: 6px;
  padding: 6px 8px; font-size: 12px; font-family: inherit;
  resize: vertical; min-height: 44px; color: #111;
}
#cart-drawer .ap-footer__notes-textarea:focus {
  outline: none; border-color: #D53E8D;
  box-shadow: 0 0 0 2px rgba(213,62,141,.15);
}

/* Checkout — full width, hide trash icon (overridden in FINAL OVERRIDES) */
#cart-drawer .ap-footer__actions-row .ap-sticky__iconbtn {
  display: none !important;
}

/* ============================================================
   Cart Drawer — Card Layout (matches mobile cart page / cart-custom.css)
   ============================================================
   Row 1: [IMG]  Title
   Row 2: [IMG]  Variant info
   Row 3: [IMG]  $unit  [- 1 +]  $total   (combined price-stepper-total)
   Row 4:                         Delete
   ============================================================ */

/* Card container */
#cart-drawer .cart-item {
  display: grid !important;
  grid-template-columns: 80px 1fr !important;
  grid-template-rows: auto auto auto auto !important;
  gap: 0 8px !important;
  padding: 8px !important;
  background: #F9F9F9 !important;
  border: 1px solid #E0E0E0 !important;
  border-radius: 8px !important;
  margin: 4px 0 !important;
}
#cart-drawer .cart-items tr:not(:last-child) { border-bottom: none !important; }

/* Image — col 1, rows 1-3 */
#cart-drawer .cart-item__image {
  grid-column: 1 !important; grid-row: 1 / 4 !important;
  align-self: start !important; padding: 0 !important;
}
#cart-drawer .cart-item__image img {
  width: 80px !important; height: 80px !important;
  object-fit: contain !important; border-radius: 6px !important;
}

/* Details — display:contents so children join the grid */
#cart-drawer .cart-item__details { display: contents !important; }

/* Title — col 2, row 1 */
#cart-drawer .cart-item__title {
  grid-column: 2 !important; grid-row: 1 !important;
  font-size: 14px !important; font-weight: 400 !important;
  line-height: 1.3 !important; margin: 0 0 2px !important;
  display: -webkit-box !important; -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important; overflow: hidden !important;
}

/* Variant info — col 2, row 2 */
#cart-drawer .cart-item__variant-info {
  grid-column: 2 !important; grid-row: 2 !important;
  margin: 0 0 2px !important; padding: 0 !important;
  font-size: 12px !important; color: #999 !important; line-height: 1.2 !important;
  display: block !important;
}
#cart-drawer .cart-item__variant-tag { font-size: 12px; color: #999; }

/* Hide original separate cells (replaced by combined row) */
#cart-drawer .cart-item__info { display: none !important; }
#cart-drawer .cart-item__qty { display: none !important; }
#cart-drawer .cart-item__total { display: none !important; }
#cart-drawer .cart-item__unit-price { display: none !important; }
#cart-drawer .cart-item__details .text-theme-light.text-sm.mb-1,
#cart-drawer .cart-item__weight,
#cart-drawer .cart-item__variants { display: none !important; }
#cart-drawer .cart-item__remove { display: none !important; }
#cart-drawer .cart-item__freebie-mobile { display: none !important; }

/* ===== Combined price-stepper-total row (col 2, row 3) ===== */
#cart-drawer .cart-item__price-stepper-total {
  grid-column: 2 !important; grid-row: 3 !important;
  display: flex !important; align-items: center !important;
  justify-content: space-between !important;
  padding: 2px 0 0 !important; margin: 0 !important;
}
#cart-drawer .cart-item__pst-price {
  font-size: 14px; font-weight: 500; color: #555;
  white-space: nowrap; flex-shrink: 0;
}
#cart-drawer .cart-item__pst-stepper {
  display: flex; align-items: center; justify-content: center; flex: 1;
}
/* Stepper inside combined row — strip all borders/boxes */
#cart-drawer .cart-item__pst-stepper label { display: none !important; }
#cart-drawer .cart-item__pst-stepper .flex,
#cart-drawer .cart-item__pst-stepper > div,
#cart-drawer .cart-item__pst-stepper .mt-3 { margin: 0 !important; padding: 0 !important; }
#cart-drawer .cart-item__pst-stepper quantity-input,
#cart-drawer .cart-item__pst-stepper .qty-input,
#cart-drawer .cart-item__pst-stepper .qty-input--combined,
.js #cart-drawer .cart-item__pst-stepper .qty-input--combined,
.js #cart-drawer .cart-item__pst-stepper .qty-input--combined:focus-within {
  border: none !important; background: none !important;
  box-shadow: none !important; outline: none !important;
}
#cart-drawer .cart-item__pst-stepper .input,
#cart-drawer .cart-item__pst-stepper .qty-input__input.input {
  border: none !important; box-shadow: none !important;
  background: transparent !important; outline: none !important; border-radius: 0 !important;
}
#cart-drawer .cart-item__pst-stepper .qty-input__btn {
  width: 36px !important; height: 36px !important;
  font-size: 18px !important; min-width: 36px !important;
  padding: 0 !important; border: none !important;
  background: none !important; color: #D53E8D !important; font-weight: 400 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  -webkit-tap-highlight-color: transparent !important;
}
#cart-drawer .cart-item__pst-stepper .qty-input__btn:hover {
  background: rgba(213,62,141,0.1) !important; border-radius: 50% !important;
}
#cart-drawer .cart-item__pst-stepper .qty-input__input {
  width: 28px !important; height: 36px !important;
  font-size: 15px !important; padding: 0 !important; text-align: center !important;
  border: none !important; background: transparent !important;
  color: #333 !important; box-shadow: none !important; outline: none !important;
  -webkit-appearance: none !important; -moz-appearance: textfield !important;
}
#cart-drawer .cart-item__pst-stepper input[type="number"]::-webkit-inner-spin-button,
#cart-drawer .cart-item__pst-stepper input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none !important; margin: 0 !important;
}
#cart-drawer .cart-item__pst-stepper .cart-item__remove,
#cart-drawer .cart-item__pst-stepper .cart-item__loader,
#cart-drawer .cart-item__pst-stepper .cart-item__error { display: none !important; }

#cart-drawer .cart-item__pst-total {
  font-size: 15px; font-weight: 700; color: #333;
  white-space: nowrap; flex-shrink: 0; text-align: right;
}
#cart-drawer .cart-item__pst-total-wrap {
  display: flex; flex-direction: column; align-items: flex-end; flex-shrink: 0;
}
#cart-drawer .cart-item__pst-compare {
  font-size: 11px; font-weight: 400; color: #999;
  text-decoration: line-through; line-height: 1.2;
}
/* Pink price + total when compare price exists */
#cart-drawer .cart-item__pst-total-wrap:has(.cart-item__pst-compare) .cart-item__pst-total {
  color: #D53E8D !important;
}
#cart-drawer .cart-item:has(.cart-item__pst-compare) .cart-item__pst-price {
  color: #D53E8D !important;
}

/* ===== Actions — col 2, row 4 ===== */
#cart-drawer .cart-item__actions {
  grid-column: 2 !important; grid-row: 4 !important;
  padding: 4px 0 2px !important; margin-top: 4px !important;
  border-top: 1px solid #eee !important; display: block !important;
}
#cart-drawer .cart-item__actions-inner {
  display: flex; align-items: center; gap: 0; justify-content: flex-end;
}
#cart-drawer .cart-item__actions-inner a + a::before {
  content: '|'; color: #ccc; padding: 0 6px; font-size: 11px;
}
#cart-drawer .cart-item__delete-btn {
  font-size: 12px !important; color: #0066CC !important; text-decoration: none !important;
  padding: 0 !important; border: none !important; background: none !important;
  white-space: nowrap !important; cursor: pointer !important;
}
#cart-drawer .cart-item__delete-btn:hover { text-decoration: underline !important; }

/* ===== Freebie — compact green card ===== */
#cart-drawer .cart-item--freebie {
  grid-template-columns: 50px 1fr auto !important;
  grid-template-rows: auto !important;
  padding: 6px 10px !important;
  background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%) !important;
  border: 1px dashed #86efac !important;
  margin: 2px 0 !important;
}
#cart-drawer .cart-item--freebie .cart-item__image {
  grid-column: 1 !important; grid-row: 1 !important;
}
#cart-drawer .cart-item--freebie .cart-item__image img {
  width: 50px !important; height: 50px !important;
}
#cart-drawer .cart-item--freebie .cart-item__title {
  grid-column: 2 !important; grid-row: 1 !important;
  font-size: 11px !important; font-weight: 500 !important;
  margin: 0 !important; -webkit-line-clamp: 2 !important;
  align-self: center !important;
}
/* Show freebie toggle checkbox (lives inside cart-item__total) */
#cart-drawer .cart-item--freebie .cart-item__total {
  display: block !important; position: static !important;
  grid-column: 3 !important; grid-row: 1 !important;
  padding: 0 !important; margin: 0 !important;
  text-align: right !important; align-self: center !important;
}
#cart-drawer .cart-item--freebie .cart-item__freebie-toggle {
  display: flex !important; align-items: center !important; justify-content: flex-end !important;
}
#cart-drawer .cart-item--freebie .cart-item__freebie-toggle label {
  cursor: pointer !important;
}
/* Hide everything else on freebies */
#cart-drawer .cart-item--freebie .cart-item__variant-info,
#cart-drawer .cart-item--freebie .cart-item__price-stepper-total,
#cart-drawer .cart-item--freebie .cart-item__actions,
#cart-drawer .cart-item--freebie .cart-item__info,
#cart-drawer .cart-item--freebie .cart-item__qty,
#cart-drawer .cart-item--freebie .cart-item__freebie-mobile { display: none !important; }


{% 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 %}


/* 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 — z-index beats Avada's milestone bar */
#cart-drawer[aria-hidden=”false”] .ap-sticky-checkout {
  display: block;
  position: sticky;
  bottom: 0;
}
#cart-drawer .ap-sticky-checkout{
  position: sticky; bottom: 0; z-index: 2147483647;
  border-top: 1px solid rgba(0,0,0,.05);
  background: #fff;
}

/* 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 (single consolidated block) ===== */
.drawer__header .cart-pill {
  --pill-h: 1.9rem;
  --pill-px: 0.7rem;
  --pill-fs: 0.95rem;
  --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: 9999px;
  font-size: var(--pill-fs);
  font-weight: var(--pill-fw);
  line-height: 1;
  letter-spacing: .01em;

  background: var(--pill-bg, #D53E8D);
  color: var(--pill-fg, #111);
  border: 1px solid rgba(0,0,0,.18);
  box-shadow: 0 1px 0 rgba(255,255,255,.35) inset, 0 8px 18px rgba(0,0,0,.10);
  transition: transform .15s ease, box-shadow .2s ease;
  animation: cart-pill-pop .28s ease-out;
}
.drawer__header .cart-pill:hover { transform: translateY(-1px); }
.drawer__header .cart-pill:active { transform: translateY(0); }
.drawer__header .cart-pill:has(> :not(:empty)) {
  padding-inline: max(var(--pill-px), .6rem);
}
@keyframes cart-pill-pop {
  0%   { transform: scale(.85); opacity: 0; }
  60%  { transform: scale(1.06); opacity: 1; }
  100% { transform: scale(1); }
}
@media (prefers-color-scheme: dark) {
  .drawer__header .cart-pill { border-color: rgba(255,255,255,.22); }
}
@media (prefers-reduced-motion: reduce) {
  .drawer__header .cart-pill { transition: none; transform: none !important; animation: none; }
}
.drawer__header .cart-title { gap: .6rem; }

/* Small screen tweaks */
@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__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 */

/* ============================================================
   FINAL OVERRIDES — Order Summary v5 (must be last in file)
   ============================================================ */

/* Container — force flex column, kill all grid layouts */
#cart-drawer .ap-sticky-checkout__inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
  gap: 2px !important;
  padding: 12px 14px !important;
  background: #fff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid #eee !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.23), 0 -2px 12px rgba(0,0,0,.06) !important;
  text-align: left !important;
}

/* Subtotal row — 18px bold */
#cart-drawer .ap-footer__row:first-child .ap-footer__label {
  font-size: 18px !important; font-weight: 700 !important; color: #111 !important;
}
#cart-drawer .ap-footer__row:first-child .ap-footer__value {
  font-size: 18px !important; font-weight: 800 !important; color: #111 !important;
}

/* Tax included — right-aligned, italic, gray */
#cart-drawer .ap-footer__tax {
  font-size: 11px !important; color: #999 !important; font-style: italic !important;
  text-align: right !important; width: 100% !important; display: block !important; margin: 0 !important;
}

/* Total Savings — label black, value pink */
#cart-drawer .ap-footer__savings .ap-footer__label {
  color: #333 !important; font-weight: 600 !important; font-size: 13px !important;
}
#cart-drawer .ap-footer__savings .ap-footer__value {
  color: #D53E8D !important; font-weight: 700 !important; font-size: 13px !important;
}

/* Info line — left-aligned, 13px */
#cart-drawer .ap-footer__info {
  font-size: 13px !important; color: #999 !important; margin: 0 !important; line-height: 1.4 !important;
  text-align: left !important;
}

/* Order note — left-aligned, 13px */
#cart-drawer .ap-footer__notes-toggle {
  margin-top: 6px !important; margin-bottom: 4px !important; text-align: left !important;
}
#cart-drawer .ap-footer__notes-link {
  font-size: 13px !important; text-align: left !important;
}

/* Checkout button — full width, hide old grid areas */
#cart-drawer .ap-sticky__totals { display: none !important; }
#cart-drawer .ap-sticky__utils { display: none !important; }
#cart-drawer .ap-footer__actions-row {
  display: block !important; width: 100% !important;
}
#cart-drawer .ap-footer__actions-row .ap-sticky__iconbtn {
  display: none !important;
}
#cart-drawer .ap-sticky__btn {
  width: 100% !important; display: block !important; box-sizing: border-box !important;
  text-align: center !important;
}

/* Checkout quantity badge — light pink circle */
#cart-drawer .ap-checkout-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.3);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  margin-left: 6px;
  vertical-align: middle;
  line-height: 1;
}

/* Left-align all footer text */
#cart-drawer .ap-footer__row {
  text-align: left !important;
}
#cart-drawer .ap-footer__info {
  text-align: left !important;
}