@media(max-width:768px){

.desktop-menu{

    display:none;

}

.navbar .container{

    height:65px;

}

.container{

    width:95%;

}

}

@media(max-width:768px){

.hero{

    padding:35px 20px;

    text-align:center;

}

.hero-content{

    grid-template-columns:1fr;

}

.hero h1{

    font-size:34px;

}

.hero p{

    font-size:16px;

}

.hero img{

    margin-top:30px;

}

.grid-produtos{

    grid-template-columns:1fr;

}

.produto-card{

    border-radius:18px;

}

.lista-categorias{

    padding-bottom:5px;

}

}

/*==========================
    PRODUTOS MOBILE
==========================*/

@media(max-width:768px){


    .grid-produtos{

        display:grid;

        grid-template-columns:repeat(2,1fr);

        gap:12px;

    }


    .produto-card{

        display:flex;

        flex-direction:column;

        width:100%;

        height:auto;

        border-radius:16px;

        overflow:hidden;

    }


    .imagem-produto{

        width:100%;

    }


    .imagem-produto img{

        width:100%;

        height:120px;

        object-fit:cover;

    }


    .produto-info{

        padding:10px;

    }


    .produto-info h3{

        font-size:15px;

        line-height:1.2;

        height:36px;

        overflow:hidden;

    }


    .produto-info p{

        font-size:12px;

        height:34px;

        overflow:hidden;

        margin-bottom:8px;

    }


    .preco{

        font-size:17px;

        margin-bottom:10px;

    }


    .btn-add{

        width:100%;

        height:38px;

        padding:0;

        font-size:12px;

        border-radius:10px;

    }


}

@media(max-width:768px){

.banner-categoria{

    height:220px;

}

.overlay-banner h1{

    font-size:32px;

}

.overlay-banner p{

    font-size:15px;

}

}