/* ========================================================================
   MUTTI LAB v9.4.49 — Stage 21 drawer stability + clean wishlist heart
   Narrow UI hotfix only. No layout/content changes to Home/PDP/catalogue/
   checkout/account/footer; existing drawer design and heart hit targets stay.
   ======================================================================== */

/* 1) Cart / wishlist drawers: keep the classic scrollbar gutter reserved while
      scroll is locked. This prevents the document from widening by the native
      Windows scrollbar width when either overlay opens. */
html.mutti-cart-open,
html.mutti-wishlist-open{
  overflow:hidden!important;
  overscroll-behavior:none!important;
  scrollbar-gutter:stable!important;
}
body.mutti-cart-open,
body.mutti-wishlist-open{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}

/* 2) Wishlist heart: final reset over every legacy card surface. The button
      keeps its invisible hit area; only the PNG heart is visible. */
html body button.mutti-market-heart.mutti-wishlist-toggle,
html body button.mutti-wishlist-loop.mutti-wishlist-toggle,
html body .mutti-market-card button.mutti-market-heart.mutti-wishlist-toggle,
html body .mutti-popular-v9345__catalog-card button.mutti-market-heart.mutti-wishlist-toggle,
html body .mutti-popular-v9347__catalog-card button.mutti-market-heart.mutti-wishlist-toggle,
html body .mutti-popular-v9370__shelf-card button.mutti-market-heart.mutti-wishlist-toggle,
html body.home .mutti-home button.mutti-market-heart.mutti-wishlist-toggle{
  -webkit-appearance:none!important;
  appearance:none!important;
  border:0!important;
  border-color:transparent!important;
  border-radius:0!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:none;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
}
html body button.mutti-market-heart.mutti-wishlist-toggle::after,
html body button.mutti-wishlist-loop.mutti-wishlist-toggle::after,
html body .mutti-market-card button.mutti-market-heart.mutti-wishlist-toggle::after,
html body .mutti-popular-v9345__catalog-card button.mutti-market-heart.mutti-wishlist-toggle::after,
html body .mutti-popular-v9347__catalog-card button.mutti-market-heart.mutti-wishlist-toggle::after,
html body .mutti-popular-v9370__shelf-card button.mutti-market-heart.mutti-wishlist-toggle::after{
  content:none!important;
  display:none!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}

/* Preserve the deliberate keyboard focus affordance without restoring a pill. */
html body button.mutti-market-heart.mutti-wishlist-toggle:focus-visible,
html body button.mutti-wishlist-loop.mutti-wishlist-toggle:focus-visible{
  outline:2px solid rgba(223,0,87,.42)!important;
  outline-offset:1px!important;
  border-radius:9px!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* The hover/active PNG swap stays owned by Stage 19. Reassert only the clean
   button shell so older :hover rules cannot bring the oval back. */
@media(hover:hover){
  html body button.mutti-market-heart.mutti-wishlist-toggle:hover,
  html body button.mutti-wishlist-loop.mutti-wishlist-toggle:hover,
  html body .mutti-popular-v9370__shelf-card button.mutti-market-heart.mutti-wishlist-toggle:hover{
    border:0!important;
    border-radius:0!important;
    background:none!important;
    background-color:transparent!important;
    box-shadow:none!important;
  }
}
