/* дизайн сайта: shell=sidebar · card=tiles · row=cards · hero=simple · home=split · theme=dark · player=popup · radius=8 · density=compact · width=1320 · heads=underline · size=16 */
/* каркас «боковое меню»: на десктопе меню слева во всю высоту, сверху только поиск */
@media (min-width:992px){
  .hp533c4{display:grid;grid-template-columns:232px minmax(0,1fr);overflow:visible}
  .hpe5353{position:sticky;top:0;height:100vh;overflow-y:auto;padding:26px 18px;background:var(--surface);
    border-right:1px solid var(--line);display:flex;flex-direction:column;gap:22px}
  .hp011b8{flex-direction:column;align-items:stretch;gap:2px}
  .hp011b8 a{display:block;padding:9px 12px;border-radius:var(--radius);color:var(--ink);font-weight:500}
  .hp011b8 a:hover{background:var(--acc-soft);color:var(--acc)}
  .hp7bd00{margin-top:auto;display:flex;flex-direction:column;gap:6px;font-size:13px}
  .hp7bd00 a{color:var(--mut)}
  .hp93d48{padding:16px 0;border-bottom:1px solid var(--line);background:var(--bg)}
  .hped7d1{gap:0}
  .hp102aa{display:none}
  .hped7d1 .hp43edb{max-width:560px}
  .hp1a816 .container{max-width:100%;padding-left:32px;padding-right:32px}
}
@media (max-width:991px){
  .hpe5353{display:none}
}
.hp139c0{border-top:1px solid var(--line);margin-top:40px}

/* новинки «плитки»: сетка квадратных обложек без карусели */
.hpabf04{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 16px}
.hpa740e .hp3a546{height:auto;aspect-ratio:1/1;margin-bottom:10px;overflow:hidden;border-radius:var(--radius)}
.hpa740e .hp3a546 img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius)}
.hpa740e .hp85a84{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hpa740e .hpbe793{display:block;color:var(--mut);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:991px){.hpabf04{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:575px){.hpabf04{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}}

/* список песен «карточки» (23.10.2026, юзер: «карточки пустоваты — в несколько колонок»): компактные карточки сеткой —
   3 колонки на широком экране, 2 на планшете и в основной колонке страницы песни, 1 на телефоне; у топа — номер места */
.hp1052b,.hpd6f71.hp1052b{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.hp92715{position:relative;margin:0;padding:10px 12px;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.hp92715:hover{border-color:var(--acc);box-shadow:0 6px 18px rgba(0,0,0,.06)}
.hp748a8{width:56px;height:56px;flex:none;border-radius:calc(var(--radius) * .7);overflow:hidden}
.hp748a8 img{width:100%;height:100%;object-fit:cover}
.hp92715 .hpe7ac2{flex:1;width:auto;min-width:0}
.hp92715 .hp936fb{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp92715 .hpfc112{color:var(--mut);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp96669{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:12px;color:var(--mut)}
.hp96669 > div{margin:0;width:auto;padding:0;background:none;color:var(--mut);font-size:12px}
.hp96669 .hp689f2{margin-left:0}
.hp96669 .hpacad9::before{content:"";display:inline-block;width:12px;height:12px;margin-right:4px;vertical-align:-1px;background:var(--mut);
  -webkit-mask:url(../img/b78e9f.svg) center/contain no-repeat;mask:url(../img/b78e9f.svg) center/contain no-repeat}
.hpde6a0{counter-reset:rc}
.hpde6a0 > .hp92715::after{counter-increment:rc;content:counter(rc);position:absolute;left:6px;top:4px;min-width:20px;height:20px;padding:0 5px;
  border-radius:6px;background:var(--acc);color:#fff;font-size:12px;font-weight:700;line-height:20px;text-align:center;z-index:3;box-shadow:0 2px 6px rgba(0,0,0,.2)}
@media (max-width:767px){.hp1052b,.hpd6f71.hp1052b{grid-template-columns:1fr}}

/* страница песни «простая»: заголовок по центру, обложка, таблица сведений, кнопки «Слушать» (общий плеер сайта) и «Скачать» */
.hp358a9{padding-top:22px}
.hp65a9b{max-width:760px}
.hpeab8f{text-align:center;font-size:22px;font-weight:700;margin-bottom:16px}
.hp21393{width:180px;height:180px;margin:0 auto 18px;border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.08);background:var(--bg2)}
.hp21393 img{width:100%;height:100%;object-fit:cover}
.hp2545e{border-collapse:collapse;margin:0 0 16px;font-size:13px}
.hp2545e td{padding:4px 0;vertical-align:top}
.hp2545e td:first-child{color:var(--mut);padding-right:40px;white-space:nowrap}
.hp2545e a{color:var(--acc)}
.hpb698e{display:flex;gap:10px;flex-wrap:wrap}
.hpb698e .hp024f8{flex:1 1 200px;display:flex;justify-content:center;margin:0}
.hp024f8.hp96668{background:var(--acc);border-color:var(--acc);color:#fff}
.hp024f8.hp96668 img{filter:brightness(0) invert(1)}


/* плавающий плеер: карточка внизу с отступами и скруглением сайта; общие стили — в assets/css/main.css (.pb-*) */
body.hpe0b17{padding-bottom:92px}
.hpecf8c.hpb2327{left:14px;right:14px;bottom:14px;max-width:1000px;margin:0 auto;border-radius:var(--radius,14px);overflow:hidden;
  box-shadow:0 12px 32px rgba(0,0,0,.28)}
@media (max-width:767px){
  body.hpe0b17{padding-bottom:118px}
  .hpecf8c.hpb2327{left:8px;right:8px;bottom:8px}
}

:root{--bg:#101716;--surface:#192222;--bg2:#202c2c;--ink:#f1f2f6;--ink2:#e2e4ea;--text:#c7cbd6;--mut:#8d93a3;--line:#313f3f;--line2:#404f4e;--acc-soft:#214544;--radius:8px}
body{font-size:16px}
.hpfbce9{flex-wrap:wrap;gap:6px 16px}
@media (min-width:1200px){.container{max-width:1320px}}
.hp3ed23,.hpc8975{padding-top:28px}.hp3e89f{padding-top:20px}.hpfbce9{margin-bottom:16px}
.hp30434{display:inline-block;padding-bottom:6px;border-bottom:3px solid var(--acc)}
.hp53e95,.hp2babc{background:var(--surface)}.hp43edb input{background:var(--bg2);color:var(--ink);border-color:var(--line)}.hp0e860 span{background:var(--ink)}
#mmbar{background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 28px rgba(0,0,0,.5)}