.navbar-brand.md{display:inline-flex;align-items:center;gap:8px;line-height:1}
.navbar-brand.md .brand-logo{position:static;top:auto;max-height:none;width:32px;height:32px;border-radius:9px;margin:0;flex:0 0 auto}
.navbar-brand.md .brand-wm{line-height:1;margin:0}
.brand-wm{font-weight:800;letter-spacing:.3px}
.brand-net{font-weight:600;opacity:.55;font-size:.85em}
.breadcrumb,.breadcrumb a,.breadcrumb .breadcrumb-item{font-size:15px}
.app-header .navbar{display:flex;align-items:center;width:100%;min-height:56px}
.app-header .navbar .navbar-brand{margin-right:auto}
.app-header .navbar .navbar-nav{float:none;margin:0;display:flex;align-items:center}
.app-header .navbar .nav-link{display:flex;align-items:center}
.navside .navbar{display:flex;align-items:center;min-height:56px}

.station-rate{display:inline-flex;align-items:center;gap:9px;margin:10px 0 2px;text-decoration:none;color:inherit}
.sr-stars{position:relative;display:inline-block;font-size:26px;line-height:1;font-family:Arial,sans-serif;white-space:nowrap;letter-spacing:1px}
.sr-stars::before{content:'★★★★★';color:#d9dee8}
.sr-stars::after{content:'★★★★★';color:#ffb400;position:absolute;left:0;top:0;width:var(--p,0);overflow:hidden}
.sr-val{font-weight:800;color:#16213e}
.sr-cnt{color:#9aa3bd;font-size:13px}

.cmt-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cmt-form{max-width:620px;background:#f7f9fc;border:1px solid #e7ecf3;border-radius:14px;padding:16px 18px;margin:6px 0 22px}
.cmt-rate{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.cmt-rate-lbl{font-size:14px;color:#69708a;font-weight:600}
.cmt-stars{display:inline-flex;gap:2px}
.cmt-star{background:none;border:0;padding:0 1px;font-size:26px;line-height:1;color:#d9dee8;cursor:pointer;transition:color .12s,transform .1s}
.cmt-star:hover{transform:scale(1.12)}
.cmt-star.on{color:#ffb400}
.cmt-row{display:flex;flex-direction:column;gap:10px}
.cmt-input,.cmt-text{width:100%;border:1px solid #dce3ee;border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;background:#fff;color:#16213e;transition:border-color .15s,box-shadow .15s}
.cmt-input:focus,.cmt-text:focus{outline:none;border-color:#0cc;box-shadow:0 0 0 3px rgba(0,204,204,.15)}
.cmt-text{resize:vertical;min-height:74px}
.cmt-foot{display:flex;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap}
.cmt-send{background:#0cc;color:#fff;border:0;border-radius:10px;padding:10px 22px;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}
.cmt-send:hover{background:#0bb;transform:translateY(-1px)}
.cmt-send:disabled{opacity:.6;cursor:default;transform:none}
.cmt-hint{font-size:12px;color:#9aa3bd}
.cmt-msg{margin-top:10px;font-size:13.5px;font-weight:600}
.cmt-msg:empty{margin:0}
.cmt-msg.ok{color:#0a9a5a}
.cmt-msg.err{color:#e23b5a}

.cmt-list{list-style:none;margin:0;padding:0;max-width:760px}
.cmt{display:flex;gap:12px;padding:14px 0;border-top:1px solid #eef1f5}
.cmt:first-child{border-top:0}
.cmt-ava{flex:0 0 auto;width:40px;height:40px;border-radius:50%;color:#fff;font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center}
.cmt-body{flex:1 1 auto;min-width:0}
.cmt-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:3px}
.cmt-name{font-weight:700;color:#16213e}
.cmt-stars-ro{color:#ffb400;font-size:14px;letter-spacing:1px}
.cmt-date{color:#9aa3bd;font-size:12.5px}
.cmt-txt{margin:0;color:#33384a;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}
.cmt-empty{color:#9aa3bd;padding:10px 0}
@media (max-width:520px){ .cmt-form{padding:14px} .cmt-star{font-size:30px} }

.item-overlay.center{
	position:absolute;inset:0;padding:0;margin:0;
	display:flex;align-items:center;justify-content:center;
	background:rgba(0,0,0,.5);
	opacity:0;transition:opacity .2s;
	border-radius:inherit;
}
.item:hover .item-overlay.center,
.item:focus-within .item-overlay.center{opacity:1}

.radio-player{
	display:flex;align-items:center;gap:14px;flex-wrap:wrap;
	max-width:540px;margin:16px 0 4px;padding:10px 14px;
	background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);
	border-radius:14px;color:#fff;box-shadow:0 4px 18px rgba(0,0,0,.18);
}
.rp-play{
	flex:0 0 auto;width:48px;height:48px;border:0;border-radius:50%;
	background:#0cc;color:#fff;cursor:pointer;
	display:flex;align-items:center;justify-content:center;
	box-shadow:0 2px 10px rgba(0,204,204,.45);
	transition:transform .1s,background .15s,box-shadow .15s;
}
.rp-play svg{width:22px;height:22px;display:block}
.rp-play.is-playing{background:#0cc;box-shadow:0 2px 10px rgba(0,204,204,.45)}
.rp-play:hover{transform:scale(1.06)}
.rp-info{flex:1 1 120px;min-width:0}
.rp-state{font-size:14px;font-weight:600;color:#cfd6e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-state.live{color:#2ee6a6}
.rp-state.loading{color:#ffd479}
.rp-state.err{color:#ff7a8a}
.rp-vol{flex:0 0 auto;display:flex;align-items:center;gap:8px}
.rp-mute{flex:0 0 auto;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
.rp-mute svg{width:20px;height:20px;display:block}
.rp-mute:hover{background:rgba(255,255,255,.22)}
.rp-mute.muted{background:rgba(255,90,122,.28);color:#ff7a8a}
.rp-volume{width:100px;accent-color:#0cc;cursor:pointer}
@media (max-width:520px){
	.radio-player{gap:10px;padding:10px 12px}
	.rp-volume{width:80px}
}
@media (max-width:360px){ .rp-vol{display:none} }
.item-media>.btn-favorite{position:absolute;right:8px;bottom:8px;z-index:3}
.btn-favorite{
	display:inline-flex;align-items:center;gap:5px;
	background:rgba(0,0,0,.42);border:0;border-radius:16px;
	color:#fff;font-size:14px;font-weight:700;line-height:1;
	padding:5px 11px;cursor:pointer;text-decoration:none;
	-webkit-appearance:none;appearance:none;
	text-shadow:0 1px 2px rgba(0,0,0,.45);
	box-shadow:0 1px 4px rgba(0,0,0,.25);
	transition:background .15s,color .15s,transform .1s;
}
.btn-favorite:hover{background:rgba(0,0,0,.58);transform:scale(1.06)}
.btn-favorite.liked{color:#ff5a7a}
.btn-favorite .fa{font-size:14px}

body.has-player-bar{padding-bottom:72px}
.player-bar{
	position:fixed;left:0;right:0;bottom:0;z-index:9999;
	display:flex;align-items:center;gap:12px;
	background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);
	color:#fff;padding:10px 16px;
	box-shadow:0 -4px 16px rgba(0,0,0,.4);
	min-height:64px;
}
.player-bar .pb-link{flex-shrink:0;line-height:0}
.player-bar .pb-logo{
	width:48px;height:48px;border-radius:6px;object-fit:cover;
	background:#fff;display:block;
}
.player-bar .pb-info{flex:1;min-width:0;line-height:1.3}
.player-bar .pb-name{
	font-size:14px;font-weight:600;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.player-bar .pb-status{display:flex;align-items:center;gap:6px;font-size:12.5px;color:rgba(255,255,255,.62);min-width:0}
.player-bar .pb-dot{display:none;flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#16e0a3}
.player-bar .pb-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-bar .pb-status.live{color:#d7fff2}
.player-bar .pb-status.live .pb-dot{display:block;animation:pb-pulse 1.6s infinite}
.player-bar .pb-status.live .pb-text{font-weight:600}
.player-bar .pb-status.loading{color:#ffc107}
.player-bar .pb-status.err{color:#ff5a7a}
@keyframes pb-pulse{0%{box-shadow:0 0 0 0 rgba(22,224,163,.55)}70%{box-shadow:0 0 0 6px rgba(22,224,163,0)}100%{box-shadow:0 0 0 0 rgba(22,224,163,0)}}
.player-bar button{
	background:rgba(255,255,255,.12);color:#fff;border:0;cursor:pointer;
	width:40px;height:40px;border-radius:50%;
	display:flex;align-items:center;justify-content:center;
	transition:background .15s;flex-shrink:0;
}
.player-bar button:hover{background:rgba(255,255,255,.25)}
.player-bar .pb-toggle{width:48px;height:48px;background:#0cc}
.player-bar .pb-toggle:hover{background:#0aa}
.player-bar .pb-mute.muted{background:rgba(255,90,122,.3)}
.player-bar .pb-volume{
	width:90px;accent-color:#0cc;cursor:pointer;
}
@media (max-width:600px){
	.player-bar{padding:8px 10px;gap:8px;min-height:56px}
	.player-bar .pb-logo{width:40px;height:40px}
	.player-bar .pb-volume{display:none}
	.player-bar .pb-mute{display:none}
	.player-bar button{width:36px;height:36px}
	.player-bar .pb-toggle{width:42px;height:42px}
}

#pjax-bar{position:fixed;top:0;left:0;height:3px;width:0;z-index:10000;background:linear-gradient(90deg,#16e0a3,#0cc);opacity:0;pointer-events:none}
#pjax-bar.on{width:85%;opacity:1;transition:width 9s cubic-bezier(.08,.7,.06,1),opacity .15s}
#pjax-bar.done{width:100%;opacity:1;transition:width .2s ease,opacity .35s ease .2s}

#aside .nav > li.active > a{background-color:transparent!important;color:#fff!important}
#aside .nav > li.active{box-shadow:inset 3px 0 0 #0cc}

.home-sec{margin:0 0 30px}
.home-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 14px;flex-wrap:wrap}
.home-sec-head h2{margin:0}
.home-more{font-size:14px;font-weight:600;color:#0aa;text-decoration:none;white-space:nowrap;flex:0 0 auto}
.home-more:hover{text-decoration:underline}
.home-genres{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.genre-tile{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-radius:12px;background:#f4f6fa;border:1px solid #e7ecf3;color:#1a1a2e;text-decoration:none;transition:transform .12s ease,border-color .12s ease,background .12s ease}
.genre-tile:hover{transform:translateY(-2px);background:#eafafa;border-color:#0cc}
.gt-name{font-weight:600;font-size:15px;line-height:1.2}
.gt-cnt{flex:0 0 auto;font-size:12px;font-weight:600;color:#0a8a8a;background:#dbf3f3;padding:3px 9px;border-radius:999px}
.home-countries{display:flex;flex-wrap:wrap;gap:9px}
.country-link{padding:8px 15px;border-radius:999px;background:#f4f6fa;border:1px solid #e7ecf3;color:#1a1a2e;text-decoration:none;font-size:14px;font-weight:500;transition:background .12s ease,border-color .12s ease}
.country-link:hover{background:#eafafa;border-color:#0cc}
.home-about{margin:6px 0 0}
.home-about h2{margin:0 0 10px}
.home-about p{margin:0 0 12px;line-height:1.6;color:#3a3f4a}
.home-about ul{margin:0 0 12px;padding-left:20px}
.home-about li{margin:5px 0;line-height:1.5}
@media(min-width:560px){.home-genres{grid-template-columns:repeat(3,1fr)}}
@media(min-width:992px){.home-genres{grid-template-columns:repeat(4,1fr)}}

.qsearch-wrap{max-width:760px;margin:0 auto}
.qsearch-form{position:relative;margin-bottom:24px}
.qsearch-form input{
	width:100%;padding:16px 20px 16px 52px;
	border:2px solid #e0e0e0;border-radius:32px;
	font-size:18px;outline:none;
	transition:border-color .15s, box-shadow .15s;
}
.qsearch-form input:focus{
	border-color:#0cc;box-shadow:0 0 0 4px rgba(0,204,204,.15);
}
.qsearch-form::before{
	content:'';position:absolute;top:50%;left:18px;transform:translateY(-50%);
	width:24px;height:24px;
	background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'><path d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 5L20.49 19l-4.99-5zm-6 0A4.5 4.5 0 1 1 14 9.5 4.5 4.5 0 0 1 9.5 14z'/></svg>") no-repeat center / contain;
}
.qr-loading,.qr-empty{padding:32px;text-align:center;color:#888;font-size:15px}
.qr-grid{display:grid;grid-template-columns:1fr;gap:8px}
.qr-item{
	display:flex;align-items:center;gap:12px;
	padding:10px 14px;border-radius:8px;
	background:#fff;border:1px solid #eee;
	color:inherit;text-decoration:none;
	transition:background .12s, transform .12s;
}
.qr-item:hover{background:#f5fafa;border-color:#0cc;transform:translateX(2px)}
.qr-logo{width:48px;height:48px;flex-shrink:0;border-radius:6px;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center}
.qr-logo img{width:100%;height:100%;object-fit:cover}
.qr-noimg{width:24px;height:24px;background:#ddd;border-radius:50%}
.qr-name{flex:1;font-weight:500;font-size:15px;color:#222}
.qr-name mark{background:#fff3a0;padding:0 2px;border-radius:2px}
.qr-likes{color:#999;font-size:13px;white-space:nowrap}

.breadcrumb{padding:0;background:none;font-size:13px;margin-bottom:8px}
.breadcrumb-item+.breadcrumb-item::before{content:'›';padding:0 6px;color:#aaa}
.breadcrumb-item a{color:#0aa;text-decoration:none}
.breadcrumb-item.active{color:#888}

.station-desc{font-size:16px;line-height:1.5;color:#333;max-width:760px}
.station-info h2{font-size:20px}
.si-list{margin:0}
.si-row{display:flex;gap:14px;padding:8px 0;border-bottom:1px solid #f0f0f0;align-items:baseline}
.si-row dt{flex:0 0 140px;margin:0;color:#888;font-weight:600;font-size:14px}
.si-row dd{margin:0;color:#222;font-size:15px}
.si-row dd a{color:#0aa;text-decoration:none}
.si-social a{display:inline-flex;align-items:center;gap:5px;margin-right:14px;margin-bottom:5px;color:#0aa;text-decoration:none;font-size:14px}
.si-social a:hover{text-decoration:underline}
.si-social .fa{font-size:15px;width:16px;text-align:center;line-height:1}
.si-social .si-ico{width:15px;height:15px;flex:0 0 auto;display:block}

.now-playing{background:#f4fbfb;border:1px solid #d8efef;border-radius:12px;padding:12px 16px;margin-bottom:22px;max-width:760px}
.np-head{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#0aa}
.np-dot{width:8px;height:8px;border-radius:50%;background:#1ec81e;animation:npPulse 1.8s infinite}
@keyframes npPulse{0%{box-shadow:0 0 0 0 rgba(30,200,30,.5)}70%{box-shadow:0 0 0 7px rgba(30,200,30,0)}100%{box-shadow:0 0 0 0 rgba(30,200,30,0)}}
.np-track{font-size:18px;font-weight:600;color:#1a1a2e;margin-top:5px;line-height:1.35}
.np-recent{margin-top:10px;border-top:1px solid #e3f0f0;padding-top:8px}
.np-recent-label{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#8aa;margin-bottom:4px}
.np-list{margin:0;padding-left:18px;color:#555;font-size:14px}
.np-list li{margin:3px 0}
.np-list .np-extra{display:none}
.np-list.open .np-extra{display:list-item}
.np-toggle{margin-top:6px;background:none;border:0;color:#0aa;font-size:13px;font-weight:600;cursor:pointer;padding:0}
.np-toggle:hover{text-decoration:underline}
.si-cities{display:flex;flex-wrap:wrap;gap:8px}
.si-city{display:inline-flex;gap:6px;align-items:baseline;padding:5px 10px;border:1px solid #eee;border-radius:8px;background:#fafafa;color:#222;text-decoration:none;font-size:14px}
.si-city:hover{border-color:#0cc;background:#f5fafa}
.si-city-freq{color:#0aa;font-weight:600}
.station-cities h2{font-size:20px}
.station-cities .si-cities{max-height:40px;overflow:hidden;transition:max-height .25s ease}
.sc-toggle:checked ~ .si-cities{max-height:1500px}
.sc-more{display:inline-block;margin-top:10px;cursor:pointer;color:#0aa;font-size:14px;font-weight:600;user-select:none}
.sc-more:hover{text-decoration:underline}
.sc-more-hide{display:none}
.sc-toggle:checked ~ .sc-more .sc-more-show{display:none}
.sc-toggle:checked ~ .sc-more .sc-more-hide{display:inline}

@media (min-width:992px){.sidebar-sticky{position:sticky;top:12px}}
.side-card{background:#fff;border:1px solid #e9edf2;border-radius:12px;padding:14px 14px 12px;margin-bottom:16px;box-shadow:0 1px 4px rgba(20,30,60,.05)}
.side-h{margin:0 0 12px;font-size:15px;font-weight:700;color:#1a1a2e;display:flex;align-items:center;gap:7px}
.live-dot{width:8px;height:8px;border-radius:50%;background:#27c93f;animation:livep 1.8s infinite}
@keyframes livep{0%{box-shadow:0 0 0 0 rgba(39,201,63,.5)}70%{box-shadow:0 0 0 7px rgba(39,201,63,0)}100%{box-shadow:0 0 0 0 rgba(39,201,63,0)}}
.side-stations{list-style:none;margin:0;padding:0}
.ss-item{border-radius:9px;transition:background .15s}
.ss-item:hover{background:#f4f7fb}
.ss-link{display:flex;align-items:center;gap:11px;padding:6px 4px;text-decoration:none}
.ss-logo{flex:0 0 auto;width:58px;height:58px;object-fit:cover;display:block;border-radius:10px}
.ss-ph{background:linear-gradient(135deg,#0aa,#1a1a2e)}
.ss-info{min-width:0;display:flex;flex-direction:column;gap:2px}
.ss-name{font-size:14px;font-weight:600;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:170px}
.ss-link:hover .ss-name{color:#0aa}
.ss-likes{font-size:11px;color:#e2526a}
.side-genres{display:flex;flex-wrap:wrap;gap:7px}
.genre-chip{display:inline-block;padding:6px 12px;border-radius:20px;background:#eef2f7;color:#2a3550;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .15s}
.genre-chip:hover{background:#0aa;color:#fff}
.side-all{display:inline-block;margin-top:11px;font-size:12.5px;font-weight:600;color:#0aa;text-decoration:none}
.side-all:hover{text-decoration:underline}
.side-app{background:linear-gradient(135deg,#f0fbfb,#eef2fb);border-color:#d7e8ee}
.side-app-text{margin:0;font-size:12px;line-height:1.5;color:#54607a}
.side-foot{font-size:12px;color:#9aa3b5;padding:0 4px}
.side-foot a{color:#6b7488;text-decoration:none;margin-right:10px}
.side-foot a:hover{color:#0aa}
.side-copy{display:block;margin-top:6px}

.legal-text{font-size:14.5px;line-height:1.65;color:#2c3550;max-width:820px}
.legal-text .lead{font-size:16px;font-weight:500;color:#1a1a2e}
.legal-text h2{font-size:18px;font-weight:700;color:#1a1a2e;margin:26px 0 10px}
.legal-text ul{padding-left:20px}
.legal-text li{margin:5px 0}
.legal-text hr{border:0;border-top:1px solid #e6e9f0;margin:26px 0}
.legal-text .muted{color:#8a93a5}
.takedown-box{max-width:820px;margin:26px 0 10px;background:#fff;border:1px solid #e6e9f0;border-radius:14px;padding:20px}
.takedown-box h2{margin:0 0 6px;font-size:19px;color:#1a1a2e}
.td-note{font-size:12px;color:#8a93a5;margin:0 0 16px;line-height:1.5}
.td-row{display:flex;gap:14px;margin-bottom:13px;flex-wrap:wrap}
.td-row label{flex:1 1 220px;display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;color:#3a455e}
.td-full{flex-basis:100%}
.td-row input,.td-row select,.td-row textarea{padding:10px 12px;border:1px solid #d3dae4;border-radius:9px;font-size:14px;font-weight:400;font-family:inherit;color:#1a1a2e;background:#fbfcfe}
.td-row input:focus,.td-row select:focus,.td-row textarea:focus{outline:0;border-color:#0aa;background:#fff}
.td-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.td-submit{margin-top:4px;background:#0aa;color:#fff;border:0;padding:11px 24px;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer}
.td-submit:hover{background:#0899a0}
.td-submit:disabled{opacity:.6;cursor:default}
.td-result{margin-top:14px;padding:11px 14px;border-radius:9px;font-size:13.5px}
.td-result.ok{background:#e9f8ee;color:#1c7a3a;border:1px solid #bfe6cb}
.td-result.err{background:#fdecec;color:#b3261e;border:1px solid #f2c4c0}
.nav-icon{display:flex;align-items:center;justify-content:center;height:2.25rem}
.app-header .nav-link svg{vertical-align:middle}
.play-ic{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.95);color:#0aa;box-shadow:0 2px 12px rgba(0,0,0,.35);transition:transform .12s}
.item:hover .play-ic{transform:scale(1.06)}
.play-ic svg{margin-left:3px}
.sim-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:18px 16px;margin:0}
.similar-inline{display:block}
@media(min-width:992px){.similar-inline{display:none}}
/* на мобиле «Похожие» показываем инлайн (в контенте), сайдбарный дубль прячем */
@media(max-width:991px){.side-similar{display:none}}
.sim-grid>div{width:auto;max-width:none;min-width:0;flex:none;float:none;padding:0;margin:0}
.nav-search-li{padding:2px 1rem 8px;list-style:none}
.nav-search{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:10px;padding:9px 12px;margin:0}
.nav-search:focus-within{background:rgba(255,255,255,.14);border-color:rgba(0,204,204,.55)}
.nav-q-ic{flex:0 0 auto;color:rgba(255,255,255,.55)}
.nav-q{flex:1 1 auto;min-width:0;background:transparent;border:0;outline:0;color:#fff;font-size:15px;padding:0}
.nav-q::placeholder{color:rgba(255,255,255,.45)}
.nav-q::-webkit-search-cancel-button{filter:invert(.6)}
.nav-qr{position:fixed;z-index:9999;background:#fff;border-radius:12px;box-shadow:0 10px 34px rgba(0,0,0,.28);max-height:72vh;overflow:auto;padding:6px}
.nqr-item{display:flex;align-items:center;gap:11px;padding:8px 9px;border-radius:8px;text-decoration:none;color:#1a1a2e}
.nqr-item:hover{background:#f4f7fb}
.nqr-item img{width:38px;height:38px;border-radius:8px;object-fit:cover;flex:0 0 auto;background:#eef2f7}
.nqr-item span{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nqr-empty{padding:14px;color:#8a93a5;font-size:13px}
.np-h{margin:0 0 10px;font-weight:700;color:#1a1a2e}

/* Единая шкала шрифтов контентных страниц (ПК + смартфон) */
.page-content h1{font-size:27px;line-height:1.25;font-weight:700}
.page-content h2{font-size:20px;line-height:1.3;font-weight:700}
.page-content h3{font-size:16px;line-height:1.35;font-weight:700}
.page-content .sr-val{font-size:21px}
@media (max-width:600px){
	.page-content h1{font-size:21px}
	.page-content h2{font-size:18px}
}

/* контраст служебного серого текста (был #9aa3bd ~2.5:1) */
.sr-cnt,.cmt-hint,.cmt-date,.cmt-empty{color:#6b7488}
.side-foot{color:#6b7488}
.side-foot a{display:block;color:#077;padding:2px 0;text-decoration:none}
.side-foot a:hover{text-decoration:underline}
.side-foot .side-copy{display:block;margin-top:8px;color:#6b7488}

/* списки городов/жанров/стран в колонки */
ul.spisok{list-style:none;margin:0 0 18px;padding:0;column-width:200px;column-gap:24px}
ul.spisok li{break-inside:avoid;margin:0 0 6px}
ul.spisok li a{display:inline-block;padding:1px 0}
@media (max-width:600px){ul.spisok{column-width:150px;column-gap:16px}}

/* эквалайзер в плеер-баре */
.pb-eq{display:inline-flex;align-items:flex-end;gap:2px;height:16px;width:18px;margin:0 2px;flex:0 0 auto}
.pb-eq i{flex:1;background:#0cc;height:30%;border-radius:1px;opacity:.55}
.pb-eq.on i{animation:pbeq .9s ease-in-out infinite}
.pb-eq.on i:nth-child(2){animation-delay:.25s}
.pb-eq.on i:nth-child(3){animation-delay:.5s}
.pb-eq.on i:nth-child(4){animation-delay:.15s}
@keyframes pbeq{0%,100%{height:25%}50%{height:100%}}

/* кнопки share/fav в баре */
.pb-share,.pb-fav{flex:0 0 auto;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;color:#cfd6e6;cursor:pointer;border-radius:50%;padding:0}
.pb-share:hover,.pb-fav:hover{color:#fff;background:rgba(255,255,255,.08)}
.pb-fav.on{color:#ffce54}
@media (max-width:600px){.pb-share,.pb-fav{display:none}}

/* выдвижная панель плеера (детали/мобайл) */
.pb-link,.pb-info{cursor:pointer}
#pb-sheet-bd{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .2s;z-index:1200}
#pb-sheet-bd.on{opacity:1;visibility:visible}
#pb-sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%,100%);width:100%;max-width:460px;background:#15151f;color:#eef1f7;border-radius:16px 16px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.45);padding:14px 18px 22px;z-index:1201;transition:transform .26s ease}
#pb-sheet.on{transform:translate(-50%,0)}
#pb-sheet .pbs-close{position:absolute;top:8px;right:12px;background:none;border:0;color:#9aa3bd;font-size:26px;line-height:1;cursor:pointer}
.pbs-logo{display:block;width:96px;height:96px;border-radius:12px;object-fit:cover;margin:8px auto 10px;background:#222}
.pbs-name{text-align:center;font-size:17px;font-weight:700;margin-bottom:2px}
.pbs-track{text-align:center;font-size:13px;color:#9aa3bd;min-height:18px;margin-bottom:12px}
.pbs-actions{display:flex;justify-content:center;margin-bottom:10px}
.pbs-toggle{width:56px;height:56px;border-radius:50%;background:#0cc;border:0;color:#08121a;display:flex;align-items:center;justify-content:center;cursor:pointer}
.pbs-vol{display:flex;align-items:center;gap:10px;margin:0 6px 14px}
.pbs-mute{background:none;border:0;color:#cfd6e6;cursor:pointer;padding:0;display:flex}
.pbs-volume{flex:1;accent-color:#0cc}
.pbs-links{display:flex;gap:8px}
.pbs-link{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:rgba(255,255,255,.06);border:0;border-radius:10px;color:#cfd6e6;font-size:12.5px;padding:9px 6px;cursor:pointer;text-decoration:none}
.pbs-link:hover{background:rgba(255,255,255,.12);color:#fff}
.pbs-link.on{color:#ffce54}
.pbs-link svg{flex:0 0 auto}
body.pb-sheet-open{overflow:hidden}

/* тост */
#pb-toast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%) translateY(10px);background:#222633;color:#fff;padding:9px 16px;border-radius:8px;font-size:13px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;z-index:1300}
#pb-toast.on{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}

/* пагинатор листингов */
.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0 8px;flex-wrap:wrap}
.pager .pg-link{display:inline-block;padding:8px 16px;border:1px solid #d4d9e3;border-radius:8px;color:#077;text-decoration:none;font-weight:600;font-size:14px}
.pager .pg-link:hover{background:#077;color:#fff;border-color:#077}
.pager .pg-info{color:#6b7488;font-size:13px}

/* карточки стран/городов на /strany */
.country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:12px;margin:0 0 24px}
.country-card{display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid #e6e9f0;border-radius:12px;background:#fff;text-decoration:none;color:#16203a;transition:border-color .15s,box-shadow .15s,transform .1s}
.country-card:hover{border-color:#0cc;box-shadow:0 5px 16px rgba(0,0,0,.08);transform:translateY(-1px)}
.cc-flag{font-size:30px;line-height:1;flex:0 0 auto}
.cc-body{display:flex;flex-direction:column;min-width:0}
.cc-name{font-weight:700;font-size:15px;color:#16203a}
.cc-meta{font-size:12.5px;color:#6b7488;margin-top:2px}
.city-card{padding:13px 16px}
@media (max-width:600px){.country-grid{grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:9px}.cc-flag{font-size:25px}.cc-name{font-size:14px}}

/* шапка станции: логотип фикс-размера (не сжимается) + мета с иконками */
.station-hero{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;margin:14px 0 0}
.sh-logo{position:relative;flex:0 0 auto}
.sh-logo-img{width:180px;height:180px;object-fit:cover;border-radius:14px;display:block;background:#eef2f7;box-shadow:0 3px 14px rgba(0,0,0,.13)}
.sh-logo .btn-favorite{position:absolute;right:8px;bottom:8px}
.sh-body{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:14px;align-self:stretch}
.station-meta{display:flex;flex-direction:column;gap:9px}
.sm-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#54607a;font-size:14px}
.sm-ico{flex:0 0 auto;width:18px;height:18px;color:#0aa}
.sm-tags{display:flex;flex-wrap:wrap;gap:7px}
.sm-loc{font-weight:600;color:#3a455e}
.station-hero .radio-player{margin:0;max-width:540px;width:100%}
.station-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:2px}
.act-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border:1px solid #d4dae6;border-radius:10px;background:#fff;color:#2a3550;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.act-btn:hover{border-color:#0cc;background:#f4fbfb;color:#077}
.act-ico{width:17px;height:17px;flex:0 0 auto}
.act-fav.on{border-color:#ffce54;background:#fff9ec;color:#b8860b}
.act-fav.on .act-ico{color:#f5a623}
@media (max-width:380px){.sh-logo-img{width:150px;height:150px}}

/* удаление из «Мои станции» в сайдбаре */
.fav-item{display:flex;align-items:center}
.fav-item .ss-link{flex:1 1 auto;min-width:0}
.fav-del{flex:0 0 auto;width:26px;height:26px;border:0;background:none;color:#b3bccd;font-size:21px;line-height:1;cursor:pointer;border-radius:50%;padding:0;transition:background .15s,color .15s}
.fav-del:hover{background:#fde8ec;color:#e2526a}

/* переключатель сортировки каталога /stations */
.cat-sort{display:flex;gap:8px;margin:0 0 18px;flex-wrap:wrap}
.cat-sort-btn{padding:8px 16px;border:1px solid #d4dae6;border-radius:999px;color:#2a3550;text-decoration:none;font-size:13.5px;font-weight:600;background:#fff;transition:border-color .15s,background .15s,color .15s}
.cat-sort-btn:hover{border-color:#0cc;color:#077}
.cat-sort-btn.on{background:#0cc;border-color:#0cc;color:#fff}

/* статус потока в шапке станции */
.stream-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 2px;font-size:14px;font-weight:600}
.stream-status .strst-dot{width:9px;height:9px;border-radius:50%;flex:none}
.stream-status.on{color:#1f9d63}
.stream-status.on .strst-dot{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.stream-status.off{color:#c0392b}
.stream-status.off .strst-dot{background:#e74c3c}
.stream-status .strst-ago{color:#6b7488;font-weight:500}
.stream-status .strst-more{margin-left:auto;color:#0aa;font-weight:600;text-decoration:none;white-space:nowrap}
.stream-status .strst-more:hover{text-decoration:underline}

/* кликабельные треки в «В эфире» → поиск на YouTube */
.np-yt{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none;vertical-align:middle}
.np-yt-t{border-bottom:1px dotted #b9c2d4;transition:color .12s,border-color .12s}
.np-yt:hover .np-yt-t{color:#c00;border-bottom-color:#c00}
.yt-ic{flex:none;width:20px;height:20px;opacity:.95}
.np-yt:hover .yt-ic{opacity:1}
.np-plain{color:inherit}
.np-list .np-time{color:#8b93a7}
.np-video{margin:12px 0 4px}
.np-video-frame{position:relative;width:100%;max-width:640px;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}
.np-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.np-video-close{float:right;width:30px;height:30px;border:0;background:#eef1f6;color:#5a6478;font-size:20px;line-height:1;border-radius:50%;cursor:pointer;margin:0 0 6px 6px}
.np-video-close:hover{background:#e2526a;color:#fff}
.np-video-load{color:#6b7488;font-size:14px;padding:6px 0}

/* подзаголовок под H1 */
.station-sub{margin:2px 0 0;font-size:14px;color:#6b7488}
.station-sub-facts{color:#2a3550;font-weight:600}
/* селектор качества потока */
.rp-extra{flex-basis:100%;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}
.rp-quality{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.rp-q-lbl{font-size:12.5px;color:#aab2c6}
.rp-q{padding:3px 9px;border:1px solid #d4dae6;border-radius:999px;background:#fff;color:#2a3550;font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color .12s,background .12s,color .12s}
.rp-q:hover{border-color:#0cc;color:#077}
.rp-q.on{background:#0cc;border-color:#0cc;color:#fff}
/* жалоба «поток не играет» */
.report-broken{display:inline-block;margin:0 0 0 auto;font-size:12.5px;color:#9aa3bd;text-decoration:none}
.report-broken:hover{color:#e2526a;text-decoration:underline}
.report-broken.reported{color:#1f9d63;pointer-events:none}
/* смотрите также — фразовые анкоры */
.also-links{display:flex;gap:10px;flex-wrap:wrap}
.also-link{display:inline-block;padding:8px 14px;border:1px solid #e2e7f0;border-radius:10px;background:#f7f9fc;color:#2a3550;text-decoration:none;font-size:14px;font-weight:600;transition:border-color .12s,background .12s}
.also-link:hover{border-color:#0cc;background:#fff;color:#077}
/* автопредложение живой похожей при обрыве */
#alt-sug{position:fixed;left:50%;bottom:78px;transform:translateX(-50%);z-index:60;display:none;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:10px 12px;background:#1a1a2e;color:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.35);font-size:14px}
#alt-sug.on{display:flex}
.alt-sug-t{opacity:.85}
.alt-sug-btn{background:#0cc;color:#fff;border:0;border-radius:999px;padding:6px 14px;font-weight:700;font-size:13.5px;cursor:pointer;white-space:nowrap}
.alt-sug-btn:hover{background:#0bb}
.alt-sug-x{background:none;border:0;color:#b9c2d4;font-size:20px;line-height:1;cursor:pointer;padding:0 2px}
/* спиннер загрузки в виджете плеера */
.rp-state.loading::before{content:'';display:inline-block;width:11px;height:11px;margin-right:6px;border:2px solid rgba(0,170,170,.35);border-top-color:#0aa;border-radius:50%;vertical-align:-1px;animation:rpspin .7s linear infinite}
@keyframes rpspin{to{transform:rotate(360deg)}}
/* iPhone safe-area для фикс-элементов */
.player-bar{padding-bottom:env(safe-area-inset-bottom)}
#pb-sheet{padding-bottom:calc(16px + env(safe-area-inset-bottom))}
/* крупная тач-цель Play на мобиле */
@media (max-width:640px){.rp-play{min-width:52px;min-height:52px}}

/* ссылка на полный плейлист со страницы станции */
.np-all{display:inline-block;margin:6px 0 0;font-size:13.5px;font-weight:600;color:#0aa;text-decoration:none}
.np-all:hover{text-decoration:underline}
/* страница /playlist */
.pl-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0 0}
.pl-listen{border:0;border-radius:999px;background:#0cc;color:#fff;font-weight:700;font-size:14px;padding:9px 18px;cursor:pointer}
.pl-listen:hover{background:#0bb}
.pl-listen.is-playing{background:#099}
.pl-top{margin:0;padding-left:22px}
.pl-top li{margin:0 0 6px;line-height:1.45}
.pl-cnt{color:#8b93a7;font-size:12.5px;margin-left:6px}
.pl-log{list-style:none;margin:0;padding:0}
.pl-log li{display:flex;gap:10px;padding:7px 0;border-bottom:1px solid #eef1f6;line-height:1.4}
.pl-time{flex:0 0 auto;color:#8b93a7;font-size:12.5px;font-variant-numeric:tabular-nums;min-width:46px}
.pl-day{margin:0 0 16px}
.pl-day-h{font-size:13px;font-weight:700;color:#0aa;text-transform:uppercase;letter-spacing:.03em;margin:0 0 4px}