/* =========================================================
   P3-32 — Product-card favorite heart legacy outline
   Scope: PRODUCT CARDS ONLY (desktop web + mobile web/PWA).
   Other favorite/navigation/profile/store hearts are untouched.
   ========================================================= */

/* Hide whichever SVG/PNG the shared icon service currently returns. */
[data-product-card] .wish[data-favorite-button] > img,
[data-product-card] .wish[data-favorite-button] > svg,
.product-card .favorite-button > img,
.product-card .favorite-button > svg,
.favorite-product-card .favorite-button > img,
.favorite-product-card .favorite-button > svg{
  display:none!important;
}

/* Old empty heart shape. */
[data-product-card] .wish[data-favorite-button]::before,
.product-card .favorite-button::before,
.favorite-product-card .favorite-button::before{
  content:""!important;
  display:block!important;
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  background:currentColor!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20.5 4.8 13.6a4.9 4.9 0 0 1 6.9-7l.3.3.3-.3a4.9 4.9 0 0 1 6.9 7L12 20.5Z' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  -webkit-mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20.5 4.8 13.6a4.9 4.9 0 0 1 6.9-7l.3.3.3-.3a4.9 4.9 0 0 1 6.9 7L12 20.5Z' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  mask-repeat:no-repeat!important;
  mask-position:center!important;
  mask-size:contain!important;
}

/* Active/favorited state keeps the old filled-heart behavior. */
[data-product-card] .wish[data-favorite-button].is-active::before,
[data-product-card] .wish[data-favorite-button][aria-pressed="true"]::before,
.product-card .favorite-button.is-active::before,
.favorite-product-card .favorite-button.is-active::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20.5 4.8 13.6a4.9 4.9 0 0 1 6.9-7l.3.3.3-.3a4.9 4.9 0 0 1 6.9 7L12 20.5Z' fill='%23000'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20.5 4.8 13.6a4.9 4.9 0 0 1 6.9-7l.3.3.3-.3a4.9 4.9 0 0 1 6.9 7L12 20.5Z' fill='%23000'/%3E%3C/svg%3E")!important;
  color:#E83E8C!important;
}