Felicomfort Spray 60ml
R$ 273,96
ou 3x de R$ 91,32 sem jurosFelicomfort Spray 60ml
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 Spray 60ml - Avert</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 Spray 60ml da Avert é um produto desenvolvido para proporcionar bem-estar e tranquilidade aos gatos. É ideal para situações estressantes, como mudanças de ambiente, viagens ou introdução de novos animais em casa.</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 Spray</li>
<li>Volume: 60ml</li>
<li>Indicação: Gatos de todas as idades</li>
<li>Composição: Pheromônio sintético análogo ao F3</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>Ideal para situações como mudanças, viagens e novas introduções.</li>
<li>Fácil de usar: basta borrifar no ambiente.</li>
<li>Seguro para gatos de todas as idades.</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>Armazenar em local fresco e seco.</li>
<li>Manter fora do alcance de crianças e animais.</li>
<li>Evitar contato direto com olhos e mucosas.</li>
<li>Não expor a temperaturas superiores a 50°C.</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 Spray?</strong> Borrife o produto nos locais onde o gato costuma ficar, como caminhas, arranhadores e outros móveis.</li>
<li><strong>É seguro para filhotes?</strong> Sim, o Felicomfort Spray é seguro para gatos de todas as idades, incluindo filhotes.</li>
<li><strong>Quanto tempo dura o efeito do spray?</strong> O efeito calmante pode durar várias horas, mas é recomendado reaplicar conforme necessário em situações de estresse contínuo.</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