/** Shopify CDN: Minification failed

Line 190:8 Expected identifier but found whitespace
Line 190:17 Unexpected "!"

**/
/* CART overrides */
body[class*="template-cart"] .totals__shipping-wrapper,
body[class*="template-cart"] .cart__separator { display: none !important; }

/* optional: hide tax note */
/* body[class*="template-cart"] .tax-note { display:none !important; } */

body[class*="template-cart"] .totals__wrapper .totals {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: .75rem !important;
}
body[class*="template-cart"] .totals__wrapper .totals > * {
  margin: 0 !important;
  white-space: nowrap;
  line-height: 1.25;
}

/* Cart table header */
.cart-items th {
  font-size: 1rem;       /* adjust size (default is ~0.8–0.9rem) */
  font-weight: 600;      /* make them stronger */
  text-transform: uppercase; /* optional: keep uppercase */
  letter-spacing: 0.5px; /* small spacing for readability */
}
body.body-template-cart .breadcrumb_margin {
  display: none !important;
}
@media (max-width: 749px) {
  .cart-payment-methods__text,
  .cart-shipping-note1,
  .cart-shipping-note,
  .cart-carriers__lead {
    font-size: 1.2rem !important;
    line-height: 1.3;
  }

  .cart-payment-methods__title {
    margin-bottom: 1.5rem; /* keep spacing clean */
  }
}
@media (max-width: 749px){
  body[class*="template-cart"] .cart-carriers__lead{
    font-size: 1.2rem !important;  
    font-weight: 400;
    line-height: 1.3 !important;
  }
}

/* Hide shipping row */
body.template-cart .cart_footer .totals__shipping-wrapper { display:none !important; }

/* Align subtotal on one line (match/beat specificity) */
body.template-cart .cart_footer .totals {
  gap:.75rem !important;
}

/* Remove default margins that cause the “off” look */
body.template-cart .cart_footer .totals__subtotal,
body.template-cart .cart_footer .totals__subtotal-value{
  margin:0 !important;
  white-space:nowrap;
  line-height:1.25;
}


@media (min-width: 1200px){
  .main-cart__box{ max-width: 980px; }
}
/* Center the cart grid on the page (desktop) */
@media (min-width: 1200px){
  .main-cart__wrapper{
    /* cap total width and center it */
    max-width: 1320px;           /* tweak: 1280–1400 as you like */
    margin-inline: auto;
    padding-inline: 24px;        /* soft side breathing room */
    box-sizing: border-box;
  }
}

/* Center it for the mid band too (990–1199) */
@media (min-width: 990px) and (max-width: 1199.98px){
  .main-cart__wrapper{
    max-width: 1160px;           /* tweak if needed */
    margin-inline: auto;
    padding-inline: 20px;
    box-sizing: border-box;
  }
}
/* Keep "UNIT PRICE" on one line around 1280px and align cells */
@media (min-width: 1100px) and (max-width: 1400px) {
  /* header cell (2nd column) */
  body[class*="template-cart"] .cart-items thead th:nth-child(2) {
    white-space: nowrap;       /* don't wrap */
    min-width: 6.5rem;         /* ≈104px — tweak as you like */
  }

  /* body cells for the same column so the table lines up */
  body[class*="template-cart"] .cart-items td.cart-item__prices {
    min-width: 6.5rem;
    white-space: nowrap;       /* also prevent wrap for money value */
  }
}

/* Cart: replace "REMOVE" with an outline/trash icon (stroke only) */
.cart-item__remove a,
.cart-item__remove button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2rem; height:2rem;         /* tap target */
  color:var(--color-foreground);    /* matches theme text color */
  font-size:0; line-height:0;       /* hide the text visually */
}

.cart-item__remove a::before,
.cart-item__remove button::before{
  content:"";
  width:1.5rem; height:1.5rem;
  background:no-repeat center / contain;
  /* Feather-style stroke icon (no fill) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6'/%3E%3Cline x1='10' y1='11' x2='10' y2='17'/%3E%3Cline x1='14' y1='11' x2='14' y2='17'/%3E%3Cpath d='M9 6V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E");
;
}

.cart-item__remove a:hover,
.cart-item__remove button:hover{ opacity:.8; }
/* Cart: carrier logos block */
.cart-carriers { margin-top: 12px; }


.cart-carriers__img {
  display: block;
  max-width: 60%;   /* scales down on small screens */
  height: auto;      /* preserves aspect ratio */
  /* optional: give it a touch of clarity */
  /* filter: contrast(1.02) saturate(1.02); */
}
@media (max-width: 749px){
  .cart-carriers__img{
    width:65% !important;     /* pick the size you want */
    max-width:none !important; /* don't cap it via max-width */
    height:auto !important;
  }
}
/* === Cart values only (not headers) === */

/* 1) UNIT PRICE value → lighter */
body[class*="template-cart"] .cart-items td.cart-item__prices,
body[class*="template-cart"] .cart-items td.cart-item__prices .cart-price,
body[class*="template-cart"] .cart-items td.cart-item__prices .price,
body[class*="template-cart"] .cart-items td.cart-item__prices .money{
  font-weight:300 !important;   /* try 300/350 depending on your font */
}

/* 2) QUANTITY number (inside stepper) → lighter */
body[class*="template-cart"] .cart-items td.cart-item__quantity .quantity__input,
body[class*="template-cart"] .cart-items td.cart-item__quantity input[type="number"],
body[class*="template-cart"] .cart-items td.cart-item__quantity .js-qty__input{
  font-weight:300 !important;
}

/* keep +/- buttons unchanged */
body[class*="template-cart"] .cart-items td.cart-item__quantity .quantity__button{
  font-weight:400;
}

/* 3) ROW TOTAL value → bolder */
body[class*="template-cart"] .cart-items td.cart-item__totals,
body[class*="template-cart"] .cart-items td.cart-item__totals .cart-price,
body[class*="template-cart"] .cart-items td.cart-item__totals .price,
body[class*="template-cart"] .cart-items td.cart-item__totals .money{
  font-weight:500 !important;   /* bump to 700 if you want stronger */
}


/* Cart page: chocolate header with white text/icons 
body[class*="template-cart"] .header,
body[class*="template-cart"] .site-header,
body[class*="template-cart"] .shopify-section-header,
body[class*="template-cart"] .header-wrapper {
  background-color: #402720 !important;  /* chocolate */
  color: #ffffff !important;*/
}

/* Links in header (cart page) */
body[class*="template-cart"] .header a,
body[class*="template-cart"] .site-header a,
body[class*="template-cart"] .shopify-section-header a {
  color: #ffffff !important;
}

/* Icons in header (cart/search/localization icons, etc.) */
body[class*="template-cart"] .header svg,
body[class*="template-cart"] .site-header svg,
body[class*="template-cart"] .shopify-section-header svg,
body[class*="template-cart"] .header .icon,
body[class*="template-cart"] .header .icon path {
  fill: #ffffff !important;
  stroke: #ffffff !important; /* some themes use stroke for line icons */
}

/* If your theme has a sticky header, keep it chocolate as it sticks */
body[class*="template-cart"] .shopify-section-header.is-sticky,
body[class*="template-cart"] .shopify-section-header-sticky {
  background-color: #402720 !important;
}

/* Optional: drawers/menus opened from the header on the cart page */
body[class*="template-cart"] .menu-drawer,
body[class*="template-cart"] .header__submenu,
body[class*="template-cart"] .predictive-search {
  background-color: #402720;
  color:rgb(255, 255, 255);
}
/* Cart page: make country/language dropdown text black */
body[class*="template-cart"] .shopify-section-header .disclosure__list,
body[class*="template-cart"] .header .disclosure__list,
body[class*="template-cart"] .disclosure__list-wrapper{
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid rgba(0,0,0,.12);
}

/* Links/items inside the dropdown */
body[class*="template-cart"] .disclosure__list a,
body[class*="template-cart"] .disclosure__list button,
body[class*="template-cart"] .disclosure__link{
  color: #111111 !important;
}

/* Hover / focus for items */
body[class*="template-cart"] .disclosure__list a:hover,
body[class*="template-cart"] .disclosure__list a:focus,
body[class*="template-cart"] .disclosure__list button:hover,
body[class*="template-cart"] .disclosure__list button:focus,
body[class*="template-cart"] .disclosure__link:hover,
body[class*="template-cart"] .disclosure__link:focus{
  background: #f3f3f3 !important;
  color: #111111 !important;
}

/* Mobile / fallback native <select> */
body[class*="template-cart"] .localization-form__select select,
body[class*="template-cart"] .localization-form__select .select__select,
body[class*="template-cart"] .localization-form__select option{
  background: #ffffff !important;
  color: #111111 !important;
}
/* Cart page: make the search (magnifier) icon outline-only */
body[class*="template-cart"] .header a[href*="search"] svg,
body[class*="template-cart"] .header a[href*="search"] svg *,
body[class*="template-cart"] .header .icon-search,
body[class*="template-cart"] .header .icon-search *,
body[class*="template-cart"] .header svg.icon-search,
body[class*="template-cart"] .header svg.icon-search * {
  fill: none !important;             /* no fill – just lines */
  stroke: #ffffff !important;        /* white lines to match header */
  stroke-width: 1.4px;                 /* tweak 1.6–2.4px as you like */
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke; /* keeps line width consistent */
}

/* Optional: hover color (outline stays, color changes) */
body[class*="template-cart"] .header a[href*="search"]:hover svg,
body[class*="template-cart"] .header a[href*="search"]:hover svg * {
  stroke: #f1f1f1 !important;
}

/* 1) Keep the Cart link white */
.header a[href*="/cart"] { color:#fff !important; }

/* 2) Make the SEPARATOR/DASH white without touching the count bubble */
.header a[href*="/cart"] .separator,
.header a[href*="/cart"] .dash,
.header a[href*="/cart"] .count-divider {
  color:#fff !important;
  border-color:#fff !important;   /* in case it’s drawn with a border */
  opacity:1 !important;
}

/* 3) Ensure the COUNT stays visible (no white background bubble) */
.header a[href*="/cart"] .cart-count,
.header a[href*="/cart"] .cart-count-bubble,
.header a[href*="/cart"] .header__cart-count,
.header a[href*="/cart"] .count,
.header a[href*="/cart"] [class*="count"] {
  color:#fff !important;
  background: transparent !important; /* undo the white block */
  opacity:1 !important;
  min-width:auto !important;
}

/* If the count adds pseudo-elements, neutralize them too */
.header a[href*="/cart"] .cart-count::before,
.header a[href*="/cart"] .cart-count::after,
.header a[href*="/cart"] [class*="count"]::before,
.header a[href*="/cart"] [class*="count"]::after {
  background: transparent !important;
  border-color: currentColor !important;
  content: none !important;  /* if a bubble is injected via pseudo */
}
/* Make the entire Cart link and anything inside it white */
.header a[href*="/cart"],
.header a[href*="/cart"] *{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* If the dash is drawn with ::before/::after or as a border, force those to white too */
.header a[href*="/cart"]::before,
.header a[href*="/cart"]::after,
.header a[href*="/cart"] span::before,
.header a[href*="/cart"] span::after{
  color: #ffffff !important;        /* dash as text */
  background: #ffffff !important;   /* dash as a tiny block/line */
  border-color: #ffffff !important; /* dash as a border */
}
/* Continue shopping button – soft & friendly */
body[class*="template-cart"] .cart__continue-wrapper{
  margin-top: 12px;
}

body[class*="template-cart"] .cart__continue-btn{
  display: block;
  width: 100%;
  text-align: center;
  padding: 0px 20px;
  border-radius: 6px;
  border: 0px solid rgba(75, 46, 46, .18);           /* soft border */
  background: #F4F4F4;                                /* soft, brighter */
  color: #402720;                                     /* your chocolate text */
  font-weight: 400;
  font-size: 1.1rem;
  letter-spacing: .02em;
  text-decoration: none;
  text-transform: uppercase;   /* or: capitalize;  */
  transition: background .2s ease, border-color .2s ease, transform .06s ease;
  height: 38px;                  /* adjust to match your checkout button exactly */
  line-height: 38px;             /* vertical centering */
  
}
/* Mobile: make the CONTINUE SHOPPING button text smaller */
@media (max-width: 749px){
  body[class*="template-cart"] .cart__continue-btn {
    font-size: 1.1rem;          /* tweak to taste: 0.9–1rem */
    text-align: center;
    letter-spacing: .02em;      /* optional: keeps text readable at smaller size */
  }
}
body[class*="template-cart"] .cart__continue-btn:hover{
  background: #ecdcd6;                                /* slightly darker on hover */
  border-color: rgba(75, 46, 46, .30);
}

body[class*="template-cart"] .cart__continue-btn:active{
  transform: translateY(1px);
}

/* Cart: tighten space under the subtotal/continue area */
body[class*="template-cart"] .cart__footer .cart__blocks{
  padding-bottom: .8rem !important;   /* was 2.4rem */
}

/* (optional) also reduce the column gap inside the footer stack */
body[class*="template-cart"] .cart__footer{
  gap: 1rem; /* was ~2rem */
}
/* === BY MONO header behavior (no JS) === */

/* 1) At top on hero pages: overlay header is transparent */
.shopify-section-header.header-overlay .header-wrapper {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* 2) When sticky header is active (after scroll): chocolate background*/
.shopify-section-header-sticky.fixed .header-wrapper,
.shopify-section-header-sticky.always-fixed .header-wrapper {
  background: #4E342E !important;   /* chocolate */
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.12) !important;
  border-color: transparent !important;
}

/* 3) Make sure text + icons are white in both states */
.shopify-section-header .header,
.shopify-section-header .header a,
.shopify-section-header .header__icon {
  color: #ffffff !important;
  fill: currentColor !important;
}