@media screen and (max-width: 780px) {
    /* baniere */
    .logo_site_white
    {
        top: 14px;
        left: 14px;
        width: 104px;
        padding: 7px;
    }
    .bouton_menu_scene
    {
        top: 14px;
        right: 14px;
    }
    .bouton_menu_scene button
    {
        width: 44px;
        height: 44px;
        font-size: 24px;
    }
    .bouton_menu_scene
    button
    {
        cursor: initial;
    }
    .container_scene
    {
        overflow: hidden;
    }
    .scene
    {
        overflow: hidden;
    }
    .glass-text {
        font-size: 16vw; /* Taille adaptative */
    }
    /* calendrier */
    .container_all_dates_available
    {
        width: 100%;
        padding: 0px 15px;
    }
    .zone_calendrier_horizontal
    {
        display: none;
    }
    .zone_date_mobile
    {
        display: block;
    }
    .bouton_navigation_calendrier
    {
        display: none;
    }
    .details_swiper_calendrier
    {
        cursor: initial;
    }
    .swiper_calendrier
    {
        touch-action: pan-x;
        -webkit-overflow-scrolling: touch;
    }
    /* time */
    .container_heure
    .detail_heure
    {
        cursor: initial;
    }
    /* contact */
    .div_contact_studio_impact
    {
        width: 90%;
    }
    /* validation */
    .formulaire_de_validation
    {
        width: 90%;
    }
    /* forfaits */
    .details_swiper_forfait
    {
        width: 90%;
    }
    /* packs accueil */
    .hero_packs_studio
    {
        min-height: auto;
        padding: 110px 16px 20px;
    }
    .hero_packs_content h1
    {
        font-size: 50px;
    }
    .hero_accueil_description
    {
        font-size: 15px;
        line-height: 1.7;
    }
    .hero_packs_intro
    {
        font-size: 15px;
    }
    .bloc_intro_packs
    {
        width: 92%;
    }
    .texte_intro_packs
    {
        font-size: 15px;
    }
    .titre_script_packs
    {
        font-size: 56px;
        margin-bottom: 18px;
    }
    .titre_selection_produit
    {
        font-size: 48px;
        margin-top: 54px;
    }
    .grille_cartes_packs
    {
        grid-template-columns: 1fr;
        gap: 18px;
        max-width: 420px;
    }
    .grille_forfaits_studio,
    .grille_forfaits_studio.deux_forfaits,
    .grille_forfaits_mensuels
    {
        width: 92%;
        grid-template-columns: 1fr;
        gap: 18px;
    }
    .carte_pack_studio
    {
        min-height: auto;
        border-radius: 24px;
        padding: 22px 18px 24px;
    }
    .entete_carte_pack h2
    {
        font-size: 26px;
    }
    .entete_carte_pack p
    {
        font-size: 24px;
    }
    .liste_pack_studio li
    {
        font-size: 15px;
    }
    .details_forfait
    {
        padding: 24px 18px;
    }
    .ruban_forfait_studio
    {
        top: 96px;
        left: 14px;
        right: 14px;
    }
    .badge_selection_forfait
    {
        top: 14px;
        right: 14px;
        font-size: 11px;
        padding: 8px 12px;
    }
    .bloc_etape_reservation
    {
        border-radius: 22px;
        padding: 18px 14px;
    }
    .calendar_track
    {
        gap: 12px;
        padding-bottom: 10px;
    }
    .titre_etape_reservation
    {
        font-size: 20px;
    }
    .div_container_heure .titre
    {
        font-size: 20px;
    }
    .container_heure
    {
        padding: 14px;
        border-radius: 22px;
    }
    .container_heure .detail_heure
    {
        margin: 6px;
        padding: 10px 14px;
        font-size: 15px;
    }
    .formulaire_de_validation
    {
        border-radius: 22px;
        padding: 18px;
    }
    .titre_formulaire_de_validation
    {
        font-size: 24px;
    }
    .encart_acompte_reservation
    {
        gap: 12px;
        padding: 14px;
        border-radius: 18px;
    }
    .encart_acompte_icone
    {
        width: 34px;
        min-width: 34px;
        height: 34px;
        font-size: 15px;
    }
    .encart_acompte_texte
    {
        font-size: 14px;
        line-height: 1.6;
    }
    .lien_contact_packs
    {
        font-size: 50px;
    }








    .null{
        display: none;
    }
}

@media screen and (min-width: 781px) and (max-width: 1100px) {
    .grille_cartes_packs
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 760px;
    }
    .grille_cartes_packs .carte_pack_studio:last-child
    {
        grid-column: 1 / -1;
        max-width: 360px;
        margin: 0 auto;
    }
    .grille_forfaits_studio
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .grille_forfaits_mensuels
    {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}