html {
    scroll-behavior: smooth;
}
        /* Conteneur principal des boutons (Amélioration UI/UX: Espacement clair) */
        .btn-app.store-btn {
            display: flex; 
            gap: 20px; /* Augmentation de l'espace pour la distinction */
            align-items: center;
            justify-content: center;
            
         
            border-radius: 12px;
            /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); */
        }

        /* Style de base des boutons (Amélioration UI/UX: Cible tactile, coins arrondis) */
        .market-btn {
            display: inline-flex; 
            flex-direction: column; 
            align-items: flex-start; /* Alignement du texte à gauche */
            padding: 0.6rem 1.2rem;
            padding-left: 3.5rem; /* Espace pour l'icône */
            min-width: 200px; /* Taille minimale pour une meilleure cible tactile */
            height: 60px;
            box-sizing: border-box;
            border-radius: 10px; 
            transition: background-color 0.25s ease-in-out, box-shadow 0.2s, transform 0.1s;
            border: 1px solid #ddd;
            background-position: center left 1rem;
            background-size: 1.8rem 1.8rem; /* Icône légèrement plus grande */
            background-repeat: no-repeat;
            text-decoration: none;
            cursor: pointer;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08); /* Ombre par défaut */
        }

        /* Effet Hover (Amélioration UX: Feedback Visuel) */
        .market-btn:hover {
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
            transform: translateY(-2px);
        }
        
        /* Texte du titre (Amélioration UI: Lisibilité, Hiérarchie) */
        .market-btn .market-button-title {
            display: block;
            font-size: 1.25rem; 
            font-weight: 700;
            line-height: 1.2;
        }

        /* Texte du sous-titre (Amélioration Marketing/UX: CTA clair) */
        .market-btn .market-button-subtitle {
            display: block;
            /* Changement ici : Ajout d'une petite marge pour séparer du titre */
            margin-bottom: 0.1rem; 
            font-size: 0.85rem;
            font-weight: 500;
            line-height: 1;
        }

        /* --- Style Google Play (Clair) --- */
        .google-btn {
             background-color: #000000;
            border-color: #000000;
            /* Icône Google Play (colorée) */
            background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzVDREFERDsiIHBvaW50cz0iMjkuNTMsMCAyOS41MywyNTEuNTA5IDI5LjUzLDUxMiAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNCREVDQzQ7IiBwb2ludHM9IjM2OS4wNjcsMTgwLjU0NyAyNjIuMTc1LDExOS40NjcgMjkuNTMsMCAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNEQzY4QTE7IiBwb2ludHM9IjI5LjUzLDUxMiAyOS41Myw1MTIgMjYyLjE3NSwzODMuNTUxIDM2OS4wNjcsMzIyLjQ3IDI5OS4wMDQsMjUxLjUwOSAiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0ZGQ0E5NjsiIGQ9Ik0zNjkuMDY3LDE4MC41NDdsLTcwLjA2Myw3MC45NjFsNzAuMDYzLDcwLjk2MWwxMDguNjg4LTYyLjg3N2M2LjI4OC0zLjU5Myw2LjI4OC0xMS42NzcsMC0xNS4yNyAgTDM2OS4wNjcsMTgwLjU0N3oiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
        }
        .google-btn .market-button-title {
            color: #ffffff;
        }
        .google-btn .market-button-subtitle {
           color: #b0b0b0; 
        }
        .google-btn:hover {
            background-color: #333333; /* Effet hover conservant le contraste */
            border-color: #333333;
        }
        
        /* --- Style App Store (Sombre) (Amélioration Marketing: Branding Apple, Contraste) --- */
        .apple-btn.market-btn-dark {
            background-color: #000000;
            border-color: #000000;
            /* Icône Apple (blanche) pour le contraste */
           background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnIGlkPSJYTUxJRF8yMjhfIj4KCTxwYXRoIGlkPSJYTUxJRF8yMjlfIiBkPSJNNDAuNzM4LDExMi4xMTljLTI1Ljc4NSw0NC43NDUtOS4zOTMsMTEyLjY0OCwxOS4xMjEsMTUzLjgyQzc0LjA5MiwyODYuNTIzLDg4LjUwMiwzMDUsMTA4LjIzOSwzMDUgICBjMC4zNzIsMCwwLjc0NS0wLjAwNywxLjEyNy0wLjAyMmM5LjI3My0wLjM3LDE1Ljk3NC0zLjIyNSwyMi40NTMtNS45ODRjNy4yNzQtMy4xLDE0Ljc5Ny02LjMwNSwyNi41OTctNi4zMDUgICBjMTEuMjI2LDAsMTguMzksMy4xMDEsMjUuMzE4LDYuMDk5YzYuODI4LDIuOTU0LDEzLjg2MSw2LjAxLDI0LjI1Myw1LjgxNWMyMi4yMzItMC40MTQsMzUuODgyLTIwLjM1Miw0Ny45MjUtMzcuOTQxICAgYzEyLjU2Ny0xOC4zNjUsMTguODcxLTM2LjE5NiwyMC45OTgtNDMuMDFsMC4wODYtMC4yNzFjMC40MDUtMS4yMTEtMC4xNjctMi41MzMtMS4zMjgtMy4wNjZjLTAuMDMyLTAuMDE1LTAuMTUtMC4wNjQtMC4xODMtMC4wNzggICBjLTMuOTE1LTEuNjAxLTM4LjI1Ny0xNi44MzYtMzguNjE4LTU4LjM2Yy0wLjMzNS0zMy43MzYsMjUuNzYzLTUxLjYwMSwzMC45OTctNTQuODM5bDAuMjQ0LTAuMTUyICAgYzAuNTY3LTAuMzY1LDAuOTYyLTAuOTQ0LDEuMDk2LTEuNjA2YzAuMTM0LTAuNjYxLTAuMDA2LTEuMzQ5LTAuMzg2LTEuOTA1Yy0xOC4wMTQtMjYuMzYyLTQ1LjYyNC0zMC4zMzUtNTYuNzQtMzAuODEzICAgYy0xLjYxMy0wLjE2MS0zLjI3OC0wLjI0Mi00LjY5Ny0wLjI0MmMtMTMuMDM1LDAtMjUuNTYzLDQuOTMxLTM1LjYxMSw4Ljg5M2MtNi45MzYsMi43MzUtMTIuOTI3LDUuMDk3LTE3LjA1OSw1LjA5NyAgIGMtNC42NDMsMC0xMC42NjgtMi4zOTEtMTcuNjQ1LTUuMTU5Yy05LjMzLTMuNzAzLTE5LjkwNS03Ljg5OS0zMS4xLTcuODk5Yy0wLjI2NywwLTAuNTMsMC4wMDMtMC43ODksMC4wMDggICBDNzguODk0LDczLjY0Myw1NC4yOTgsODguNTM1LDQwLjczOCwxMTIuMTE5eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPGc+Cgk8cGF0aCBpZD0iWE1MSURfMjMwXyIgZD0iTTIxMi4xMDEsMC4wMDJjLTE1Ljc2MywwLjY0Mi0zNC42NzIsMTAuMzQ1LTQ1Ljk3NCwyMy41ODNjLTkuNjA1LDExLjEyNy0xOC45ODgsMjkuNjc5LTE2LjUxNiw0OC4zNzkgICBjMC4xNTUsMS4xNywxLjEwNywyLjA3MywyLjI4NCwyLjE2NGMxLjA2NCwwLjA4MywyLjE1LDAuMTI1LDMuMjMyLDAuMTI2YzE1LjQxMywwLDMyLjA0LTguNTI3LDQzLjM5NS0yMi4yNTcgICBjMTEuOTUxLTE0LjQ5OCwxNy45OTQtMzMuMTA0LDE2LjE2Ni00OS43N0MyMTQuNTQ0LDAuOTIxLDIxMy4zOTUtMC4wNDksMjEyLjEwMSwwLjAwMnoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
        }
        .apple-btn.market-btn-dark .market-button-title {
            color: #ffffff; 
        }
        .apple-btn.market-btn-dark .market-button-subtitle {
            color: #b0b0b0; 
        }
        .apple-btn.market-btn-dark:hover {
            background-color: #333333; /* Effet hover conservant le contraste */
            border-color: #333333;
        }
@media (max-width: 768px) {
    .market-btn {
    width: 100%; /* S'assure que le bouton prend toute la largeur */
    min-width: 0; 
    height: 50px; /* Réduit la hauteur du bouton */
    padding: 0.5rem 1rem;
    padding-left: 3rem; 
    border-radius: 8px; 
    
    /* Réduction de la taille et ajustement de la position de l'icône */
    background-size: 1.5rem 1.5rem; 
    background-position: center left 0.8rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); /* Ombre plus subtile */
}

/* 3. Réduction de la taille des polices */

/* Titre du bouton ("Google Play" / "App Store") */
.market-btn .market-button-title {
    font-size: 12px; /* Taille réduite */
    line-height: 1.1;
}

/* Sous-titre du bouton ("Télécharger sur") */
.market-btn .market-button-subtitle {
    font-size: 10px; /* Taille réduite */
}
.no-scroll{
overflow: hidden;
}
}