@media screen and (max-width: 600px) {
    /* Header Stacking */
    #header_div {
        flex-direction: column;
        text-align: center;
        padding: 20px 10px;
    }

    #banner_div, #social_div { width: 100%; }

    #banner_img {
        max-width: 200px;
        margin-bottom: 15px;
    }

    /* Cards go full-width on mobile */
    .book_box, .talk_box, .inshad_box, .poet_box {
        max-width: 100%;
        margin: 10px 0;
    }

    /* Audio Player Responsive Fix */
    .audio_title, .audio_player {
        width: 100% !important;
        display: block;
        margin: 10px 0;
    }

    /* Text readability on mobile */
    .text_page {
        padding: 20px;
        width: 100%;
        font-size: 1.1rem;
    }

    /* Navigation */
    .nav_pag_center_div { display: none; } /* Hide "Page X of Y" on tiny screens to save space */
}