FAQ
<style>
.faq-container {
max-width: 900px;
margin: 0 auto;
padding: 40px 20px;
font-family: inherit;
}
.faq-header {
text-align: center;
margin-bottom: 35px;
}
.faq-header h1 {
font-size: 32px;
margin-bottom: 10px;
letter-spacing: 1px;
}
.faq-header p {
font-size: 15px;
color: #666;
}
.faq-category {
margin-top: 35px;
margin-bottom: 15px;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.faq-item {
border: 1px solid #e5e5e5;
border-radius: 12px;
margin-bottom: 12px;
overflow: hidden;
background: #fff;
}
.faq-question {
width: 100%;
padding: 18px 20px;
background: #fff;
border: none;
text-align: left;
font-size: 15px;
font-weight: 600;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.faq-question span {
font-size: 22px;
line-height: 1;
transition: transform 0.2s ease;
}
.faq-answer {
display: none;
padding: 0 20px 18px;
color: #555;
font-size: 14px;
line-height: 1.7;
}
.faq-item.active .faq-answer {
display: block;
}
.faq-item.active .faq-question span {
transform: rotate(45deg);
}
.faq-contact-box {
margin-top: 40px;
padding: 25px;
border-radius: 14px;
background: #f7f7f7;
text-align: center;
}
.faq-contact-box h3 {
margin-bottom: 8px;
font-size: 20px;
}
.faq-contact-box p {
color: #555;
margin-bottom: 12px;
}
.faq-contact-box a {
color: #000;
font-weight: 700;
text-decoration: underline;
}
</style>
<div class="faq-container">
<div class="faq-header">
<h1>Frequently Asked Questions</h1>
<p>Find quick answers about orders, shipping, returns, payments, and Vernier Brand products.</p>
</div>
<div class="faq-category">Orders & Returns</div>
<div class="faq-item">
<button class="faq-question">Can I return my order? <span>+</span></button>
<div class="faq-answer">
Yes. You may request a return within 14 days of receiving your order. Items must be unworn, unused, in original condition, and returned with their original packaging.
</div>
</div>
<div class="faq-item">
<button class="faq-question">Can I change or cancel my order? <span>+</span></button>
<div class="faq-answer">
Orders may be canceled within 12 hours of purchase before fulfillment begins. Once an order has been processed or shipped, we may no longer be able to cancel or modify it.
</div>
</div>
<div class="faq-item">
<button class="faq-question">I received a damaged or incorrect item. What should I do? <span>+</span></button>
<div class="faq-answer">
Please contact us within 48 hours of delivery at contact@vernier-brand.com with your order number and clear photos of the item and packaging. Our support team will assist you as quickly as possible.
</div>
</div>
<div class="faq-category">Shipping</div>
<div class="faq-item">
<button class="faq-question">Do you ship worldwide? <span>+</span></button>
<div class="faq-answer">
Yes. Vernier Brand ships to customers worldwide. Available shipping options and costs are displayed at checkout.
</div>
</div>
<div class="faq-item">
<button class="faq-question">How long does shipping take? <span>+</span></button>
<div class="faq-answer">
Orders are processed within 1–3 business days. Estimated delivery times are 5–10 business days for the United States, 5–12 business days for Europe, and 7–15 business days for international orders.
</div>
</div>
<div class="faq-item">
<button class="faq-question">Will I receive a tracking number? <span>+</span></button>
<div class="faq-answer">
Yes. Once your order has been shipped, you will receive a tracking number by email so you can follow your delivery.
</div>
</div>
<div class="faq-item">
<button class="faq-question">Do I need to pay customs or import fees? <span>+</span></button>
<div class="faq-answer">
International customers may be responsible for customs duties, taxes, or import fees depending on local regulations. These charges are not controlled by Vernier Brand.
</div>
</div>
<div class="faq-category">Payment</div>
<div class="faq-item">
<button class="faq-question">What payment methods do you accept? <span>+</span></button>
<div class="faq-answer">
We accept major credit cards, debit cards, and other secure payment methods available at checkout.
</div>
</div>
<div class="faq-item">
<button class="faq-question">Is my payment secure? <span>+</span></button>
<div class="faq-answer">
Yes. Payments are processed through secure and trusted payment providers. Vernier Brand does not store your full card details.
</div>
</div>
<div class="faq-category">Product Information</div>
<div class="faq-item">
<button class="faq-question">How do I choose the right size? <span>+</span></button>
<div class="faq-answer">
Please check the size guide on each product page before placing your order. If you are between sizes, we recommend choosing the larger size for a more comfortable fit.
</div>
</div>
<div class="faq-item">
<button class="faq-question">How should I care for my clothing? <span>+</span></button>
<div class="faq-answer">
We recommend following the care instructions on the product label. To preserve fabric quality, wash with similar colors, avoid harsh detergents, and air dry when possible.
</div>
</div>
<div class="faq-item">
<button class="faq-question">Are product colors exactly as shown? <span>+</span></button>
<div class="faq-answer">
We do our best to display product colors accurately. However, colors may vary slightly depending on screen settings, lighting, and photography.
</div>
</div>
<div class="faq-contact-box">
<h3>Still need help?</h3>
<p>Our customer support team is here to assist you.</p>
<a href="mailto:contact@vernier-brand.com">contact@vernier-brand.com</a>
</div>
</div>
<script>
document.querySelectorAll('.faq-question').forEach(function(button) {
button.addEventListener('click', function() {
const item = this.parentElement;
item.classList.toggle('active');
});
});
</script>