/* ✅ Botões arredondados */
.button, .btn, .comprar, .adicionar-carrinho {
    border-radius: 12px;
}

/* ✅ Mini banners e banner vitrine com cantos arredondados */
.mini-banner img, .banner-vitrine img {
    border-radius: 15px;
}

/* ❌ Full banner sem cantos arredondados */
.full-banner img {
    border-radius: 0;
}

/* ✅ Reduzir o espaço entre os banners */
.banner, .slider {
    margin-bottom: 5px; /* Ajuste para diminuir o espaço entre os banners */
}

/* ✅ Caixas de produtos arredondadas */
.product-card, .product-box, .produto {
    border-radius: 10px;
    overflow: hidden;  /* Evita que o conteúdo ultrapasse os cantos arredondados */
}

/* ✅ Campos de formulário arredondados (busca, login, etc.) */
input, textarea, select {
    border-radius: 8px;
}

/* ✅ Reduzindo o tamanho do título da caixinha de newsletter APENAS no mobile */
@media (max-width: 720px) { 
    #worldthemes-newsletter-modal h1, 
    #worldthemes-newsletter-modal h2, 
    #worldthemes-newsletter-modal .newsletter-title {
        font-size: 10px !important; /* Ajuste o tamanho conforme necessário */
        line-height: 1.2 !important; /* Reduzindo o espaçamento entre linhas */
    }
}