.play-button::before,
        .play-button::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            height: 100%;
            border: 2px solid #487abd;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            animation: pulse 2s infinite ease-out;
            opacity: 0;
            z-index: 0;
        }
        .play-button::after {
            animation-delay: 1s;
        }
        @keyframes pulse {
            0% {
                transform: translate(-50%, -50%) scale(1);
                opacity: 0.7;
            }
            100% {
                transform: translate(-50%, -50%) scale(1.5);
                opacity: 0;
            }
        }
        /* Explicitní skrytí desktopového menu na mobilu */
        @media (max-width: 767px) {
            .md\:flex {
                display: none !important;
            }
        }
        /* Záložní styl pro slider */
        #slider {
            aspect-ratio: 16/9;
        }
        .ort {
            color: white;
      font-family: "Radio Canada Big", sans-serif;
        }
        i.fab.fa-youtube {
            color: #CD201F;
        }
        i.fab.fa-spotify {
            color: #1DB954;
        }
        span.rds {
            color: bisque;
        }
        /* Definice blikající animace */
        @keyframes blink {
            0%, 100% { fill: #ffffff; }
            50% { fill: transparent; }
        }
        /* Aplikace animace na cestu (path) */
        .blinking {
            animation: blink 3s infinite;
        }
        /* Přizpůsobení pro posuvný pás na mobilu */
        @media (max-width: 640px) {
            .scroll-container {
                display: flex;
                overflow-x: auto;
                scroll-snap-type: x mandatory;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none; /* Skryje scrollbar pro Firefox */
            }
            .scroll-container::-webkit-scrollbar {
                display: none; /* Skryje scrollbar pro Webkit prohlížeče */
            }
            .scroll-container.initial > a {
                flex: 0 0 calc(100% / 1.25); /* Zobrazí 1 a čtvrt článku na začátku */
                scroll-snap-align: start;
                margin-right: 1rem;
            }
            .scroll-container.scrolled > a {
                flex: 0 0 100%; /* Po prvním posunu zobrazí jeden celý článek */
                scroll-snap-align: start;
                margin-right: 1rem;
            }
        }
        /* Animace při najetí pro články */
        .article-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .article-card:hover img {
        transform: scale(1.1);
    }
        /* Konzistentní šířka položek podcastů na desktopu */
        @media (min-width: 768px) {
            #podcast-carousel article {
                flex: 0 0 calc((100% - 48px) / 3); /* 48px = 2 * gap-6 */
            }
            /* Zrušení swipeHint animace a hover efektů na desktopu */
            #podcast-carousel article {
                animation: none !important;
                transition: none !important; /* Zruší všechny přechody na desktopu */
            }
        }
        /* Swipe hint animace pouze na mobilu */
        @media (max-width: 767px) {
            #podcast-carousel article:first-child {
                animation: swipeHint 2s ease-in-out infinite;
            }
            #podcast-carousel article {
                transition: transform 0.3s ease; /* Zachová hover efekt pouze na mobilu */
            }
            #podcast-carousel article:hover {
                transform: scale(1.05); /* Hover efekt pouze na mobilu */
            }
        }
        @keyframes swipeHint {
            0%, 100% { transform: translateX(0); }
            50% { transform: translateX(10px); }
        }
        .bg-\[\#ef7615\] {
    --tw-bg-opacity: 1;
    background-color: #487abd !important;
}
a.ort:hover {
color: #ffffff;
    background: #000000;
    padding-left: 19px;
    padding-right: 19px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
a.ort.active {
color: #ffffff;
    background: #000000;
    padding-left: 19px;
    padding-right: 19px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.ort {
    padding-left: 19px;
    padding-right: 19px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.erte a {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.mmnu {
  font-family: "Sarala", sans-serif;
}
   .article-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .article-card:hover img {
            transform: scale(1.1);
        }
        @media (max-width: 640px) {
            .articles-container {
                display: flex;
                flex-direction: column;
                gap: 1.5rem;
            }
            .articles-container a {
                width: 100%;
            }
        }
        @media (min-width: 641px) {
            .articles-container {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 1.5rem;
            }
        }
        @media (min-width: 768px) {
            .articles-container {
                grid-template-columns: repeat(4, minmax(0, 1fr));
                gap: 1.5rem;
            }
        }
        .cccyou {
    justify-items: center;
}