/** Shopify CDN: Minification failed

Line 458:1 Unexpected "{"
Line 466:1 Unexpected "{"

**/
:root{
  --wb-terracotta: #bc7c56; /* change if your exact brand hex differs */
}


.wb-wl-heart{
  position:absolute; top:12px; right:12px; z-index:2;
  width:40px; height:40px; border-radius:999px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(0,0,0,.12);
}
.wb-wl-heart.is-active{ transform:scale(1.02); }

.wb-wl-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; }
.wb-wl-card{ border:1px solid rgba(0,0,0,.10); border-radius:20px; overflow:hidden; }
.wb-wl-media img{ width:100%; height:auto; display:block; }
.wb-wl-meta{ padding:12px; display:grid; gap:10px; }
.wb-wl-title{ text-decoration:none; }
.wb-wl-actions{ display:flex; gap:8px; flex-wrap:wrap; }
.wb-btn{ padding:10px 12px; border-radius:20px; border:1px solid rgba(0,0,0,.14); }
.wb-btn-ghost{ background:transparent; }
/* Heart button: outline -> filled + terracotta */
.wb-wl-heart{
  position:absolute; top:12px; right:12px; z-index:2;
  width:40px; height:40px; border-radius:999px;
  display:grid; place-items:center;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(0,0,0,.14);
  cursor:pointer;
  transition:transform .12s ease, background .12s ease, border-color .12s ease;
}



.wb-wl-heart.is-active{
  background:var(--wb-terracotta);
  border-color:var(--wb-terracotta);
  transform:scale(1.05);
}



/* quick “clicked” feedback */
.wb-wl-heart:active{ transform:scale(.96); }
.wb-wl-pdp{
  width: 100%;
  background: white;
  justify-content: center;
  border:1px solid rgb(0, 0, 0);
  border-radius:20px;
  padding:10px 12px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.wb-wl-pdp .wl-added{ display:none; }

.wb-wl-pdp.is-active{
  background:#DD7453;
  border-color:#DD7453;
  color:#fff;
}

.wb-wl-pdp.is-active .wl-add{ display:none; }
.wb-wl-pdp.is-active .wl-added{ display:inline; }
.wb-wl-toast{
  position:fixed;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  background:#DD7453;
  color:#fff;
  padding:10px 14px;
  border-radius:999px;
  font-size:16px;
  opacity:0;
  pointer-events:none;
  transition:opacity .15s ease, transform .15s ease;
  z-index:9999;
}

.wb-wl-toast.show{
  opacity:1;
  transform:translateX(-50%) translateY(-4px);
}
/* 4-column grid on desktop */
.wb-wl-grid{
  display:grid;
  gap:16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 768px){
  .wb-wl-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px){
  .wb-wl-grid{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

/* Card layout: consistent height behavior */
.wb-wl-card{
  display:flex;
  flex-direction:column;
  border:1px solid rgba(0,0,0,.10);
  border-radius:20px;
  overflow:hidden;
  background:#fff;
}

/* IMPORTANT: lock image area to a fixed aspect ratio */
.wb-wl-media{
  display:block;
  width:100%;
  aspect-ratio: 1 / 1;   /* change to 1/1 if you want square */
  overflow:hidden;
  background:rgba(0,0,0,.04);
}

.wb-wl-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block;
}

/* Keep text/buttons neat */
.wb-wl-meta{
  padding:12px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.wb-wl-title{
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow:hidden;
}

.wb-wl-actions{
  margin-top:auto;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.wb-btn[disabled]{ opacity:.65; cursor:not-allowed; }

/* Floating wishlist widget (bottom-right, 20% above bottom) */
.wb-wl-fab{
  position: fixed;
  left: 18px;
  bottom: 40px;              /* 20% of viewport height above bottom */
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: var(--wb-terracotta);
  color: #fff;
  display: grid;
  place-items: center;
  text-decoration: none;
  
  z-index: 19;
  transition: transform .12s ease, opacity .12s ease;
}

.wb-wl-fab:hover{ transform: translateY(-2px); }
.wb-wl-fab:active{ transform: translateY(0px) scale(.98); }

.wb-wl-fab__icon{
  font-size: 20px;
  line-height: 1;
}

/* Count badge */
.wb-wl-fab__count{
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  background: #fff;
  color: var(--wb-terracotta);
  font-size: 10px;
  font-weight: 700;
  display: grid;
  place-items: center;
  border: 2px solid var(--wb-terracotta);
}
.wb-wl-icon{ display:inline-flex; align-items:center; justify-content:center; }
.wb-wl-icon svg{ width:20px; height:20px; display:block; }

.wb-wl-heart{
  /* keep your existing positioning rules */
  color: rgba(0,0,0,.78); /* icon color in inactive state */
}

.wb-wl-heart.is-active{
  background: var(--wb-terracotta);
  border-color: var(--wb-terracotta);
  color: #fff; /* svg becomes white because it uses currentColor */
}

/* PDP button icon alignment */
.wb-wl-pdp .wl-add,
.wb-wl-pdp .wl-added{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.wb-wl-fab__icon svg{ width:22px; height:22px; display:block; }
/* PDP wishlist label toggle (force correct visibility) */
.wb-wl-pdp .wl-added{ display:none !important; }
.wb-wl-pdp .wl-add{ display:inline-flex !important; align-items:center; gap:8px; }

.wb-wl-pdp.is-active .wl-add{ display:none !important; }
.wb-wl-pdp.is-active .wl-added{ display:inline-flex !important; align-items:center; gap:8px; }
.wb-wl-pdp .wl-add,
.wb-wl-pdp .wl-added { display:inline-flex; }

/* Collection card wishlist button visibility (inactive state) */
.wb-wl-heart{
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(0,0,0,.22) !important;

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* make inactive icon darker */
.wb-wl-heart{ color: rgba(0,0,0,.75) !important; }

/* hover/focus so it’s clearly interactive */
.wb-wl-heart:hover{
  transform: translateY(-1px) scale(1.03);
  border-color: rgba(0,0,0,.32) !important;
}
.wb-wl-heart:focus-visible{
  outline: 2px solid var(--wb-terracotta);
  outline-offset: 2px;
}

/* Active stays terracotta (already) */
.wb-wl-heart.is-active{
 
}
/* ---------- Wishlist icon states (inactive vs active) ---------- */

/* Base button layout */
.wb-wl-heart{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.22);
  
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: transform .12s ease, background .12s ease, border-color .12s ease, box-shadow .12s ease, color .12s ease;
}

/* Inactive look */
.wb-wl-heart:not(.is-active){
  background: rgba(255,255,255,.92) !important;
  border-color: rgba(0,0,0,.22) !important;
  color: rgba(0,0,0,.78) !important;
}

/* Active look (FORCE terracotta) */
.wb-wl-heart.is-active{
  background: var(--wb-terracotta) !important;
  border-color: var(--wb-terracotta) !important;
  color: #fff !important;

}

/* Hover/focus feedback */
.wb-wl-heart:hover{ transform: translateY(-1px) scale(1.03); }
.wb-wl-heart:active{ transform: scale(.98); }
.wb-wl-heart:focus-visible{
  outline: 2px solid var(--wb-terracotta);
  outline-offset: 2px;
}
.wb-wl-price{
  font-weight: 600;
  opacity: .9;
}

/* Center align Wishlist page title + empty state */
.wb-wl-page .page-width{
  text-align: center;
}

.wb-wl-page .wb-wl-grid{
  text-align: left; /* keep product cards normal */
}

/* Empty message styling */
.wb-wl-page #WishlistGrid > p{
  margin: 18px auto 0;
  max-width: 420px;
  text-align: center;
}


.wl-added {
  font-size: 16px;
  font-family:Nunito, sans-serif;
  font-feature-settings:normal;
font-kerning:auto;
font-language-override:normal;
font-optical-sizing:auto;
font-size:16px;
font-size-adjust:none;
font-stretch:100%;
font-style:normal;
font-weight:700;

}

.wl-add{
  font-size: 16px;
  font-family:Nunito, sans-serif;
  font-feature-settings:normal;
font-kerning:auto;
font-language-override:normal;
font-optical-sizing:auto;
font-size:16px;
font-size-adjust:none;
font-stretch:100%;
font-style:normal;
font-weight:700;
}

/* =========================
   Wishlist: title + button styling only
   Targets your existing markup:
   .wb-wl-title, .wb-btn, .wb-btn-ghost, #WBWishlistShare
   ========================= */

/* Title color (match theme heading/link color) */
#wishlist, 
#WishlistGrid .wb-wl-title,
#WishlistGrid .wb-wl-title:visited {
  color: rgb(var(--color-foreground));
  text-decoration: none;
}

/* Title hover (match theme link hover behavior) */
#WishlistGrid .wb-wl-title:hover {
  color: rgb(var(--color-foreground));
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

/* Base button styling (make wb-btn look like theme primary button) */
#WishlistGrid .wb-btn,
#WBWishlistShare.wb-btn {
  background: rgb(var(--color-button));
  color: rgb(var(--color-button-text));
  border: 1px solid rgb(var(--color-button));
  border-radius: var(--buttons-radius, 999px);
  padding: 12px 16px;
  font-weight: 600;
  line-height: 1;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .06s ease;
}

/* Hover/focus */
#WishlistGrid .wb-btn:hover,
#WBWishlistShare.wb-btn:hover {
  background: rgb(var(--color-button-hover, var(--color-button)));
  border-color: rgb(var(--color-button-hover, var(--color-button)));
}

/* Keyboard focus */
#WishlistGrid .wb-btn:focus-visible,
#WBWishlistShare.wb-btn:focus-visible {
  outline: 2px solid rgba(var(--color-foreground), .35);
  outline-offset: 3px;
}

/* Press */
#WishlistGrid .wb-btn:active,
#WBWishlistShare.wb-btn:active {
  transform: translateY(1px);
}

/* Ghost button (make wb-btn-ghost look like theme secondary/outlined) */
#WishlistGrid .wb-btn.wb-btn-ghost {
  background: transparent;
  color: rgb(var(--color-foreground));
  border: 1px solid rgba(var(--color-foreground), .35);
}

/* Ghost hover */
#WishlistGrid .wb-btn.wb-btn-ghost:hover {
  background: rgba(var(--color-foreground), .06);
  border-color: rgba(var(--color-foreground), .5);
}

/* Disabled states */
#WishlistGrid .wb-btn:disabled,
#WBWishlistShare.wb-btn:disabled {
  opacity: .55;
  cursor: not-allowed;
}

/* Optional: ensure buttons fill nicely in your action row */
#WishlistGrid .wb-wl-actions .wb-btn {
  width: 100%;
}
/* =========================
   Wishlist page layout tweaks
   - 10% top margin
   - side padding
   ========================= */
#WishlistGrid {
                 /* ~10% of viewport height */
  padding-left: 25px;
  padding-right: 25px;
}

/* If WishlistGrid is a child inside a full-width container, also protect inner grid */
#WishlistGrid .wb-wl-grid {
  padding-left: 0;
  padding-right: 0;
}

/* Responsive padding */
@media (min-width: 750px) {
  #WishlistGrid {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px) {
  #WishlistGrid {
    padding-left: 60px;
    padding-right: 60px;
  }
}

/* =========================
   Brand button colors
   Primary (Move to cart + Share)
   ========================= */
#WishlistGrid .wb-btn,
 {
  background: #DD7453;
  border-color: #DD7453;
  color: #fff;
}

/* Hover */
#WishlistGrid .wb-btn:hover,
 {
  background: #c96549;           /* slightly darker */
  border-color: #c96549;
}

/* Focus ring */
#WishlistGrid .wb-btn:focus-visible,
#WBWishlistShare.wb-btn:focus-visible {
  outline: 2px solid rgba(221, 116, 83, 0.45);
  outline-offset: 3px;
}

/* Ghost button stays outlined */
#WishlistGrid .wb-btn.wb-btn-ghost {
  background: transparent;
  color: rgb(var(--color-foreground));
  border: 1px solid rgba(var(--color-foreground), .35);
}
#WishlistGrid .wb-btn.wb-btn-ghost:hover {
  background: rgba(var(--color-foreground), .06);
  border-color: rgba(var(--color-foreground), .5);
}
/* Push down entire wishlist area so sticky header doesn't overlap Share button */
.wb-wishlist-wrap{
  padding-top: calc(var(--header-height, 80px) + 24px); /* header height + breathing room */
  padding-left: 20px;
  padding-right: 20px;
}

/* Responsive side padding */
@media (min-width: 750px){
  .wb-wishlist-wrap{ padding-left: 40px; padding-right: 40px; }
}
@media (min-width: 1200px){
  .wb-wishlist-wrap{ padding-left: 60px; padding-right: 60px; }
}

/* Keep your 10% top spacing AFTER header offset */
.wb-wishlist-wrap{
  margin-top: 10vh; /* if you still want extra spacing */
}

/* Brand buttons */
.wb-wishlist-wrap #WishlistGrid .wb-btn,
.wb-wishlist-wrap #WBWishlistShare.wb-btn{
  background:#DD7453;
  border-color:#DD7453;
  color:#fff;
}
.wb-wishlist-wrap #WishlistGrid .wb-btn:hover,
.wb-wishlist-wrap #WBWishlistShare.wb-btn:hover{
  background:#c96549;
  border-color:#c96549;
}

/* Ghost button */
.wb-wishlist-wrap #WishlistGrid .wb-btn.wb-btn-ghost{
  background:transparent;
  color: rgb(var(--color-foreground));
  border:1px solid rgba(var(--color-foreground), .35);
}
.wb-wishlist-wrap #WishlistGrid .wb-btn.wb-btn-ghost:hover{
  background: rgba(var(--color-foreground), .06);
  border-color: rgba(var(--color-foreground), .5);
}

/* Title color */
.wb-wishlist-wrap #WishlistGrid .wb-wl-title{
  color: rgb(var(--color-foreground));
  text-decoration:none;
}
.wb-wishlist-wrap #WishlistGrid .wb-wl-title:hover{
  text-decoration: underline;
  text-underline-offset: .2em;
}
/* =========================
   Wishlist page layout tweaks
   - 10% top margin
   - side padding
   ========================= */
#WishlistGrid {
  margin-top: 10vh;               /* ~10% of viewport height */
  padding-left: 20px;
  padding-right: 20px;
}

/* If WishlistGrid is a child inside a full-width container, also protect inner grid */
#WishlistGrid .wb-wl-grid {
  padding-left: 0;
  padding-right: 0;
}

/* Responsive padding */
@media (min-width: 750px) {
  #WishlistGrid {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px) {
  #WishlistGrid {
    padding-left: 60px;
    padding-right: 60px;
  }
}

/* =========================
   Brand button colors
   Primary (Move to cart + Share)
   ========================= */
#WishlistGrid .wb-btn,
#WBWishlistShare.wb-btn {
  background: #DD7453;
  border-color: #DD7453;
  color: #fff;
}

/* Hover */
#WishlistGrid .wb-btn:hover,
#WBWishlistShare.wb-btn:hover {
  background: #c96549;           /* slightly darker */
  border-color: #c96549;
}

/* Focus ring */
#WishlistGrid .wb-btn:focus-visible,
#WBWishlistShare.wb-btn:focus-visible {
  outline: 2px solid rgba(221, 116, 83, 0.45);
  outline-offset: 3px;
}

/* Ghost button stays outlined */
#WishlistGrid .wb-btn.wb-btn-ghost {
  background: transparent;
  color: rgb(var(--color-foreground));
  border: 1px solid rgba(var(--color-foreground), .35);
}
#WishlistGrid .wb-btn.wb-btn-ghost:hover {
  background: rgba(var(--color-foreground), .06);
  border-color: rgba(var(--color-foreground), .5);
}


#WBWishlistShare.wb-btn {
  display: none !important;
}



/* ===============================
   Collection product-card heart ONLY
   =============================== */

.product-card-wrapper .wb-wl-heart.card__wishlist-button--overlay{
  /* positioning tweak: move up a bit */
  top: -8px !important;      /* was 12px */
  right: -8px !important;
  left: auto !important;

  /* remove circle/background/border/shadow */
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 0 !important;

  /* tap target stays comfy */
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* outline color (inactive) */
  color: #f66405 !important;
}

/* bigger icon */
.product-card-wrapper .wb-wl-heart.card__wishlist-button--overlay svg.icon-heart-stroke{
  width: 16px !important;
  height: 16px !important;
  display: block !important;
}

/* outline default */
.product-card-wrapper .wb-wl-heart.card__wishlist-button--overlay svg.icon-heart-stroke path{
  fill: transparent !important;
  stroke: currentColor !important;
}

/* active -> filled red */
.product-card-wrapper .wb-wl-heart.card__wishlist-button--overlay.is-active{
  color: #f66405 !important;
}

.product-card-wrapper .wb-wl-heart.card__wishlist-button--overlay.is-active svg.icon-heart-stroke path{
  fill: currentColor !important;
  stroke: currentColor !important;
}