/** Shopify CDN: Minification failed

Line 252:0 Unexpected "}"
Line 291:2 Unexpected "="
Line 657:9 Expected identifier but found "addEventListener("
Line 730:14 Unexpected bad string token
Line 730:28 Unterminated string token
Line 736:0 Expected "]" to go with "["
Line 2792:1 Expected "]" to go with "["

**/
/* =========================================================
   BELLE LUXE — clean, safe global styling (won't break buttons)
   ========================================================= */

:root{
  --bg:#fbfaf8;                 /* warm ivory */
  --surface:#ffffff;
  --ink:#121212;
  --muted:rgba(18,18,18,.68);
  --hair:rgba(18,18,18,.12);

  --accent:#f2b6c2;           /* pink */
  --accent:#f2b6c2;           /* pink */;

  --r-sm:12px;
  --r-md:18px;
  --r-lg:26px;

  --shadow-sm:0 10px 30px rgba(0,0,0,.07);
  --shadow-md:0 18px 50px rgba(0,0,0,.10);

  --ease:cubic-bezier(.2,.9,.2,1);
}

html{scroll-behavior:smooth;}
body{
  background:var(--bg);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

p, li, .rte{ color:var(--muted); line-height:1.7; }

/* Keep sections airy without touching layout structure too aggressively */
.shopify-section{
  padding-top:clamp(14px, 2.2vw, 44px);
  padding-bottom:clamp(14px, 2.2vw, 44px);
}

/* Cards (safe): only affects common “card” containers */
.card, .product-card, .collection-card,
[class*="card "], [class$=" card"], [class*=" card__"]{
  border-radius:var(--r-md);
  overflow:hidden;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(18,18,18,.10);
  box-shadow:0 1px 0 rgba(18,18,18,.08);
  transition:transform .35s var(--ease), box-shadow .35s var(--ease);
}
.card:hover, .product-card:hover, .collection-card:hover,
[class*="card "]:hover, [class$=" card"]:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-sm);
}

/* Inputs: safe styling */
input, select, textarea{
  border-radius:14px !important;
  border:1px solid rgba(18,18,18,.12) !important;
  background:rgba(255,255,255,.78) !important;
  padding:12px 14px !important;
}
input:focus, select:focus, textarea:focus{
  outline:none !important;
  border-color:rgba(176,138,106,.65) !important;
  box-shadow:0 0 0 6px rgba(176,138,106,.12) !important;
  background:#fff !important;
}

/* Header polish (safe) */
header, .header, .site-header, .shopify-section-header-sticky, .header-wrapper{
  border-bottom:1px solid rgba(18,18,18,.10);
  background: rgba(251,250,248,.92);
  backdrop-filter: saturate(140%) blur(10px);
}

/* =========================================================
   COLLECTIONS — simple + clean premium catalog
   Applies broadly to collection templates (even if editor preview)
   ========================================================= */

body.template-collection,
body[class*="template-collection"]{
  background:var(--bg);
}

/* Grid spacing: gentle */
body.template-collection [class*="product-grid"],
body.template-collection .grid,
body[class*="template-collection"] [class*="product-grid"],
body[class*="template-collection"] .grid{
  gap: 22px !important;
}

/* Product titles: editorial */
body.template-collection h3,
body.template-collection .card__heading,
body[class*="template-collection"] h3,
body[class*="template-collection"] .card__heading{
  letter-spacing:.2px;
  line-height:1.18;
  margin:12px 0 6px;
}

/* Prices: calm */
body.template-collection [class*="price"],
body[class*="template-collection"] [class*="price"]{
  color: rgba(18,18,18,.78) !important;
  font-feature-settings:"tnum" 1, "lnum" 1;
}

/* Images: soft corners */
body.template-collection img,
body[class*="template-collection"] img{
  border-radius:14px;
}

/* Mobile: keep tidy */
@media (max-width: 749px){
  body.template-collection [class*="product-grid"],
  body.template-collection .grid,
  body[class*="template-collection"] [class*="product-grid"],
  body[class*="template-collection"] .grid{
    gap: 14px !important;
  }
}

/* =========================================================
   CART — clean + mobile-friendly (keeps checkout)
   ========================================================= */

body.belle-cart,
body.template-cart,
body[class*="template-cart"]{
  background:var(--bg);
}

/* Constrain wide layout a bit */
body.belle-cart main, body.belle-cart #MainContent, body.belle-cart .page-width,
body.template-cart main, body.template-cart #MainContent, body.template-cart .page-width,
body[class*="template-cart"] main, body[class*="template-cart"] #MainContent, body[class*="template-cart"] .page-width{
  max-width: 1180px;
  margin-left:auto;
  margin-right:auto;
}

/* Cart item cards */
body.belle-cart .cart__item,
body.belle-cart [class*="cart-item"],
body.template-cart .cart__item,
body.template-cart [class*="cart-item"],
body[class*="template-cart"] .cart__item,
body[class*="template-cart"] [class*="cart-item"]{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(18,18,18,.10);
  border-radius:var(--r-md);
  padding:14px;
  margin-bottom:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
}

body.belle-cart img,
body.template-cart img,
body[class*="template-cart"] img{
  border-radius:14px;
}

/* Checkout button gets the luxe primary treatment (ONLY checkout) */
body.belle-cart a[href*="checkout"],
body.belle-cart button[name="checkout"],
body.template-cart a[href*="checkout"],
body.template-cart button[name="checkout"],
body[class*="template-cart"] a[href*="checkout"],
body[class*="template-cart"] button[name="checkout"]{
  border-radius:999px !important;
  background:var(--ink) !important;
  color:#fff !important;
  border:1px solid rgba(18,18,18,.18) !important;
  box-shadow:0 12px 30px rgba(18,18,18,.18);
  padding:14px 18px !important;
  font-size:16px !important;
  width:100% !important;
  justify-content:center !important;
}

/* Sticky totals on mobile */
@media (max-width: 749px){
  body.belle-cart .cart__footer,
  body.belle-cart [class*="cart-footer"],
  body.belle-cart [class*="cart__summary"],
  body.template-cart .cart__footer,
  body.template-cart [class*="cart-footer"],
  body.template-cart [class*="cart__summary"],
  body[class*="template-cart"] .cart__footer,
  body[class*="template-cart"] [class*="cart-footer"],
  body[class*="template-cart"] [class*="cart__summary"]{
    position: sticky;
    bottom: 0;
    z-index: 20;
    background: rgba(251,250,248,.94);
    backdrop-filter: blur(12px) saturate(140%);
    border-top: 1px solid rgba(18,18,18,.10);
    padding: 14px;
    border-radius: 18px;
  }
}

/* =========================================================
   TRUST ROW (injected by JS) styling
   ========================================================= */
.belle-cart-trust{
  display:flex;
  gap:10px 14px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(18,18,18,.10);
  color:rgba(18,18,18,.62);
  font-size:13px;
}
.belle-cart-trust__item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(18,18,18,.08);
  border-radius:999px;
  padding:8px 12px;
}
.belle-cart-trust__dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:#f2b6c2 !important;
  box-shadow:0 0 0 6px rgba(242,182,194,.12) !important;
}
}
* ================================
   FIX: SS Header logo HUGE on mobile
   ================================ */
@media (max-width: 749px){

  /* Target the SS header section (multiple fallbacks) */
  body [data-section-type="ss-header-1"],
  body [id*="shopify-section-ss-header-1"],
  body .ss-header-1,
  body .ss-header {

    /* Stop it from acting like a hero */
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    min-height: auto !important;
    height: auto !important;
  }

  /* Any logo image inside the header */
  body [data-section-type="ss-header-1"] img,
  body [id*="shopify-section-ss-header-1"] img,
  body header img,
  body .header img{
    max-height: 46px !important;     /* key fix */
    width: auto !important;
    max-width: 170px !important;
    object-fit: contain !important;
  }

  /* If the header container is forcing a big height */
  body [data-section-type="ss-header-1"] .container,
  body [id*="shopify-section-ss-header-1"] .container,
  body [data-section-type="ss-header-1"] .wrapper,
  body [id*="shopify-section-ss-header-1"] .wrapper{
    min-height: auto !important;
    height: auto !important;
  }
}
* ================================
   FIX: SS Header logo HUGE on mobile
   ================================ */
@media (max-width: 749px){

  /* Target the SS header section (multiple fallbacks) */
  body [data-section-type="ss-header-1"],
  body [id*="shopify-section-ss-header-1"],
  body .ss-header-1,
  body .ss-header {

    /* Stop it from acting like a hero */
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    min-height: auto !important;
    height: auto !important;
  }

  /* Any logo image inside the header */
  body [data-section-type="ss-header-1"] img,
  body [id*="shopify-section-ss-header-1"] img,
  body header img,
  body .header img{
    max-height: 46px !important;     /* key fix */
    width: auto !important;
    max-width: 170px !important;
    object-fit: contain !important;
  }

  /* If the header container is forcing a big height */
  body [data-section-type="ss-header-1"] .container,
  body [id*="shopify-section-ss-header-1"] .container,
  body [data-section-type="ss-header-1"] .wrapper,
  body [id*="shopify-section-ss-header-1"] .wrapper{
    min-height: auto !important;
    height: auto !important;
  }
}
/* =========================
   BELLE HEADER (mobile-safe)
   ========================= */
.belle-header{
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(251,250,248,.92);
  backdrop-filter: blur(12px) saturate(140%);
  border-bottom: 1px solid rgba(18,18,18,.10);
}

.belle-header__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 12px 16px;
  max-width: 1240px;
  margin: 0 auto;
}

.belle-header__icon{
  appearance:none;
  border:0;
  background:transparent;
  color: rgba(18,18,18,.78);
  font-size: 20px;
  line-height: 1;
  position: relative;
  padding: 10px;
  border-radius: 12px;
}

.belle-header__logo{
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  flex: 1;
}

.belle-header__logo-img{
  max-height: 42px;
  width:auto;
  object-fit:contain;
}

.belle-header__logo-text{
  font-size: 18px;
  letter-spacing:.2px;
  color: rgba(18,18,18,.90);
}

.belle-header__badge{
  position:absolute;
  top: 6px;
  right: 6px;
  min-width: 18px;
  height: 18px;
  border-radius: 999px;
 background: #f2b6c2;
  color:#fff;
  font-size: 11px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 0 6px;
}

/* Drawer */
.belle-drawer[hidden]{ display:none; }

.belle-drawer{
  position: fixed;
  inset: 0;
  z-index: 2000;
}

.belle-drawer__panel{
  position:absolute;
  top:0; left:0;
  width: 86%;
  max-width: 360px;
  height: 100%;
  background: rgba(255,255,255,.96);
  border-right: 1px solid rgba(18,18,18,.10);
  box-shadow: 0 18px 50px rgba(0,0,0,.18);
  padding: 18px;
}

.belle-drawer__backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.25);
}

.belle-drawer__close{
  border:0;
  background:transparent;
  font-size: 18px;
  padding: 10px;
  border-radius: 12px;
}

.belle-drawer__list{
  list-style:none;
  padding: 18px 0 0;
  margin: 0;
}

.belle-drawer__link{
  display:block;
  padding: 12px 10px;
  border-radius: 12px;
  text-decoration:none;
  color: rgba(18,18,18,.88);
}

.belle-drawer__link:hover{
  background: rgba(176,138,106,.10);
}
/* Ensure logo height follows the section setting */
.belle-header__logo-img{
  height: auto;
  max-height: 42px; /* fallback */
  width: auto;
  object-fit: contain;
}

/* Drawer stacking fix (THIS is why links weren't clickable) */
.belle-drawer__panel{
  z-index: 2;  /* panel above backdrop */
  pointer-events: auto;
}

.belle-drawer__backdrop{
  z-index: 1;
  pointer-events: auto;
}

/* Optional: make links feel more tappable */
.belle-drawer__link{
  font-size: 16px;
  padding: 14px 12px;
}
/* Use the section slider height (applies automatically via inline style below) */
.belle-header{
  --belle-logo-h: 42px;
}
.belle-header__logo-img{
  max-height: var(--belle-logo-h);
}
/* =========================================================
   BELLE CART — Luxury redesign (mobile-first, no overlap)
   ========================================================= */

/* Ensure cart pages get a predictable hook */
body.belle-cart,
body.template-cart,
body[class*="template-cart"]{
  background: var(--bg, #fbfaf8);
}

/* Main cart container */
body.belle-cart main,
body.belle-cart #MainContent,
body.belle-cart .page-width,
body.template-cart main,
body.template-cart #MainContent,
body.template-cart .page-width,
body[class*="template-cart"] main,
body[class*="template-cart"] #MainContent,
body[class*="template-cart"] .page-width{
  max-width: 1100px;
  margin: 0 auto;
}

/* Kill the ugly "overlay" / sticky side panel behavior some themes use */
body.belle-cart [class*="cart__footer"],
body.belle-cart [class*="cart-footer"],
body.belle-cart [class*="cart__summary"],
body.belle-cart [class*="cart-summary"],
body.template-cart [class*="cart__footer"],
body.template-cart [class*="cart-footer"],
body.template-cart [class*="cart__summary"],
body.template-cart [class*="cart-summary"],
body[class*="template-cart"] [class*="cart__footer"],
body[class*="template-cart"] [class*="cart-footer"],
body[class*="template-cart"] [class*="cart__summary"],
body[class*="template-cart"] [class*="cart-summary"]{
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Cart items as elegant cards */
body.belle-cart .cart__item,
body.belle-cart [class*="cart-item"],
body.template-cart .cart__item,
body.template-cart [class*="cart-item"],
body[class*="template-cart"] .cart__item,
body[class*="template-cart"] [class*="cart-item"]{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(18,18,18,.10);
  border-radius: 18px;
  padding: 14px;
  margin-bottom: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

/* Product image: consistent */
body.belle-cart img,
body.template-cart img,
body[class*="template-cart"] img{
  border-radius: 14px !important;
}

/* Typography cleanup */
body.belle-cart h1, body.belle-cart h2, body.belle-cart h3,
body.template-cart h1, body.template-cart h2, body.template-cart h3,
body[class*="template-cart"] h1, body[class*="template-cart"] h2, body[class*="template-cart"] h3{
  letter-spacing: .2px;
}
body.belle-cart a, body.template-cart a, body[class*="template-cart"] a{
  color: rgba(18,18,18,.88);
}

/* Quantity controls: keep them tidy */
body.belle-cart [class*="quantity"],
body.template-cart [class*="quantity"],
body[class*="template-cart"] [class*="quantity"]{
  border: 1px solid rgba(18,18,18,.12);
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255,255,255,.75);
}
body.belle-cart [class*="quantity"] button,
body.template-cart [class*="quantity"] button,
body[class*="template-cart"] [class*="quantity"] button{
  background: transparent !important;
  border: 0 !important;
}

/* Remove link: make it subtle but clear */
body.belle-cart a[href*="remove"],
body.belle-cart [class*="remove"] a,
body.template-cart a[href*="remove"],
body.template-cart [class*="remove"] a,
body[class*="template-cart"] a[href*="remove"],
body[class*="template-cart"] [class*="remove"] a{
  text-decoration: none !important;
  border-bottom: 1px solid rgba(18,18,18,.25);
  padding-bottom: 2px;
  color: rgba(18,18,18,.72) !important;
}

/* Summary box: make it a clean card */
body.belle-cart .cart__footer,
body.belle-cart [class*="cart__summary"],
body.belle-cart [class*="cart-summary"],
body.template-cart .cart__footer,
body.template-cart [class*="cart__summary"],
body.template-cart [class*="cart-summary"],
body[class*="template-cart"] .cart__footer,
body[class*="template-cart"] [class*="cart__summary"],
body[class*="template-cart"] [class*="cart-summary"]{
  background: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(18,18,18,.10) !important;
  border-radius: 22px !important;
  padding: 16px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.10) !important;
}

/* Checkout button: premium */
body.belle-cart a[href*="checkout"],
body.belle-cart button[name="checkout"],
body.template-cart a[href*="checkout"],
body.template-cart button[name="checkout"],
body[class*="template-cart"] a[href*="checkout"],
body[class*="template-cart"] button[name="checkout"]{
  border-radius: 999px !important;
  background: rgba(18,18,18,.92) !important;
  color: #fff !important;
  border: 1px solid rgba(18,18,18,.18) !important;
  box-shadow: 0 12px 30px rgba(18,18,18,.18);
  padding: 14px 18px !important;
  width: 100% !important;
  justify-content: center !important;
}

/* ---------------------------------------------------------
   MOBILE: Turn summary into sticky bottom bar WITHOUT overlap
   --------------------------------------------------------- */
@media (max-width: 749px){

  /* Add breathing room at bottom so sticky bar doesn’t cover content */
  body.belle-cart main,
  body.belle-cart #MainContent,
  body.template-cart main,
  body.template-cart #MainContent,
  body[class*="template-cart"] main,
  body[class*="template-cart"] #MainContent{
    padding-bottom: 120px !important;
  }

  /* Sticky summary */
  body.belle-cart .cart__footer,
  body.belle-cart [class*="cart__summary"],
  body.belle-cart [class*="cart-summary"],
  body.template-cart .cart__footer,
  body.template-cart [class*="cart__summary"],
  body.template-cart [class*="cart-summary"],
  body[class*="template-cart"] .cart__footer,
  body[class*="template-cart"] [class*="cart__summary"],
  body[class*="template-cart"] [class*="cart-summary"]{
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    z-index: 999 !important;
    border-radius: 22px !important;
    backdrop-filter: blur(12px) saturate(140%);
  }
}
document.addEventListener("DOMContentLoaded", () => {
  const path = window.location.pathname.replace(/\/+$/, "");
  if (path === "/cart") document.body.classList.add("belle-cart");
});
document.addEventListener("DOMContentLoaded", () => {
  const path = window.location.pathname.replace(/\/+$/, "");
  if (path === "/cart") document.body.classList.add("belle-cart");
});
/* DEBUG — if you see a pink border, the file is loading */
body { outline: 6px solid hotpink !important; }
/* =========================================================
   BELLE CART — Summary placement + luxury card
   ========================================================= */

/* The summary area (Total + Checkout) — force into a card */
body.belle-cart .cart__footer,
body.template-cart .cart__footer,
body[class*="template-cart"] .cart__footer,
body.belle-cart [class*="cart__footer"],
body.template-cart [class*="cart__footer"],
body[class*="template-cart"] [class*="cart__footer"],
body.belle-cart [class*="cart-summary"],
body.template-cart [class*="cart-summary"],
body[class*="template-cart"] [class*="cart-summary"],
body.belle-cart [class*="cart__summary"],
body.template-cart [class*="cart__summary"],
body[class*="template-cart"] [class*="cart__summary"]{
  max-width: 520px !important;
  margin: 18px 0 0 auto !important;     /* right aligned on desktop */
  background: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(18,18,18,.10) !important;
  border-radius: 22px !important;
  padding: 18px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.10) !important;
}

/* Make the total line look intentional */
body.belle-cart [class*="totals"],
body.template-cart [class*="totals"],
body[class*="template-cart"] [class*="totals"]{
  font-size: 16px !important;
  letter-spacing: .2px;
}

/* Checkout button full width inside summary card */
body.belle-cart a[href*="checkout"],
body.belle-cart button[name="checkout"],
body.template-cart a[href*="checkout"],
body.template-cart button[name="checkout"],
body[class*="template-cart"] a[href*="checkout"],
body[class*="template-cart"] button[name="checkout"]{
  width: 100% !important;
  border-radius: 999px !important;
  background: rgba(18,18,18,.92) !important;
  color: #fff !important;
  border: 1px solid rgba(18,18,18,.18) !important;
  padding: 14px 18px !important;
  box-shadow: 0 12px 30px rgba(18,18,18,.18);
}

/* MOBILE: summary should be centered + stacked under items */
@media (max-width: 749px){
  body.belle-cart .cart__footer,
  body.template-cart .cart__footer,
  body[class*="template-cart"] .cart__footer,
  body.belle-cart [class*="cart__footer"],
  body.template-cart [class*="cart__footer"],
  body[class*="template-cart"] [class*="cart__footer"],
  body.belle-cart [class*="cart-summary"],
  body.template-cart [class*="cart-summary"],
  body[class*="template-cart"] [class*="cart-summary"],
  body.belle-cart [class*="cart__summary"],
  body.template-cart [class*="cart__summary"],
  body[class*="template-*]()
/* =========================================================
   BELLE CART — Summary placement + luxury card
   ========================================================= */

/* The summary area (Total + Checkout) — force into a card */
body.belle-cart .cart__footer,
body.template-cart .cart__footer,
body[class*="template-cart"] .cart__footer,
body.belle-cart [class*="cart__footer"],
body.template-cart [class*="cart__footer"],
body[class*="template-cart"] [class*="cart__footer"],
body.belle-cart [class*="cart-summary"],
body.template-cart [class*="cart-summary"],
body[class*="template-cart"] [class*="cart-summary"],
body.belle-cart [class*="cart__summary"],
body.template-cart [class*="cart__summary"],
body[class*="template-cart"] [class*="cart__summary"]{
  max-width: 520px !important;
  margin: 18px 0 0 auto !important;     /* right aligned on desktop */
  background: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(18,18,18,.10) !important;
  border-radius: 22px !important;
  padding: 18px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.10) !important;
}

/* Make the total line look intentional */
body.belle-cart [class*="totals"],
body.template-cart [class*="totals"],
body[class*="template-cart"] [class*="totals"]{
  font-size: 16px !important;
  letter-spacing: .2px;
}

/* Checkout button full width inside summary card */
body.belle-cart a[href*="checkout"],
body.belle-cart button[name="checkout"],
body.template-cart a[href*="checkout"],
body.template-cart button[name="checkout"],
body[class*="template-cart"] a[href*="checkout"],
body[class*="template-cart"] button[name="checkout"]{
  width: 100% !important;
  border-radius: 999px !important;
  background: rgba(18,18,18,.92) !important;
  color: #fff !important;
  border: 1px solid rgba(18,18,18,.18) !important;
  padding: 14px 18px !important;
  box-shadow: 0 12px 30px rgba(18,18,18,.18);
}

/* MOBILE: summary should be centered + stacked under items */
@media (max-width: 749px){
  body.belle-cart .cart__footer,
  body.template-cart .cart__footer,
  body[class*="template-cart"] .cart__footer,
  body.belle-cart [class*="cart__footer"],
  body.template-cart [class*="cart__footer"],
  body[class*="template-cart"] [class*="cart__footer"],
  body.belle-cart [class*="cart-summary"],
  body.template-cart [class*="cart-summary"],
  body[class*="template-cart"] [class*="cart-summary"],
  body.belle-cart [class*="cart__summary"],
  body.template-cart [class*="cart__summary"],
  body[class*="template-cart"] [class*="cart__summary"]{
    max-width: 100% !important;
    margin: 16px auto 0 !important;
  }
}
/* =========================================================
   CART MOBILE FIX: remove grey sticky "Total" overlay panel
   ========================================================= */
@media (max-width: 749px){

  /* Anything cart-summary-like that becomes fixed/sticky on mobile */
  body.template-cart [class*="sticky"],
  body[class*="template-cart"] [class*="sticky"],
  body.template-cart [class*="sidebar"],
  body[class*="template-cart"] [class*="sidebar"],
  body.template-cart [class*="summary"],
  body[class*="template-cart"] [class*="summary"],
  body.template-cart [class*="totals"],
  body[class*="template-cart"] [class*="totals"],
  body.template-cart [class*="footer"],
  body[class*="template-cart"] [class*="footer"]{
    position: static !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    max-height: none !important;
    height: auto !important;
  }

  /* Kill the grey background panel look */
  body.template-cart [class*="sticky"],
  body[class*="template-cart"] [class*="sticky"],
  body.template-cart [class*="sidebar"],
  body[class*="template-cart"] [class*="sidebar"],
  body.template-cart [class*="summary"],
  body[class*="template-cart"] [class*="summary"],
  body.template-cart [class*="totals"],
  body[class*="template-cart"] [class*="totals"]{
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  /* Make sure the *real* totals section looks good and is full width */
  body.template-cart .cart__footer,
  body[class*="template-cart"] .cart__footer,
  body.template-cart [class*="cart__footer"],
  body[class*="template-cart"] [class*="cart__footer"]{
    width: auto !important;
    margin: 16px 14px 0 !important;
    background: rgba(255,255,255,.94) !important;
    border: 1px solid rgba(18,18,18,.10) !important;
    border-radius: 20px !important;
    padding: 16px !important;
    box-shadow: 0 18px 50px rgba(0,0,0,.10) !important;
  }

  /* Checkout button: full width + premium */
  body.template-cart a[href*="checkout"],
  body.template-cart button[name="checkout"],
  body[class*="template-cart"] a[href*="checkout"],
  body[class*="template-cart"] button[name="checkout"]{
    width: 100% !important;
    border-radius: 999px !important;
    background: rgba(18,18,18,.92) !important;
    color: #fff !important;
    padding: 14px 18px !important;
    border: 1px solid rgba(18,18,18,.18) !important;
  }
}
/* =========================================================
   CART FIX: remove the imgbg overlay panel
   ========================================================= */

/* Cart only */
body.template-cart .imgbg,
body[class*="template-cart"] .imgbg{
  display: none !important;
}
/* =========================================================
   CART: Fix ugly grey overlay + layout on mobile (imgbg)
   ========================================================= */

/* Cart only — keep element but make it harmless */
body.template-cart .imgbg,
body[class*="template-cart"] .imgbg{
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;

  /* Remove the grey panel look */
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  opacity: 0 !important;

  /* Critical: prevent it blocking taps */
  pointer-events: none !important;

  /* Put it behind everything */
  z-index: -1 !important;
}

/* Make sure cart content sits above any theme overlays */
body.template-cart #MainContent,
body.template-cart main,
body[class*="template-cart"] #MainContent,
body[class*="template-cart"] main{
  position: relative !important;
  z-index: 2 !important;
}

/* MOBILE: ensure totals/checkout are not “floating weird” */
@media (max-width: 749px){

  /* Remove any fixed/sticky behavior on cart totals areas */
  body.template-cart [class*="summary"],
  body.template-cart [class*="totals"],
  body.template-cart [class*="footer"],
  body[class*="template-cart"] [class*="summary"],
  body[class*="template-cart"] [class*="totals"],
  body[class*="template-cart"] [class*="footer"]{
    position: static !important;
    inset: auto !important;
    transform: none !important;
    margin: 0 !important;
  }

  /* Give the cart page nice spacing */
  body.template-cart #MainContent,
  body.template-cart main,
  body[class*="template-cart"] #MainContent,
  body[class*="template-cart"] main{
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-bottom: 28px !important;
  }

  /* Make the checkout area a clean card */
  body.template-cart .cart__footer,
  body[class*="template-cart"] .cart__footer,
  body.template-cart [class*="cart__footer"],
  body[class*="template-cart"] [class*="cart__footer"]{
    background: rgba(255,255,255,.94) !important;
    border: 1px solid rgba(18,18,18,.10) !important;
    border-radius: 20px !important;
    padding: 16px !important;
    margin-top: 16px !important;
    box-shadow: 0 18px 50px rgba(0,0,0,.10) !important;
  }

  /* Checkout button premium + full width */
  body.template-cart a[href*="checkout"],
  body.template-cart button[name="checkout"],
  body[class*="template-cart"] a[href*="checkout"],
  body[class*="template-cart"] button[name="checkout"]{
    width: 100% !important;
    border-radius: 999px !important;
    background: rgba(18,18,18,.92) !important;
    color: #fff !important;
    padding: 14px 18px !important;
    border: 1px solid rgba(18,18,18,.18) !important;
  }
}
/* BELLE — Sold out badge on collection cards */
.belle-soldout-badge{
  position:absolute;
  left:12px;
  top:12px;
  padding:10px 14px;
  border-radius:999px;
  background: rgba(18,18,18,.92);
  color:#fff;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
  z-index: 5;
}

/* BELLE — Sold out badge on collection cards */
.belle-soldout-badge{
  position:absolute;
  left:12px;
  top:12px;
  padding:10px 14px;
  border-radius:999px;
  background: rgba(18,18,18,.92);
  color:#fff;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
  z-index: 5;
}

/* BELLE — Sold out badge on collection cards */
.belle-soldout-badge{
  position:absolute;
  left:12px;
  top:12px;
  padding:10px 14px;
  border-radius:999px;
  background: rgba(18,18,18,.92);
  color:#fff;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
  z-index: 5;
}

/* Ensure the image area can hold an absolutely-positioned badge */
.card__media,
.card__inner,
.product-card__image,
.grid-product__image-wrapper{
  position: relative;
}

/* =========================================================
   PRODUCT PAGE — Make product image larger (Aura Slip Dress + all PDPs)
   ========================================================= */

/* 1) Give the whole product section more usable width */
.template-product .page-width,
body[class*="template-product"] .page-width{
  max-width: 1280px !important; /* wider layout */
}

/* 2) Make product media column larger */
.template-product .product,
body[class*="template-product"] .product{
  gap: 48px !important;
}

/* Common Shopify theme media wrappers */
.template-product .product__media-wrapper,
.template-product .product__media,
.template-product .product__media-list,
.template-product .product-media,
.template-product .media,
body[class*="template-product"] .product__media-wrapper,
body[class*="template-product"] .product__media,
body[class*="template-product"] .product__media-list,
body[class*="template-product"] .product-media,
body[class*="template-product"] .media{
  max-width: none !important;
  width: 100% !important;
}

/* 3) Make the image itself fill the media area nicely */
.template-product .product__media img,
.template-product .product__media-wrapper img,
.template-product .product__media-list img,
.template-product .media img,
body[class*="template-product"] .product__media img,
body[class*="template-product"] .product__media-wrapper img,
body[class*="template-product"] .product__media-list img,
body[class*="template-product"] .media img{
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: cover;
  border-radius: 22px;
}

/* 4) Desktop: make the media column ~60% and info column ~40% (luxury layout) */
@media (min-width: 990px){
  .template-product .product__media-wrapper,
  body[class*="template-product"] .product__media-wrapper{
    flex: 0 0 60% !important;
    max-width: 60% !important;
  }
  .template-product .product__info-wrapper,
  body[class*="template-product"] .product__info-wrapper{
    flex: 0 0 40% !important;
    max-width: 40% !important;
  }
}

/* 5) Mobile: image should be big and full width */
@media (max-width: 989px){
  .template-product .product__media-wrapper,
  body[class*="template-product"] .product__media-wrapper{
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* =========================================================
   PRODUCT PAGE — Make product image larger (Aura Slip Dress + all PDPs)
   ========================================================= */

/* 1) Give the whole product section more usable width */
.template-product .page-width,
body[class*="template-product"] .page-width{
  max-width: 1280px !important; /* wider layout */
}

/* 2) Make product media column larger */
.template-product .product,
body[class*="template-product"] .product{
  gap: 48px !important;
}

/* Common Shopify theme media wrappers */
.template-product .product__media-wrapper,
.template-product .product__media,
.template-product .product__media-list,
.template-product .product-media,
.template-product .media,
body[class*="template-product"] .product__media-wrapper,
body[class*="template-product"] .product__media,
body[class*="template-product"] .product__media-list,
body[class*="template-product"] .product-media,
body[class*="template-product"] .media{
  max-width: none !important;
  width: 100% !important;
}

/* 3) Make the image itself fill the media area nicely */
.template-product .product__media img,
.template-product .product__media-wrapper img,
.template-product .product__media-list img,
.template-product .media img,
body[class*="template-product"] .product__media img,
body[class*="template-product"] .product__media-wrapper img,
body[class*="template-product"] .product__media-list img,
body[class*="template-product"] .media img{
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: cover;
  border-radius: 22px;
}

/* 4) Desktop: make the media column ~60% and info column ~40% (luxury layout) */
@media (min-width: 990px){
  .template-product .product__media-wrapper,
  body[class*="template-product"] .product__media-wrapper{
    flex: 0 0 60% !important;
    max-width: 60% !important;
  }
  .template-product .product__info-wrapper,
  body[class*="template-product"] .product__info-wrapper{
    flex: 0 0 40% !important;
    max-width: 40% !important;
  }
}

/* 5) Mobile: image should be big and full width */
@media (max-width: 989px){
  .template-product .product__media-wrapper,
  body[class*="template-product"] .product__media-wrapper{
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* =========================================================
   PRODUCT PAGE FIX — imgbg + product media too small
   ========================================================= */

/* 1) Product page: ensure imgbg is NOT constraining layout */
body.template-product .imgbg,
body[class*="template-product"] .imgbg{
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  opacity: 0 !important;
  z-index: -1 !important;
  background: transparent !important;
}

/* 2) Give product page content a strong width container */
body.template-product main,
body.template-product #MainContent,
body[class*="template-product"] main,
body[class*="template-product"] #MainContent{
  position: relative !important;
  z-index: 2 !important;
}

body.template-product .page-width,
body[class*="template-product"] .page-width{
  max-width: 1280px !important;
  width: min(1280px, calc(100% - 48px)) !important;
  margin: 0 auto !important;
}

/* 3) Force product layout to be a real 2-column on desktop */
@media (min-width: 990px){
  body.template-product .product,
  body[class*="template-product"] .product{
    display: grid !important;
    grid-template-columns: 1.35fr 1fr !important; /* larger image */
    gap: 48px !important;
    align-items: start !important;
  }
}

/* 4) Make the media area fill its column */
body.template-product .product__media-wrapper,
body.template-product .product__media,
body.template-product .product__media-list,
body.template-product .product-media,
body.template-product .media,
body[class*="template-product"] .product__media-wrapper,
body[class*="template-product"] .product__media,
body[class*="template-product"] .product__media-list,
body[class*="template-product"] .product-media,
body[class*="template-product"] .media{
  width: 100% !important;
  max-width: none !important;
}

/* 5) Make the image itself big + elegant */
body.template-product .product__media img,
body.template-product .product__media-wrapper img,
body.template-product .product__media-list img,
body.template-product .media img,
body[class*="template-product"] .product__media img,
body[class*="template-product"] .product__media-wrapper img,
body[class*="template-product"] .product__media-list img,
body[class*="template-product"] .media img{
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: cover !important;
  border-radius: 22px !important;
}

/* 6) Mobile: ensure media goes full width and looks premium */
@media (max-width: 989px){
  body.template-product .page-width,
  body[class*="template-product"] .page-width{
    width: calc(100% - 24px) !important;
  }

  body.template-product .product,
  body[class*="template-product"] .product{
    display: block !important;
  }

  body.template-product .product__media-wrapper,
  body[class*="template-product"] .product__media-wrapper{
    margin-bottom: 18px !important;
  }
}
.belle-gallery__slide { display: none; }
.belle-gallery__slide[data-active] { display: block; }

.belle-gallery__main img,
.belle-gallery__main video { width: 100%; height: auto; display: block; border-radius: 18px; }

.belle-gallery__thumbs{
  display:flex; gap:10px; margin-top:12px; flex-wrap:wrap;
}
.belle-thumb{
  border:1px solid rgba(0,0,0,.12);
  border-radius:12px;
  padding:0;
  background:#fff;
  cursor:pointer;
  width:72px;
  height:72px;
  overflow:hidden;
}
.belle-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
/* Belle: whole-site background */
body{
  background-color: #fbfaf8; /* fallback cream */
  background-image: url(/cdn/shop/files/pngtree-cream-abstract-gradient-background-image_903155.jpg?v=1770352175);
  background-repeat: repeat;      /* repeat for seamless textures */
  background-size: auto;          /* keep natural texture look */
  background-position: top left;
}
/* FIX: something invisible is blocking clicks (common: .imgbg / overlays) */
.imgbg,
.belle-overlay,
[class*="overlay"],
[class*="backdrop"]{
  pointer-events: none !important;
}

.imgbg{
  position: fixed !important;
  inset: 0 !important;
  opacity: 0 !important;
  background: transparent !important;
  z-index: -1 !important;
}
/* =========================
   BELLE CART — Luxe polish
   ========================= */

body.template-cart, body[class*="template-cart"]{
  background: #fbfaf8;
}

/* Empty cart layout */
body.template-cart main, body[class*="template-cart"] main,
body.template-cart #MainContent, body[class*="template-cart"] #MainContent{
  max-width: 1100px;
  margin: 0 auto;
}

body.template-cart .cart__warnings,
body[class*="template-cart"] .cart__warnings,
body.template-cart .cart-empty,
body[class*="template-cart"] .cart-empty{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(18,18,18,.10);
  border-radius: 22px;
  box-shadow: 0 18px 50px rgba(0,0,0,.08);
  padding: 26px;
  text-align: center;
}

/* Make the primary buttons luxe on cart only */
body.template-cart a.button,
body.template-cart button.button,
body[class*="template-cart"] a.button,
body[class*="template-cart"] button.button{
  border-radius: 999px !important;
}

/* Cart item cards */
body.template-cart .cart__item,
body.template-cart [class*="cart-item"],
body[class*="template-cart"] .cart__item,
body[class*="template-cart"] [class*="cart-item"]{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(18,18,18,.10);
  border-radius: 18px;
  padding: 14px;
  margin-bottom: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

body.template-cart img,
body[class*="template-cart"] img{
  border-radius: 14px !important;
}

/* Summary card */
body.template-cart .cart__footer,
body.template-cart [class*="cart__footer"],
body.template-cart [class*="cart__summary"],
body[class*="template-cart"] .cart__footer,
body[class*="template-cart"] [class*="cart__footer"],
body[class*="template-cart"] [class*="cart__summary"]{
  background: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(18,18,18,.10) !important;
  border-radius: 22px !important;
  padding: 18px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.10) !important;
}

/* Checkout button */
body.template-cart a[href*="checkout"],
body.template-cart button[name="checkout"],
body[class*="template-cart"] a[href*="checkout"],
body[class*="template-cart"] button[name="checkout"]{
  border-radius: 999px !important;
  background: rgba(18,18,18,.92) !important;
  color: #fff !important;
  border: 1px solid rgba(18,18,18,.18) !important;
  box-shadow: 0 12px 30px rgba(18,18,18,.18);
  padding: 14px 18px !important;
  width: 100% !important;
}

/* Trust row (we’ll inject with JS) */
.belle-cart-trust{
  display:flex;
  gap:10px 14px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(18,18,18,.10);
  color:rgba(18,18,18,.62);
  font-size:13px;
}
.belle-cart-trust__item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(18,18,18,.08);
  border-radius:999px;
  padding:8px 12px;
}
.belle-cart-trust__dot{
  width:8px; height:8px;
  border-radius:999px;
  background:rgba(176,138,106,.90);
  box-shadow:0 0 0 6px rgba(176,138,106,.12);
}

/* Mobile spacing */
@media (max-width: 749px){
  body.template-cart main, body[class*="template-cart"] main,
  body.template-cart #MainContent, body[class*="template-cart"] #MainContent{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}
/* =========================
   BELLE — Empty Cart Luxe
   ========================= */
body.template-cart .belle-empty,
body[class*="template-cart"] .belle-empty{
  max-width: 920px;
  margin: 0 auto;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(18,18,18,.10);
  border-radius: 26px;
  box-shadow: 0 18px 60px rgba(0,0,0,.10);
  padding: clamp(18px, 3vw, 34px);
  text-align: center;
}

.belle-empty__kicker{
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
  opacity: .65;
  margin-bottom: 10px;
}

.belle-empty__title{
  font-size: clamp(26px, 3.2vw, 40px);
  line-height: 1.08;
  margin: 0 0 10px;
}

.belle-empty__sub{
  max-width: 560px;
  margin: 0 auto 18px;
  opacity: .72;
  line-height: 1.7;
}

.belle-empty__cta{
  display:flex;
  gap: 10px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top: 14px;
}

.belle-empty__btn{
  border-radius: 999px !important;
  padding: 14px 18px !important;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 200px;
  border: 1px solid rgba(18,18,18,.14);
  background: rgba(255,255,255,.82);
  color: rgba(18,18,18,.88);
}

.belle-empty__btn--primary{
  background: rgba(18,18,18,.92);
  color:#fff;
  border-color: rgba(18,18,18,.18);
  box-shadow: 0 12px 30px rgba(18,18,18,.18);
}

.belle-empty__trust{
  display:flex;
  gap:10px 14px;
  flex-wrap:wrap;
  justify-content:center;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(18,18,18,.10);
  color: rgba(18,18,18,.62);
  font-size: 13px;
}
.belle-empty__trust span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(18,18,18,.08);
  border-radius: 999px;
  padding: 8px 12px;
}

.belle-empty__dot{
  width:8px;height:8px;border-radius:999px;
  background: rgba(176,138,106,.90);
  box-shadow: 0 0 0 6px rgba(176,138,106,.12);
}

/* Recommendations grid (simple, clean) */
.belle-empty-grid{
  max-width: 1100px;
  margin: 18px auto 0;
}
.belle-empty-grid__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap: 12px;
  margin: 18px 0 10px;
}
.belle-empty-grid__title{
  font-size: 14px;
  letter-spacing: .16em;
  text-transform: uppercase;
  opacity: .72;
}
.belle-empty-grid__link{
  font-size: 13px;
  opacity: .7;
  text-decoration:none;
  border-bottom: 1px solid rgba(18,18,18,.25);
  padding-bottom: 2px;
}

.belle-empty-grid__items{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 989px){
  .belle-empty-grid__items{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}
.collection-title {Catelog}
  text-align: center;
  font-size: 28px;
  margin: 40px 0 20px;
}
.belle-loc{
  display:flex;
  align-items:center;
  gap:10px;
}
.belle-loc__label{
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  opacity:.65;
  display:none; /* keep minimal; remove if you want the label visible */
}
.belle-loc__select{
  border-radius:999px;
  border:1px solid rgba(18,18,18,.14);
  background:rgba(255,255,255,.85);
  padding:10px 12px;
  font-size:13px;
  cursor:pointer;
}
@media (max-width: 749px){
  .belle-loc__select{ padding:9px 10px; font-size:12px; }
}
.belle-loc{
  display:flex;
  justify-content:flex-end;
  align-items:center;
}

.belle-loc__select{
  max-width: 220px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(18,18,18,.12);
  background: rgba(255,255,255,.85);
  font-size: 14px;
}

/* ================================
   MOBILE FIX: Country/Currency bar
   ================================ */

/* Wrap container (you’ll add class in step 2) */
.belle-locale {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Flag */
.belle-locale__flag {
  width: 22px;
  height: 16px;
  border-radius: 3px;
  overflow: hidden;
  flex: 0 0 auto;
  box-shadow: 0 1px 0 rgba(0,0,0,.12);
}
.belle-locale__flag img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* The dropdown */
.belle-locale select {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 999px !important;
  padding: 10px 38px 10px 14px !important;
  font-size: 14px !important;
  line-height: 1 !important;
  height: 40px !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(18,18,18,.14) !important;
  max-width: 240px;
}

/* Fake dropdown arrow */
.belle-locale {
  position: relative;
}
.belle-locale::after {
  content: "▾";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  opacity: .7;
  pointer-events: none;
}

/* Mobile header layout tightening */
@media (max-width: 749px) {
  /* put selector on its own neat row */
  .belle-header__inner {
    flex-wrap: wrap;
    gap: 10px;
  }

  /* keep logo centered on first row */
  .belle-header__logo {
    order: 1;
    flex: 1 1 100%;
    justify-content: center;
    margin-top: 4px;
  }

  /* menu button left */
  .belle-header__menu-btn {
    order: 0;
    flex: 0 0 auto;
  }

  /* locale selector row */
  .belle-locale {
    order: 2;
    flex: 1 1 100%;
    justify-content: center;
    margin-top: 2px;
  }

  .belle-locale select {
    width: min(92vw, 320px);
    max-width: 320px;
  }
}
/* =========================
   BELLE — locale selector (mobile clean)
   ========================= */
.belle-locale{
  display:flex;
  align-items:center;
  gap:10px;
  max-width: 92vw;
}

/* keep the flag small */
.belle-locale__flag img{
  width: 22px;
  height: 14px;
  object-fit: cover;
  border-radius: 3px;
  display:block;
}

/* the select itself */
.belle-locale select{
  max-width: 210px;            /* controls how wide it can be */
  width: 100%;
  padding: 10px 34px 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(18,18,18,.12);
  background: rgba(255,255,255,.90);
  font-size: 13px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;     /* makes it shorten like: Trinidad & Tob… */
}

/* mobile: even smaller so it doesn’t overpower */
@media (max-width: 749px){
  .belle-locale{
    justify-content:center;
    width: 100%;
  }
  .belle-locale select{
    max-width: 175px;
    font-size: 12px;
  }
}
/* Country selector - clean + compact */
.belle-loc{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  max-width: 100%;
}

.belle-loc__form{
  margin:0;
}

.belle-loc__wrap{
  display:flex;
  align-items:center;
  max-width: min(520px, 72vw);
}

.belle-loc__select{
  width: 100%;
  max-width: 520px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(18,18,18,.14);
  background: rgba(255,255,255,.85);
  font-size: 14px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* =========================================================
   BELLE CART — Reservation-style
   ========================================================= */

body.template-cart,
body[class*="template-cart"]{
  background: var(--bg, #fbfaf8);
}

/* Container width */
body.template-cart #MainContent .page-width,
body[class*="template-cart"] #MainContent .page-width,
body.template-cart main .page-width,
body[class*="template-cart"] main .page-width{
  max-width: 1180px;
}

/* Page title */
body.template-cart h1,
body[class*="template-cart"] h1{
  letter-spacing: .2px;
  font-size: clamp(22px, 2.2vw, 34px);
  margin-bottom: 16px;
}

/* Try to make cart layout split on desktop (items + summary) */
@media (min-width: 990px){
  body.template-cart .cart,
  body[class*="template-cart"] .cart{
    display: grid !important;
    grid-template-columns: 1.6fr .9fr !important;
    gap: 28px !important;
    align-items: start !important;
  }
}

/* Cart items become “cards” */
body.template-cart .cart__items,
body[class*="template-cart"] .cart__items{
  background: transparent !important;
}

body.template-cart .cart-item,
body.template-cart .cart__item,
body.template-cart [class*="cart-item"],
body[class*="template-cart"] .cart-item,
body[class*="template-cart"] .cart__item,
body[class*="template-cart"] [class*="cart-item"]{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(18,18,18,.10);
  border-radius: 18px;
  padding: 14px;
  margin-bottom: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

body.template-cart img,
body[class*="template-cart"] img{
  border-radius: 14px !important;
}

/* Summary / totals card */
body.template-cart .cart__footer,
body.template-cart [class*="cart__footer"],
body.template-cart [class*="cart__summary"],
body.template-cart [class*="cart-summary"],
body[class*="template-cart"] .cart__footer,
body[class*="template-cart"] [class*="cart__footer"],
body[class*="template-cart"] [class*="cart__summary"],
body[class*="template-cart"] [class*="cart-summary"]{
  background: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(18,18,18,.10) !important;
  border-radius: 22px !important;
  padding: 16px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.10) !important;
}

/* Checkout button = premium pill */
body.template-cart a[href*="checkout"],
body.template-cart button[name="checkout"],
body[class*="template-cart"] a[href*="checkout"],
body[class*="template-cart"] button[name="checkout"]{
  width: 100% !important;
  border-radius: 999px !important;
  background: rgba(18,18,18,.92) !important;
  color: #fff !important;
  border: 1px solid rgba(18,18,18,.18) !important;
  padding: 14px 18px !important;
  box-shadow: 0 12px 30px rgba(18,18,18,.18);
  justify-content: center !important;
}

/* “View cart” button (if present) */
body.template-cart a[href="/cart"],
body[class*="template-cart"] a[href="/cart"]{
  border-radius: 999px !important;
}

/* Accordions (note + discount) — if your theme uses details/summary or drawer triggers */
.belle-cart-acc{
  margin-top: 12px;
  display:grid;
  gap:10px;
}
.belle-cart-acc details{
  background: rgba(255,255,255,.80);
  border: 1px solid rgba(18,18,18,.10);
  border-radius: 16px;
  padding: 10px 12px;
}
.belle-cart-acc summary{
  cursor:pointer;
  list-style:none;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  opacity: .85;
  padding: 8px 0;
}
.belle-cart-acc summary::-webkit-details-marker{ display:none; }
.belle-cart-acc .belle-cart-acc__body{ padding: 10px 0 6px; }

/* Mobile: make summary card sit nicely under items */
@media (max-width: 989px){
  body.template-cart .cart,
  body[class*="template-cart"] .cart{
    display:block !important;
  }
  body.template-cart .cart__footer,
  body[class*="template-cart"] .cart__footer{
    margin-top: 16px !important;
  }
}
[class^="ai-checkout-button-"]{
  border-radius: 999px !important;
  box-shadow: 0 12px 30px rgba(18,18,18,.18) !important;
  font-weight: 600 !important;
  letter-spacing: .2px;
}
input.cart__submit-btn.button[name="checkout"]{
  all: unset;
  display: block;
  text-align: center;
  width: 100%;
  padding: 16px 18px;
  border-radius: 999px;
  background: #121212;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}
/* =========================
   BELLE ESSENTIALS (Quick Add)
   ========================= */

.belle-essentials__heading{
  text-align:center;
  margin: 0 0 26px;
  letter-spacing: .2px;
}

.belle-essentials__note{
  text-align:center;
  opacity:.75;
}

.belle-essentials__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

@media (max-width: 989px){
  .belle-essentials__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 749px){
  .belle-essentials__grid{ grid-template-columns: 1fr; }
}

.belle-card{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(18,18,18,.10);
  border-radius: 18px;
  overflow:hidden;
}

.belle-card__media{
  display:block;
  aspect-ratio: 3/4;
  overflow:hidden;
}

.belle-card__media img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.belle-card__body{
  padding: 14px 14px 16px;
}

.belle-card__title{
  display:block;
  text-decoration:none;
  color: rgba(18,18,18,.92);
  margin: 2px 0 6px;
  line-height:1.2;
}

.belle-card__price{
  margin-bottom: 10px;
  opacity:.85;
}

/* Compact selectors (not bulky) */
.belle-card__opts{
  display:grid;
  gap: 10px;
  margin-bottom: 10px;
}

.belle-opt__label{
  display:block;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  opacity:.7;
  margin-bottom: 6px;
}

.belle-opt__select{
  width:100%;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(18,18,18,.12);
  background: rgba(255,255,255,.85);
}

/* Button */
.belle-card__btn{
  width:100%;
  border-radius: 999px;
  padding: 12px 14px;
  border: 1px solid rgba(18,18,18,.18);
  background: rgba(18,18,18,.92);
  color: #fff;
  cursor:pointer;
}

.belle-card__btn[disabled]{
  opacity:.55;
  cursor:not-allowed;
}

.belle-card__msg{
  margin-top: 8px;
  font-size: 13px;
  opacity:.75;
  min-height: 18px;
}
.belle-card__msg[data-ok="1"]{ opacity:.8; }
/* BELLE ESSENTIALS mini product (first-page) */
.belle-essentials__price{
  margin: 6px 0 14px;
  font-size: 14px;
  letter-spacing: .2px;
  color: rgba(18,18,18,.78);
}

.belle-price--compare{
  margin-left: 10px;
  text-decoration: line-through;
  color: rgba(18,18,18,.45);
}

.belle-essentials select{
  width: 100%;
  max-width: 420px;
}

.belle-essentials button[type="submit"]{
  width: 100%;
  max-width: 420px;
  border-radius: 999px;
  padding: 12px 16px;
}
/* ===== BELLE Essentials (Luxury Grid + Quick Add) ===== */

.belle-essentials .page-width{ max-width: 1280px; }

.belle-essentials__head{
  text-align:center;
  margin-bottom: 22px;
}
.belle-essentials__kicker{
  letter-spacing: .28em;
  font-size: 12px;
  color: rgba(18,18,18,.55);
  margin: 0 0 8px;
}
.belle-essentials__title{
  margin: 0;
  font-size: clamp(28px, 3.2vw, 44px);
  line-height: 1.05;
}
.belle-essentials__sub{
  margin: 10px auto 0;
  max-width: 620px;
  color: rgba(18,18,18,.62);
}

/* Grid */
.belle-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 26px);
}
@media (max-width: 990px){
  .belle-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px){
  .belle-grid{ grid-template-columns: 1fr; }
}

/* Card */
.belle-card{
  border-radius: 22px;
  overflow: hidden;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(18,18,18,.10);
  box-shadow: 0 1px 0 rgba(18,18,18,.08);
  transition: transform .35s var(--ease), box-shadow .35s var(--ease);
}
.belle-card:hover{
  transform: translateY(-3px);
  box-shadow: var(--shadow-sm);
}

.belle-card__media{
  display:block;
  position:relative;
  aspect-ratio: 4 / 5;
  background: rgba(0,0,0,.03);
}
.belle-card__media img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.belle-badge{
  position:absolute;
  left: 12px;
  top: 12px;
  font-size: 12px;
  letter-spacing: .08em;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(18,18,18,.88);
  color: #fff;
}

.belle-card__body{
  padding: 14px 14px 16px;
  display:grid;
  gap: 8px;
}
.belle-card__name{
  text-decoration:none;
  color: rgba(18,18,18,.92);
  font-size: 15px;
  line-height: 1.2;
}
.belle-card__price{
  font-feature-settings:"tnum" 1,"lnum" 1;
  color: rgba(18,18,18,.78);
  display:flex;
  gap:10px;
  align-items:baseline;
}
.belle-card__compare{
  color: rgba(18,18,18,.45);
  text-decoration: line-through;
  font-size: 13px;
}

.belle-card__cta{
  margin-top: 2px;
  border-radius: 999px;
  padding: 12px 14px;
  border: 1px solid rgba(18,18,18,.18);
  background: rgba(18,18,18,.92);
  color: #fff;
  cursor:pointer;
}
.belle-card__cta[disabled]{
  opacity: .55;
  cursor: not-allowed;
}

/* Modal */
.belle-modal[hidden]{ display:none; }
.belle-modal{ position: fixed; inset: 0; z-index: 4000; }
.belle-modal__backdrop{ position:absolute; inset:0; background: rgba(0,0,0,.35); }
.belle-modal__panel{
  position: absolute;
  right: 16px;
  top: 16px;
  bottom: 16px;
  width: min(520px, calc(100% - 32px));
  background: rgba(255,255,255,.97);
  border: 1px solid rgba(18,18,18,.10);
  border-radius: 24px;
  box-shadow: 0 30px 80px rgba(0,0,0,.18);
  padding: 16px;
  overflow:auto;
}
@media (max-width: 749px){
  .belle-modal__panel{
    left: 12px;
    right: 12px;
    top: auto;
    bottom: 12px;
    width: auto;
  }
}

.belle-modal__x{
  position: sticky;
  top: 0;
  float: right;
  border: 0;
  background: transparent;
  font-size: 26px;
  line-height: 1;
  cursor:pointer;
  padding: 8px 10px;
  border-radius: 12px;
}

.belle-modal__top{
  display:grid;
  grid-template-columns: 110px 1fr;
  gap: 14px;
  align-items:center;
  margin-top: 8px;
}
.belle-modal__img img{
  width:110px;
  height:140px;
  object-fit: cover;
  border-radius: 16px;
}
.belle-modal__name{ font-size: 16px; color: rgba(18,18,18,.92); }
.belle-modal__price{ color: rgba(18,18,18,.70); margin-top: 4px; }
.belle-modal__hint{ color: rgba(18,18,18,.55); font-size: 13px; margin-top: 8px; }

.belle-fields{
  margin-top: 14px;
  display:grid;
  gap: 10px;
}
.belle-field__label{
  display:block;
  font-size: 12px;
  letter-spacing: .18em;
  color: rgba(18,18,18,.55);
  margin: 0 0 6px;
  text-transform: uppercase;
}
.belle-field__select{
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(18,18,18,.12);
  background: rgba(255,255,255,.78);
  padding: 12px 14px;
}

.belle-modal__add{
  width: 100%;
  margin-top: 14px;
  border-radius: 999px;
  padding: 14px 16px;
  border: 1px solid rgba(18,18,18,.18);
  background: rgba(18,18,18,.92);
  color: #fff;
  cursor:pointer;
}
.belle-modal__add:disabled{ opacity: .55; cursor:not-allowed; }

.belle-modal__msg{
  margin: 10px 0 0;
  color: rgba(18,18,18,.62);
  font-size: 13px;
}
/* ===== BELLE LUXE GRID (Reservation vibe) ===== */

.belle-luxe-collection .page-width{ max-width: 1280px; }

.belle-luxe-collection__head{
  text-align:center;
  margin-bottom: 22px;
}
.belle-luxe-collection__kicker{
  font-size: 12px;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: rgba(18,18,18,.55);
  margin-bottom: 10px;
}
.belle-luxe-collection__title{
  margin: 0;
  font-size: clamp(28px, 3.2vw, 44px);
  line-height: 1.05;
}
.belle-luxe-collection__sub{
  margin: 10px auto 0;
  max-width: 640px;
  color: rgba(18,18,18,.62);
  line-height: 1.6;
}

/* Grid */
.belle-luxe-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 26px);
}
@media (max-width: 990px){ .belle-luxe-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px){ .belle-luxe-grid{ grid-template-columns: 1fr; } }

/* Card */
.belle-luxe-card{
  border-radius: 22px;
  overflow: hidden;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(18,18,18,.10);
  box-shadow: 0 1px 0 rgba(18,18,18,.08);
  transition: transform .35s var(--ease), box-shadow .35s var(--ease);
}
.belle-luxe-card:hover{
  transform: translateY(-3px);
  box-shadow: var(--shadow-sm);
}

.belle-luxe-card__media{
  position: relative;
  display:block;
  aspect-ratio: 4 / 5;
  background: rgba(0,0,0,.03);
}
.belle-luxe-card__media img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.belle-luxe-badge{
  position:absolute;
  left: 12px;
  top: 12px;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 12px;
  letter-spacing: .08em;
  background: rgba(18,18,18,.88);
  color: #fff;
}

.belle-luxe-card__body{
  padding: 14px 14px 16px;
  display:grid;
  gap: 8px;
}
.belle-luxe-card__name{
  text-decoration:none;
  color: rgba(18,18,18,.92);
  font-size: 15px;
  line-height: 1.2;
}
.belle-luxe-card__price{
  display:flex;
  gap: 10px;
  align-items:baseline;
  color: rgba(18,18,18,.78);
  font-feature-settings:"tnum" 1,"lnum" 1;
}
.belle-luxe-card__compare{
  font-size: 13px;
  color: rgba(18,18,18,.45);
  text-decoration: line-through;
}

.belle-luxe-card__cta{
  border-radius: 999px;
  padding: 12px 14px;
  border: 1px solid rgba(18,18,18,.18);
  background: rgba(18,18,18,.92);
  color:#fff;
  cursor:pointer;
}
.belle-luxe-card__cta[disabled]{ opacity:.55; cursor:not-allowed; }

/* Modal */
.belle-luxe-modal[hidden]{ display:none; }
.belle-luxe-modal{ position: fixed; inset: 0; z-index: 5000; }
.belle-luxe-modal__backdrop{ position:absolute; inset:0; background: rgba(0,0,0,.35); }

.belle-luxe-modal__panel{
  position: absolute;
  right: 16px;
  top: 16px;
  bottom: 16px;
  width: min(520px, calc(100% - 32px));
  background: rgba(255,255,255,.97);
  border: 1px solid rgba(18,18,18,.10);
  border-radius: 24px;
  box-shadow: 0 30px 80px rgba(0,0,0,.18);
  padding: 16px;
  overflow:auto;
}
@media (max-width: 749px){
  .belle-luxe-modal__panel{
    left: 12px;
    right: 12px;
    top: auto;
    bottom: 12px;
    width: auto;
  }
}

.belle-luxe-modal__close{
  border:0;
  background: transparent;
  font-size: 26px;
  line-height: 1;
  cursor:pointer;
  padding: 8px 10px;
  border-radius: 12px;
  float:right;
}

.belle-luxe-modal__top{
  display:grid;
  grid-template-columns: 110px 1fr;
  gap: 14px;
  align-items:center;
  margin-top: 10px;
}
.belle-luxe-modal__img img{
  width:110px;
  height:140px;
  object-fit: cover;
  border-radius: 16px;
  display:block;
}

.belle-luxe-modal__name{ font-size: 16px; color: rgba(18,18,18,.92); }
.belle-luxe-modal__price{ margin-top: 4px; color: rgba(18,18,18,.70); }
.belle-luxe-modal__hint{ margin-top: 8px; font-size: 13px; color: rgba(18,18,18,.55); }

.belle-luxe-fields{
  display:grid;
  gap: 10px;
  margin-top: 14px;
}
.belle-luxe-field__label{
  display:block;
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(18,18,18,.55);
  margin-bottom: 6px;
}
.belle-luxe-field__select{
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(18,18,18,.12);
  background: rgba(255,255,255,.78);
  padding: 12px 14px;
}

.belle-luxe-modal__add{
  width: 100%;
  margin-top: 14px;
  border-radius: 999px;
  padding: 14px 16px;
  border: 1px solid rgba(18,18,18,.18);
  background: rgba(18,18,18,.92);
  color:#fff;
}
.belle-luxe-modal__add:disabled{ opacity:.55; cursor:not-allowed; }

.belle-luxe-modal__msg{
  margin-top: 10px;
  font-size: 13px;
  color: rgba(18,18,18,.62);
}
header .belle-loc__form,
.header .belle-loc__form,
.belle-header .belle-loc__form {
  display: none !important;
}
/* BELLE — Preorder button */
.preorder-btn,
button.preorder-btn,
a.preorder-btn,
.btn.preorder-btn {
  background-color: #f2b6c2 !important;
  border-color: #f2b6c2 !important;
  color: #121212 !important;
}

.preorder-btn:hover,
button.preorder-btn:hover,
a.preorder-btn:hover,
.btn.preorder-btn:hover {
  background-color: #e9a7b5 !important;
  border-color: #e9a7b5 !important;
  color: #121212 !important;
}

.preorder-shipping {
  margin-top: 8px;
  font-size: 12px;
  letter-spacing: 0.05em;
  color: #777;
}

.preorder-shipping {
  margin-top: 8px;
  font-size: 12px;
  letter-spacing: 0.05em;
  color: #777;
}
/* Featured collection: shrink Add to cart button to match image ratio */
@media (max-width: 768px) {

  /* The clickable wrapper that contains our label */
  .featured-collection .belle-atc-label {
    display: inline-block;
  }

  /* Shrink the parent button/link that contains the label */
  .featured-collection .belle-atc-label,
  .featured-collection .belle-atc-label * {
    font-size: 14px !important;
    letter-spacing: 0.06em !important;
  }

  /* Most themes: label sits inside <a> or <button>. Style that parent. */
  .featured-collection a:has(.belle-atc-label),
  .featured-collection button:has(.belle-atc-label),
  .featured-collection .btn:has(.belle-atc-label),
  .featured-collection .button:has(.belle-atc-label) {
    width: auto !important;
    max-width: 74% !important;
    padding: 10px 16px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  /* center */
  .featured-collection .page-width {
    text-align: center;
  }
}
/* BELLE: Featured Collection — bigger 2-up product cards on mobile */
@media (max-width: 768px) {

  /* make the section a bit more edge-to-edge */
  .featured-collection.page-width {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  /* turn the product list into a 2-col grid */
  .featured-collection .product-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: stretch;
  }

  /* your exact product card wrapper */
  .featured-collection .product-list__product-block {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* make images fill nicely */
  .featured-collection .product-list__product-block img {
    width: 100% !important;
    height: auto !important;
    display: block;
    border-radius: 14px !important;
  }

  /* reduce extra padding below image so the card feels balanced */
  .featured-collection .product-list__product-block .product-info,
  .featured-collection .product-list__product-block .product-card__content,
  .featured-collection .product-list__product-block .card__content {
    padding-top: 8px !important;
  }
}
.low-stock {
  color: #c0392b;
  font-weight: 600;
  margin-top: 6px;
}
.selling-fast{
color:#c0392b;
font-weight:600;
font-size:14px;
margin-top:4px;
}
.featured-product-direct-link {
  margin: 4px 0 8px;
}

.featured-product-direct-link a {
  font-size: 13px;
  text-decoration: underline;
}
/* BELLE — premium catalog cards to match featured collection */

.collection-title {
  margin-bottom: 18px;
}

.product-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

.product-list__product-block {
  width: 100%;
  max-width: 100%;
  text-align: center;
}

.product-list__img-link {
  display: block;
  overflow: hidden;
  border-radius: 34px !important;
  margin-bottom: 12px;
  background: #fcfbfa;
  position: relative;
}

.product-list__product-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 34px !important;
}

/* makes product cards feel softer and more premium */
.product-list__product-name {
  display: block;
  margin-top: 4px;
  text-decoration: none;
  color: #111;
  font-size: 16px;
  line-height: 1.35;
}

.featured-product-direct-link,
.product-list__product-block .featured-product-direct-link {
  margin: 2px 0 8px;
}

.featured-product-direct-link a,
.product-list__product-block .featured-product-direct-link a {
  font-size: 13px;
  text-decoration: underline;
  color: #111;
}

.product-list__product-price {
  margin-top: 6px;
  margin-bottom: 12px;
}

.product-card__button {
  margin-top: 8px;
}

.product-card__button .btn,
.product-card__button button {
  min-width: 170px;
  border-radius: 999px !important;
  padding: 12px 18px !important;
}

/* hover image still works nicely */
.belle-hover-image {
  position: relative;
}

.belle-hover-image__secondary {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.belle-hover-image:hover .belle-hover-image__secondary {
  opacity: 1;
}

/* MOBILE */
@media (max-width: 768px) {
  .page-width {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .collection-title {
    margin-bottom: 14px;
  }

  .product-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .product-list__img-link {
    border-radius: 28px !important;
    margin-bottom: 10px !important;
    min-height: 245px;
    background: #fcfbfa;
  }

  .product-list__product-img {
    width: 100% !important;
    height: 245px !important;
    object-fit: cover !important;
    border-radius: 28px !important;
  }

  .product-list__product-name {
    font-size: 15px;
    margin-top: 2px;
  }

  .product-list__product-price {
    margin-top: 4px;
    margin-bottom: 10px;
  }

  .product-card__button {
    margin-top: 8px !important;
  }

  .product-card__button .btn,
  .product-card__button button {
    width: auto !important;
    min-width: 140px;
    padding: 10px 16px !important;
    border-radius: 999px !important;
  }
}
/* BELLE — product inventory dots */
.product__inventory span::before,
.product__inventory .inventory-dot,
.product__inventory .dot,
.inventory-status::before {
  background: #f2b6c2 !important;
}
.product__inventory svg circle{
  fill: #f2b6c2 !important;
}
/* BELLE — force stock dots pink on product page */
.product__inventory,
.product__inventory *,
.inventory,
.inventory *,
.inventory-status,
.inventory-status * {
  --dot-color: #f2b6c2 !important;
}

.product__inventory span::before,
.product__inventory p::before,
.product__inventory .icon-with-text__item::before,
.product__inventory .list-menu__item::before,
.inventory span::before,
.inventory p::before,
.inventory-status::before {
  background: #f2b6c2 !important;
  border-color: #f2b6c2 !important;
  box-shadow: 0 0 0 4px rgba(242, 182, 194, 0.18) !important;
}

.product__inventory .icon,
.product__inventory svg,
.inventory .icon,
.inventory svg {
  color: #f2b6c2 !important;
  fill: #f2b6c2 !important;
}

.product__inventory circle,
.inventory circle,
.inventory-status circle {
  fill: #f2b6c2 !important;
  stroke: #f2b6c2 !important;
}
.featured-collection .product-card__button {
  margin-top: 14px;
}
/* BELLE — Mobile menu active item highlight */
.belle-drawer__link {
  border-radius: 16px;
  padding: 12px 16px;
}

/* ACTIVE PAGE (current page like Home) */
.belle-drawer__link[aria-current="page"],
.belle-drawer__link.active {
  background: #f2b6c2 !important;
  color: #000 !important;
}

/* Optional: hover effect */
.belle-drawer__link:hover {
  background: #f2b6c2 !important;
}
.belle-drawer__link {
  display: block;
  padding: 12px 16px;
  border-radius: 16px;
  transition: background-color 0.25s ease, color 0.25s ease;
}

.belle-drawer__link.is-active,
.belle-drawer__link[aria-current="page"] {
  background: #f2b6c2 !important;
  color: #111111 !important;
}