.card-genre-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;flex-shrink:0;width:clamp(200px,30vw,340px);height:clamp(240px,40vw,420px);padding:1.5rem 0;background:linear-gradient(180deg,rgba(0,200,30,.2) 0,rgba(0,0,0,.5) 100%),var(--bg-image,none);background-size:cover;background-position:50%;border-radius:12px;font-family:Manrope,"sans-serif";box-shadow:0 8px 16px rgba(0,0,0,.25);transform-origin:bottom center;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer;position:relative}.card-genre-container:hover{transform:scale(1.05) translateY(-6px);box-shadow:0 12px 24px rgba(0,0,0,.35);z-index:10}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;justify-items:center}@media (max-width:640px){.card-genre-container{width:clamp(160px,45vw,200px);height:clamp(200px,50vw,260px);padding:1rem 0}}