.genre-chart[data-v-445d7956]{background-color:#f5f5f5;padding:60px 20px;width:100%}.chart-container[data-v-445d7956]{max-width:1200px;margin:0 auto}.chart-title[data-v-445d7956]{font-size:42px;font-weight:700;color:#222;text-align:center;margin:0 0 50px}.genre-list[data-v-445d7956]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.genre-item[data-v-445d7956]{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.genre-item[data-v-445d7956]:hover{transform:translateY(-8px);box-shadow:0 8px 24px #00000026}.genre-link[data-v-445d7956]{text-decoration:none;display:block;color:inherit}.genre-image-wrapper[data-v-445d7956]{width:100%;height:250px;overflow:hidden;position:relative}.genre-image[data-v-445d7956]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.genre-item:hover .genre-image[data-v-445d7956]{transform:scale(1.1)}.genre-name[data-v-445d7956]{font-size:20px;font-weight:600;color:#333;padding:20px;margin:0;text-align:center;min-height:70px;display:flex;align-items:center;justify-content:center}@media (max-width: 1024px){.genre-list[data-v-445d7956]{grid-template-columns:repeat(2,1fr);gap:25px}.chart-title[data-v-445d7956]{font-size:36px}}@media (max-width: 768px){.genre-chart[data-v-445d7956]{padding:40px 15px}.genre-list[data-v-445d7956]{grid-template-columns:1fr;gap:20px}.chart-title[data-v-445d7956]{font-size:32px;margin:0 0 35px}.genre-name[data-v-445d7956]{font-size:18px;padding:18px;min-height:60px}.genre-image-wrapper[data-v-445d7956]{height:220px}}@media (max-width: 480px){.chart-title[data-v-445d7956]{font-size:28px}.genre-name[data-v-445d7956]{font-size:16px;padding:15px}.genre-image-wrapper[data-v-445d7956]{height:200px}}.img-overlay-image[data-v-445d7956]{position:relative;display:inline-block;width:100%;height:100%}.img-overlay-image img[data-v-445d7956]{display:block;width:100%;height:100%;object-fit:cover;z-index:-1}.img-overlay-image[data-v-445d7956]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--e43803d4)}