/* Gando 9.7.71 — restore care-card status/wishlist overlays outside singular PDP styles. */

/*
 * The shared compact care-card is also rendered on the homepage, but the
 * original structural rules for these two overlays live in
 * product-page-refine.css, which is intentionally loaded only on product PDPs.
 * Re-declare the overlay anatomy in the shared homepage context so the badge
 * and favorite control cannot fall back to generic/inline button styling.
 */
.home-product-zone--care .pdp-care-card__visual > .pdp-care-card__badge{
  position:absolute!important;
  z-index:20!important;
  top:10px!important;
  right:10px!important;
  bottom:auto!important;
  left:auto!important;
  inset:10px 10px auto auto!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:auto!important;
  max-width:calc(100% - 64px);
  min-height:27px;
  margin:0!important;
  padding:0 8px!important;
  border:1px solid #d2e1d5!important;
  border-radius:8px!important;
  background:#e5eee7!important;
  color:#285d39!important;
  box-shadow:0 5px 14px rgba(13,64,35,.07)!important;
  font-size:8.5px!important;
  font-weight:760!important;
  line-height:1!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  pointer-events:none;
  box-sizing:border-box;
}

.home-product-zone--care .pdp-care-card__visual > .pdp-care-card__wish[data-gando-favorite]{
  position:absolute!important;
  z-index:30!important;
  top:9px!important;
  left:9px!important;
  right:auto!important;
  bottom:auto!important;
  inset:9px auto auto 9px!important;
  display:grid!important;
  place-items:center;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #d4e1d6!important;
  border-radius:11px!important;
  background:#e8f0ea!important;
  color:#2e6040!important;
  box-shadow:0 5px 14px rgba(13,64,35,.07)!important;
  appearance:none;
  -webkit-appearance:none;
  transform:none!important;
  box-sizing:border-box;
}
.home-product-zone--care .pdp-care-card__visual > .pdp-care-card__wish[data-gando-favorite] > svg{
  display:block!important;
  width:17px!important;
  height:17px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none;
}
.home-product-zone--care .pdp-care-card__visual > .pdp-care-card__wish[data-gando-favorite]:hover,
.home-product-zone--care .pdp-care-card__visual > .pdp-care-card__wish[data-gando-favorite]:focus-visible{
  background:#fff3f4!important;
  border-color:#e4bec4!important;
  color:#a51e2c!important;
  transform:translateY(-1px)!important;
}

/* Favorite state used by theme-9722.js is `is-saved` + aria-pressed, not `.active`. */
:is(.home-product-zone--care,.pdp-care:not(.is-care-page)) .pdp-care-card__wish[data-gando-favorite].is-saved,
:is(.home-product-zone--care,.pdp-care:not(.is-care-page)) .pdp-care-card__wish[data-gando-favorite][aria-pressed="true"]{
  background:#0d4023!important;
  border-color:#0d4023!important;
  color:#fff!important;
}
:is(.home-product-zone--care,.pdp-care:not(.is-care-page)) .pdp-care-card__wish[data-gando-favorite].is-saved > svg,
:is(.home-product-zone--care,.pdp-care:not(.is-care-page)) .pdp-care-card__wish[data-gando-favorite][aria-pressed="true"] > svg{
  fill:currentColor!important;
}

html[data-theme=dark] .home-product-zone--care .pdp-care-card__visual > .pdp-care-card__badge{
  background:#203127!important;
  border-color:#34493b!important;
  color:#9cc4a8!important;
}
html[data-theme=dark] .home-product-zone--care .pdp-care-card__visual > .pdp-care-card__wish[data-gando-favorite]{
  background:#203127!important;
  border-color:#34493b!important;
  color:#9cc4a8!important;
}
html[data-theme=dark] :is(.home-product-zone--care,.pdp-care:not(.is-care-page)) .pdp-care-card__wish[data-gando-favorite].is-saved,
html[data-theme=dark] :is(.home-product-zone--care,.pdp-care:not(.is-care-page)) .pdp-care-card__wish[data-gando-favorite][aria-pressed="true"]{
  background:#a7d8b5!important;
  border-color:#a7d8b5!important;
  color:#10271a!important;
}

@media(max-width:700px){
  .home-product-zone--care .pdp-care-card__visual > .pdp-care-card__badge{
    top:7px!important;
    right:7px!important;
    inset:7px 7px auto auto!important;
    min-height:23px;
    padding-inline:6px!important;
    border-radius:7px!important;
    font-size:7px!important;
  }
  .home-product-zone--care .pdp-care-card__visual > .pdp-care-card__wish[data-gando-favorite]{
    top:6px!important;
    left:6px!important;
    inset:6px auto auto 6px!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    border-radius:9px!important;
  }
  .home-product-zone--care .pdp-care-card__visual > .pdp-care-card__wish[data-gando-favorite] > svg{
    width:16px!important;
    height:16px!important;
  }
}