/** Shopify CDN: Minification failed

Line 176:20 Expected ":"

**/
/* ==========================================================================
   Wishlist Hero — wishlist modal/popup (header heart → dialog)
   ========================================================================== */

:root{
  --whm-cream:#f5f0e4;   /* modal + card background */
  --whm-border:#a89f91;  /* dividers, card borders, dates */
  --whm-ink:#000;
}

/* --- Header trigger ------------------------------------------------------ */

.hasIco li.wishlist > a{
  display:inline-flex !important;
  align-items:center !important;   
  gap:8px;
}
p.MuiTypography-root.wishlist-hero-list-header.wishlist-hero-dyna-translate.MuiTypography-body1{
  display: none !important;
}
.hasIco li.wishlist svg{
  width:16px !important;
  height:16px !important;
  max-width:none !important;   
}
.hasIco li.wishlist .account-text{
  text-transform:uppercase;
  font-size:14px;
  letter-spacing:.2px;
}
/* app.css hides .wishlist below 768px; Figma shows the heart in the mobile
   header, so keep it visible (icon only — the WISHLIST text stays large-only). */
@media (max-width:768px){
  .accounts .wishlist{ display:inline-block !important; }
  /* un-squish the cart icon: the theme's svg{max-width:100%} caps it to ~8px wide */
  .header-top .cartCounter svg{
    max-width:none !important;
    width:18px !important;
    height:auto !important;
  }
}

/* --- Dialog box ---------------------------------------------------------- */
.MuiDialog-paper:has(.wishlist-hero-header){
  background:var(--whm-cream) !important;
  border-radius:7px !important;
  box-shadow:0 12px 48px rgba(0,0,0,.18) !important;
}
@media (max-width:767px){
  .MuiDialog-paper:has(.wishlist-hero-header){ border-radius:0 !important; }
}

/* --- Header (heart + "Wishlist" + close) --------------------------------- */
.wishlist-hero-header{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:16px 32px !important;
  background:var(--whm-cream) !important;
  max-height: 49px !important;
}
.wishlist-hero-header-title{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
  font-size:24px !important;
  color:var(--whm-ink) !important;
}
.wishlist-hero-header-title svg{
  width:18px !important;
  height:16px !important;
  color:var(--whm-ink) !important;
}
.wishlist-hero-header-close{
  position:static !important;   /* drop the inline absolute/float so flexbox centres it */
  float:none !important;
  top:auto !important;
  right:auto !important;
  margin:0 !important;
  color:var(--whm-ink) !important;
}
.wishlist-hero-header-close{ color:var(--whm-ink) !important; }
.wishlist-hero-header-close svg{ width:18px !important; height:18px !important; }

/* --- Scroll content with top/bottom rules -------------------------------- */
.wishlist-hero-header + .MuiDialogContent-root{
  background:var(--whm-cream) !important;
  border-top:1px solid var(--whm-border) !important;
  border-bottom:1px solid var(--whm-border) !important;
  padding:41px 32px !important;
}
@media (max-width:767px){
  .wishlist-hero-header + .MuiDialogContent-root{ padding:25px 20px !important; }
  .jss27 { padding: 0px !important;}
  .js-wishlist-open li{ width: 16px !important; height: 16px !important; }
}

/* --- Cards grid: 208px wrapping (desktop) / full width (mobile) ----------- */
.wishlisthero-customer-view-listing p{ margin:0 !important; }
.wishlisthero-customer-view-listing .MuiGrid-container{
  margin:0 !important;
  width:100% !important;
  gap:24px !important;
  align-items: stretch;
}
.wishlisthero-customer-view-listing .MuiGrid-container > .wishlist-hero-list-card{
  padding:0 !important;
  width:100% !important;
  max-width:100% !important;
  flex-basis:100% !important;
}
@media (min-width:768px){
  .wishlisthero-customer-view-listing .MuiGrid-container > .wishlist-hero-list-card{
    width:208px !important;
    max-width:208px !important;
    flex-basis:208px !important;
  }
}

/* --- Card --------------------------------------------------------------- */
.wishlisthero-customer-view-listing .MuiCard-root{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  gap:0px !important;
  margin:0 !important;
  padding:16px !important;
  background:var(--whm-cream) !important;
  border:1px solid var(--whm-border) !important;
  border-radius:0 !important;
  box-shadow:0 2px 6px rgba(0,0,0,.06) !important;
  height: 100% !important;
}

/* Card header (name + date) */
.wishlist-hero-list-card-header{ padding:0 !important; }
.wishlisthero-customer-view-listing .MuiCardHeader-content{
  display:flex; flex-direction:column; gap:6px;
}
.wishlist-hero-list-card-header-product-name{
  font-size:16px !important;
  font-weight:500 !important;
  color:var(--whm-ink) !important;
  text-decoration:none !important;
  min-height:0 !important;
}
.wishlist-hero-list-card-header-added-on{
  font-size:14px !important;
  color:var(--whm-border) !important;
}

/* Product image */
.wishlist-hero-list-card-product-image{
  width:100% !important;
  height:auto !important;
  aspect-ratio:1 / 1 !important;
  margin:0 !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
}

/* Price (left) + delete (right) on one bottom row, vertically centred together */
.wishlist-hero-list-card-product-price{
  padding:0 !important;
  padding-right:28px !important;   /* room for the trash icon */
  min-height:24px !important;
  display:flex !important;
  align-items:center !important;
  margin-top: auto;s
}
.wishlist-hero-list-card-product-price > p,
.wishlist-hero-price-update,
.wishlist-hero-list-card-product-price .money{
  margin:0 !important;
  font-size:16px !important;
  font-weight:500 !important;
  line-height:1 !important;
  color:var(--whm-ink) !important;
  text-align:left !important;
}
.wishlist-hero-list-card-footer{
  position:absolute !important;
  right:16px !important;
  bottom:16px !important;
  height:24px !important;           /* same band as the price → centres match */
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
}
.wishlist-hero-list-card-footer .MuiButtonGroup-root,
.wishlist-hero-list-card-footer button{
  margin:0 !important;
  padding:0 !important;
  min-width:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--whm-ink) !important;
  box-shadow:none !important;
}
.wishlist-hero-list-card-footer svg{
  width:16px !important;
  height:16px !important;
  font-size:16px !important;
  color:var(--whm-ink) !important;
}

/* --- "REMOVE ALL FROM WISHLIST" ----------------------------------------- */
.wishlist-hero-list-footer{ padding-top:24px !important; }
.wishlist-hero-list-card-footer-delete-all{
  margin:0 !important;
  padding:0 !important;
  font-size:16px !important;
  color:var(--whm-ink) !important;
  text-transform:uppercase !important;
  letter-spacing:.5px !important;
}

/* --- Dialog footer: only SHARE WISHLIST, right-aligned ------------------- */
.wishlist-hero-footer{
  background:var(--whm-cream) !important;
  justify-content:flex-end !important;
  padding:16px 32px !important;
}
.wishlist-hero-footer-send-email-btn{ display:none !important; }
.wishlist-hero-footer-share-btn{
  color:var(--whm-ink) !important;
  font-size:14px !important;
  letter-spacing:.4px !important;
  text-transform:uppercase !important;
}
.wishlist-hero-footer-share-btn svg{ width:24px !important; height:24px !important; }

/* ==========================================================================
   "Added to wishlist" confirmation toast (Figma 4070:5649 / 4070:5666)
   ========================================================================== */

#wishlist-hero-add-prod-to-wishlist-notification{
  top:24px !important;
  left:24px !important;
  right:auto !important;
  bottom:auto !important;
  width:358px !important;
  max-width:calc(100vw - 48px) !important;
  transform:none !important;
}
#wishlist-hero-add-prod-to-wishlist-notification .MuiSnackbarContent-root,
#wishlist-hero-add-prod-to-wishlist-notification .MuiSnackbarContent-message,
#wishlist-hero-add-prod-to-wishlist-notification .MuiCard-root{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  box-sizing:border-box !important;
  min-height: 134px !important;
  max-height: 170px !important;
}
#wishlist-hero-add-prod-to-wishlist-notification .MuiSnackbarContent-root{
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
@media (max-width:767px){
  #wishlist-hero-add-prod-to-wishlist-notification{
    top:16px !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    width:calc(100vw - 32px) !important;
    max-width:400px !important;
    transform:translateX(-50%) !important;
  }
}
#wishlist-hero-add-prod-to-wishlist-notification .MuiSnackbarContent-message{
  width:100% !important;
  padding:0 !important;
}

/* Toast box */
#wishlist-hero-add-prod-to-wishlist-notification .MuiCard-root{
  width:100% !important;
  margin:0 !important;
  background:#fff !important;
  border:1px solid #889387 !important;
  border-radius:4px !important;
  box-shadow:0 0 24px 8px rgba(0,0,0,.06) !important;
  overflow:hidden !important;
}

/* Top bar (cream): success message + close X */
#wishlist-hero-add-prod-to-wishlist-notification .MuiCardHeader-root{
  background:var(--whm-cream) !important;
  padding:16px !important;
  align-items:center !important;
  max-height:46px !important;
}
#wishlist-hero-add-prod-to-wishlist-notification .MuiCardHeader-title,
#wishlist-hero-add-prod-to-wishlist-notification .MuiCardHeader-title span{
  margin:0 !important;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:1.2 !important;
  color:var(--whm-ink) !important;
}
#wishlist-hero-add-prod-to-wishlist-notification .MuiCardHeader-action{
  margin:0 !important;
  align-self:center !important;
}
#wishlist-hero-add-prod-to-wishlist-notification .MuiCardHeader-action button{
  padding:0 !important;
  color:var(--whm-ink) !important;
}
#wishlist-hero-add-prod-to-wishlist-notification .MuiCardHeader-action svg{
  width:16px !important; height:16px !important;
}

/* Body (white) */
#wishlist-hero-add-prod-to-wishlist-notification .MuiCardContent-root{
  background:#fff !important;
  padding:20px 20px 0 !important;
}
/* Hide the product image — Figma body has none */
#wishlist-hero-add-prod-to-wishlist-notification .MuiCardContent-root > div[style*="background-image"]{
  display:none !important;
}
/* Product name (+ check-circle) */
#wishlist-hero-add-prod-to-wishlist-notification .MuiCardContent-root > a{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  font-size:16px !important;
  font-weight:500 !important;
  color:var(--whm-ink) !important;
  text-decoration:none !important;
}
#wishlist-hero-add-prod-to-wishlist-notification .MuiCardContent-root > a::before{
  content:"";
  flex:0 0 auto;
  width:14px; height:14px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DB5A2C' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12.5l2.5 2.5 5-6'/%3E%3C/svg%3E");
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
}

/* "View wishlist" — underlined, right-aligned */
#wishlist-hero-add-prod-to-wishlist-notification .MuiCardActions-root{
  background:#fff !important;
  justify-content:flex-end !important;
  padding:20px !important;
}
#wishlist-hero-add-prod-to-wishlist-notification .MuiCardActions-root a{
  font-size:14px !important;
  font-weight:500 !important;
  color:var(--whm-ink) !important;
  text-decoration:underline !important;
  cursor:pointer !important;
}

/* ==========================================================================
   Empty wishlist state 
   ========================================================================== */
.MuiDialogContent-root.wlh-is-empty{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;   /* desktop: vertically centred */
  min-height:440px !important;
}
.MuiDialogContent-root.wlh-is-empty > *:not(.wlh-empty-state){ display:none !important; }
.MuiDialog-paper:has(.MuiDialogContent-root.wlh-is-empty) .wishlist-hero-footer{ display:none !important; }

.wlh-empty-state{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:20px;
  margin:auto;
  text-align:center;
}
.wlh-empty-title{
  margin:0;
  font-size:24px;
  font-weight:500;
  line-height:1.1;
  letter-spacing:.457px;
  text-transform:uppercase;
  color:var(--whm-ink);
}
.wlh-empty-text{
  margin:0;
  max-width:680px;
  font-size:16px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:.457px;
  text-transform:uppercase;
  color:var(--whm-ink);
}
.wlh-empty-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:250px;
  height:40px;
  background:#fffd78;
  border:1px solid #000;
  border-radius:7px;
  font-size:16px;
  font-weight:500;
  text-transform:uppercase;
  color:#000;
  text-decoration:none;
}
.wlh-empty-btn:hover{ background:#f6e84a; }

@media (max-width:767px){
  .MuiDialogContent-root.wlh-is-empty{
    justify-content:flex-start !important;   /* mobile: top-aligned */
    min-height:0 !important;
    padding-top:57px !important;
  }
}