/* uznavo: страницы категорий (22.10.2026) — /categories и /c/{slug}. Цвета и шрифт — как в main.css (#1DB954, Roboto). */
.uz-cat-head { padding-top: 40px; padding-bottom: 32px; }
.uz-cat-all { padding-bottom: 64px; }
.uz-cat-other { padding-bottom: 64px; }
.uz-crumbs { display: flex; flex-wrap: wrap; gap: 6px; font-size: 14px; color: #828282; margin-bottom: 14px; }
.uz-crumbs a { color: #828282; }
.uz-crumbs a:hover { color: #1DB954; }
.uz-h1 { margin: 0 0 6px; }
.uz-h2 { font-size: 24px; margin: 28px 0 14px; }
.popular-songs .uz-h2 { margin: 0; }
.uz-meta { font-size: 15px; color: #828282; margin-bottom: 14px; }
.uz-lead { font-size: 16px; line-height: 1.6; color: #333; max-width: 820px; margin: 0 0 18px; }
.uz-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.uz-chip { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border: 1px solid #DDDDDD; border-radius: 999px;
    font-size: 15px; font-weight: 500; color: #0E0E0E; background: #fff; transition: border-color .15s, color .15s; }
.uz-chip:hover { border-color: #1DB954; color: #1DB954; }
.uz-chip small { color: #828282; font-size: 13px; }
.uz-chip.on { background: #1DB954; border-color: #1DB954; color: #fff; }
.uz-chip.on small { color: #e3f9ea; }
@media (max-width: 767px) {
    .uz-cat-head { padding-top: 24px; padding-bottom: 20px; }
    .uz-h2 { font-size: 20px; margin: 22px 0 12px; }
    .uz-chip { padding: 7px 13px; font-size: 14px; }
    .uz-lead { font-size: 15px; }
}
/* 22.10.2026: исполнители — страница артиста (корень поддомена), /artists, блоки в категориях */
.uz-cat-head h2 a, .uz-cat-all h2 a { color: inherit; }
.uz-cat-all h2 a:hover { color: #1DB954; }
.uz-ava { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 56px; height: 56px;
    border-radius: 50%; color: #fff; font-size: 22px; font-weight: 700; line-height: 1; }
.uz-ava_big { width: 112px; height: 112px; font-size: 46px; }
.uz-art-top { display: flex; align-items: center; gap: 24px; margin-bottom: 18px; }
.uz-art-info .uz-meta { margin-bottom: 14px; }
.uz-art-info .btn-page .icon-play { margin-left: 2px; }
.uz-artists { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.uz-artist { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; padding: 16px 10px 14px;
    border: 1px solid #DDDDDD; border-radius: 12px; color: #0E0E0E; background: #fff; transition: border-color .15s; min-width: 0; }
.uz-artist:hover { border-color: #1DB954; }
.uz-artist .uz-ava { margin-bottom: 6px; }
.uz-artist__name { font-size: 15px; font-weight: 700; line-height: 1.3; max-width: 100%; overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; }
.uz-artist:hover .uz-artist__name { color: #1DB954; }
.uz-artist__n { font-size: 13px; color: #828282; }
.uz-cat-artists { padding-bottom: 48px; }
@media (max-width: 767px) {
    .uz-art-top { gap: 16px; }
    .uz-ava_big { width: 80px; height: 80px; font-size: 34px; }
    .uz-artists { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .uz-artist { padding: 14px 8px 12px; }
}