/* Landing - Audiobooks band
   Separated from `home.css` to keep landing sections modular.
*/

.page-index .landing-audiobooks-section {
    background:
        radial-gradient(60rem 60rem at -10% -10%, rgba(0, 180, 255, 0.28), transparent 60%),
        radial-gradient(50rem 50rem at 110% 10%, rgba(99, 102, 241, 0.22), transparent 60%),
        radial-gradient(40rem 40rem at 50% 120%, rgba(45, 212, 191, 0.22), transparent 60%),
        linear-gradient(135deg, #e6f3ff 0%, #eef9ff 50%, #e6fff8 100%);
    padding: 4rem 0;
    margin: 2rem 0;
    border-top: 1px solid rgba(2, 6, 23, 0.06);
    border-bottom: 1px solid rgba(2, 6, 23, 0.06);
    background-repeat: no-repeat;
    background-size: cover;
}

.page-index .landing-audiobooks-inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1rem;
}

.page-index .audiobooks-hero-container {
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
}

.page-index .audiobooks-header-content {
    margin-bottom: 2.25rem;
}

.page-index .audiobooks-icon-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}

.page-index .audiobooks-title-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.page-index .audiobooks-cta-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.page-index .audiobooks-cta-section .cta-gradient {
    background: linear-gradient(90deg, #00b4ff 0%, #36d1dc 100%) !important;
    box-shadow: 0 8px 20px rgba(0, 180, 255, 0.25);
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.page-index .audiobooks-cta-section .cta-gradient:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(0, 180, 255, 0.35);
    filter: brightness(1.02);
}

.page-index .audiobooks-preview {
    margin-top: 1.25rem;
}

.page-index .audiobooks-preview-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    max-width: 1000px;
    margin: 0 auto;
    align-items: stretch;
    justify-items: center;
}

.page-index .audiobooks-preview-item {
    display: flex;
    justify-content: center;
    width: 100%;
}

@media (max-width: 992px) {
    .page-index .audiobooks-preview-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .page-index .landing-audiobooks-section {
        padding: 3rem 0;
        margin: 1.5rem 0;
    }

    .page-index .audiobooks-icon-title {
        flex-direction: column;
        gap: 1rem;
    }

    .page-index .audiobooks-title-group {
        align-items: center;
        text-align: center;
    }

    .page-index .audiobooks-title {
        font-size: 1.8rem !important;
    }

    .page-index .audiobooks-preview-grid {
        grid-template-columns: 1fr;
    }

    .page-index .audiobooks-preview-item .book-card {
        width: min(260px, 86vw);
    }
}

@media (max-width: 480px) {
    .page-index .landing-audiobooks-section {
        padding: 2rem 0;
    }

    .page-index .audiobooks-title {
        font-size: 1.6rem !important;
    }

    .page-index .audiobooks-cta-section .rz-button {
        width: 100%;
        max-width: 280px;
    }
}

body.dark-mode .page-index .landing-audiobooks-section {
    background:
        radial-gradient(60rem 60rem at -10% -10%, rgba(0, 140, 200, 0.35), transparent 60%),
        radial-gradient(50rem 50rem at 110% 10%, rgba(79, 70, 229, 0.30), transparent 60%),
        radial-gradient(40rem 40rem at 50% 120%, rgba(20, 184, 166, 0.28), transparent 60%),
        linear-gradient(135deg, #0a1929 0%, #0d2137 50%, #0a2e2e 100%);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

body.dark-mode .page-index .audiobooks-title {
    color: #e0e0e0 !important;
}

body.dark-mode .page-index .audiobooks-description {
    color: #b0b0b0 !important;
}

body.dark-mode .page-index .audiobooks-cta-section .rz-text {
    color: #a0a0a0 !important;
}