
:root{--navy:#080d33;--blue:#101c62;--pink:#e8318a;--purple:#7a38df;--cyan:#31c6ff;--bg:#f4f6fb;--text:#11152b;--muted:#74788f;--white:#fff;--border:#e4e7f0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);padding-bottom:92px}a{text-decoration:none;color:inherit}button,input{font:inherit}.container{width:min(1180px,calc(100% - 34px));margin:auto}
.topline{background:var(--navy);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em}.topline .container{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:14px}.topline a{color:#ff9dcc}
.header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(13px);box-shadow:0 1px 0 rgba(0,0,0,.06)}.headerin{height:78px;display:flex;align-items:center;gap:20px}.logo{display:flex;align-items:center;gap:10px;min-width:230px}.logoimg{width:52px;height:52px;object-fit:contain;border-radius:14px;background:#fff}.logotxt b{display:block;font-size:15px;letter-spacing:.04em}.logotxt small{display:block;color:#70748a;font-size:9px;font-weight:800;letter-spacing:.12em;margin-top:2px}
.nav{display:flex;align-items:center;gap:20px;margin-left:auto;font-weight:800;font-size:13px}.nav>a,.dropbtn{padding:29px 0;border:0;background:none;cursor:pointer;font-weight:800}.nav a:hover,.dropbtn:hover{color:var(--pink)}.dropdown{position:relative}.dropdownmenu{position:absolute;top:67px;left:-18px;background:white;min-width:220px;padding:10px;border-radius:16px;box-shadow:0 18px 48px rgba(12,18,70,.18);display:none;border:1px solid var(--border)}.dropdown:hover .dropdownmenu{display:block}.dropdownmenu a{display:block;padding:11px 12px;border-radius:10px}.dropdownmenu a:hover{background:#f6f2ff}.searchbtn,.menubtn{border:0;background:#f2f3f8;border-radius:50%;width:42px;height:42px;cursor:pointer;font-size:20px}.menubtn{display:none}
.searchpanel{position:fixed;inset:0;background:rgba(5,8,30,.95);z-index:100;display:none;padding:90px 20px}.searchpanel.open{display:block}.searchbox{max-width:760px;margin:auto}.searchbox input{width:100%;padding:18px 22px;border-radius:16px;border:0;font-size:22px;outline:none}.searchclose{margin-top:15px;background:transparent;border:1px solid #666d8c;color:white;padding:10px 18px;border-radius:999px;cursor:pointer}.searchresults{margin-top:25px;display:grid;gap:10px}.searchresults a{display:block;color:white;padding:14px 16px;border:1px solid #353b61;border-radius:14px}
.hero{background:radial-gradient(circle at 85% 10%,#d8c9ff,transparent 33%),radial-gradient(circle at 0 80%,#ffd3e6,transparent 35%),#fff;padding:70px 0}.heroin{display:grid;grid-template-columns:1.03fr .97fr;gap:58px;align-items:center}.tag,.kicker{font-size:11px;font-weight:950;letter-spacing:.14em;color:var(--pink)}.hero h1{font-size:clamp(54px,7vw,88px);line-height:.92;letter-spacing:-.055em;margin:14px 0 22px}.hero h1 em{font-style:normal;color:var(--purple)}.hero p{font-size:19px;line-height:1.6;color:#555a73;max-width:610px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{border:0;cursor:pointer;padding:15px 21px;border-radius:999px;font-weight:900}.btn-pink{background:linear-gradient(90deg,var(--pink),var(--purple));color:white}.btn-white{background:white;border:1px solid var(--border)}
.livecard{background:var(--navy);border-radius:30px;padding:22px;color:white;box-shadow:0 28px 70px rgba(12,17,70,.24)}.livehead,.livebottom,.times{display:flex;align-items:center;justify-content:space-between}.livebadge{font-size:10px;font-weight:900;letter-spacing:.12em}.dot{width:8px;height:8px;background:#ff376d;display:inline-block;border-radius:50%;box-shadow:0 0 0 5px rgba(255,55,109,.12);margin-right:7px}.liveart{height:250px;margin:18px 0;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#ed388d,#6c36d8);overflow:hidden}.liveart img{width:74%;height:74%;object-fit:contain}.now small{color:#aaaeca;font-size:9px;font-weight:900;letter-spacing:.12em}.now h2{font-size:24px;margin:5px 0}.now p{margin:0;color:#b7bbd0}.play{width:60px;height:60px;border-radius:50%;border:0;background:white;color:var(--navy);font-size:22px;cursor:pointer}.progress{height:5px;background:#2c3156;border-radius:99px;margin-top:20px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--cyan));width:45%}.times{font-size:10px;color:#8e93b1;margin-top:7px}
.section{padding:76px 0}.white{background:#fff}.blue{background:linear-gradient(135deg,#0b1245,#182873);color:white}.sectionhead{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.sectionhead h2,.pagehero h1{font-size:clamp(34px,5vw,54px);letter-spacing:-.04em;margin:8px 0 0}.sectionhead p{max-width:480px;color:var(--muted);line-height:1.6}.blue .sectionhead p{color:#cbd1f1}
.programgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.showcard{background:white;border-radius:23px;overflow:hidden;border:1px solid var(--border);transition:.2s}.showcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(15,21,70,.12)}.showimg{height:220px;background:#eaeef7}.showimg img{width:100%;height:100%;object-fit:cover}.showbody{padding:22px}.showbody .time{font-size:10px;font-weight:900;color:var(--pink);letter-spacing:.11em}.showbody h3{font-size:25px;margin:7px 0}.showbody p{color:var(--muted);line-height:1.5}.arrow{font-size:12px;font-weight:900}
.quickgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick{background:white;border:1px solid var(--border);border-radius:20px;padding:24px}.quickicon{font-size:26px;margin-bottom:18px}.quick b{display:block;font-size:17px}.quick small{display:block;color:var(--muted);margin-top:5px}.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.platform{padding:24px;border:1px solid #35427c;border-radius:20px;background:rgba(255,255,255,.06)}.platform b,.platform span{display:block}.platform span{color:#cbd1f1;margin-top:6px;font-size:13px}
.pagehero{padding:64px 0 42px;background:white;border-bottom:1px solid var(--border)}.pagehero p{max-width:700px;color:var(--muted);line-height:1.65;font-size:17px}.content{background:white;border:1px solid var(--border);border-radius:22px;padding:28px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stack{display:grid;gap:14px}.info{background:#f7f8fc;border:1px solid var(--border);border-radius:17px;padding:20px}.info b{display:block;margin-bottom:5px}.info p{margin:0;color:var(--muted);line-height:1.55}
.schedule{display:grid;gap:11px}.scheduleitem{display:flex;justify-content:space-between;align-items:center;background:white;border:1px solid var(--border);border-radius:16px;padding:17px 19px}.scheduleitem b{font-size:16px}.scheduleitem span{font-weight:900;color:var(--purple)}
.playlist{display:grid;gap:10px}.track{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:14px;padding:14px;background:#fff;border:1px solid var(--border);border-radius:16px}.tracknum{width:42px;height:42px;border-radius:12px;background:#f3efff;display:grid;place-items:center;font-weight:900;color:var(--purple)}.track b{display:block}.track small{color:var(--muted)}.track button{border:0;background:var(--navy);color:white;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer}.live-note{background:#fff4fa;border:1px solid #ffd2e9;border-radius:16px;padding:17px 19px;color:#713054;line-height:1.55}
footer{background:#060a27;color:white;padding:52px 0 35px}.footergrid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}.footerbrand p{color:#9ba2c8;line-height:1.55}.footergrid h4{margin:0 0 15px}.footergrid>div>a{display:block;color:#aeb4d0;margin:10px 0;font-size:13px}.copy{border-top:1px solid #282e58;margin-top:35px;padding-top:18px;color:#777fa5;font-size:11px}.socials{display:flex;gap:9px}.socials a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#1b2250}
.stickyplayer{position:fixed;z-index:90;left:16px;right:16px;bottom:12px;max-width:1120px;margin:auto;background:white;border:1px solid #e0e3ee;border-radius:24px;box-shadow:0 15px 50px rgba(10,15,60,.22);height:70px;padding:9px 14px;display:grid;grid-template-columns:52px 220px 1fr auto 100px;gap:12px;align-items:center}.sp-logo{width:50px;height:50px;object-fit:contain;border-radius:12px}.sp-meta b,.sp-meta small{display:block}.sp-meta small{color:#777b91;margin-top:2px}.sp-track{color:#5e6279;font-size:12px}.spplay{width:48px;height:48px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));color:white;font-size:18px;cursor:pointer}.vol{width:100%}
.playerdrawer{position:fixed;z-index:110;inset:0;background:rgba(5,8,30,.76);display:none;align-items:center;justify-content:center;padding:20px}.playerdrawer.open{display:flex}.playerbox{width:min(760px,100%);background:white;border-radius:26px;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.28)}.playerboxtop{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.playerboxtop b{font-size:20px}.playerclose{border:0;background:#eef0f6;width:40px;height:40px;border-radius:50%;cursor:pointer}.zenoframe{width:100%;height:300px;border:0;border-radius:18px;background:#f3f4f8}.playerhint{font-size:12px;color:#73788e;line-height:1.5;margin:10px 3px 0}
@media(max-width:980px){.nav{display:none;position:absolute;top:78px;left:14px;right:14px;background:white;border:1px solid var(--border);border-radius:18px;padding:12px;box-shadow:0 18px 50px rgba(10,15,60,.18);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav>a,.dropbtn{padding:11px 12px;text-align:left}.dropdownmenu{display:block;position:static;box-shadow:none;border:0;padding-left:14px}.menubtn{display:block;margin-left:auto}.searchbtn{margin-left:0}.heroin,.grid2{grid-template-columns:1fr}.programgrid{grid-template-columns:1fr 1fr}.quickgrid{grid-template-columns:1fr 1fr}.footergrid{grid-template-columns:1fr 1fr}.stickyplayer{grid-template-columns:48px 1fr auto;height:68px}.sp-track,.vol{display:none}.sp-meta{min-width:0}.sp-meta b,.sp-meta small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:620px){body{padding-bottom:84px}.container{width:min(100% - 22px,1180px)}.topline .container{font-size:9px}.topline a{display:none}.headerin{height:68px}.logo{min-width:0}.logoimg{width:44px;height:44px}.logotxt b{font-size:12px}.logotxt small{font-size:7px}.nav{top:68px}.searchbtn,.menubtn{width:38px;height:38px}.hero{padding:45px 0}.hero h1{font-size:51px}.hero p{font-size:16px}.liveart{height:210px}.section{padding:56px 0}.sectionhead{display:block}.programgrid,.quickgrid,.platforms,.footergrid{grid-template-columns:1fr}.showimg{height:205px}.track{grid-template-columns:44px 1fr}.track button{grid-column:2;justify-self:start}.scheduleitem{align-items:flex-start;gap:10px}.pagehero{padding:45px 0 30px}.content{padding:20px}.stickyplayer{left:8px;right:8px;bottom:8px;border-radius:20px}.zenoframe{height:320px}}


/* ===== RADIO SEBASTIAN - FULL BOTTOM PLAYER ===== */
.stickyplayer{display:none!important}

.rs-player{
  position:fixed;z-index:95;left:50%;transform:translateX(-50%);
  bottom:18px;width:min(1180px,calc(100% - 34px));height:100px;
  background:#fff;border:1px solid rgba(8,13,51,.08);border-radius:999px;
  box-shadow:0 18px 55px rgba(8,13,51,.18);
  display:grid;grid-template-columns:auto 1px minmax(190px,260px) 1px minmax(210px,1fr) auto;
  align-items:center;gap:22px;padding:14px 24px;color:var(--navy)
}
.rs-switch{display:flex;align-items:center;gap:8px}
.rs-switch button{border:0;border-radius:999px;height:40px;padding:0 18px;background:#fff;color:var(--navy);font-weight:850;cursor:pointer}
.rs-switch button.active{background:var(--pink);color:#fff}
.rs-divider{height:34px;background:#d9dce8;width:1px}
.rs-station{display:flex;align-items:center;gap:14px;min-width:0}
.rs-station-logo{width:70px;height:58px;object-fit:contain;border-radius:16px;background:#f5f6fb;padding:4px}
.rs-station-copy{min-width:0}
.rs-station-copy b,.rs-station-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-station-copy b{font-size:15px}
.rs-station-copy small{margin-top:4px;color:#777b91;font-size:11px}
.rs-song{min-width:0}
.rs-song .song-title,.rs-song .song-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-song .song-title{font-weight:900;font-size:15px}
.rs-song .song-artist{font-size:13px;color:#777b91;margin-top:4px}
.rs-controls{display:flex;align-items:center;gap:17px}
.rs-icon-btn{border:0;background:transparent;width:36px;height:36px;border-radius:50%;color:var(--navy);font-size:21px;cursor:pointer;display:grid;place-items:center}
.rs-icon-btn:hover{background:#f1f2f8}
.rs-heart.liked{color:var(--pink)}
.rs-volume{display:flex;align-items:center;gap:9px}
.rs-volume input{width:86px;accent-color:var(--pink)}
.rs-main-play{width:70px;height:70px;border:0;border-radius:50%;background:var(--pink);color:#fff;font-size:25px;cursor:pointer;display:grid;place-items:center;box-shadow:0 10px 24px rgba(232,49,138,.28)}
.rs-main-play:hover{background:var(--navy)}
.rs-live-pill{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:950;letter-spacing:.1em;color:var(--pink);margin-top:4px}
.rs-live-pill:before{content:"";width:7px;height:7px;background:#ff356b;border-radius:50%}

.rs-mobile-player{display:none}
@media(max-width:980px){
  body{padding-bottom:22px}
  .rs-player{display:none}
  .rs-mobile-player{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:0;border-left:1px solid #dcdfea;padding-left:12px}
  .rs-mobile-meta{width:105px;min-width:0}
  .rs-mobile-meta b,.rs-mobile-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .rs-mobile-meta b{font-size:11px}
  .rs-mobile-meta small{font-size:9px;color:#74788f;margin-top:2px}
  .rs-mobile-play{flex:0 0 auto;width:38px;height:38px;border:0;border-radius:50%;background:var(--pink);color:#fff;font-size:15px;cursor:pointer}
}
@media(max-width:620px){
  .logotxt{display:none}
  .logo{min-width:auto}
  .rs-mobile-meta{width:82px}
  .searchbtn{display:none}
  .rs-mobile-player{margin-left:auto}
}

/* V4: bez spodneho desktop panela */
.rs-player{display:none!important}
.track{cursor:pointer;transition:.18s ease}
.track:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(8,13,51,.10);border-color:#cfd4e6}
.track.is-selected{border-color:var(--pink);box-shadow:0 0 0 2px rgba(232,49,138,.10)}
.track button{pointer-events:none}
.player-selected{
  display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:12px;
  background:#f7f8fc;border:1px solid #e4e7f0;border-radius:16px
}
.player-selected .mini-art{
  width:48px;height:48px;border-radius:13px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;font-size:20px
}
.player-selected b,.player-selected small{display:block}
.player-selected small{color:#74788f;margin-top:3px}

/* ===== V5 CLEAN PLAYER / FULL PLAYLIST PAGE ===== */
.playerdrawer{display:none!important}

/* Clean in-site radio bar - no Zeno branding */
.clean-player{
  position:fixed;z-index:96;left:50%;transform:translateX(-50%);
  bottom:14px;width:min(960px,calc(100% - 28px));height:74px;
  background:#fff;border:1px solid #e1e4ef;border-radius:999px;
  box-shadow:0 16px 45px rgba(8,13,51,.17);
  display:grid;grid-template-columns:52px minmax(160px,1fr) auto auto;
  gap:14px;align-items:center;padding:10px 14px;color:var(--navy)
}
.clean-player-logo{width:52px;height:52px;object-fit:contain;border-radius:14px;background:#f5f6fb}
.clean-player-meta{min-width:0}
.clean-player-meta b,.clean-player-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clean-player-meta b{font-size:14px}
.clean-player-meta small{font-size:11px;color:#757a90;margin-top:3px}
.clean-live{font-size:9px;font-weight:950;letter-spacing:.12em;color:var(--pink)}
.clean-play-btn{
  width:50px;height:50px;border:0;border-radius:50%;background:var(--pink);
  color:#fff;font-size:18px;cursor:pointer
}
.clean-playlist-link{
  padding:12px 17px;border-radius:999px;background:#f3f4f9;
  font-weight:900;font-size:12px
}

/* Full dedicated playlist */
.playlist-only-page{min-height:100vh;background:#f5f6fa;padding:28px 0 120px}
.playlist-only-header{
  position:sticky;top:0;z-index:40;background:rgba(245,246,250,.94);
  backdrop-filter:blur(14px);border-bottom:1px solid #e0e3ed
}
.playlist-only-header .inner{
  width:min(980px,calc(100% - 28px));height:76px;margin:auto;
  display:flex;align-items:center;justify-content:space-between;gap:18px
}
.playlist-only-brand{display:flex;align-items:center;gap:11px;min-width:0}
.playlist-only-brand img{width:48px;height:48px;object-fit:contain;border-radius:13px;background:#fff}
.playlist-only-brand b{display:block;font-size:15px}
.playlist-only-brand small{display:block;font-size:9px;color:#777c92;letter-spacing:.1em;margin-top:2px}
.playlist-back{
  border:0;background:#fff;border:1px solid #dde1eb;border-radius:999px;
  padding:10px 15px;font-weight:850;cursor:pointer
}
.playlist-shell{width:min(980px,calc(100% - 28px));margin:34px auto 0}
.playlist-title-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}
.playlist-title-row h1{font-size:clamp(38px,6vw,68px);line-height:.95;letter-spacing:-.05em;margin:6px 0}
.playlist-title-row p{color:#74788f;max-width:400px;line-height:1.55;margin:0}
.playlist-only-list{display:grid;gap:8px}
.playlist-only-list .track{
  grid-template-columns:52px minmax(0,1fr) 44px;
  padding:12px 14px;border-radius:16px
}
.playlist-only-list .track button{
  width:42px;height:42px;padding:0;border-radius:50%;display:grid;place-items:center
}
.playlist-only-list .track b{text-transform:none}
.playlist-only-list .track small{display:block;margin-top:3px}
.playlist-number{font-size:11px;font-weight:950;color:#8a8fa4;letter-spacing:.08em}

/* Hidden embedded stream source. No third-party UI visible. */
.hidden-stream-frame{
  position:fixed;width:1px;height:1px;opacity:0;pointer-events:none;
  left:-9999px;bottom:-9999px;border:0
}

@media(max-width:980px){
  body{padding-bottom:84px}
  .clean-player{
    left:8px;right:8px;transform:none;bottom:8px;width:auto;height:66px;
    grid-template-columns:44px minmax(0,1fr) auto;padding:8px 10px;border-radius:20px
  }
  .clean-player-logo{width:44px;height:44px;border-radius:11px}
  .clean-player-meta b{font-size:12px}.clean-player-meta small{font-size:10px}
  .clean-play-btn{width:44px;height:44px}
  .clean-playlist-link{display:none}
}
@media(max-width:620px){
  .playlist-only-page{padding-bottom:92px}
  .playlist-only-header .inner{height:66px}
  .playlist-only-brand img{width:42px;height:42px}
  .playlist-only-brand b{font-size:13px}
  .playlist-title-row{display:block;margin-bottom:18px}
  .playlist-title-row p{font-size:14px}
  .playlist-only-list .track{grid-template-columns:44px minmax(0,1fr) 40px;padding:11px}
  .playlist-only-list .tracknum{width:38px;height:38px;border-radius:10px}
  .playlist-only-list .track b{font-size:14px}
  .playlist-only-list .track small{font-size:11px}
  .playlist-only-list .track button{width:38px;height:38px;font-size:0}
  .playlist-only-list .track button:after{content:"▶";font-size:13px}
}

/* ===== V7 OLD RADIO SEBASTIAN PLAYER ===== */
body{padding-bottom:235px}
.old-player-wrap{
  position:fixed;
  z-index:120;
  left:50%;
  transform:translateX(-50%);
  bottom:8px;
  width:min(1040px,calc(100% - 20px));
  height:220px;
  pointer-events:auto;
}
.old-player-frame{
  width:100%;
  height:100%;
  border:0;
  background:transparent;
  display:block;
}
.clean-player,.rs-player,.rs-mobile-player,.playerdrawer{display:none!important}

@media(max-width:768px){
  body{padding-bottom:180px}
  .old-player-wrap{
    left:5px;
    right:5px;
    transform:none;
    width:auto;
    height:170px;
    bottom:4px;
  }
}
@media(max-width:480px){
  body{padding-bottom:165px}
  .old-player-wrap{height:155px}
}

/* V9 exact old-style program player */
body{padding-bottom:270px}
.old-player-wrap{
  position:fixed;z-index:120;left:50%;transform:translateX(-50%);
  bottom:4px;width:min(830px,calc(100% - 12px));height:258px;pointer-events:auto
}
.old-player-frame{width:100%;height:100%;border:0;background:transparent;display:block}
@media(max-width:768px){
  body{padding-bottom:145px}
  .old-player-wrap{left:4px;right:4px;transform:none;width:auto;height:138px;bottom:2px}
}
