.genre-cards-wrapper{padding:60px 0;background:#fff}.genre-cards__heading{text-align:center;font-size:32px;font-weight:600;margin-bottom:40px;color:#2c5f7f}.genre-cards-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;max-width:1200px;margin:0 auto}.genre-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;aspect-ratio:1;background:#fff;border:2px solid transparent;border-radius:8px;padding:16px;text-decoration:none;transition:all .3s ease}.genre-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;transition:opacity .3s ease}.genre-card:hover:before{opacity:1}.genre-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.genre-card__icon{width:40px;height:40px;margin-bottom:8px;color:#4a90b8;transition:color .3s ease,transform .3s ease;display:flex;align-items:center;justify-content:center}.genre-card__icon img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.genre-card:hover .genre-card__icon img{transform:scale(1.1)}.genre-card__icon svg{width:100%;height:100%}.genre-card:hover .genre-card__icon{color:#2c5f7f;transform:scale(1.1)}.genre-card__name{font-size:13px;font-weight:600;color:#333;text-align:center;margin:0;line-height:1.2;transition:color .3s ease}.genre-card:hover .genre-card__name{color:#2c5f7f}@media (max-width: 989px){.genre-cards-grid{grid-template-columns:repeat(4,1fr);gap:16px}.genre-cards__heading{font-size:24px;margin-bottom:30px}}@media (max-width: 749px){.genre-cards-grid{grid-template-columns:repeat(3,1fr);gap:12px}.genre-card{padding:12px}.genre-card__icon{width:32px;height:32px}.genre-card__name{font-size:11px}.genre-cards-wrapper{padding:40px 0}}
/*# sourceMappingURL=/cdn/shop/t/118/assets/genre-cards.css.map */