/** Shopify CDN: Minification failed

Line 236:8 Expected identifier but found whitespace
Line 236:9 Unexpected "0"

**/
/* === Force full-page background to PURE WHITE (catch-all) === */
html, body,
#root, #content,
#PageContainer, #MainContent,
.page, .page-wrapper, .page-width,
.layout, .container, .content,
.shopify-section, .section,
.site-wrapper, .site-container, .site-content,
.page-bg, .page-background {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Kill gradients/overlays applied via pseudo-elements */
html::before, html::after,
body::before, body::after,
#shopify-section-header::before, #shopify-section-header::after,
.shopify-section::before, .shopify-section::after {
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}
/* === Force full-page background to PURE WHITE (catch-all) === */
html, body,
#root, #content,
#PageContainer, #MainContent,
.page, .page-wrapper, .page-width,
.layout, .container, .content,
.shopify-section, .section,
.site-wrapper, .site-container, .site-content,
.page-bg, .page-background {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Kill gradients/overlays applied via pseudo-elements */
html::before, html::after,
body::before, body::after,
#shopify-section-header::before, #shopify-section-header::after,
.shopify-section::before, .shopify-section::after {
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}



/* === Global Button Styling === */

/* Normal button state */
button,
.shopify-payment-button__button,
.shopify-challenge__button,
.btn,
.button,
input[type="submit"],
input[type="button"],
a.button {
  background-color: #550B14 !important;   /* your main color */
  color: #f5eae3 !important;              /* label/text color */
  border: none !important;
  border-radius: 4px;                     /* adjust to your style */
  padding: 10px 20px;
  font-weight: 600;
  text-transform: uppercase;              /* optional */
  transition: all 0.2s ease-in-out;
}

/* Hover / focus state */
button:hover,
.shopify-payment-button__button:hover,
.shopify-challenge__button:hover,
.btn:hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
a.button:hover {
  background-color: #33070d !important;   /* darker shade for hover */
  color: #ffffff !important;
}
/* Paint a full-bleed background behind the footer without changing layout */
#shopify-section-footer {
  position: relative;                 /* anchor the pseudo element */
  background: transparent !important; /* background will be drawn by ::before */
  color: #fff;
}

/* full-width background */
#shopify-section-footer::before {
  content: "";
  position: absolute;
  top: 0; height: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;                       /* span the viewport */
  background: #550B14;                /* your maroon */
  z-index: 0;
  pointer-events: none;
}

/* keep real footer content above the background */
#shopify-section-footer > * {
  position: relative;
  z-index: 1;
}

/* ensure footer text/links stay white */
#shopify-section-footer a,
#shopify-section-footer p,
#shopify-section-footer h2,
#shopify-section-footer h3,
#shopify-section-footer h4 { color: #fff !important; }



/* Change mobile drawer / side menu background */
.menu-drawer, 
.drawer__inner, 
.header-drawer {
  background-color: #5a0b1a !important;  /* Replace with your desired color */
}

/* Change the text color inside the drawer */
.menu-drawer a,
.menu-drawer p,
.menu-drawer li {
  color: #ffffff !important;  /* white text */
}



/* ============== Product-card quick add button ============== */
/* Base button look */
button.overlay-buy_button.compact {
  /* shape & size */
  width: 48px;
  height: 48px;
  border-radius: 9999px;

  /* brand look */
  background: #550B14;                  /* your maroon */
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 6px 14px rgba(0,0,0,.12);

  /* layout */
  display: inline-flex;
  align-items: center;
  justify-content: center;

  /* behavior */
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

/* Hover / focus */
button.overlay-buy_button.compact:hover,
button.overlay-buy_button.compact:focus-visible {
  background: #33070d;                  /* darker on hover */
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 10px 18px rgba(0,0,0,.18);
  outline: none;
}

/* Disabled / loading safety */
button.overlay-buy_button.compact[disabled] {
  background: #b8b8b8 !important;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* Optional: kill any theme pseudo-element rings if they exist */
button.overlay-buy_button.compact::before,
button.overlay-buy_button.compact::after {
  content: none !important;
}

/* ============== Icon inside the button ============== */
button.overlay-buy_button.compact .icon-cart {
  color: #fff;             /* make the cart white */
  font-size: 18px;         /* adjust icon size */
  line-height: 1;
  transition: transform .18s ease, opacity .18s ease;
}

button.overlay-buy_button.compact:hover .icon-cart {
  transform: scale(1.08);
  opacity: .95;
}

/* (Optional) Only inside product cards/grids — increases specificity */
.product-card button.overlay-buy_button.compact,
.grid__item button.overlay-buy_button.compact {
  /* nothing extra; selector just boosts priority */
}


/* ===== Catalog page: "View options" pill ===== */
/* Hit the link AND the pseudo-elements the theme uses */
p.link-btn > a.overlay-buy_button.quickshop-initialized,
p.link-btn > a.overlay-buy_button.quickshop-initialized::before,
p.link-btn > a.overlay-buy_button.quickshop-initialized::after {
  background: #550B14 !important;          /* brand color */
  background-image: none !important;        /* kill gradients */
  color: #ffffff !important;
  border: none !important;
  border-radius: 9999px !important;         /* pill */
  box-shadow: 0 6px 14px rgba(0,0,0,.12) !important;
}

/* Size / layout (on the element itself) */
p.link-btn > a.overlay-buy_button.quickshop-initialized {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 180px;                         /* tweak to taste */
  height: 44px;
  padding: 0 18px !important;
  text-decoration: none !important;
  font-weight: 600;
  text-transform: capitalize;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
  position: relative;                       /* keep pseudo-elements aligned */
  overflow: hidden;                         /* clip any pseudo bg */
}

/* Remove any decorative outlines the theme adds 
p.link-btn > a.overlay-buy_button.quickshop-initialized::before,
p.link-btn > a.overlay-buy_button.quickshop-initialized::after {
  content: "" !important;                   /* if theme requires content to paint bg */
  inset: 0;                                 /* cover full button if used */
  border-radius: inherit !important;
}*/

/* Hover */
p.link-btn > a.overlay-buy_button.quickshop-initialized:hover,
p.link-btn > a.overlay-buy_button.quickshop-initialized:hover::before,
p.link-btn > a.overlay-buy_button.quickshop-initialized:hover::after {
  background: #33070d !important;
  box-shadow: 0 10px 18px rgba(0,0,0,.18) !important;
}
/* Ensure "View options" label is visible */
a.overlay-buy_button.quickshop-initialized {
  color: #ffffff !important;      /* force white text */
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  text-align: center;
  z-index: 2;                     /* keep text above any pseudo-element */
  position: relative;              /* anchor z-index */
}

/* Also check if theme hides text via pseudo-elements */
a.overlay-buy_button.quickshop-initialized::before,
a.overlay-buy_button.quickshop-initialized::after {
  color: inherit !important;       /* inherit white */
  opacity: 1 !important;
}


/* Catalog page – View options button (with visible label) */
p.link-btn > a.overlay-buy_button.quickshop-initialized {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  height: 44px;
  padding: 0 18px !important;

  background: #550B14 !important;     /* pill background */
  border: none !important;
  border-radius: 9999px !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.12) !important;

  position: relative;                  /* layer control */
  overflow: hidden;
  text-decoration: none !important;
}

/* Keep the label visible (theme prints it via ::before) */
p.link-btn > a.overlay-buy_button.quickshop-initialized,
p.link-btn > a.overlay-buy_button.quickshop-initialized::before {
  color: #ffffff !important;           /* white text */
  font-weight: 600 !important;
  font-size: 15px !important;
  text-transform: capitalize;
  text-indent: 0 !important;           /* neutralize any hiding tricks */
  opacity: 1 !important;
}

/* Don’t erase the label; only make any decorative layers transparent */
p.link-btn > a.overlay-buy_button.quickshop-initialized::after {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Hover */
p.link-btn > a.overlay-buy_button.quickshop-initialized:hover {
  background: #33070d !important;
  box-shadow: 0 10px 18px rgba(0,0,0,.18) !important;
  transform: translateY(-2px) scale(1.03);
}


/* GLOBAL: Add-to-cart / quick-add buttons everywhere */
button.overlay-buy_button,
button.overlay-buy_button::before,
button.overlay-buy_button::after {
  /* pill background */
  background: #550B14 !important;
  background-image: none !important;

  /* shape */
  border: none !important;
  border-radius: 9999px !important;

  /* shadow */
  box-shadow: 0 6px 14px rgba(0,0,0,.12) !important;
}

/* size & layout applied on the element itself */
button.overlay-buy_button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  height: 44px;
  padding: 0 18px !important;

  position: relative; /* for z-index to work */
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

/* desktop label text (span.mobile-hide) */
button.overlay-buy_button .mobile-hide {
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  line-height: 1.2;
  text-transform: capitalize;
  opacity: 1 !important;
}

/* mobile icon */
button.overlay-buy_button .icon-cart,
button.overlay-buy_button .icon-cart.mobile-only {
  color: #ffffff !important;
  font-size: 18px;
  line-height: 1;
}

/* keep any pseudo-element text visible if theme uses it */
button.overlay-buy_button::before {
  color: #ffffff !important;
  opacity: 1 !important;
  text-indent: 0 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

/* hover */
button.overlay-buy_button:hover,
button.overlay-buy_button:hover::before,
button.overlay-buy_button:hover::after {
  background: #33070d !important;
  box-shadow: 0 10px 18px rgba(0,0,0,.18) !important;
  transform: translateY(-2px) scale(1.03);
}

/* disabled state */
button.overlay-buy_button[disabled] {
  background: #b8b8b8 !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: not-allowed !important;
}


/* === Brand the search dropdown (open state) === */
.search-compact-active #header form#search,
.search-compact-active #header form#search fieldset,
.search-compact-active #header .search-results,
.search-compact-active #header [data-predictive-search],
.search-compact-active #header .predictive-search,
.search-compact-active #header .search-drop,
.search-compact-active #header .search-dropdown,
.search-compact-active #header #search {
  background: #550B14 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 12px 24px rgba(0,0,0,.25) !important;
}

/* Input inside the bar */
.search-compact-active #header #search_main {
  background: #5a0b1a !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.25) !important;
}
.search-compact-active #header #search_main::placeholder {
  color: rgba(255,255,255,.75) !important;
}

/* Result rows / links */
.search-compact-active #header .search-results a,
.search-compact-active #header .predictive-search a {
  color: #fff !important;
  text-decoration: none !important;
}
.search-compact-active #header .search-results a:hover,
.search-compact-active #header .predictive-search a:hover {
  background: rgba(255,255,255,.08) !important;
}

/* Section headings like “Popular products/collections” */
.search-compact-active #header .predictive-search__heading,
.search-compact-active #header .search-results .title {
  color: #fff !important;
  opacity: .9;
}

/* Icons / clear / back controls */
.search-compact-active #header .search-back,
.search-compact-active #header .clear-toggle,
.search-compact-active #header button.override,
.search-compact-active #header svg {
  color: #fff !important;
  fill: #fff !important;
  opacity: .95;
}


/* === Search results panel (under the bar) === */
.search-compact-active #header #livesearch,
.search-compact-active #header #livesearch .search-placeholders {
  background: #550B14 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 12px 24px rgba(0,0,0,.25) !important;
}

/* Lists inside the panel */
.search-compact-active #header #livesearch ul,
.search-compact-active #header #livesearch ul.l4pl,
.search-compact-active #header #livesearch ul.l4ca {
  background: #550B14 !important;
  color: #fff !important;
}

/* Each row */
.search-compact-active #header #livesearch li {
  background: transparent !important;               /* keep panel color */
  color: #fff !important;
  border-bottom: 1px solid rgba(255,255,255,.14) !important;
}

/* Links, titles, vendor, prices */
.search-compact-active #header #livesearch a,
.search-compact-active #header #livesearch a *,
.search-compact-active #header #livesearch .price,
.search-compact-active #header #livesearch .price * {
  color: #fff !important;
  text-decoration: none !important;
}

/* Section headings like “Popular products/collections” */
.search-compact-active #header #livesearch .strong,
.search-compact-active #header #livesearch .strong a {
  color: #fff !important;
  opacity: .9;
}

/* Hover state for result rows */
.search-compact-active #header #livesearch a:hover {
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
}

/* Icons / clear/back controls inside the panel */
.search-compact-active #header #livesearch svg,
.search-compact-active #header #livesearch .clear-toggle,
.search-compact-active #header #livesearch .search-back {
  color: #fff !important;
  fill: #fff !important;
  opacity: .95;
}