@media only screen and (max-width: 768px) {
    /* Ajustes gerais */
    body {
        overflow-x: hidden;
    }
    
     #ajustar {
        margin-left: 10px;
    }

    /* Produtos - Ajuste principal aqui */
    .produtos {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* 3 colunas */
        gap: 10px;
        padding: 5px;
        width: 97%;
        
    }
    
    .produto {
        width: 100%; /* Ocupa toda a largura da célula da grade */
        margin-bottom: 10px;
        box-sizing: border-box; /* Inclui padding e border na largura */
    }
    
    .produto:hover {
        transform: none; /* Remove o efeito hover em mobile */
    }
    
    .detalhes h3 {
        font-size: 13px;
        margin: 5px 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .detalhes p {
        font-size: 11px;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* Limita a 2 linhas */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    #preco {
        font-size: 14px;
    }
    
    #frete {
        font-size: 10px;
    }
}

@media only screen and (max-width: 480px) {
  
    /* Ajuste para o menu mobile (se houver) */
    header {
        padding: 10px 5px;
    }
    
   
    
    /* Reduz para 2 colunas em telas muito pequenas se necessário */
    @media (max-width: 400px) {
        .produtos {
            grid-template-columns: repeat(2, 1fr);
        }
    }
}