Felicomfort Difusor 48ml
R$ 305,09
ou 3x de R$ 101,70 sem jurosFeliconfort difusor + refil 48ml
Calcular Frete
<!DOCTYPE html>
<html lang=pt-br>
<head>
<meta charset=UTF-8>
<meta name=viewport content=width=device-width, initial-scale=1.0>
<title>Felicomfort Refil 48ml</title>
</head>
<body>
<div class=product-info>
<div class=product-sections>
<!-- Informações do Produto -->
<div class=dropdown>
<button class=dropdown-button><i class=fas fa-info-circle></i> Informações do Produto <span class=arrow><i class=fas fa-chevron-down></i></span></button>
<div class=dropdown-content>
<p>O Felicomfort Refil 48ml da Avert é um produto desenvolvido para ajudar a reduzir o estresse e a ansiedade dos gatos. Ideal para uso em difusores, proporciona um ambiente mais tranquilo e confortável para o seu pet.</p>
</div>
</div>
<!-- Especificações -->
<div class=dropdown>
<button class=dropdown-button><i class=fas fa-list-alt></i> Especificações <span class=arrow><i class=fas fa-chevron-down></i></span></button>
<div class=dropdown-content>
<ul>
<li>Marca: Avert</li>
<li>Modelo: Felicomfort</li>
<li>Volume: 48ml</li>
<li>Indicação: Gatos</li>
<li>Tipo: Refil para difusor</li>
</ul>
</div>
</div>
<!-- Benefícios e Recursos -->
<div class=dropdown>
<button class=dropdown-button><i class=fas fa-heart></i> Benefícios e Recursos <span class=arrow><i class=fas fa-chevron-down></i></span></button>
<div class=dropdown-content benefits>
<ul>
<li>Ajuda a reduzir o estresse e a ansiedade dos gatos.</li>
<li>Proporciona um ambiente mais tranquilo e confortável.</li>
<li>Fácil de usar com difusores compatíveis.</li>
<li>Produto de alta qualidade desenvolvido por especialistas.</li>
</ul>
</div>
</div>
<!-- Cuidados e Armazenamento -->
<div class=dropdown>
<button class=dropdown-button><i class=fas fa-box-open></i> Cuidados e Armazenamento <span class=arrow><i class=fas fa-chevron-down></i></span></button>
<div class=dropdown-content storage>
<ul>
<li>Mantenha fora do alcance de crianças e animais.</li>
<li>Armazene em local fresco e seco.</li>
<li>Não exponha o produto ao sol ou calor excessivo.</li>
<li>Siga as instruções de uso corretamente.</li>
</ul>
</div>
</div>
<!-- Perguntas Frequentes -->
<div class=dropdown>
<button class=dropdown-button><i class=fas fa-question-circle></i> Perguntas Frequentes <span class=arrow><i class=fas fa-chevron-down></i></span></button>
<div class=dropdown-content faqs>
<ul>
<li><strong>Como usar o Felicomfort Refil?</strong> Conecte o refil a um difusor compatível e ligue-o na tomada, seguindo as instruções do fabricante.</li>
<li><strong>Por quanto tempo dura o refil de 48ml?</strong> A duração pode variar, mas em média, um refil de 48ml dura cerca de 30 dias.</li>
<li><strong>O produto tem algum efeito colateral?</strong> O Felicomfort é seguro para gatos, mas em caso de qualquer reação adversa, consulte um veterinário.</li>
</ul>
</div>
</div>
</div>
</div>
<style>
.product-info {
font-family: Arial, sans-serif;
}
.product-sections {
margin-top: 20px;
}
.dropdown {
margin-bottom: 10px;
}
.dropdown-button {
background-color: #fff;
border: none; /* Remove a linha de contorno */
padding: 10px;
width: 100%;
text-align: left;
cursor: pointer;
font-size: 18px;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Adiciona uma leve sombra para destaque */
transition: background-color 0.3s ease; /* Adiciona uma transição suave para a cor de fundo */
}
.dropdown-button:hover {
background-color: #f1f1f1; /* Cor de fundo ao passar o mouse */
}
.dropdown-button i {
margin-right: 10px;
}
.dropdown-button .arrow {
color: purple;
font-size: 18px;
}
.dropdown-content {
display: none;
padding: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Adiciona uma leve sombra para destaque */
background-color: #fff;
transition: max-height 0.3s ease; /* Adiciona uma transição suave para a altura máxima */
}
.dropdown-content ul {
list-style-type: none;
padding: 0;
}
.dropdown-content ul li {
margin-bottom: 5px;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
var dropdowns = document.querySelectorAll('.dropdown-button');
dropdowns.forEach(function(button) {
button.addEventListener('click', function() {
var content = this.nextElementSibling;
content.style.display = content.style.display === 'block' ? 'none' : 'block';
});
});
});
</script>
</body>
</html>
Escreva sua Própria Avaliação