.genre-custom-wrapper{text-align:center}.genre-block-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding-bottom:20px}@media screen and (min-width:750px){.genre-block-grid{grid-template-columns:repeat(4,1fr)}}.genre-block-btn{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;width:100%;padding:10px}.genre-image-wrapper{width:100%;max-width:160px;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;margin-bottom:15px;border:3px solid transparent;transition:transform .3s ease,border-color .3s ease}.genre-image-wrapper img{width:100%;height:100%;object-fit:cover}.genre-block-btn.is-active .genre-image-wrapper{border-color:#000;transform:scale(1.05)}.genre-block-title{font-size:16px;font-weight:600;color:#333}.genre-tray{display:none;grid-column:1 / -1;background:#fdfaf4;border:1px solid #e0dacb;border-radius:8px;padding:24px;text-align:left;box-shadow:0 4px 6px #0000000d;margin-bottom:15px}.genre-tray.is-visible{display:block;animation:slideDown .3s ease-out}.tray-link-grid{display:flex;flex-wrap:wrap;gap:12px}.tray-tag{display:inline-block;padding:10px 20px;background:#fff;border:1px solid #ddd;border-radius:30px;text-decoration:none;color:#000;font-size:15px;font-weight:500;transition:all .2s ease}.tray-tag:hover{background:#000;color:#fff;border-color:#000}.tray-tag.all-tag{background:#f0f0f0;font-weight:700}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-genre-dynamic.css.map */