/** Shopify CDN: Minification failed

Line 309:1 Expected "}" to go with "{"

**/
/* ========================================
   COMPACT CART DRAWER REDESIGN
   Reduces progress bar, header, and footer areas
   to maximize cart items viewing space
   ======================================== */

/* ========================================
   HEADER AREA - Reduce padding
   ======================================== */
.mini-cart-header {
  padding-bottom: 12px !important;
}

.mini-cart-header .d-flex {
  padding-top: 16px !important;
  padding-bottom: 12px !important;
  margin-bottom: 12px !important;
}

/* ========================================
   FOOTER AREA - Compact Design
   ======================================== */
.mini-cart-footer {
  padding-top: 8px !important;
  padding-bottom: 16px !important;
}

/* Reduce addon icons area */
.block-addon {
  gap: 12px !important;
  margin-bottom: 12px !important;
  padding-bottom: 12px !important;
}

.block-addon__box {
  font-size: 13px !important;
}

/* Compact total section */
.bottom-total {
  font-size: 16px !important;
  padding: 12px 0 !important;
  margin-top: 8px !important;
}

/* Compact taxes text */
.mini-cart-taxes {
  font-size: 12px !important;
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}

/* Compact button area */
.mini-cart-btns {
  margin-top: 12px !important;
  gap: 8px !important;
}

.mini-cart-btns .btn,
.mini-cart-btns a {
  padding: 12px 16px !important;
  font-size: 15px !important;
  min-height: 44px !important;
}

/* Compact payment icons */
.mini-cart-footer .payment-icons {
  margin-top: 12px !important;
  padding-top: 12px !important;
}

.mini-cart-footer .payment-icons ul {
  gap: 6px !important;
}

.mini-cart-footer .payment-icons li {
  height: 24px !important;
}

.mini-cart-safe-checkout {
  margin-top: 12px !important;
  padding-top: 8px !important;
}

.mini-cart-safe-checkout img {
  max-height: 32px !important;
}

/* ========================================
   DESKTOP SPECIFIC
   ======================================== */
@media (min-width: 750px) {
  .mini-cart-footer {
    padding-bottom: 20px !important;
  }

  .mini-cart-btns .btn,
  .mini-cart-btns a {
    padding: 14px 20px !important;
    font-size: 15px !important;
    min-height: 48px !important;
  }

  .bottom-total {
    font-size: 18px !important;
  }
}

/* ========================================
   MOBILE SPECIFIC - Maximum Compactness
   ======================================== */
@media (max-width: 749px) {
  /* Header */
  .mini-cart-header {
    padding-bottom: 8px !important;
  }

  .mini-cart-header .d-flex {
    padding-top: 12px !important;
    padding-bottom: 8px !important;
    margin-bottom: 8px !important;
  }

  /* Footer */
  .mini-cart-footer {
    padding-top: 6px !important;
    padding-bottom: 16px !important;
  }

  /* Addon section */
  .block-addon {
    gap: 10px !important;
    margin-bottom: 8px !important;
    padding-bottom: 8px !important;
  }

  .block-addon__box {
    font-size: 12px !important;
    min-height: 40px !important;
  }

  /* Total section */
  .bottom-total {
    font-size: 16px !important;
    padding: 10px 0 !important;
    margin-top: 6px !important;
  }

  /* Taxes */
  .mini-cart-taxes {
    font-size: 11px !important;
    margin-top: 6px !important;
  }

  /* Buttons */
  .mini-cart-btns {
    margin-top: 10px !important;
    gap: 8px !important;
  }

  .mini-cart-btns .btn,
  .mini-cart-btns a,
  .js-cart-btn-checkout {
    padding: 12px 14px !important;
    font-size: 15px !important;
    min-height: 46px !important;
  }

  /* Payment icons */
  .mini-cart-footer .payment-icons {
    margin-top: 10px !important;
    padding-top: 10px !important;
  }

  .mini-cart-footer .payment-icons ul {
    gap: 4px !important;
  }

  .mini-cart-footer .payment-icons li {
    height: 20px !important;
  }

  .mini-cart-safe-checkout {
    margin-top: 10px !important;
    padding-top: 6px !important;
  }

  .mini-cart-safe-checkout img {
    max-height: 28px !important;
  }

  /* Maximize cart items area */
  .js-mini-cart-content {
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }
}

/* ========================================
   CART ITEMS - Slightly more compact
   ======================================== */
.mini-cart-item {
  padding: 12px 0 !important;
}

@media (max-width: 749px) {
  .mini-cart-item {
    padding: 10px 0 !important;
  }

  .mini-cart-meta p {
    font-size: 13px !important;
    margin-bottom: 6px !important;
  }
}

/* ========================================
   OVERALL DRAWER HEIGHT OPTIMIZATION
   ======================================== */
@media (max-width: 749px) {
/* 1. Widen the entire drawer so the one-line title has more room */
.drawer__inner {
  width: 550px !important; /* Increased width to allow longer lines */
  max-width: 95vw !important;
}

/* 2. Grid layout with a smaller image to maximize text space */
.mini-cart-item {
  display: grid !important;
  grid-template-columns: 60px 1fr !important; /* Smaller image (60px) gives text more room */
  gap: 20px !important;
  align-items: center !important; /* Keeps text and image aligned */
  padding: 15px 0 !important;
}

/* 3. Force Title to use all space and shrink font slightly */
.mini-cart-meta .mini-cart-title,
.mini-cart-meta a[href*="/products"]:first-child {
  display: block !important;
  white-space: normal !important; 
  font-size: 15px !important; /* Slightly smaller font helps more words fit per line */
  line-height: 1.2 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* 4. Ensure Price sits below without overlapping */
.mini-cart-meta .mini-cart-price {
  display: block !important;
  position: static !important;
  margin-top: 5px !important;
  font-weight: bold !important;
}

/* 1. Force the drawer to be wide enough for long titles */
.drawer__inner, 
.cart-drawer .drawer__inner {
  width: 500px !important; 
  min-width: 450px !important;
  max-width: 95vw !important;
}

/* 2. Lock the image size and give the title the remaining space */
.mini-cart-item {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 15px !important;
  width: 100% !important;
}

/* 3. Force the text area to expand horizontally */
.mini-cart-meta {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: block !important;
  width: 100% !important;
}

/* 4. THE ONE-LINE FIX: Force the title to ignore wrapping */
.mini-cart-meta .mini-cart-title,
.mini-cart-meta a[href*="/products"]:first-child {
  display: block !important;
  white-space: nowrap !important; /* Forces text to stay on ONE line */
  overflow: hidden !important;   /* Hides what doesn't fit */
  text-overflow: ellipsis !important; /* Adds '...' if it hits the edge */
  width: 100% !important;
  max-width: 280px !important; /* Adjust this number to match your drawer width */
}

/* 5. Keep the price on its own line below */
.mini-cart-meta .mini-cart-price {
  display: block !important;
  position: relative !important;
  margin-top: 5px !important;
};


/* 5. Ensure Title is not restricted */
.mini-cart-meta .mini-cart-title {
  white-space: normal !important;
  display: block !important;
  line-height: 1.2 !important;
}