diff --git a/src/styles/global.css b/src/styles/global.css index c0d4c68..217c14d 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -262,8 +262,20 @@ a.card:hover { box-shadow: var(--shadow-card), 0 0 0 6px rgba(10, 9, 16, 0.6), 0 0 0 7px rgba(95, 211, 236, 0.18); transition: transform 0.5s var(--ease), box-shadow 0.5s var(--ease); } +/* Auch der "Foto folgt"-Platzhalter bekommt den gleichen edlen Rahmen/Ring wie ein echtes Foto — + vorher blieb er innerhalb eines Portrait-Frames (z.B. Charakter ohne Produkt) unauffällig + randlos, während echte Fotos schon den Ring hatten. Behält seine eigene Flex-Zentrierung für + den "Produktfoto folgt"-Text bei (nur display wird hier NICHT überschrieben). */ +.portrait-frame .img-placeholder { + aspect-ratio: 1 / 1; + border-radius: var(--radius-l); + border: 1px solid rgba(244, 241, 247, 0.08); + box-shadow: var(--shadow-card), 0 0 0 6px rgba(10, 9, 16, 0.6), 0 0 0 7px rgba(95, 211, 236, 0.18); + transition: transform 0.5s var(--ease), box-shadow 0.5s var(--ease); +} .portrait-frame:hover .portrait-img, -.portrait-frame:hover img { +.portrait-frame:hover img, +.portrait-frame:hover .img-placeholder { transform: translateY(-4px) scale(1.015); box-shadow: var(--shadow-card-hover), 0 0 0 6px rgba(10, 9, 16, 0.6), 0 0 0 7px rgba(95, 211, 236, 0.32); }