PageSourceSearch

https://www.funradio.sk/

html funradio.sk collected 2026-10-02 05:31:43 UTC 66,959 bytes, 1,167 lines download raw bytes

1<!DOCTYPE html>
2<html lang="sk">
3<head>
4  <meta charset="utf-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1">
6  <title>Fun Rádio · Hity, ktoré milujete</title>
7  <meta name="description" content="Fun Rádio naživo, podcasty, program a moderátori. Najhranejšia hudba a viac ako milión poslucháčov týždenne.">
8  <link rel="icon" href="/assets/img/funradio-ikona.png" type="image/png">
9  <link rel="stylesheet" href="/v3/styles.css?v=62">
10  
10<script>
11    /* Reveal priming: skryje reveal prvky ešte pred renderom (bez FOUC),
12       ale NIKDY pri reduced-motion. Ak sa motion.js nespustí (GSAP 404
13       a pod.), failsafe po 2,5 s reveal-primed odstráni → obsah viditeľný. */
14    (function () {
15      var d = document.documentElement;
16      try {
17        if (matchMedia('(prefers-reduced-motion: reduce)').matches) return;
18      } catch (e) { return; }
19      d.classList.add('reveal-primed');
20      setTimeout(function () {
21        d.classList.remove('reveal-primed');
22        /* Poistka: keď sa reveal animácia nespustí, obsah tu ostal navždy
23           priehľadný. Čokoľvek, čo je vo výreze a po chvíli stále nevidno,
24           sa odkryje — reveal pri skrolovaní tým zostáva zachovaný. */
25        if (!('IntersectionObserver' in window)) return;
26        var io = new IntersectionObserver(function (zaznamy) {
27          zaznamy.forEach(function (z) {
28            if (!z.isIntersecting) return;
29            io.unobserve(z.target);
30            setTimeout(function () {
31              if (getComputedStyle(z.target).opacity !== '0') return;
32              z.target.style.opacity = '';
33              z.target.style.transform = 'none';
34              z.target.style.clipPath = 'none';
35            }, 700);
36          });
37        }, { rootMargin: '0px 0px -5% 0px' });
38        document.querySelectorAll('.fx,[data-reveal]').forEach(function (el) { io.observe(el); });
39      }, 2500);
40    })();
41  </script>
41
42  <link rel="canonical" href="https://www.funradio.sk/">
43  <meta name="theme-color" content="#E60469">
44  <meta property="og:type" content="website">
45  <meta property="og:site_name" content="Fun Rádio">
46  <meta property="og:locale" content="sk_SK">
47  <meta property="og:url" content="https://www.funradio.sk/">
48  <meta property="og:title" content="Fun Rádio · Hity, ktoré milujete">
49  <meta property="og:description" content="Počúvaj Fun Rádio naživo, objav podcasty a novinky. Najhranejšia hudba a moderátori, ktorí ťa zobudia s úsmevom.">
50  <meta property="og:image" content="https://www.funradio.sk/assets/og/og-funradio.png">
51  <meta property="og:image:width" content="1200">
52  <meta property="og:image:height" content="630">
53  <meta property="og:image:alt" content="Fun Rádio: Hity, ktoré milujete">
54  <meta name="twitter:card" content="summary_large_image">
55  <meta name="twitter:title" content="Fun Rádio · Hity, ktoré milujete">
56  <meta name="twitter:description" content="Počúvaj Fun Rádio naživo, objav podcasty a novinky. Najhranejšia hudba a moderátori, ktorí ťa zobudia s úsmevom.">
57  <meta name="twitter:image" content="https://www.funradio.sk/assets/og/og-funradio.png">
58<link rel="stylesheet" href="/assets/css/fixes.css?v=7">
59  <link rel="stylesheet" href="/assets/css/spolocne.css?v=6">
60<link rel="stylesheet" href="/assets/css/fonts.css?v=1">
61<style>
62  .nav-find{display:inline-flex;align-items:center;gap:7px}
63  .nav-find svg{opacity:.8}
64  .footer-col .footer-cats{display:flex;flex-wrap:wrap;gap:6px 12px}
65</style>
66<script type="application/ld+json">
67{
68  "@context": "https://schema.org",
69  "@graph": [
70    {
71      "@type": "Organization",
72      "@id": "https://www.funradio.sk/#org",
73      "name": "Fun Rádio",
74      "url": "https://www.funradio.sk/",
75      "logo": "https://www.funradio.sk/assets/img/funradio-logo.svg",
76      "sameAs": [
77        "https://www.facebook.com/funradioslovensko",
78        "https://www.instagram.com/funradio_slovensko",
79        "https://www.tiktok.com/@funradio_slovensko",
80        "https://www.youtube.com/FunRadioSK"
81      ]
82    },
83    {
84      "@type": "WebSite",
85      "name": "Fun Rádio",
86      "url": "https://www.funradio.sk/",
87      "publisher": {"@id": "https://www.funradio.sk/#org"}
88    }
89  ]
90}
91</script>
91
92</head>
93<body>
94
95  <!-- ORGANICKÉ MASKY · zdieľané clipPath definície -->
96  <svg width="0" height="0" aria-hidden="true" focusable="false" style="position:absolute">
97    <defs>
98      <clipPath id="maska-kvet" clipPathUnits="objectBoundingBox">
99        <circle cx=".32" cy=".32" r=".31"/>
100        <circle cx=".68" cy=".32" r=".31"/>
101        <circle cx=".32" cy=".68" r=".31"/>
102        <circle cx=".68" cy=".68" r=".31"/>
103        <rect x=".22" y=".22" width=".56" height=".56" rx=".18"/>
104      </clipPath>
105      <clipPath id="maska-oblacik" clipPathUnits="objectBoundingBox">
106        <circle cx=".5" cy=".18" r=".26"/>
107        <circle cx=".78" cy=".32" r=".26"/>
108        <circle cx=".78" cy=".68" r=".26"/>
109        <circle cx=".5" cy=".82" r=".26"/>
110        <circle cx=".22" cy=".68" r=".26"/>
111        <circle cx=".22" cy=".32" r=".26"/>
112        <circle cx=".5" cy=".5" r=".34"/>
113      </clipPath>
114      <clipPath id="maska-kvapka" clipPathUnits="objectBoundingBox">
115        <path d="M.5.03C.74.03.97.2.97.46.97.74.76.97.49.97.22.97.03.74.03.47.03.2.26.03.5.03Z"/>
116      </clipPath>
117      <clipPath id="maska-vlnka" clipPathUnits="objectBoundingBox">
118        <path d="M.02.38C.02.16.14.04.26.04.34.04.4.08.5.08.6.08.66.04.74.04.86.04.98.16.98.38V.8C.98.9.9.98.8.98H.2C.1.98.02.9.02.8Z"/>
119      </clipPath>
120      <!-- ŽIVÁ MORPH MASKA · path 'd' interpoluje /v3/morph.js medzi 4 siluetami -->
121      <clipPath id="hero-morph" clipPathUnits="objectBoundingBox">
122        <path id="hero-morph-path" d="M.5.06C.62.06.74.04.83.12.92.2.94.33.94.46.94.6.96.72.88.82.79.92.64.94.5.94.36.94.21.92.12.82.04.72.06.6.06.46.06.33.08.2.17.12.26.04.38.06.5.06Z"/>
123      </clipPath>
124    </defs>
125  </svg>
126
127  <!-- ============ NAVIGÁCIA · reálne položky funradio.sk ============ -->
128  <!-- reklamný pás: leží nad navigáciou aj obsahom a oboje posúva nadol -->
129  <div data-banner-slot="uvod-hore"></div>
130
131  <header class="nav">
132    <div class="nav-bar">
133      <a class="nav-logo" href="#hore" aria-label="Fun Rádio, na začiatok stránky">
134        <img src="/assets/img/funradio-logo.svg" alt="Logo Fun Rádio">
135      </a>
136      <nav class="nav-links" aria-label="Hlavná navigácia">
137        <div class="nav-item">
138          <button class="nav-drop-btn" aria-haspopup="true" data-nav-href="/vysielanie/">
139            Vysielanie
140            <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg>
141          </button>
142          <div class="nav-drop"><a href="/vysielanie/" class="nav-drop-all">Všetky relácie a moderátori →</a>
143            <a href="/vysielanie/#relacia-2">Ranná šou</a>
144            <a href="/vysielanie/#relacia-19">Deň s Verou a Expl0m</a>
145            <a href="/vysielanie/#relacia-17">Popo šou s Andreou</a>
146            <a href="/vysielanie/#relacia-5">Najväčšie nové hity</a>
147            <a href="/vysielanie/#relacia-4">Sajfa šou</a>
148            <a href="/vysielanie/#relacia-16">Pondelky nie sú zlé</a>
149            <a href="/vysielanie/#relacia-10">PPP s Verou</a>
150            <a href="/vysielanie/#relacia-13">Adela a Sajfa</a>
151            <a href="/vysielanie/#relacia-7">Fun in Slovakia s Kavou</a>
152            <a href="/vysielanie/#relacia-6">Nedeľná talkshow so Šarkanom</a>
153            <a href="/vysielanie/#relacia-8">Víkend</a>
154          </div>
155        </div>
156        <a href="/novinky/">Novinky</a>
157        <a href="/sutaze/">Súťaže</a>
158        <a href="/podcasty/">Podcasty</a>
159        <a href="/reklama/">Reklama</a>
160              
161              
162      </nav>
163      <div class="nav-right">
164        <button class="fs-trigger" id="fsOpen" aria-label="Hľadať" aria-haspopup="dialog">
165                <svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="M20 20l-3.5-3.5"/></svg>
166                <span class="fs-trigger-t">Hľadať</span>
167              </button>
168        <button class="btn btn--primary btn--nav js-open-player" aria-label="Otvoriť prehrávač">
169          <span class="live-dot" aria-hidden="true"></span>Naživo<span class="st-live" data-live="listeners:funall" data-live-tpl=" · {n}"></span>
170        </button>
171        <button class="nav-burger" aria-label="Otvoriť menu" aria-expanded="false">
172          <span></span><span></span>
173        </button>
174      </div>
175    </div>
176  </header>
177
178  <!-- fullscreen menu -->
179  <div class="menu" role="dialog" aria-modal="true" aria-label="Menu">
180    <div class="menu-top">
181      <img src="/assets/img/funradio-logo.svg" alt="Logo Fun Rádio" width="40" height="40">
182      <button class="menu-close" aria-label="Zavrieť menu">
183        <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>
184      </button>
185    </div>
186    <ul class="menu-links">
187      <li><a href="/vysielanie/">Vysielanie</a></li>
188      <li><a href="/novinky/">Novinky</a></li>
189      <li><a href="/sutaze/">Súťaže</a></li>
190      <li><a href="/podcasty/">Podcasty</a></li>
191      <li><a href="#frekvencie">Frekvencie</a></li>
192            <li><a href="#cisla">Čísla</a></li>
193      <li><a href="/radiogroup/">Reklama</a></li>
194    </ul>
195    <div class="menu-photo pastel-card tone-blush">
196      <div class="masked masked--arch">
197        <img src="/assets/img/show-popo-sou-s-andreou.webp" alt="Andrea v štúdiu Fun Rádia" loading="lazy">
198      </div>
199    </div>
200  </div>
201
202  <main id="hore">
203
204    <!-- promo slider: nad hero, pod reklamným pásom a navigáciou -->
205    <div data-slider></div>
206
207    <!-- ============ HERO · WOW signature ============ -->
208    <section class="hero" id="hero">
209      <!-- oblá magenta KARTA: pri scrolle sa cez ScrollTrigger jemne
210           zmenšuje zo všetkých strán (scale) a zaobľuje (border-radius) -->
211      <div class="hero-card">
212      <!-- generatívna audio-reactive vlna (idle pohyb, zrýchli sa keď hrá rádio) -->
213      <svg class="hero-wave" viewBox="0 0 1200 220" preserveAspectRatio="none" aria-hidden="true" focusable="false">
214        <path id="hero-wave-back" d="" fill="rgba(120,3,54,.5)"></path>
215        <path id="hero-wave-front" d="" fill="none" stroke="#FF2E86" stroke-width="3" stroke-linecap="round"></path>
216      </svg>
217
218      <div class="wrap hero-grid">
219        <div class="hero-copy fx">
220          <span class="microlabel microlabel--on">Fun Rádio · Naživo od roku 1990</span>
221          <h1 class="h1 hero-title">Hity, ktoré milujete<span class="h-dot">.</span></h1>
222          <p class="lead hero-lead">Najhranejšia hudba, tvoji moderátori a podcasty, ktoré ťa chytia za uši. Pusti si nás naživo, kdekoľvek si.</p>
223          <div class="hero-ctas">
224            <button class="btn btn--paper" data-magnetic data-play-live>Pustiť naživo</button>
225            <a class="btn btn--on-ghost" data-magnetic href="#podcasty">Objaviť podcasty</a>
226          </div>
227          <div class="hero-meta">
228            <span class="hero-avatars" aria-hidden="true">
229              <span class="hero-av"><img src="/assets/img/show-ranna-sou.webp" alt="" loading="lazy"></span>
230              <span class="hero-av"><img src="/assets/img/show-adela-a-sajfa.webp" alt="" loading="lazy"></span>
231              <span class="hero-av"><img src="/assets/img/show-sajfa-sou.webp" alt="" loading="lazy"></span>
232            </span>
233            <span class="hero-live">
234              <span class="live-dot"></span>
235              <span data-live="listeners:funall" data-live-tpl="{n} počúva práve teraz">12 400 počúva práve teraz</span>
236            </span>
237          </div>
238        </div>
239
240        <div class="hero-stage fx fx-d1">
241          <button class="hero-morph" data-track="fun" aria-label="Pustiť Fun Rádio naživo">
242            <span class="hero-morph-shape">
243              <img src="/assets/img/show-adela-a-sajfa.webp" alt="Adela a Sajfa, moderátori Fun Rádia">
244            </span>
245            <span class="hero-morph-ring" aria-hidden="true"></span>
246            <span class="accent-dot" aria-hidden="true"></span>
247            <span class="hero-morph-play" aria-hidden="true">
248              <svg viewBox="0 0 24 24" width="26" height="26" fill="currentColor"><path d="M8 5.5v13a1 1 0 0 0 1.53.85l10-6.5a1 1 0 0 0 0-1.7l-10-6.5A1 1 0 0 0 8 5.5z"/></svg>
249            </span>
250          </button>
251        </div>
252      </div>
253        <div class="hero-dim" aria-hidden="true"></div>
254      </div>
255<!-- /.hero-card -->
256    </section>
257
258
259    <!-- obsahový sheet: nasúva sa ponad prišpendlený hero -->
260    <div class="page-body">
261
262    <!-- ============ MARQUEE · PRÁVE HRÁ ============ -->
263    <div class="marquee" aria-label="Práve hrá" data-prave-hra="fun" hidden>
264      <div class="marquee-track"></div>
265    </div>
266
267<!-- ============ VEĽKÉ ČÍSLO ============ -->
268    <section class="section" id="cisla">
269      <div class="wrap stats-grid" data-stats>
270        <div class="stats-main fx">
271          <span class="microlabel">Počúva nás celé Slovensko</span>
272          <div class="stat-hero">
273            <span class="stats-blob" aria-hidden="true"></span>
274            <span class="num stat-num" data-count="1035000" data-space>1 035 000</span>
275            <span class="stat-label">ľudí si nás pustí každý týždeň</span>
276            <span class="chip stats-live"><span class="live-dot"></span>práve teraz <b class="num" data-live="listeners:funall">0</b> online · živé dáta</span>
277            <span class="stat-zdroj">Zdroj: MML-TGI SR, 1. a 2. kvartál 2026</span>
278          </div>
279        </div>
280        <div class="stats-cards" aria-label="Ďalšie čísla">
281          <div class="stat-card stat-card--mag fx fx-d1">
282            <span class="stat-index">01</span>
283            <span class="num stat-num" data-count="1657000" data-space>1 657 000</span>
284            <span class="stat-label">poslucháčov spolu s Rádiom Vlna týždenne</span>
285          </div>
286          <div class="stat-card fx fx-d2">
287            <span class="stat-index">02</span>
288            <span class="num stat-num" data-count="434000" data-space>434 000</span>
289            <span class="stat-label">poslucháčov nás počúva každý deň</span>
290          </div>
291          <div class="stat-card fx fx-d3">
292            <span class="stat-index">03</span>
293            <span class="num stat-num" data-count="7">7</span>
294            <span class="stat-label">
294digitálnych staníc v jednej appke</span>
295          </div>
296        </div>
297      </div>
298    </section>
299
300
301
302    <!-- ============ STACK DECK · NAŽIVO TERAZ ============ -->
303    <section class="section" id="nazivo">
304      <div class="wrap deck-wrap">
305        <div class="section-head fx">
306          <span class="microlabel">Naživo</span>
307          <h2 class="h2">Naživo teraz<span class="h-dot">.</span></h2>
308          <p class="lead">Potiahni vrchnú kartu do strany. Vyber si Fun rádio, ktoré chceš počúvať, a pusti si ho jedným ťuknutím.</p>
309        </div>
310
311        <div class="fx fx-d1">
312          <div class="deck" data-deck aria-roledescription="balíček kariet" aria-label="Relácie naživo">
313
314            <article class="deck-card tone-blush is-top" data-title="Fun Rádio">
315              <header class="deck-head">
316                <span class="avatar"><img src="/assets/img/funradio-ikona.png" alt="" loading="lazy"></span>
317                <strong class="deck-title">Fun Rádio</strong>
318                <span class="chip chip--time">naživo</span>
319              </header>
320              <div class="deck-media">
321                <div class="masked masked--arch masked--fill">
322                  <span class="orb orb--magenta"></span>
323                <img class="deck-logo" src="/assets/img/funradio-logo.svg" alt="Fun Rádio" loading="lazy"></div>
324              </div>
325              <p class="deck-sub">Hity, ktoré milujete</p>
326              <footer class="deck-foot">
327                <span class="chip chip--live"><span class="live-dot"></span>NAŽIVO</span>
328                <button class="play-pill" data-track="fun" data-label="Počúvať"><span class="pp-ic"></span><span class="pp-label">Počúvať</span><span class="pp-arrow">→</span></button>
329              </footer>
330            </article>
331            <article class="deck-card tone-peri" data-title="Fun Dance">
332              <header class="deck-head">
333                <span class="avatar"><img src="/assets/img/funradio-ikona.png" alt="" loading="lazy"></span>
334                <strong class="deck-title">Fun Dance</strong>
335                <span class="chip chip--time">naživo</span>
336              </header>
337              <div class="deck-media">
338                <div class="masked masked--arch masked--fill">
339                  <span class="orb orb--magenta" aria-hidden="true"></span>
340                <img class="deck-logo" src="/assets/img/stanice/dance.svg" alt="Fun Dance" loading="lazy"></div>
341              </div>
342              <p class="deck-sub">Tanečné hity nonstop</p>
343              <footer class="deck-foot">
344                <span class="chip chip--live"><span class="live-dot"></span>NAŽIVO</span>
345                <button class="play-pill" data-track="dance" data-label="Počúvať"><span class="pp-ic"></span><span class="pp-label">Počúvať</span><span class="pp-arrow">→</span></button>
346              </footer>
347            </article>
348            <article class="deck-card tone-mint-soft" data-title="Fun Chill">
349              <header class="deck-head">
350                <span class="avatar"><img src="/assets/img/funradio-ikona.png" alt="" loading="lazy"></span>
351                <strong class="deck-title">Fun Chill</strong>
352                <span class="chip chip--time">naživo</span>
353              </header>
354              <div class="deck-media">
355                <div class="masked masked--arch masked--fill">
356                  <span class="orb orb--mint" aria-hidden="true"></span>
357                <img class="deck-logo" src="/assets/img/stanice/chill.svg" alt="Fun Chill" loading="lazy"></div>
358              </div>
359              <p class="deck-sub">Pohodové tempo na oddych</p>
360              <footer class="deck-foot">
361                <span class="chip chip--live"><span class="live-dot"></span>NAŽIVO</span>
362                <button class="play-pill" data-track="chill" data-label="Počúvať"><span class="pp-ic"></span><span class="pp-label">Počúvať</span><span class="pp-arrow">→</span></button>
363              </footer>
364            </article>
365            <article class="deck-card tone-peri-soft" data-title="Fun 80s a 90s">
366              <header class="deck-head">
367                <span class="avatar"><img src="/assets/img/funradio-ikona.png" alt="" loading="lazy"></span>
368                <strong class="deck-title">Fun 80s a 90s</strong>
369                <span class="chip chip--time">naživo</span>
370              </header>
371              <div class="deck-media">
372                <div class="masked masked--arch masked--fill">
373                  <span class="orb orb--peri" aria-hidden="true"></span>
374                <img class="deck-logo" src="/assets/img/stanice/8090.svg" alt="Fun 80s a 90s" loading="lazy"></div>
375              </div>
376              <p class="deck-sub">Legendy dvoch dekád</p>
377              <footer class="deck-foot">
378                <span class="chip chip--live"><span class="live-dot"></span>NAŽIVO</span>
379                <button class="play-pill" data-track="8090" data-label="Počúvať"><span class="pp-ic"></span><span class="pp-label">Počúvať</span><span class="pp-arrow">→</span></button>
380              </footer>
381            </article>
382            <article class="deck-card tone-tang-soft" data-title="Fun Summer">
383              <header class="deck-head">
384                <span class="avatar"><img src="/assets/img/funradio-ikona.png" alt="" loading="lazy"></span>
385                <strong class="deck-title">Fun Summer</strong>
386                <span class="chip chip--time">naživo</span>
387              </header>
388              <div class="deck-media">
389                <div class="masked masked--arch masked--fill">
390                  <span class="orb orb--tang" aria-hidden="true"></span>
391                <img class="deck-logo" src="/assets/img/stanice/summer.svg" alt="Fun Summer" loading="lazy"></div>
392              </div>
393              <p class="deck-sub">Letný soundtrack</p>
394              <footer class="deck-foot">
395                <span class="chip chip--live"><span class="live-dot"></span>NAŽIVO</span>
396                <button class="play-pill" data-track="summer" data-label="Počúvať"><span class="pp-ic"></span><span class="pp-label">Počúvať</span><span class="pp-arrow">→</span></button>
397              </footer>
398            </article>
399            <article class="deck-card tone-blush-soft" data-title="Fun CS">
400              <header class="deck-head">
401                <span class="avatar"><img src="/assets/img/funradio-ikona.png" alt="" loading="lazy"></span>
402                <strong class="deck-title">Fun CS</strong>
403                <span class="chip chip--time">naživo</span>
404              </header>
405              <div class="deck-media">
406                <div class="masked masked--arch masked--fill">
407                  <span class="orb orb--blush" aria-hidden="true"></span>
408                <img class="deck-logo" src="/assets/img/stanice/cs.svg" alt="Fun CS" loading="lazy"></div>
409              </div>
410              <p class="deck-sub">Česko a Slovensko v hitoch</p>
411              <footer class="deck-foot">
412                <span class="chip chip--live"><span class="live-dot"></span>NAŽIVO</span>
413                <button class="play-pill" data-track="cs" data-label="Počúvať"><span class="pp-ic"></span><span class="pp-label">Počúvať</span><span class="pp-arrow">→</span></button>
414              </footer>
415            </article>
416            <article class="deck-card tone-butter-soft" data-title="Fun Mileniálky">
417              <header class="deck-head">
418                <span class="avatar"><img src="/assets/img/funradio-ikona.png" alt="" loading="lazy"></span>
419                <strong class="deck-title">Fun Mileniálky</strong>
420                <span class="chip chip--time">naživo</span>
421              </header>
422              <div class="deck-media">
423                <div class="masked masked--arch masked--fill">
424                  <span class="orb orb--butter" aria-hidden="true"></span>
425                <img class="deck-logo" src="/assets/img/stanice/mile.svg" alt="Fun Mileniálky" loading="lazy"></div>
426              </div>
427              <p class="deck-sub">Hity generácie Y</p>
428              <footer class="deck-foot">
429                <span class="chip chip--live"><span class="live-dot"></span>NAŽIVO</span>
430                <button class="play-pill" data-track="mile" data-label="Počúvať"><span class="pp-ic"></span><span class="pp-label">Počúvať</span><span class="pp-arrow">→</span></button>
431              </footer>
432            </article>
433
434          </div>
435
436          <div class="deck-nav">
437            <button class="deck-arrow" data-deck-prev aria-label="Predchádzajúca karta">
438              <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 5l-7 7 7 7"/></svg>
439            </button>
440            <div class="deck-dots" role="tablist" aria-label="Karty relácií"></div>
441            <button class="deck-arrow" data-deck-next aria-label="Ďalšia karta">
442              <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 5l7 7-7 7"/></svg>
443            </button>
444          </div>
445        </div>
446      </div>
447    </section>
448
449    <!-- ============ STANICE ============ -->
450    <!-- ============ STACK LIST · PODCASTY ============ -->
451    <div data-banner-slot="uvod-stred"></div>
452
453<section class="section" id="podcasty">
454      <div class="wrap">
455        <div class="section-head fx">
456          <span class="microlabel">Podcasty</span>
457          <h2 class="h2">Najnovšie epizódy<span class="h-dot">.</span></h2>
458          <p class="lead">Vyber si reláciu podľa moderátorov a pusti si epizódu priamo tu.</p>
459        </div>
460
461        <!-- filter cez avatarov relácií (horizontálne skrolovateľný) -->
462        <div class="pod-filter" role="tablist" aria-label="Filter podcastov">
463          <button class="pf-chip is-active" data-filter="all" role="tab" aria-selected="true">
464            <span class="pf-ava pf-ava--logo"><img src="/assets/img/funradio-logo.svg" alt=""></span>
465            <span>Všetky</span>
466          </button>
467          <button class="pf-chip" data-filter="adela-a-sajfa" role="tab" aria-selected="false">
468            <span class="pf-ava"><img src="/assets/img/show-adela-a-sajfa.webp" alt=""></span>
469            <span>Adela a Sajfa</span>
470          </button>
471          <button class="pf-chip" data-filter="funusik" role="tab" aria-selected="false">
472            <span class="pf-ava"><img src="/assets/img/pod-funusik.png" alt=""></span>
473            <span>FUNúšik</span>
474          </button>
475          <button class="pf-chip" data-filter="podla-mna" role="tab" aria-selected="false">
476            <span class="pf-ava"><img src="/assets/img/pod-podla-mna.png" alt=""></span>
477            <span>Podľa mňa</span>
478          </button>
479          <button class="pf-chip" data-filter="level-lama" role="tab" aria-selected="false">
480            <span class="pf-ava"><img src="/assets/img/pod-level-lama.jpg" alt=""></span>
481            <span>Level Lama</span>
482          </button>
483          <button class="pf-chip" data-filter="fun-in-slovakia" role="tab" aria-selected="false">
484            <span class="pf-ava"><img src="/assets/img/pod-fun-in-slovakia.jpg" alt=""></span>
485            <span>Fun in Slovakia</span>
486          </button>
487        </div>
488
489        <div class="pod-layout">
490          <!-- zoznam epizód -->
491          <div class="pod-list" data-reveal-row>
492            <article class="pod-ep" data-show="adela-a-sajfa">
493              <div class="pe-meta">
494                <span class="chip chip--plain">Epizóda</span>
495                <span class="pe-host">Nela Pocisková</span>
496              </div>
497              <h3 class="pe-title">Naučila som sa, že život sa nemusí prežiť v tlaku</h3>
498              <p class="pe-desc">Herečka a speváčka o pokoji, rodine a hudbe bez tlaku.</p>
499              <button class="pe-play" data-track="ep1667"><span class="pe-ic"></span>Pustiť epizódu</button>
500            </article>
501            <article class="pod-ep" data-show="adela-a-sajfa">
502              <div class="pe-meta">
503                <span class="chip chip--plain">Epizóda</span>
504                <span class="pe-host">Dano Dangl a Lukáš Zednikovič</span>
505              </div>
506              <h3 class="pe-title">Kavej nie je crazy komédia, je hraná navážno</h3>
507              <p class="pe-desc">Producent a režisér o novom slovenskom filme.</p>
508              <button class="pe-play" data-track="ep1664"><span class="pe-ic"></span>Pustiť epizódu</button>
509            </article>
510            <article class="pod-ep" data-show="adela-a-sajfa">
511              <div class="pe-meta">
512                <span class="chip chip--plain">Epizóda</span>
513                <span class="pe-host">Svorad Trnovec</span>
514              </div>
515              <h3 class="pe-title">Neurochirurgovia sa dotýkajú mozgu veľmi málo</h3>
516              <p class="pe-desc">Neurochirurg o práci, ktorá nepripúšťa chybu.</p>
517              <button class="pe-play" data-track="ep1657"><span class="pe-ic"></span>Pustiť epizódu</button>
518            </article>
519            <article class="pod-ep" data-show="funusik">
520              <div class="pe-meta">
521                <span class="chip chip--plain">Epizóda 175</span>
522                <span class="pe-host">FUNúšik</span>
523              </div>
524              <h3 class="pe-title">Nóri prepisujú históriu, Neymar sa lúčil s repre</h3>
525              <p class="pe-desc">Futbalový svet za posledný týždeň v podaní FUNúšika.</p>
526              <button class="pe-play" data-track="ep1668"><span class="pe-ic"></span>Pustiť epizódu</button>
527            </article>
528            <article class="pod-ep" data-show="podla-mna">
529              <div class="pe-meta">
530                <span class="chip chip--plain">Epizóda</span>
531                <span class="pe-host">Podľa mňa</span>
532              </div>
533              <h3 class="pe-title">Festival season</h3>
534              <p class="pe-desc">Letný špeciál o festivaloch, ktoré sa oplatia.</p>
535              <button class="pe-play" data-track="ep1666"><span class="pe-ic"></span>Pustiť epizódu</button>
536            </article>
537            <article class="pod-ep" data-show="level-lama">
538              <div class="pe-meta">
539                <span class="chip chip--plain">Epizóda</span>
540                <span class="pe-host">Rytmus</span>
541              </div>
542              <h3 class="pe-title">Rytmus v špeciálnej LVLLAMA</h3>
543              <p class="pe-desc">Vianoce, Jasmina a tradičná časť tvojej obľúbenej šou.</p>
544              <button class="pe-play" data-track="ep604"><span class="pe-ic"></span>Pustiť epizódu</button>
545            </article>
546            <article class="pod-ep" data-show="fun-in-slovakia">
547              <div class="pe-meta">
548                <span class="chip chip--plain">Epizóda</span>
549                <span class="pe-host">Ivan Tasler a Kali</span>
550              </div>
551              <h3 class="pe-title">Kali nám dal energiu, keď sme to najviac potrebovali</h3>
552              <p class="pe-desc">FIS špeciál o spolupráci, ktorá spojila dva svety.</p>
553              <button class="pe-play" data-track="ep754"><span class="pe-ic"></span>Pustiť epizódu</button>
554            </article>
555          </div>
556
557          <!-- zvýraznená epizóda s fotkou -->
558          <article class="pod-feat fx" data-reveal>
559            <img class="pf-img" src="/assets/img/show-adela-a-sajfa.webp" alt="Adela a Sajfa">
560            <div class="pf-top">
561              <span class="chip chip--plain pf-chip-ep">Vybraná epizóda</span>
562              <span class="chip chip--plain pf-chip-show">Adela a Sajfa</span>
563            </div>
564            <div class="pf-body">
565              <span class="pf-host">Nela Pocisková</span>
566              <h3 class="pf-title">Naučila som sa, že život sa nemusí prežiť v tlaku</h3>
567              <button class="pe-play pf-play" data-track="ep1667"><span class="pe-ic"></span>Pustiť epizódu</button>
568            </div>
569          </article>
570        </div>
571      </div>
572    </section>
573
574    <!-- ============ FEATURE BAND · celomagenta plocha ============ -->
575    <section class="feature" id="sutaz" aria-labelledby="sutaz-h">
576      <div class="wrap feature-grid">
577        <div class="feature-copy fx">
578          <span class="microlabel microlabel--on">Súťaž</span>
579          <h2 class="h2 feature-title" id="sutaz-h">Zarob ušami <span data-zarabaj-text>už tento piatok</span> <span class="num" data-count="30000" data-space data-zarabaj-suma>30 000</span> eur!</h2>
580          <p class="lead feature-lead">Pošli SMS v tvare ZARABAJ a tvoje meno na 7010, počúvaj a čakaj na náš telefonát. Zdvihni do 10 sekúnd, odpovedz a suma je tvoja.</p>
581          <div class="feature-ctas">
582            <a class="btn btn--paper" data-magnetic href="https://zarabajusami.sk/" target="_blank" rel="noopener">Viac o súťaži</a>
583            <a class="btn btn--on-ghost" data-magnetic href="sms:7010?&body=ZARABAJ">Pošli SMS na 7010</a>
584          </div>
585        </div>
586        <a class="feature-zu fx" href="https://zarabajusami.sk/" target="_blank" rel="noopener">
587          <img src="/assets/img/zu-logo.svg" alt="Zarábaj ušami, web súťaže" width="190" height="201" loading="lazy">
588        </a>
589      </div>
590    </section>
591
592    <!-- ============ PROGRAM ============ -->
593    <section class="section section--tight" id="program">
594      <div class="wrap">
595        <div class="section-head fx">
596          <span class="microlabel">Program</span>
597          <h2 class="h2">Týždeň vo Fun Rádiu<span class="h-dot">.</span></h2>
598        </div>
599        <div class="snap-row" data-reveal-row aria-label="Program vysielania">
600          <article class="program-card tone-butter-soft">
601            <div class="masked masked--kruh"><img src="/assets/img/show-ranna-sou.webp" alt="Ranná šou" loading="lazy"></div>
602            <span class="pg-name">Ranná šou</span>
603            <span class="chip chip--plain">po-pia · 06:00-10:00</span>
604          </article>
605          <article class="program-card tone-blush-soft">
606            <div class="masked masked--kruh"><img src="/assets/img/show-den-vera-expl0.webp" alt="Deň s Verou a Expl0m" loading="lazy"></div>
607            <span class="pg-name">Deň s Verou a Expl0m</span>
608            <span class="chip chip--plain">po-št · 10:00-14:00</span>
609          </article>
610          <article class="program-card tone-peri-soft">
611            <div class="masked masked--kruh"><img src="/assets/img/show-popo-sou-s-andreou.webp" alt="Popo šou s Andreou" loading="lazy"></div>
612            <span class="pg-name">Popo šou s Andreou</span>
613            <span class="chip chip--plain">po-št · 14:00-18:00</span>
614          </article>
615          <article class="program-card tone-mint-soft">
616            <div class="masked masked--kruh"><img src="/assets/img/show-sajfa-sou.webp" alt="Sajfa šou" loading="lazy"></div>
617            <span class="pg-name">Sajfa šou</span>
618            <span class="chip chip--plain">pia · 10:00-14:00</span>
619          </article>
620          <article class="program-card tone-tang-soft">
621            <div class="masked masked--kruh"><img src="/assets/img/show-najvacsie-nove-hity.webp" alt="Najväčšie nové hity" loading="lazy"></div>
622            <span class="pg-name">Najväčšie nové hity</span>
623            <span class="chip chip--plain">ut-pia · 17:00-20:00</span>
624          </article>
625          <article class="program-card tone-butter-soft">
626            <div class="masked masked--kruh"><img src="/assets/img/show-pondelky-nie-su-zle.webp" alt="Pondelky nie sú zlé" loading="lazy"></div>
627            <span class="pg-name">Pondelky nie sú zlé</span>
628            <span class="chip chip--plain">po · 17:00-20:00</span>
629          </article>
630          <article class="program-card tone-blush-soft">
631            <div class="masked masked--kruh"><img src="/assets/img/show-ppp-s-verou.webp" alt="PPP s Verou" loading="lazy"></div>
632            <span class="pg-name">PPP s Verou</span>
633            <span class="chip chip--plain">pia · 14:00-17:00</span>
634          </article>
635          <article class="program-card tone-peri-soft">
636            <div class="masked masked--kruh"><img src="/assets/img/show-adela-a-sajfa.webp" alt="Adela a Sajfa" loading="lazy"></div>
637            <span class="pg-name">Adela a Sajfa</span>
638            <span class="chip chip--plain">pia · 17:00-18:00</span>
639          </article>
640          <article class="program-card tone-mint-soft">
641            <div class="masked masked--kruh"><img src="/assets/img/show-fun-in-slovakia.webp" alt="Fun in Slovakia" loading="lazy"></div>
642            <span class="pg-name">Fun in Slovakia</span>
643            <span class="chip chip--plain">so · 17:00-18:00</span>
644          </article>
645          <article class="program-card tone-tang-soft">
646            <div class="masked masked--kruh"><img src="/assets/img/show-nedelna-talkshow.webp" alt="Nedeľná talkshow" loading="lazy"></div>
647            <span class="pg-name">Nedeľná talkshow</span>
648            <span class="chip chip--plain">ne · 10:00-12:00</span>
649          </article>
650        </div>
651      </div>
652    </section>
653
654    <!-- ============ NOVINKY ============ -->
655    <section class="section" id="novinky">
656      <div class="wrap">
657        <div class="section-head fx">
658          <span class="microlabel">Novinky</span>
659          <h2 class="h2">Čerstvé zo sveta hudby<span class="h-dot">.</span></h2>
660        </div>
661        <div class="news-list" data-reveal-row>
662          <a class="news-row" href="/clanok/49876-sam-sebou-a-kali-su-spat-s-novou-letnou-skladbou/">
663            <span class="news-thumb pastel-card tone-blush-soft"><span class="masked masked--kruh"><img src="/content/img/49876.webp" alt="Sám Sebou a Kali sú späť s novou letnou skladbou" loading="lazy"></span></span>
664            <span>
665              <span class="microlabel">Novinka</span>
666              <span class="news-title">Sám Sebou a Kali sú späť s novou letnou skladbou</span>
667            </span>
668            <span class="news-time">10. 7.</span>
669          </a>
670          <a class="news-row" href="/clanok/49875-teddy-swims-predstavil-dojimavu-novinku-break-up-in-reverseo/">
671            <span class="news-thumb pastel-card tone-tang-soft"><span class="masked masked--kruh"><img src="/content/img/49875.webp" alt="Teddy Swims predstavil dojímavú novinku &quot;Break Up in Reverse&quot;" loading="lazy"></span></span>
672            <span>
673              <span class="microlabel">Novinka</span>
674              <span class="news-title">Teddy Swims predstavil dojímavú novinku &quot;Break Up in Reverse&quot;</span>
675            </span>
676            <span class="news-time">10. 7.</span>
677          </a>
678          <a class="news-row" href="/clanok/49874-meninova-pesnicka-amalia/">
679            <span class="news-thumb pastel-card tone-sky-soft"><span class="masked masked--kruh"><img src="/content/img/49874.webp" alt="Meninová pesnička: AMÁLIA" loading="lazy"></span></span>
680            <span>
681              <span class="microlabel">Novinka</span>
682              <span class="news-title">Meninová pesnička: AMÁLIA</span>
683            </span>
684            <span class="news-time">9. 7.</span>
685          </a>
686          <a class="news-row" href="/clanok/49873-gor-kmeto-anita-soul-a-rytmus-su-spat-s-funky-hitom/">
687            <span class="news-thumb pastel-card tone-mint-soft"><span class="masked masked--kruh">
687<img src="/content/img/49873.webp" alt="Igor Kmeťo, Anita Soul a Rytmus sú späť s funky hitom" loading="lazy"></span></span>
688            <span>
689              <span class="microlabel">Novinka</span>
690              <span class="news-title">Igor Kmeťo, Anita Soul a Rytmus sú späť s funky hitom</span>
691            </span>
692            <span class="news-time">9. 7.</span>
693          </a>
694        </div>
695        <p style="margin-top:18px"><a class="chip chip--plain" href="/novinky/">Všetky novinky →</a></p>
696      </div>
697    </section>
698  <section class="section" id="videa">
699    <div class="wrap">
700      <div class="section-head fx">
701        <span class="microlabel">Videá</span>
702        <h2 class="h2">Pozri sa nám do štúdia<span class="h-dot">.</span></h2>
703        <p class="lead">Zákulisie, rozhovory a momenty, ktoré sa do éteru nezmestili.</p>
704      </div>
705      <div class="news-list" data-reveal-row id="videaList"></div>
706      <p class="pod-more"><a class="chip chip--plain" href="/kategoria/videa/">Všetky videá →</a></p>
707    </div>
708  </section>
709
710
711
712
713    <!-- ============ SLEDUJ NÁS · reálne kanály ============ -->
714<!-- ============ FREKVENCIE ============ -->
715    <section class="section section--tight" id="frekvencie">
716      <div class="wrap">
717        <div class="section-head fx">
718          <span class="microlabel">Frekvencie</span>
719          <h2 class="h2">Naladíš nás po celom Slovensku<span class="h-dot">.</span></h2>
720          <p class="lead">19 FM vysielačov od Bratislavy po Bardejov.</p>
721        </div>
722        <div class="freq-table" data-reveal-freq data-freqtable>
723          <table>
724            <caption class="visually-hidden">Zoznam FM vysielačov</caption>
725            <thead>
726              <tr>
727                <th scope="col" class="ft-th ft-th--freq" aria-sort="ascending">
728                  <button type="button" data-sort="freq" aria-label="Zoradiť podľa frekvencie">Frekvencia <span class="ft-arrow" aria-hidden="true">↓</span></button>
729                </th>
730                <th scope="col" class="ft-th">
731                  <button type="button" data-sort="city" aria-label="Zoradiť podľa mesta">Mesto <span class="ft-arrow" aria-hidden="true">↓</span></button>
732                </th>
733              </tr>
734            </thead>
735            <tbody>
736              <tr data-row data-freq="87.7" data-city="Košice Dubník"><td class="ft-num">87,7</td><td class="ft-city"><span>Košice Dubník</span></td></tr>
737              <tr data-row data-freq="89.1" data-city="Trenčín"><td class="ft-num">89,1</td><td class="ft-city"><span>Trenčín</span></td></tr>
738              <tr data-row data-freq="89.2" data-city="Ružomberok"><td class="ft-num">89,2</td><td class="ft-city"><span>Ružomberok</span></td></tr>
739              <tr data-row data-freq="91.6" data-city="Lučenec"><td class="ft-num">91,6</td><td class="ft-city"><span>Lučenec</span></td></tr>
740              <tr data-row data-freq="93.2" data-city="Tornaľa"><td class="ft-num">93,2</td><td class="ft-city"><span>Tornaľa</span></td></tr>
741              <tr data-row data-freq="94.0" data-city="Nitra"><td class="ft-num">94,0</td><td class="ft-city"><span>Nitra</span></td></tr>
742              <tr data-row data-freq="94.3" data-city="Bratislava"><td class="ft-num">94,3</td><td class="ft-city"><span>Bratislava</span></td></tr>
743              <tr data-row data-freq="95.0" data-city="Liptovský Mikuláš"><td class="ft-num">95,0</td><td class="ft-city"><span>Liptovský Mikuláš</span></td></tr>
744              <tr data-row data-freq="98.1" data-city="Čadca"><td class="ft-num">98,1</td><td class="ft-city"><span>Čadca</span></td></tr>
745              <tr data-row data-freq="98.5" data-city="Tvrdošín"><td class="ft-num">98,5</td><td class="ft-city"><span>Tvrdošín</span></td></tr>
746              <tr data-row data-freq="99.2" data-city="Žilina"><td class="ft-num">99,2</td><td class="ft-city"><span>Žilina</span></td></tr>
747              <tr data-row data-freq="102.5" data-city="Poprad"><td class="ft-num">102,5</td><td class="ft-city"><span>Poprad</span></td></tr>
748              <tr data-row data-freq="102.8" data-city="Bardejov"><td class="ft-num">102,8</td><td class="ft-city"><span>
748Bardejov</span></td></tr>
749              <tr data-row data-freq="102.8" data-city="Rožňava"><td class="ft-num">102,8</td><td class="ft-city"><span>Rožňava</span></td></tr>
750              <tr data-row data-freq="102.9" data-city="Košice mesto"><td class="ft-num">102,9</td><td class="ft-city"><span>Košice mesto</span></td></tr>
751              <tr data-row data-freq="104.0" data-city="Banská Bystrica"><td class="ft-num">104,0</td><td class="ft-city"><span>Banská Bystrica</span></td></tr>
752              <tr data-row data-freq="104.0" data-city="Senica"><td class="ft-num">104,0</td><td class="ft-city"><span>Senica</span></td></tr>
753              <tr data-row data-freq="106.3" data-city="Považská Bystrica"><td class="ft-num">106,3</td><td class="ft-city"><span>Považská Bystrica</span></td></tr>
754              <tr data-row data-freq="107.1" data-city="Levice"><td class="ft-num">107,1</td><td class="ft-city"><span>Levice</span></td></tr>
755            </tbody>
756          </table>
757          <button class="ft-live" type="button" data-track="fun" aria-label="Pustiť Fun Rádio naživo">
758            <span class="masked masked--kruh ft-live-art" aria-hidden="true"><img src="/assets/img/show-ppp-s-verou.webp" alt="" loading="lazy"></span>
759            <span class="ft-live-text">Fun Rádio · <span data-live="title:fun">Hity, ktoré milujete</span></span>
760            <span class="ft-live-badge">Naživo<span class="live-dot" aria-hidden="true"></span></span>
761          </button>
762        </div>
763      </div>
764    </section>
765
766    <section class="section section--tight" id="sleduj">
767      <div class="wrap">
768        <div class="section-head fx">
769          <span class="microlabel">Videá a zákulisie</span>
770          <h2 class="h2">Sleduj nás aj mimo éteru<span class="h-dot">.</span></h2>
771        </div>
772        <div class="soc-grid" data-reveal-row>
773          <a class="soc-card" href="https://www.tiktok.com/@funradio_slovensko" target="_blank" rel="noopener">
774            <span class="soc-ic soc-ic--arch soc-ic--ink" aria-hidden="true"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M16.6 5.8c-.9-.6-1.5-1.6-1.7-2.8h-3v12.4a2.6 2.6 0 1 1-2.6-2.6c.3 0 .5 0 .8.1V9.8a5.7 5.7 0 0 0-.8-.1 5.7 5.7 0 1 0 5.7 5.7V9.3c1 .7 2.2 1.2 3.5 1.2v-3c-.7 0-1.4-.2-1.9-.7z"/></svg></span>
775            <span class="soc-net">TikTok</span>
776            <span class="soc-handle">@funradio_slovensko</span>
777            <span class="soc-desc">Denné videá zo štúdia a výzvy moderátorov.</span>
778          </a>
779          <a class="soc-card" href="https://www.instagram.com/funradio_slovensko" target="_blank" rel="noopener">
780            <span class="soc-ic soc-ic--kruh soc-ic--mag" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round"><rect x="3.4" y="3.4" width="17.2" height="17.2" rx="5"/><circle cx="12" cy="12" r="4.1"/><circle cx="17.2" cy="6.8" r="1.15" fill="currentColor" stroke="none"/></svg></span>
781            <span class="soc-net">Instagram</span>
782            <span class="soc-handle">funradio_slovensko</span>
783            <span class="soc-desc">Zákulisie vysielania a hostia naživo.</span>
784          </a>
785          <a class="soc-card" href="https://www.youtube.com/user/FunRadioSK" target="_blank" rel="noopener">
786            <span class="soc-ic soc-ic--drop soc-ic--soft" aria-hidden="true"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M21.6 7.2a2.5 2.5 0 0 0-1.76-1.77C18.25 5 12 5 12 5s-6.25 0-7.84.43A2.5 2.5 0 0 0 2.4 7.2 26 26 0 0 0 2 12a26 26 0 0 0 .4 4.8 2.5 2.5 0 0 0 1.76 1.77C5.75 19 12 19 12 19s6.25 0 7.84-.43a2.5 2.5 0 0 0 1.76-1.77A26 26 0 0 0 22 12a26 26 0 0 0-.4-4.8zM10 15.2V8.8l5.5 3.2z"/></svg></span>
787            <span class="soc-net">YouTube</span>
788            <span class="soc-handle">FunRadioSK</span>
789            <span class="soc-desc">Talkshow, rozhovory a klipy relácií.</span>
790          </a>
791          <a class="soc-card" href="https://www.facebook.com/funradioslovensko" target="_blank" rel="noopener">
792            <span class="soc-ic soc-ic--archdol soc-ic--cream" aria-hidden="true"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M13.5 21.5v-7.2h2.4l.4-2.9h-2.8V9.5c0-.85.3-1.5 1.6-1.5h1.3V5.4c-.3 0-1.3-.1-2.3-.1-2.3 0-3.9 1.4-3.9 4v2.1H7.9v2.9h2.3v7.2h3.3z"/></svg></span>
793            <span class="soc-net">Facebook</span>
794            <span class="soc-handle">funradioslovensko</span>
795            <span class="soc-desc">Súťaže, novinky a program dňa.</span>
796          </a>
797        </div>
798      </div>
799    </section>
800
801    <!-- ============ APP BAND ============ -->
802    <section class="section" id="aplikacia">
803      <div class="wrap">
804        <div class="band surface-card fx">
805          <div>
806            <span class="microlabel">Aplikácia</span>
807            <h2 class="h2">Vezmi si Fun všade so sebou<span class="h-dot">.</span></h2>
808            <p class="lead">Všetkých sedem staníc, podcasty aj program v jednej appke. Zadarmo pre iOS aj Android.</p>
809            <div class="band-badges">
810              <a href="https://apps.apple.com/sk/app/fun-r%C3%A1dio-slovensko/id406649066" target="_blank" rel="noopener" aria-label="Stiahnuť v App Store">
811                <img src="/assets/img/badge-appstore.webp" alt="Odznak App Store" loading="lazy">
812              </a>
813              <a href="https://play.google.com/store/apps/details?id=sk.bait.funradio" target="_blank" rel="noopener" aria-label="Stiahnuť v Google Play">
814                <img src="/assets/img/badge-googleplay.webp" alt="Odznak Google Play" loading="lazy">
815              </a>
816            </div>
817          </div>
818          <div class="band-visual">
819            <span class="band-flower" aria-hidden="true"></span>
820            <img class="band-phone" src="/assets/img/app-iphone.webp" alt="Aplikácia Fun Rádio na iPhone" loading="lazy">
821          </div>
822        </div>
823      </div>
824    </section>
825
826    </div><!-- /.page-body -->
827
828  </main>
829
830  <!-- ============ FOOTER ============ -->
831  <footer class="footer">
832    <div class="wrap">
833      <div class="footer-grid">
834        <div class="footer-col">
835          <h3>Počúvaj</h3>
836          <ul>
837            <li><a href="#nazivo">Naživo teraz</a></li>
838            <li><a href="#nazivo">Digitálne stanice</a></li>
839            <li><a href="#podcasty">Podcasty</a></li>
840            <li><a href="#aplikacia">Aplikácia</a></li>
841          </ul>
842        </div>
843        <div class="footer-col">
844          <h3>Objavuj</h3>
845          <ul>
846            <li><a href="#program">Program</a></li>
847            <li><a href="#novinky">Novinky</a></li>
848            <li><a href="#frekvencie">Frekvencie</a></li>
849          </ul>
850          
851        </div>
852        <div class="footer-col">
853          <h3>Kontakt</h3>
854          <ul>
855            <li><a href="tel:+421903943003">Štúdio · 0903 943 003</a></li>
856            <li><a href="tel:0800800200">Doprava · 0800 800 200</a></li>
857            <li><a href="mailto:[email protected]">[email protected]</a></li>
858            <li><a href="#sutaz">Súťaž Zarábaj ušami</a></li>
859          </ul>
860        </div>
861        <div class="footer-col">
862          <h3>Sleduj nás</h3>
863          <div class="footer-social">
864            <a href="https://www.facebook.com/funradioslovensko" target="_blank" rel="noopener">Facebook</a>
865            <a href="https://www.instagram.com/funradio_slovensko" target="_blank" rel="noopener">Instagram</a>
866            <a href="https://www.tiktok.com/@funradio_slovensko" target="_blank" rel="noopener">TikTok</a>
867            <a href="https://www.youtube.com/FunRadioSK" target="_blank" rel="noopener">YouTube</a>
868          </div>
869        </div>
870        <div class="footer-col footer-kat"><h3>Kategórie</h3><ul><li><a href="/kategoria/hudba/">Hudba</a></li><li><a href="/kategoria/zabava/">Zábava</a></li><li><a href="/kategoria/videa/">Videá</a></li><li><a href="/kategoria/podcast/">Podcasty</a></li><li><a href="/kategoria/program/">Program</a></li><li><a href="/kategoria/sutaze/">Súťaže</a></li><li><a href="/kategoria/funradio30/">#funradio30</a></li><li><a href="/kategoria/slovaci-su-prima/">Slováci sú prima</a></li></ul></div><div class="footer-col footer-doks"><h3>Dokumenty</h3><ul><li><a href="/clanok/750-o-nas-o-fun-radiu/">O rádiu</a></li><li><a href="/clanok/751-frekvencie/">Frekvencie</a></li><li><a href="/clanok/45951-dopravny-servis/">Dopravný servis</a></li><li><a href="/clanok/27143-praca-vo-fun-radiu/">Práca vo Fun rádiu</a></li><li><a href="/clanok/27130-osobne-udaje/">Ochrana súkromia</a></li><li><a href="/clanok/27373-podmienky-sutazi/">Podmienky súťaží</a></li><li><a href="/clanok/46534-informacie-o-pouzivani-cookies/">Cookies</a></li><li><a href="#" data-cookies-nastavenia>Nastavenia cookies</a></li></ul></div></div>
871      <div class="footer-mark" aria-hidden="true">Fun Rádio<span class="h-dot" style="color:var(--cream)">.</span></div>
872      <div class="footer-bottom">
873        <span>Fun Rádio · od roku 1990</span>
874        <span></span>
875      </div>
876    </div>
877  </footer>
878
879  <!-- ============ DOCK · MINI PREHRÁVAČ ============ -->
880  <div class="dock" role="region" aria-label="Prehrávač">
881    <button class="dock-art" aria-label="Otvoriť prehrávač">
882      <img src="/assets/img/funradio-ikona.png" alt="" hidden>
883      <span class="orb orb--magenta"></span>
884    </button>
885    <button class="dock-meta" aria-label="Otvoriť prehrávač">
886      <strong>Fun Rádio</strong>
887      <span>Hity, ktoré milujete</span>
888    </button>
889    <canvas class="dock-eq" width="64" height="22" aria-hidden="true"></canvas>
890    <button class="dock-btn" aria-label="Prehrať alebo pozastaviť"></button>
891    <button class="dock-expand" aria-label="Otvoriť prehrávač na celú obrazovku">
892      <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 15l6-6 6 6"/></svg>
893    </button>
894  </div>
895
896  <!-- ============ FULLSCREEN PREHRÁVAČ ============ -->
897  <div class="player" role="dialog" aria-modal="true" aria-label="Prehrávač na celú obrazovku">
898    <div class="player-top">
899      <span class="avatar player-avatar"><img src="/assets/img/funradio-ikona.png" alt=""></span>
900      <div class="pt-meta">
901        <span>Fun Rádio</span>
902        <strong class="player-title">Hity, ktoré milujete</strong>
903      </div>
904      <button class="player-close" aria-label="Zavrieť prehrávač">
905        <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg>
906      </button>
907    </div>
908
909    <div class="player-stage">
910      <div class="player-card pastel-card tone-blush">
911        <div class="masked masked--arch">
912          <img class="player-art-img" src="/assets/img/funradio-ikona.png" alt="Aktuálna relácia" hidden>
913          <span class="orb player-art-orb orb--magenta"></span>
914          <canvas class="player-eq" aria-hidden="true"></canvas>
915        </div>
916      </div>
917
918      <div class="player-timeline">
919        <div class="player-times">
920          <span class="pt-live"><span class="live-dot"></span><span class="player-state">NAŽIVO</span><span class="num player-clock">00:00</span></span>
921          <svg class="player-wave" width="90" height="20" viewBox="0 0 90 20" fill="none" aria-hidden="true">
922            <path d="M1 10 Q5 2 9 10 T17 10 T25 10 T33 10 T41 10 T49 10 T57 10 T65 10 T73 10 T81 10 T89 10" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
923          </svg>
924        </div>
925        <div class="player-progress live"><span class="bar"></span></div>
926      </div>
927
928      <div class="player-controls">
929        <button class="play-pill player-play"><span class="pp-ic"></span><span class="pp-label">Hrať</span></button>
930        <span class="count-chip" aria-label="224 ľudí to má rado">
931          <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor" aria-hidden="true"><path d="M12 21s-7.5-4.7-9.7-9.1C.8 8.9 2.6 5.5 5.9 5.1c1.9-.2 3.7.7 4.7 2.2h2.8c1-1.5 2.8-2.4 4.7-2.2 3.3.4 5.1 3.8 3.6 6.8C19.5 16.3 12 21 12 21z" transform="scale(.92) translate(1 .5)"/></svg>
932          <span class="num">224</span>
933        </span>
934        <span class="count-chip" aria-label="24 komentárov">
935          <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 12a8 8 0 0 1-8 8H4l2-3a8 8 0 1 1 15-5z"/></svg>
936          <span class="num">24</span>
937        </span>
938        <label class="player-vol" title="Hlasitosť"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 10v4h4l5 4V6L8 10H4z"/><path d="M16 9a4 4 0 0 1 0 6"/></svg><input type="range" class="player-vol-range" min="0" max="1" step="0.02" value="1" aria-label="Hlasitosť"></label>
939        <button class="icon-btn icon-btn--ghost player-stations-toggle" aria-label="Zobraziť stanice" aria-expanded="false">
940          <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M4 6h16M4 12h16M4 18h10"/></svg>
941        </button>
942      </div>
943
944      <div class="player-stations" aria-label="Prepnúť stanicu"></div>
945    </div>
946  </div>
947  
947<script src="/v3/vendor/gsap.min.js"></script>
947
948  
948<script src="/v3/vendor/ScrollTrigger.min.js"></script>
948
949  
949<script src="/v3/app.js?v=32"></script>
949
950  
950<script src="/v3/morph.js?v=10" defer></script>
950
951  
951<script src="/v3/eq.js?v=4" defer></script>
951
952  
952<script src="/v2/live.js?v=9" defer></script>
952
953  
953<script src="/v2/freqtable.js" defer></script>
953
954  
954<script src="/v3/motion.js?v=6" defer></script>
vendor: 1 bytes, line 954
954
955<script defer src="/assets/js/softnav.js?v=8"></script>
955
956
957<div class="fs" id="fsPanel" role="dialog" aria-modal="true" aria-label="Hľadanie" hidden>
958  <div class="fs-inner">
959    <div class="fs-bar">
960      <span class="fs-ic" aria-hidden="true"><svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="2.1" stroke-linecap="round"><circle cx="11" cy="11" r="7"/><path d="M20 20l-3.5-3.5"/></svg></span>
961      <input class="fs-input" id="fsInput" type="search" autocomplete="off" spellcheck="false"
962             placeholder="Hľadaj článok, reláciu, moderátora alebo epizódu…" aria-label="Hľadaný výraz">
963      <button class="fs-close" id="fsClose" aria-label="Zavrieť hľadanie">
964        <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M6 6l12 12M18 6L6 18"/></svg>
965      </button>
966    </div>
967
968    <div class="fs-body" id="fsBody">
969      <section class="fs-block" id="fsHistWrap" hidden>
970        <div class="fs-blockhead"><span class="microlabel">Naposledy hľadané</span><button class="fs-clear" id="fsClear" type="button">Vymazať</button></div>
971        <div class="fs-chips" id="fsHist"></div>
972      </section>
973
974      <section class="fs-block">
975        <div class="fs-blockhead"><span class="microlabel">Skús témy</span></div>
976        <div class="fs-chips">
977          <a class="fs-chip" href="/kategoria/hudba/">Hudba</a>
978          <a class="fs-chip" href="/kategoria/podcast/">Podcast</a>
979          <a class="fs-chip" href="/kategoria/program/">Program</a>
980          <a class="fs-chip" href="/kategoria/sutaze/">Súťaže</a>
981          <a class="fs-chip" href="/kategoria/zabava/">Zábava</a>
982          <a class="fs-chip" href="/podcasty/">Podcasty</a>
983          <a class="fs-chip" href="/vysielanie/">Relácie</a>
984        </div>
985      </section>
986
987      <section class="fs-block" id="fsPreview">
988        <div class="fs-blockhead"><span class="microlabel">Nájdeš tu</span></div>
989        <div class="fs-stack" id="fsCols"></div>
990      </section>
991    </div>
992
993    <div class="fs-results" id="fsResults" hidden></div>
994  </div>
995</div>
996
997<script>
998(function(){
999  if(window.__fsInit) return; window.__fsInit=1;   // softnav re-runs inline scripts
1000  var panel,input,body,results,histWrap,hist,cols,openBtn;
1001  var data=[], ready=false, sel=-1;
1002  var KEY='fr_search_history';
1003
1004  var norm=function(s){return String(s||'').toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'')};
1005  var enc=function(s){return String(s||'').replace(/[&<>"]/g,function(c){return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[c]})};
1006
1007  function readHist(){ try{return JSON.parse(localStorage.getItem(KEY)||'[]')}catch(e){return []} }
1008  function pushHist(q){
1009    q=q.trim(); if(q.length<2) return;
1010    var h=readHist().filter(function(x){return norm(x)!==norm(q)});
1011    h.unshift(q); h=h.slice(0,8);
1012    try{localStorage.setItem(KEY,JSON.stringify(h))}catch(e){}
1013    renderHist();
1014  }
1015  function renderHist(){
1016    if(!histWrap) return;
1017    var h=readHist();
1018    histWrap.hidden=!h.length;
1019    hist.innerHTML=h.map(function(q){return '<button class="fs-chip" type="button" data-q="'+enc(q)+'">'+enc(q)+'</button>'}).join('');
1020  }
1021
1022  function loadIndex(){
1023    if(ready||window.__fsLoading) return;
1024    window.__fsLoading=1;
1025    fetch('/content/search-index.json').then(function(r){return r.json()}).then(function(j){
1026      data=j; ready=true; renderPreview();
1027      if(input && input.value.trim()) run(input.value);
1028    }).catch(function(){});
1029  }
1030
1031  function renderPreview(){
1032    if(!cols||!ready) return;
1033    var groups=[['Článok','Články',4],['Relácia','Relácie a moderátori',4],['Epizóda','Epizódy podcastov',4]];
1034    cols.innerHTML=groups.map(function(g){
1035      var items=data.filter(function(x){return x.k===g[0]}).slice(0,g[2]);
1036      if(!items.length) return '';
1037      return '<div class="fs-group"><h4>'+enc(g[1])+'</h4>'+items.map(function(x){
1038        var d=x.d? x.d.split('-').reverse().slice(0,2).join('. ')+'.' : '';
1039        return '<a class="fs-item" href="'+x.u+'"><span class="fs-item-t">'+enc(x.t)+'</span>'+
1040               (d? '<span class="fs-item-m">'+d+'</span>':'')+'</a>';
1041      }).join('')+'</div>';
1042    }).join('');
1043  }
1044
1045  function mark(t,q){
1046    var i=norm(t).indexOf(norm(q));
1047    if(i<0||!q) return enc(t);
1048    return enc(t.slice(0,i))+'<mark>'+enc(t.slice(i,i+q.length))+'</mark>'+enc(t.slice(i+q.length));
1049  }
1050
1051  function run(q){
1052    q=(q||'').trim(); sel=-1;
1053    if(q.length<2){ results.hidden=true; body.hidden=false; return }
1054    if(!ready){ return }
1055    body.hidden=true; results.hidden=false;
1056    var n=norm(q);
1057    // whole-word / prefix matches first, then anything containing the term
1058    var all=data.filter(function(x){return norm(x.t).indexOf(n)>-1});
1059    all.sort(function(a,b){return norm(a.t).indexOf(n)-norm(b.t).indexOf(n)});
1060    var hits=all.slice(0,40);
1061    results.innerHTML='<p class="fs-rmeta">'+(hits.length? hits.length+(all.length>40?'+':'')+' výsledkov pre „'+enc(q)+'"':'Nič sa nenašlo pre „'+enc(q)+'"')+'</p>'+
1062      (hits.length? hits.map(function(x){
1063        return '<a class="fs-row" href="'+x.u+'"><span class="fs-kind">'+enc(x.k)+'</span>'+
1064               '<span class="fs-title">'+mark(x.t,q)+'</span>'+
1065               '<span class="fs-date">'+(x.d? x.d.split('-').reverse().slice(0,2).join('. ')+'.':'')+'</span></a>'
1066      }).join('') : '<p class="fs-none">Skúsi iné slovo — hľadá sa v titulkoch článkov, názvoch relácií aj epizód.</p>');
1067  }
1068
1069  function open(e){
1070    var r=openBtn.getBoundingClientRect();
1071    panel.style.setProperty('--fx', Math.round(r.left+r.width/2)+'px');
1072    panel.style.setProperty('--fy', Math.round(r.top+r.height/2)+'px');
1073    panel.hidden=false;
1074    document.body.classList.add('fs-lock');
1075    // force a reflow so the transition has a start value — don't rely on rAF,
1076    // this site's motion layer doesn't always run animation frames
1077    void panel.offsetWidth;
1078    panel.classList.add('is-open');
1079    setTimeout(function(){ try{input.focus()}catch(e){} }, 180);
1080    loadIndex(); renderHist();
1081  }
1082  function close(){
1083    panel.classList.remove('is-open');
1084    document.body.classList.remove('fs-lock');
1085    var done=function(){ panel.hidden=true };
1086    // don't rely on transitionend alone — this site's motion layer can swallow it
1087    panel.addEventListener('transitionend', done, {once:true});
1088    setTimeout(done, 700);
1089  }
1090
1091  function bind(){
1092    panel=document.getElementById('fsPanel'); if(!panel) return;
1093    input=document.getElementById('fsInput'); body=document.getElementById('fsBody');
1094    results=document.getElementById('fsResults'); histWrap=document.getElementById('fsHistWrap');
1095    hist=document.getElementById('fsHist'); cols=document.getElementById('fsCols');
1096
1097    document.addEventListener('click',function(e){
1098      var t=e.target.closest('#fsOpen');
1099      if(t){ openBtn=t; e.preventDefault(); open(); return }
1100      if(e.target.closest('#fsClose')){ e.preventDefault(); close(); return }
1101      if(e.target.closest('#fsClear')){ try{localStorage.removeItem(KEY)}catch(e2){} renderHist(); return }
1102      var chip=e.target.closest('#fsHist .fs-chip');
1103      if(chip){ input.value=chip.dataset.q; run(input.value); input.focus() }
1104      var row=e.target.closest('.fs-row');
1105      if(row && input.value.trim()) pushHist(input.value);
1106    });
1107
1108    var t;
1109    input.addEventListener('input',function(){ clearTimeout(t); t=setTimeout(function(){run(input.value)},110) });
1110    input.addEventListener('keydown',function(e){
1111      var rows=results.hidden? [] : [].slice.call(results.querySelectorAll('.fs-row'));
1112      if(e.key==='Escape'){ close() }
1113      else if(e.key==='Enter'){
1114        if(sel>=0&&rows[sel]){ pushHist(input.value); location.href=rows[sel].getAttribute('href') }
1115        else if(input.value.trim().length>1){ pushHist(input.value) }
1116      }
1117      else if(e.key==='ArrowDown'||e.key==='ArrowUp'){
1118        if(!rows.length) return; e.preventDefault();
1119        rows.forEach(function(r){r.classList.remove('is-sel')});
1120        sel=e.key==='ArrowDown'? Math.min(sel+1,rows.length-1) : Math.max(sel-1,0);
1121        rows[sel].classList.add('is-sel');
1122        rows[sel].scrollIntoView({block:'nearest'});
1123      }
1124    });
1125    document.addEventListener('keydown',function(e){
1126      if(e.key==='Escape'&&!panel.hidden) close();
1127      // "/" opens search, like every good site
1128      if(e.key==='/'&&panel.hidden&&!/^(INPUT|TEXTAREA)$/.test(document.activeElement.tagName)){
1129        var b=document.getElementById('fsOpen'); if(b){ e.preventDefault(); openBtn=b; open() }
1130      }
1131    });
1132  }
1133
1134  if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',bind); else bind();
1135})();
1136</script>
1136
1137  
1137<script defer src="/assets/js/search.js?v=3"></script>
1137
1138
1139<script>
1140/* Videá sa dotiahnu z CMS — statická stránka ich nemá kde vziať a ručne
1141   vypísané by za týždeň neplatili. */
1142(function(){
1143  var box=document.getElementById('videaList'); if(!box) return;
1144  fetch('/hladanie/?station=funradio&kategoria=videa&limit=5')
1145    .then(function(r){return r.json()})
1146    .then(function(j){
1147      var p=(j.polozky||[]).filter(function(x){return x.k==='Článok'}).slice(0,5);
1148      if(!p.length){ box.closest('section').hidden=true; return; }
1149      box.innerHTML=p.map(function(x){
1150        return '<a class="news-row" href="'+x.u+'">'+
1151          (x.o?'<span class="news-thumb pastel-card tone-blush-soft"><span class="masked masked--kruh"><img src="'+x.o+'" alt="" loading="lazy"></span></span>':'')+
1152          '<span><span class="microlabel">Video</span><span class="news-title">'+x.t+'</span></span>'+
1153          (x.d?'<span class="news-time">'+x.d.split('-').reverse().slice(0,2).join('. ')+'.</span>':'')+
1154        '</a>';
1155      }).join('');
1156    })
1157    .catch(function(){ box.closest('section').hidden=true; });
1158})();
1159</script>
1159
1160<link rel="stylesheet" href="/assets/css/cookies.css?v=5">
1161<script src="/assets/js/cookies.js?v=9" defer></script>
vendor: 1 bytes, line 1161
1161
1162<script src="/assets/js/menu.js?v=1" defer></script>
vendor: 1 bytes, line 1162
1162
1163<script src="/assets/js/bannery.js?v=11" defer></script>
vendor: 1 bytes, line 1163
1163
1164<script src="/assets/js/slidre.js?v=3" defer></script>
vendor: 1 bytes, line 1164
1164
1165<script src="/assets/js/domov.js?v=12" defer></script>
1165
1166</body>
1167</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.