/* for navbar menu buttion */
.nav-menu {
    display: flex;
}


/* Hide hamburger on desktop */
.hamburger {
    display: none;
}


/* Enhanced navbar spacing */
.navbar {
    padding: 18px 0;
}


/* Hero section larger on desktop */
.hero-section {
    min-height: 100vh;
    padding: 120px 0;
}


.podcast-circle {
    width: 300px;
    height: 300px;
}


/* Statistics grid maintains 4 columns */
.stats-grid {
    grid-template-columns: repeat(4, 1fr);
}


/* Features grid with specific desktop layout */
.features-grid {
    grid-template-columns: 1fr 2fr;
    grid-template-rows: auto auto;
    gap: 30px;
}


/* First card takes full height of left column */
.features-grid .feature-card:nth-child(1) {
    grid-row: 1 / 3;
    grid-column: 1;
}


/* Second card spans top right */
.features-grid .feature-card:nth-child(2) {
    grid-row: 1;
    grid-column: 2;
}


/* Bottom three cards */
.features-grid .feature-card:nth-child(3),
.features-grid .feature-card:nth-child(4),
.features-grid .feature-card:nth-child(5) {
    grid-row: 2;
    grid-column: 2;
}


/* Create 3-column layout for bottom row */
.features-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 24px;
}


.features-grid .feature-card:nth-child(1) {
    grid-row: 1 / 3;
    grid-column: 1;
}


.features-grid .feature-card:nth-child(2) {
    grid-row: 1;
    grid-column: 2 / 5;
}


.features-grid .feature-card:nth-child(3) {
    grid-row: 2;
    grid-column: 2;
}


.features-grid .feature-card:nth-child(4) {
    grid-row: 2;
    grid-column: 3;
}


.features-grid .feature-card:nth-child(5) {
    grid-row: 2;
    grid-column: 4;
}


/* Episodes grid maintains 3 columns */
.episodes-grid {
    grid-template-columns: repeat(3, 1fr);
}


/* Host section maintains horizontal layout */
.host-content {
    display: flex;
    flex-direction: row;
}


.host-image {
    flex: 0 0 300px;
}


/* Enhanced hover effects on desktop */
.feature-card:hover,
.episode-card:hover {
    transform: translateY(-6px);
}


/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}


/* Enhanced animations for desktop */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.feature-card,
.episode-card,
.stat-card {
    animation: fadeInUp 0.6s ease-out;
}


.feature-card:nth-child(1) { animation-delay: 0.1s; }
.feature-card:nth-child(2) { animation-delay: 0.2s; }
.feature-card:nth-child(3) { animation-delay: 0.3s; }
.feature-card:nth-child(4) { animation-delay: 0.4s; }
.feature-card:nth-child(5) { animation-delay: 0.5s; }