.music-catalog{padding:35px 0 80px}.catalog-hero{display:flex;justify-content:space-between;align-items:end;padding:30px 34px;margin-bottom:28px;background:radial-gradient(circle at 85% 20%,rgba(239,181,47,.2),transparent 35%),linear-gradient(135deg,#0d281b,#07130e);border:1px solid #244936;border-left:5px solid #efb52f}.catalog-hero small{color:#5fc386;font-size:10px;font-weight:800;letter-spacing:1.5px}.catalog-hero h1{font:900 clamp(44px,6vw,78px)/.85 'Barlow Condensed';margin:9px 0 13px;text-transform:uppercase}.catalog-hero p{color:#aebcb4;margin:0}.catalog-hero>strong{font:900 48px/1 'Barlow Condensed';color:#efb52f;text-align:right}.catalog-hero>strong span{display:block;color:#91a198;font:700 9px Inter;letter-spacing:1.5px;margin-top:5px}.catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px 16px}.music-tile{min-width:0;background:#09150f;border:1px solid #193425;transition:.25s;overflow:hidden}.music-tile:hover{border-color:#47765b;transform:translateY(-6px);box-shadow:0 14px 30px rgba(0,0,0,.3)}.tile-cover{display:block;position:relative;aspect-ratio:1;overflow:hidden;background:#10251a}.tile-cover img{width:100%;height:100%;object-fit:cover;transition:.4s}.music-tile:hover .tile-cover img{transform:scale(1.07);filter:brightness(.65)}.tile-type{position:absolute;left:10px;top:10px;padding:6px 8px;background:#128956;color:#fff;font-size:9px;font-weight:900;text-transform:uppercase;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-action{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#efb52f;color:#07120d;font-size:18px;transform:translate(-50%,-40%) scale(.65);opacity:0;transition:.25s;box-shadow:0 0 0 7px rgba(239,181,47,.16)}.music-tile:hover .tile-action{opacity:1;transform:translate(-50%,-50%) scale(1)}.tile-info{padding:13px 13px 14px}.tile-info h2{font:800 20px/1.05 'Barlow Condensed';margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-info h2 a{color:#fff}.tile-info p{color:#65bf87;font-size:11px;font-weight:700;margin:0 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-meta{display:flex;justify-content:space-between;gap:7px;padding-top:10px;border-top:1px solid #1b3528;color:#87968e;font-size:9px}.tile-meta span{white-space:nowrap}.tile-meta i{color:#efb52f;margin-right:3px}.catalog-pager{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:45px}.catalog-pager a{min-width:39px;padding:11px 13px;text-align:center;border:1px solid #2a4b39;background:#0a1911;color:#dfe7e2;font-size:11px;font-weight:800}.catalog-pager a:hover,.catalog-pager a.active{background:#efb52f;border-color:#efb52f;color:#07120d}.catalog-empty{text-align:center;padding:60px;border:1px dashed #31513f;color:#9cacA3}@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:780px){.music-catalog{padding:20px 15px 60px}.catalog-hero{padding:22px;align-items:center}.catalog-hero>strong{font-size:34px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.tile-info{padding:10px}.tile-info h2{font-size:18px}}@media(max-width:540px){.catalog-hero{display:block}.catalog-hero>strong{display:none}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-meta{display:block}.tile-meta span{display:block;margin-top:5px}.tile-action{width:45px;height:45px}.catalog-pager{flex-wrap:wrap}}
