/* EROS69 – Wunschliste: Herz-Knopf, Produktseite, Seite /wunschliste */
.n69 .n69-pcw { position: relative; display: flex; }
.n69 .n69-pcw > .n69-card { flex: 1; min-width: 0; }
/* Herz unten rechts im Bild (oben rechts haben viele Produktbilder einen Detail-Kreis). Hoehe = Bildhoehe (wl.js misst sie, sonst quadratisch). */
.n69 .n69-pcw > .wl-f { position: absolute; left: 0; top: 0; width: 100%; height: var(--wlh, auto); aspect-ratio: 1 / 1; margin: 0; z-index: 2; pointer-events: none; }
.n69 .n69-pcw > .wl-f .wl-b { position: absolute; right: var(--wlr, 10px); bottom: 10px; pointer-events: auto; }
.wl-f { margin: 0; }
.wl-b { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .95); box-shadow: 0 1px 6px rgba(20, 17, 18, .18); color: #141112; cursor: pointer; transition: transform .15s, color .15s; }
.wl-b svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; transition: fill .15s; }
.wl-b:hover { transform: scale(1.08); color: #C2185B; }
.wl-b.is-on { color: #C2185B; }
.wl-b.is-on svg { fill: #C2185B; }
.wl-b:focus-visible { outline: 2px solid #141112; outline-offset: 2px; }
.wl-b:disabled { opacity: .6; cursor: default; }
/* Text-Variante auf der Produktseite */
.wl-f-txt { margin: 0 0 14px; }
.wl-f-txt .wl-b { width: auto; height: auto; grid-auto-flow: column; gap: 8px; padding: 9px 18px; border: 1px solid #DCD3CF; border-radius: 999px; background: #fff; box-shadow: none; font: inherit; font-size: 14px; font-weight: 600; }
.wl-f-txt .wl-b:hover { transform: none; border-color: #141112; color: #141112; }
.wl-f-txt .wl-b.is-on { border-color: #C2185B; color: #C2185B; }
/* Seite */
.n69.wlp { padding: 20px 0 72px; }
.n69 .wlp-hint { margin: 32px 0 0; font-size: 13px; color: #8A8285; }
.n69 .wlp-na { display: block; margin: 4px 0 0; font-size: 13px; color: #8A8285; }