/* !important ist hier nötig: index.html setzt inline
   `body, h1, h2, h3, p, a, li { color:#fff !important }`.
   =====================================================================
   UTOPIA STORE — anklickbare Sortiments-Kacheln mit Neon-Hover
   Jede Kategorie leuchtet in einer eigenen Farbe, analog zu den
   Social-Kacheln in styles.css. Bewusst ohne :root, damit die Datei
   auf jeder Seite gefahrlos geladen werden kann.
   ===================================================================== */
/* ---------- Sortiments-Kacheln: je Thema eine eigene Neonfarbe ---------- */
.card.tile-link { display: block; text-decoration: none; color: inherit; transition: all .2s ease; }
.card.tile-link h3 { transition: color .2s ease; }
.card.tile-link:hover { transform: translateY(-5px); }

.card.tile-link.nc-karten:hover   { border-color:#7ddc8c; background:rgba(125,220,140,.13); box-shadow:0 0 18px rgba(125,220,140,.32); }
.card.tile-link.nc-karten h3      { color:#7ddc8c !important; }
.card.tile-link.nc-pokemon:hover  { border-color:#ffcb05; background:rgba(255,203,5,.13);  box-shadow:0 0 18px rgba(255,203,5,.32); }
.card.tile-link.nc-pokemon h3     { color:#ffcb05 !important; }
.card.tile-link.nc-retro:hover    { border-color:#00e5ff; background:rgba(0,229,255,.13);  box-shadow:0 0 18px rgba(0,229,255,.32); }
.card.tile-link.nc-retro h3       { color:#00e5ff !important; }
.card.tile-link.nc-tabletop:hover { border-color:#ff5c39; background:rgba(255,92,57,.13);  box-shadow:0 0 18px rgba(255,92,57,.32); }
.card.tile-link.nc-tabletop h3    { color:#ff5c39 !important; }
.card.tile-link.nc-brett:hover    { border-color:#c084fc; background:rgba(192,132,252,.13);box-shadow:0 0 18px rgba(192,132,252,.32); }
.card.tile-link.nc-brett h3       { color:#c084fc !important; }
.card.tile-link.nc-figuren:hover  { border-color:#ff4fd8; background:rgba(255,79,216,.13); box-shadow:0 0 18px rgba(255,79,216,.32); }
.card.tile-link.nc-figuren h3     { color:#ff4fd8 !important; }
.card.tile-link.nc-merch:hover    { border-color:#38bdf8; background:rgba(56,189,248,.13); box-shadow:0 0 18px rgba(56,189,248,.32); }
.card.tile-link.nc-merch h3       { color:#38bdf8 !important; }
.card.tile-link.nc-snacks:hover   { border-color:#fb923c; background:rgba(251,146,60,.13); box-shadow:0 0 18px rgba(251,146,60,.32); }
.card.tile-link.nc-snacks h3      { color:#fb923c !important; }

@media (prefers-reduced-motion: reduce) {
  .card.tile-link:hover { transform: none; }
}