/* ========================================= */
/* MEDIA QUERIES */
/* ========================================= */

@media(max-width:1100px){

    .hero-grid,
    .formation-grid{
        grid-template-columns:1fr;
    }

    .services-grid{
        grid-template-columns:repeat(2,1fr);
    }

}


/* ========================================= */
/* TABLET & MOBILE */
/* ========================================= */

@media(max-width:768px){

    /* NAVBAR */

    .navbar{
        padding:16px 0;
    }

    .menu-toggle{
        display:block;
    }

    .nav-links{

        position:absolute;

        top:85px;
        left:0;

        width:100%;

        background:white;

        flex-direction:column;

        align-items:center;

        gap:25px;

        padding:30px;

        display:none;

        border-bottom:1px solid #f0f0f0;

        z-index:999;
    }

    .nav-links.active{
        display:flex;
    }

    /* LOGO */

    .logo{

        display:flex;

        align-items:center;

        gap:10px;

        max-width:75%;
    }

    .logo-image{

        width:48px;
        height:48px;
    }

    .logo-text{

        font-size:18px;

        line-height:1.1;
    }

    /* HERO */

    .hero{
        padding-top:120px;
    }

    .hero-grid{

        gap:40px;

        text-align:center;
    }

    .hero-content h1{

        font-size:2.5rem;

        line-height:1.1;
    }

    .hero-content p{

        font-size:1rem;

        line-height:1.7;
    }

/* HERO BUTTONS */

.hero-buttons{

    flex-direction:column;

    align-items:center;

    gap:16px;
}

.hero-buttons .btn{

    width:100%;

    max-width:300px;

    text-align:center;
}


/* IMAGES MOBILE */

.service-card img,
.shop-card img,
.formation-card img{

    width:100%;

    height:auto !important;

    object-fit:contain !important;

    display:block;

    border-radius:20px;
}

    .hero-stats{

        flex-direction:column;

        align-items:center;

        gap:20px;
    }

    /* ========================================= */
/* IMAGE FIX IPHONE */
/* ========================================= */

@media(max-width:768px){

    .service-card,
    .shop-card,
    .formation-card{

        overflow:hidden;
    }

    .service-card img,
    .shop-card img,
    .formation-card img{

        max-height:none !important;

        object-fit:contain !important;
    }

}

    /* GRIDS */

    .services-grid,
    .shop-grid{

        grid-template-columns:1fr;
    }

    /* TITLES */

    .section-title h2{

        font-size:2.2rem;

        text-align:center;
    }

    /* FORMATION */

    .formation-content{

        text-align:center;
    }

    .formation-content ul{

        text-align:left;
    }

    /* CONTACT */

    .contact-box{

        width:100%;

        margin:auto;

        padding:40px 24px;
    }

    .contact-info{

        text-align:center;
    }

    .contact-info h2{

        font-size:2.5rem;

        line-height:1.1;
    }

}


/* ========================================= */
/* SMALL MOBILE */
/* ========================================= */

@media(max-width:480px){

    .container{
        width:92%;
    }

    .logo-text{
        font-size:16px;
    }

    .hero-content h1{

        font-size:2rem;
    }

    .hero-content p{

        font-size:0.95rem;
    }

    .section-title h2{

        font-size:1.8rem;
    }

    .glass-card,
    .trainer-card,
    .contact-box,
    .service-card,
    .shop-card{

        padding:30px 22px;
    }

}