/* Noa & Dje -- favorieten: hartjes (kaart + PDP), header-teller, favorietenpagina. */

/* Filled state on the card + gallery heart */
.pcard-wish svg, .gallery-wish svg { transition: fill .2s ease, transform .2s ease; }
.pcard-wish.is-on, .gallery-wish.is-on { color: var(--rose, #955251); }
.pcard-wish.is-on svg, .gallery-wish.is-on svg { fill: currentColor; }
.pcard-wish.is-on:hover, .gallery-wish.is-on:hover { color: #fff; }
.pcard-wish.is-pop svg, .gallery-wish.is-pop svg { animation: nd-fav-pop .35s ease; }
@keyframes nd-fav-pop { 0% { transform: scale(1); } 45% { transform: scale(1.3); } 100% { transform: scale(1); } }
.gallery-wish { color: var(--rose, #955251); cursor: pointer; }
.gallery-wish svg { width: 20px; height: 20px; display: block; }
.pcard-wish { cursor: pointer; }
@media (hover: none) {
  .pcard-wish:hover, .gallery-wish:hover { background: rgba(255,255,255,.9); color: var(--rose, #955251); transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .pcard-wish.is-pop svg, .gallery-wish.is-pop svg { animation: none; }
}

/* Header heart + counter (same look as the cart counter) */
.ndh-tool--fav .nd-fav-count {
  position: absolute; top: 2px; right: 8px;
  display: block; min-width: 16px; border-radius: 999px;
  background: var(--ndh-marsala, #955251); color: #fff;
  font-size: 10px; line-height: 1; padding: 3px 5px; font-weight: 600; letter-spacing: 0; text-align: center;
}
.ndh-tool--fav .nd-fav-count.is-empty { display: none; }
@media (max-width: 899px) {
  .ndh-tool--fav .nd-fav-count { top: -6px; right: -8px; font-size: 9px; padding: 2px 4px; min-width: 14px; }
}

/* Favourites page */
.nd-fav-wrap { padding-bottom: 4rem; }
.nd-fav-wrap .grid[aria-busy="true"] { min-height: 240px; opacity: .5; }
.nd-fav-wrap .grid:empty { display: none; }
.nd-fav-empty { text-align: center; max-width: 520px; margin: 1rem auto 0; padding: 2.5rem 1.5rem; }
.nd-fav-empty svg { width: 42px; height: 42px; fill: none; stroke: var(--rose, #955251); stroke-width: 1.4; margin: 0 auto 1rem; display: block; }
.nd-fav-empty p { margin: 0 0 1.5rem; }
.nd-fav-intro { max-width: 620px; margin: 0 0 2rem; }