@media (max-width:992px){

.cards{

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

}

}

@media (max-width:768px){

.logo p{

display:none;

}

.cards{

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

gap:14px;

}

.card img{

height:145px;

}

}

@media (max-width:480px){

.cards{

grid-template-columns:1fr;

padding:12px;

}

.card img{

height:180px;

}

.logo h1{

font-size:16px;

}

.menu-btn,
.pesquisa{

width:42px;

height:42px;

font-size:18px;

}

}

/* Mantém a grade de catálogo acima das regras mobile legadas. */
@media (min-width:331px) and (max-width:768px){
    .cards,
    .cards-container{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:9px;
        padding-inline:12px;
    }

    .cards .card img,
    .cards-container .card img{
        width:100%;
        height:auto;
        aspect-ratio:1 / 1;
        object-fit:cover;
    }
}

@media (max-width:330px){
    .cards,
    .cards-container{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
        padding-inline:10px;
    }
}