/** Shopify CDN: Minification failed

Line 145:17 Expected identifier but found whitespace
Line 145:23 Unexpected "!"
Line 331:0 Expected "}" to go with "{"

**/
/* ================================
   REFLEKT – CLEAN 1-COLUMN CART
   Desktop first, predictable
================================ */

/* Center the cart container */
@media (min-width: 750px) {
  #MainContent .cart-page {
    display: flex !important;
    flex-direction: column;
    align-items: center;
  }

  /* Center title */
  #MainContent .cart-page__title {
    text-align: center;
    margin-bottom: 32px;
  }

  /* Limit width */
  #MainContent .cart-page__items,
  #MainContent .cart-page__summary {
    width: 100%;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }

  /* Product row alignment */
  #MainContent .cart-item {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 16px;
    align-items: center;
  }

  /* Quantity + price tighter */
  #MainContent .cart-item__quantity,
  #MainContent .cart-item__price {
    white-space: nowrap;
  }

  /* Checkout buttons centered */
  #MainContent .cart__ctas button,
  #MainContent button[name="checkout"] {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  /* Payment buttons stack clean */
  #MainContent .shopify-payment-button {
    max-width: 560px;
    margin: 12px auto 0;
  }

  /* Force "You may also like" below */
  #MainContent .shopify-section {
    clear: both;
  }
}
/* Remove the extra right-side item price/total (desktop + mobile) */
#MainContent .cart-page .cart-item__totals,
#MainContent .cart-page .cart-item__prices,
#MainContent .cart-page .cart-item__total,
#MainContent .cart-page .cart-item__final-price,
#MainContent .cart-page td.cart-item__totals,
#MainContent .cart-page td.cart-item__prices {
  display: none !important;
}
/* -----------------------------------------
   FIX: Totals area looks congested (desktop)
------------------------------------------ */
@media (min-width: 750px) {

  /* Give the totals block real breathing room */
  #MainContent .cart-page .cart__footer,
  #MainContent .cart-page .cart-footer,
  #MainContent .cart-page .totals {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  /* If the theme uses a "row" layout for totals, increase spacing + align nicely */
  #MainContent .cart-page .totals {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    column-gap: 28px;
  }

  /* Left side (Estimated total + helper text) */
  #MainContent .cart-page .totals__subtotal,
  #MainContent .cart-page .totals__labels,
  #MainContent .cart-page .totals .tax-note,
  #MainContent .cart-page .totals small {
    line-height: 1.45;
    margin-top: 6px;
  }

  /* Right side (big price) */
  #MainContent .cart-page .totals__total,
  #MainContent .cart-page .totals__total-value,
  #MainContent .cart-page .totals .totals__subtotal-value,
  #MainContent .cart-page .totals .money {
    line-height: 1.15;
    padding-top: 2px;
  }

  /* Add separation between totals and CTA */
  #MainContent .cart-page .cart__ctas,
  #MainContent .cart-page button[name="checkout"] {
    margin-top: 28px !important;
  }
}
/* =========================================================
   CART: Remove line-item price column (the stubborn $18.99)
   Targets: td.cart-items__price cart-secondary-typography
========================================================= */
@media (min-width: 750px) {
  /* Hide the price cell + its header (if present) */
  #MainContent .cart-items__price,
  #MainContent th.cart-items__price {
    display: none !important;
  }

  /* If the theme uses a colgroup for widths, hide that too */
  #MainContent col.cart-items__price {
    display: none !important;
  }

  /* Collapse any leftover column spacing in the table layout */
  #MainContent .cart-items__table {
    table-layout: auto !import
/* =========================================================
   CART: Align title with cart container
========================================================= */
@media (min-width: 750px) {
  #MainContent .cart-page__title {
    max-width: 720px;          /* match your cart max width */
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 36px;       /* breathing room before product */
  }
}
/* =========================================================
   CART: Align title with cart container (Horizon theme)
========================================================= */
@media (min-width: 750px) {
  /* Make the title block follow the same centered container width */
  #MainContent .cart-page__title {
    max-width: 720px;          /* match your cart container width */
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  /* Override the theme's "text-left" + flex layout */
  #MainContent .cart-page__title .cart-title {
    text-align: center !important;
    justify-content: center !important;
    display: flex;
    width: 100%;
  }

  /* Ensure the actual H1 centers cleanly */
  #MainContent .cart-page__title .cart-title h1 {
    margin: 0 auto !important;
    text-align: center !important;
  }
}
@media (min-width: 750px) {
  /* One shared centered column for EVERYTHING */
  #MainContent .cart-page {
    --cart-max-width: 720px; /* adjust if needed */
    display: flex !important;
    flex-direction: column;
    align-items: center; /* centers the blocks below the title */
  }

  /* Give title + all cart blocks the same centered width */
  #MainContent .cart-page__title,
  #MainContent .cart-page__items,
  #MainContent .cart-page__summary,
  #MainContent .cart-page__more-blocks {
    width: 100%;
    max-width: var(--cart-max-width);
    margin-left: auto;
    margin-right: auto;
  }

  /* Keep the TITLE centered */
  #MainContent .cart-page__title .cart-title {
    width: 100%;
    justify-content: center !important;
    text-align: center !important;
  }

  #MainContent .cart-page__title .cart-title h1 {
    width: 100%;
    text-align: center !important;
  }

  /* Remove the extra right-side price column */
  #MainContent td.cart-items__price {
    display: none !important;
  }

  /* Add breathing room between sections */
  #MainContent .cart-page__items { margin-bottom: 32px; }
  #MainContent .cart-page__summary { margin-bottom: 24px; }
  #MainContent .cart__ctas { margin-top: 18px; margin-bottom: 16px; }
  #MainContent .dynamic-checkout__content > * { margin-top: 12px; }
}
@media (min-width: 750px) {

  /* 1. Force cart page into a true single-column layout */
  #MainContent .cart-page {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  /* 2. Define ONE shared content width */
  #MainContent .cart-page__items,
  #MainContent .cart-page__summary,
  #MainContent .cart-page__more-blocks {
    width: 100%;
    max-width: 720px; /* adjust if you want wider/narrower */
    margin-left: auto;
    margin-right: auto;
  }

  /* 3. Kill Horizon's sidebar behavior */
  #MainContent .cart__container--extend,
  #MainContent .cart__summary-inner {
    width: 100% !important;
    max-width: none !important;
    padding-inline: 0 !important;
    grid-column: auto !important;
  }

  /* 4. Remove the duplicate right-side line-item price */
  #MainContent td.cart-items__price {
    display: none !important;
  }

  /* 5. Add breathing room (de-congest everything) */
  #MainContent .cart-page__items {
    margin-bottom: 36px;
  }

  #MainContent .cart-page__summary {
    margin-bottom: 32px;
  }

  #MainContent .cart__ctas {
    margin-top: 24px;
    margin-bottom: 20px;
  }

  #MainContent .dynamic-checkout__content > * {
    margin-top: 14px;
  }
}
/* ------------------------------------------------------------
   FIX: Cart item row layout (image + title/price + qty aligned)
   ------------------------------------------------------------ */
@media (min-width: 750px) {
  /* keep cart content centered and consistent */
  #MainContent .cart-page {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* make the cart items area match the same width as totals/buttons */
  #MainContent .cart-page__items,
  #MainContent .cart-page__summary,
  #MainContent .cart__ctas,
  #MainContent .additional-checkout-buttons {
    width: 100%;
    max-width: 720px; /* adjust if you want wider/narrower */
    margin-left: auto;
    margin-right: auto;
  }

  /* force each cart item to behave like a clean 2-column row */
  #MainContent .cart-items__item {
    display: grid !important;
    grid-template-columns: 110px 1fr !important; /* image | content */
    column-gap: 20px !important;
    align-items: center !important;
  }

  /* image sizing */
  #MainContent .cart-items__media,
  #MainContent .cart-item__image,
  #MainContent .cart-items__media img {
    width: 110px !important;
    max-width: 110px !important;
    height: auto !important;
  }

  /* keep title/price stacked neatly */
  #MainContent .cart-item__details {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  /* keep qty controls from dropping too far down */
  #MainContent .cart-item__quantity,
  #MainContent .cart-items__quantity {
    margin-top: 8px !important;
  }
}