:root{--cream:#fbf7ee;--paper:#fffdf9;--navy:#071a38;--red:#e5242b;--yellow:#f2c32e;--cyan:#16a8d9;--ink:#091a37;--muted:#68748a;--line:#e4ddd1;--shadow:0 12px 32px rgba(7,26,56,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.wrap{width:min(1260px,calc(100% - 44px));margin:auto}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}
.topbar{height:52px;background:var(--cream);border-bottom:1px solid var(--line);font-size:14px}.top-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.live-line{display:flex;gap:9px;align-items:center}.live-dot{width:9px;height:9px;background:var(--red);border-radius:50%}.live-line strong{color:var(--red)}.social-top{display:flex;gap:25px;font-weight:900;font-size:20px;align-items:center}.social-top a:hover{color:var(--red)}.social-top a{display:inline-flex;align-items:center}.social-top svg{width:18px;height:18px;display:block}
.navbar{height:76px;background:rgba(255,253,249,.98);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.nav-inner{height:100%;display:flex;align-items:center}.logo{width:170px;align-self:flex-start;margin-top:8px;z-index:5}.logo img{display:block;width:100%}.nav-links{display:flex;gap:35px;margin-left:auto}.nav-links a{font-size:14px;font-weight:900;padding:29px 0;position:relative}.nav-links a.active,.nav-links a:hover{color:var(--red)}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:15px;height:3px;background:var(--red)}.nav-actions{display:flex;gap:16px;align-items:center;margin-left:28px}.theme{width:62px;height:32px;border:1px solid var(--line);border-radius:20px;background:#f3ede2;display:flex;justify-content:space-around;align-items:center}.listen{border:0;background:var(--red);color:white;border-radius:7px;padding:14px 23px;font-weight:900;box-shadow:0 7px 18px rgba(229,36,43,.2)}.listen:hover{background:#c81920}.mobile-menu{display:none}
.hero{height:580px;position:relative;overflow:hidden}.hero-photo{
    position:absolute;
    inset:0;
	z-index: 1;
    background-image:
        linear-gradient(
            90deg,
            rgba(251,247,238,1) 0%,
            rgba(251,247,238,.97) 29%,
            rgba(251,247,238,.72) 43%,
            rgba(251,247,238,.12) 64%,
            rgba(251,247,238,0) 100%
        ),
        url("images/hero-80s.jpg");

    background-size:auto 100%, auto 100%;
    background-position:left top, calc(58% - 275px);
    background-repeat:no-repeat;
}.hero-inner{
    height:100%;
    display:flex;
    align-items:center;
    position:relative;
    z-index:2;
}.hero-copy{width:48%;padding-top:8px}.kicker{
	font-size: 17px;
	font-weight: 900;
	font-style: italic;
	margin-bottom: 19px;
	margin-top: 25px;
}.kicker:after{content:"";display:block;width:76px;height:4px;background:var(--red);margin:5px 0 0 92px;transform:rotate(-4deg)}h1{font-size:clamp(44px,5.2vw,73px);line-height:.91;letter-spacing:-2.5px;margin:0 0 20px;font-weight:900;font-style:italic}h1 span{display:block;color:var(--red)}h1 em{display:block;font-style:italic}.hero p{font-size:18px;line-height:1.45;margin:0 0 22px}.hero-buttons{display:flex;gap:12px}.big{padding:14px 23px}.outline{display:inline-flex;align-items:center;padding:13px 22px;border:1px solid var(--navy);border-radius:7px;font-weight:900;background:rgba(255,255,255,.48)}.outline:hover{background:var(--navy);color:#fff}
.player{margin-top:-27px;position:relative;z-index:10}.player-box{height:94px;background:var(--navy);border-radius:11px;box-shadow:0 15px 30px rgba(7,26,56,.22);display:flex;align-items:center;padding:16px 25px;gap:17px;color:#fff}.play{width:56px;height:56px;border:2px solid var(--red);border-radius:50%;background:transparent;color:#fff;font-size:21px}.play.on{background:var(--red)}.station{min-width:235px}.station strong{font-size:18px}.onair{
	background: var(--red);
	font-size: 10px;
	border-radius: 8px;
	padding-top: 5px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 5px;
	margin-left: 7px;
	margin-top: -27px;
}.station small{display:block;color:#bdc8d7;margin-top:6px}.wave{flex:1;height:45px;display:flex;align-items:center;justify-content:center;gap:3px}.wave i{display:block;width:3px;border-radius:4px;background:var(--red);height:10px}.wave i:nth-child(3n){height:30px}.wave i:nth-child(5n){height:40px}.player-tools{display:flex;align-items:center;gap:11px}.player-tools input{width:145px;accent-color:var(--red)}
.section{padding:35px 0}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.section-title>div>span,.seo>div>span,.about>div>span{font-size:11px;font-weight:900;color:var(--red)}.section-title h2,.seo h2,.about h2{font-size:27px;margin:4px 0 0}.section-title>a{font-size:11px;font-weight:900}.program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.program-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;display:flex;min-height:151px;overflow:hidden;position:relative;box-shadow:0 6px 16px rgba(7,26,56,.04)}.program-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--red)}.program-card.yellow:after{background:var(--yellow)}.program-card.cyan:after{background:var(--cyan)}.program-card.blue:after{background:#1e245f}.program-card img{width:132px;height:151px;object-fit:cover}.program-info{padding:17px 12px}.program-info>b{font-size:11px;color:var(--red)}.program-info h3{font-size:17px;line-height:1.1;margin:8px 0}.program-info p{font-size:12px;color:var(--muted);line-height:1.4;margin:0}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:27px 8px 7px}.features>div{display:grid;grid-template-columns:58px 1fr;gap:13px;align-items:center}.features i{width:58px;height:58px;border:1px solid #d9cdbb;border-radius:50%;background:#fffaf1;display:grid;place-items:center;font-size:26px;color:var(--red);font-style:normal}.features strong{font-size:13px}.features p{font-size:12px;color:var(--muted);margin:5px 0 0;line-height:1.35}
.shows{background:var(--navy);color:#fff;padding:47px 0}.dark-title p{color:#b7c2d0;font-size:12px;margin:5px 0 0}.show-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:17px}.show{height:180px;border-radius:10px;overflow:hidden;position:relative;background:#112746}.show.large{height:275px}.show img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92}.show:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9))}.show>div{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:19px}.show h3{font-size:18px;margin:0 0 5px}.show p{font-size:12px;color:#d2d9e1;margin:0}
.seo{background:var(--cream)}.seo p,.about p{max-width:850px;color:var(--muted);font-size:14px;line-height:1.7}.about{padding:42px 0;background:#f1eadf}
footer{background:var(--navy);color:#fff;padding:27px 0 14px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer-brand{display:flex;gap:15px}.footer-brand img{width:105px;height:max-content}.footer-brand strong{color:var(--yellow);font-size:17px}.footer-grid h3{font-size:12px;margin:0 0 10px}.footer-grid a,.footer-grid p{display:block;color:#b6c1cf;font-size:12px;margin:6px 0}.copyright{text-align:center;border-top:1px solid #1f3655;margin-top:20px;padding-top:12px;color:#7e8ca0;font-size:10px}
body.dark{--cream:#07101d;--paper:#0e1c2e;--navy:#020a15;--ink:#f4f6fa;--muted:#adb8c7;--line:#27374b}body.dark .navbar{background:rgba(7,16,29,.98)}body.dark .hero-photo{background-image:linear-gradient(90deg,rgba(7,16,29,1),rgba(7,16,29,.93) 29%,rgba(7,16,29,.60) 47%,rgba(7,16,29,.10) 70%),url("images/hero-80s.jpg")}body.dark .outline{background:transparent;color:#fff;border-color:#fff}body.dark .about{background:#0c1829}body.dark .theme{background:#132237;color:#fff}
@media(max-width:1050px){.nav-links{gap:18px}.program-grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wrap{width:min(100% - 28px,1260px)}.social-top{display:none}.navbar{height:74px}.logo{width:122px;align-self:center;margin:0}.nav-links{display:none;position:absolute;left:0;right:0;top:74px;background:var(--paper);padding:10px 20px;flex-direction:column;gap:0;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.nav-links a{padding:11px 0}.nav-links a.active:after{display:none}.nav-actions{margin-left:auto;gap:8px}.theme{width:48px;height:28px}.nav-actions .listen{padding:10px 12px;font-size:10px}.mobile-menu{display:block;border:0;background:none;font-size:25px;margin-left:9px;color:var(--ink);order:3}.hero{height:600px}.hero-photo{background-image:linear-gradient(90deg,rgba(251,247,238,.98),rgba(251,247,238,.78)),url("images/hero-80s.jpg");background-size:cover;background-position:center}.hero-copy{width:100%;padding-top:65px}.hero p{font-size:16px}.hero-buttons{flex-direction:column;align-items:flex-start}.player{margin-top:-22px}.player-box{height:auto;min-height:94px;flex-wrap:wrap;padding:14px}.station{min-width:0;flex:1}.wave{order:5;flex-basis:100%}.player-tools{display:none}.program-grid,.features,.show-grid,.footer-grid{grid-template-columns:1fr}.show.large{height:230px}.section-title{align-items:flex-start;flex-direction:column;gap:12px}.program-card{min-height:140px}.program-card img{width:118px;height:140px}}

/* NOW PLAYING / LIVE STATE - addition only */
.now-song{
    margin-top:5px;
    color:var(--yellow);
    font-size:12px;
    font-weight:800;
    line-height:1.2;
    min-height:15px;
    max-width:330px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.wave{
    opacity:.35;
}
.wave.playing{
    opacity:1;
}
.wave.playing i{
    animation:radioPulse .72s ease-in-out infinite alternate;
}
.wave.playing i:nth-child(2n){animation-delay:.08s}
.wave.playing i:nth-child(3n){animation-delay:.16s}
.wave.playing i:nth-child(4n){animation-delay:.24s}
.wave.playing i:nth-child(5n){animation-delay:.32s}
@keyframes radioPulse{
    from{transform:scaleY(.35);opacity:.45}
    to{transform:scaleY(1);opacity:1}
}
@media(max-width:760px){
    .now-song{max-width:210px;font-size:11px}
}

/* FAVORITE / VOTE BUTTON */
.heart,
.heart:hover,
.heart:focus,
.heart:active{
    -webkit-appearance:none;
    appearance:none;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#fff;
    padding:0 !important;
    margin:0 0 0 8px;
    width:auto;
    height:auto;
    min-width:0;
    min-height:0;
    border-radius:0;
    font-family:inherit;
    font-size:24px;
    font-weight:400;
    line-height:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    cursor:pointer;
}

.heart span{
    font-size:11px;
    font-weight:700;
    color:#bfc8d5;
    line-height:1;
    min-width:10px;
    text-align:left;
    background:transparent !important;
}

.heart:hover{
    color:var(--red);
}

.heart:hover span{
    color:#fff;
}

.heart.voted{
    color:var(--red);
}

.heart.voted span{
    color:#fff;
}

.heart:disabled{
    cursor:default;
    opacity:.9;
}
/* Najava: Nasmejani utorak */
.najava{background:var(--paper);border-bottom:1px solid var(--line)}.najava-inner{display:grid;grid-template-columns:minmax(0,400px) 1fr;gap:40px;align-items:start}.najava-media video{display:block;width:100%;height:auto;aspect-ratio:2/3;border-radius:11px;background:#000;box-shadow:var(--shadow)}.najava-copy>span{font-size:11px;font-weight:900;color:var(--red)}.najava-copy h2{font-size:clamp(28px,3.4vw,42px);font-style:italic;font-weight:900;letter-spacing:-1px;margin:4px 0 14px}.najava-copy p{color:var(--muted);font-size:15px;line-height:1.7;margin:0 0 14px;max-width:760px}.najava-copy p.najava-lead{color:var(--ink);font-size:17px}.najava-when{display:inline-block;background:var(--navy);color:#fff;border-radius:7px;padding:10px 16px;font-weight:900;margin:0 0 18px}.najava-when strong{color:var(--yellow)}.najava-copy blockquote{margin:0 0 10px;padding:10px 16px;border-left:4px solid var(--red);background:var(--cream);font-style:italic;font-weight:700;border-radius:0 7px 7px 0}.najava-copy .outline{margin-top:6px}
@media(max-width:760px){.najava-inner{grid-template-columns:1fr;gap:22px}.najava-media{max-width:420px;margin:0 auto;width:100%}}
.najava-media img{display:block;width:100%;height:auto;border-radius:11px;box-shadow:var(--shadow)}.najava-gost{margin-top:44px;padding-top:44px;border-top:1px solid var(--line)}.najava-copy h3{font-size:clamp(24px,2.8vw,34px);font-style:italic;font-weight:900;letter-spacing:-.5px;margin:4px 0 14px}.najava-copy p.najava-where{color:var(--ink);font-weight:700}
.najava-info{list-style:none;margin:4px 0 18px;padding:16px 20px;background:var(--navy);color:#fff;border-radius:9px;display:grid;gap:8px;font-size:15px;line-height:1.45;max-width:520px}.najava-info strong{color:var(--yellow)}.najava-copy p a{color:var(--red);font-weight:700;text-decoration:underline}.najava-copy p.najava-slogan{color:var(--red);font-weight:900;font-style:italic;font-size:18px}.najava-copy p.najava-tags{font-size:12px;color:var(--cyan);font-weight:700;word-spacing:4px}.najava-actions{margin-top:8px}.najava-actions .listen{display:inline-block}