.genres-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;padding:20px}.genre-card{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease;background-size:cover}.genre-card:hover{transform:scale(1.05);box-shadow:0 5px 15px rgb(0 0 0 / .3)}.genre-card a{display:flex;align-items:center;justify-content:center;text-align:center;height:120px;color:#fff;font-size:18px;font-weight:700;text-decoration:none;background-size:cover;background-position:center;position:relative}.genre-card a::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5)}.genre-card a span{position:relative;z-index:2}