.eb-genre{background:#0c0c14;padding:4rem 0;position:relative;overflow:hidden}.eb-genre:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.eb-genre__border{position:absolute;top:0;left:0;right:0;height:1px;background:#ffffff14}.eb-genre__container{max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.eb-genre__header{text-align:center;margin-bottom:2.5rem}.eb-genre__eyebrow{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--eb-accent, #888);margin-bottom:.75rem}.eb-genre__heading{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .75rem;line-height:1.2}.eb-genre__subheading{font-size:1rem;color:#fff9;max-width:640px;margin:0 auto;line-height:1.6}.eb-genre__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.eb-genre__card{background:#12121e;border-radius:16px;overflow:hidden;transition:transform .2s ease}.eb-genre__card:hover{transform:translateY(-2px)}.eb-genre__card-image-wrap{position:relative;overflow:hidden;display:block;text-decoration:none}.eb-genre__card-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;transition:transform .3s ease}.eb-genre__card-image-wrap:hover .eb-genre__card-image{transform:scale(1.04)}.eb-genre__card-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;display:flex;align-items:flex-end;justify-content:flex-end;padding:.75rem;transition:background .3s ease}.eb-genre__card-image-wrap:hover .eb-genre__card-image-overlay{background:#0006}.eb-genre__card-image-overlay-btn{background:var(--eb-accent, #ccf832);color:#0c0c14;font-size:.75rem;font-weight:700;padding:6px 14px;border-radius:8px;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}.eb-genre__card-image-wrap:hover .eb-genre__card-image-overlay-btn{opacity:1;transform:translateY(0)}.eb-genre__card-body{padding:1.25rem}.eb-genre__card-header{margin-bottom:.5rem}.eb-genre__card-title{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 .25rem}.eb-genre__card-price{font-size:.875rem;color:#fff6;margin:0}.eb-genre__card-desc{font-size:.875rem;color:#fff9;line-height:1.5;margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.eb-genre__preview-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem 1rem;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:transparent;color:#ffffffb3;font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease}.eb-genre__preview-btn:hover{border-color:var(--eb-accent, #ccf832);color:#fff;box-shadow:0 0 12px #ccf83226}.eb-genre__teaser{position:relative;margin-top:1.5rem}.eb-genre__teaser-fade{position:absolute;left:0;right:0;bottom:0;height:75%;background:linear-gradient(to bottom,transparent 0%,#0c0c14 100%);pointer-events:none;z-index:2}.eb-genre__teaser.is-revealed .eb-genre__teaser-fade{display:none}.eb-genre__expand-wrap{text-align:center;margin-top:-3rem;position:relative;z-index:3}.eb-genre__expand-wrap.is-hidden{display:none}.eb-genre__expand-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#0c0c14cc;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease}.eb-genre__expand-btn:hover{border-color:#fff6;background:#ffffff0a}.eb-genre__expanded{display:none;margin-top:1.5rem}.eb-genre__expanded.is-visible{display:block}.eb-genre__footer{text-align:center;margin-top:2.5rem;font-size:1rem;color:#ffffffb3}.eb-genre__footer-check{color:var(--eb-accent, #888);font-weight:700}.eb-panel__audio-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.eb-panel__audio-col-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;margin-bottom:.5rem}@media(max-width:1024px){.eb-genre__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.eb-genre{padding:3rem 0}.eb-genre__container{padding:0 1rem}.eb-genre__heading{font-size:1.5rem}.eb-genre__grid{grid-template-columns:1fr}.eb-genre__card-body{padding:1rem}.eb-panel__audio-columns{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/pdp-eb-genre.css.map */