FAQ
<style>
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=Inter:wght@300;400;500&display=swap');
.faq-root {
font-family: 'Inter', sans-serif;
color: #2C2C2A;
max-width: 720px;
margin: 0 auto;
padding: 2rem 1rem;
}
.faq-eyebrow {
font-size: 11px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #9E6B3E;
font-weight: 500;
margin-bottom: 10px;
}
.faq-hero {
border-bottom: 1px solid #E8E4DC;
padding-bottom: 2rem;
margin-bottom: 2.5rem;
}
.faq-hero h1 {
font-family: 'Playfair Display', serif;
font-size: 32px;
font-weight: 400;
line-height: 1.25;
margin: 0 0 0.75rem;
color: #2C2C2A;
}
.faq-hero p {
font-size: 14px;
line-height: 1.75;
color: #5F5E5A;
margin: 0;
}
.faq-section {
margin-bottom: 2.5rem;
}
.faq-section-label {
font-size: 11px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #9E6B3E;
font-weight: 500;
margin-bottom: 1rem;
display: flex;
align-items: center;
gap: 8px;
}
.faq-section-label::after {
content: '';
flex: 1;
height: 1px;
background: #E8E4DC;
}
.faq-item {
border-bottom: 1px solid #E8E4DC;
}
.faq-item:first-of-type {
border-top: 1px solid #E8E4DC;
}
.faq-question {
width: 100%;
background: none;
border: none;
padding: 1.1rem 0;
text-align: left;
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 500;
color: #2C2C2A;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.faq-question:hover {
color: #9E6B3E;
}
.faq-icon {
font-size: 18px;
color: #9E6B3E;
flex-shrink: 0;
transition: transform 0.25s ease;
line-height: 1;
}
.faq-answer {
display: none;
font-size: 14px;
line-height: 1.8;
color: #5F5E5A;
padding: 0 0 1.1rem;
}
.faq-answer.open {
display: block;
}
.faq-icon.open {
transform: rotate(45deg);
}
.faq-answer ul {
margin: 0.5rem 0 0;
padding-left: 1.25rem;
}
.faq-answer ul li {
margin-bottom: 4px;
}
.faq-highlight {
background: #FAF8F5;
border: 1px solid #E8E4DC;
border-left: 3px solid #9E6B3E;
border-radius: 6px;
padding: 1rem 1.25rem;
font-size: 13px;
line-height: 1.75;
color: #5F5E5A;
margin-bottom: 2.5rem;
}
.faq-highlight strong {
color: #9E6B3E;
font-weight: 500;
}
.faq-contact {
text-align: center;
padding: 2rem 0 0.5rem;
border-top: 1px solid #E8E4DC;
}
.faq-contact p {
font-size: 14px;
color: #5F5E5A;
margin: 0 0 1.25rem;
}
.faq-btn {
display: inline-block;
padding: 11px 28px;
border: 1px solid #9E6B3E;
color: #9E6B3E;
border-radius: 6px;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
text-decoration: none;
background: transparent;
}
.faq-btn:hover {
background: #F5E6D6;
}
</style>
<div class="faq-root">
<div class="faq-hero">
<p class="faq-eyebrow">Help centre</p>
<h1>Frequently asked questions</h1>
<p>Everything you need to know about shopping with Reenz Elegance. If you do not find your answer here, reach out to us through the contact page and we will get back to you.</p>
</div>
<div class="faq-highlight">
<strong>Free shipping</strong> on all orders above <strong>Rs. 999.</strong> Orders are delivered within <strong>7 working days</strong> across India.
</div>
<div class="faq-section">
<p class="faq-section-label">Shipping and delivery</p>
<div class="faq-item">
<button class="faq-question" onclick="toggle(this)">
How long does delivery take?
<span class="faq-icon">+</span>
</button>
<div class="faq-answer">
All orders are delivered within 7 working days from the date of purchase. You will receive a confirmation with tracking details once your order has been dispatched.
</div>
</div>
<div class="faq-item">
<button class="faq-question" onclick="toggle(this)">
Do you offer free shipping?
<span class="faq-icon">+</span>
</button>
<div class="faq-answer">
Yes. Orders above Rs. 999 qualify for free shipping anywhere in India. For orders below Rs. 999, a standard shipping fee will apply at checkout.
</div>
</div>
<div class="faq-item">
<button class="faq-question" onclick="toggle(this)">
Do you ship outside India?
<span class="faq-icon">+</span>
</button>
<div class="faq-answer">
At the moment we ship within India only. We are working on expanding to international delivery and will announce this on our Instagram page when it is available.
</div>
</div>
<div class="faq-item">
<button class="faq-question" onclick="toggle(this)">
Can I track my order?
<span class="faq-icon">+</span>
</button>
<div class="faq-answer">
Yes. Once your order is dispatched, you will receive a tracking link via SMS or email so you can follow your parcel every step of the way.
</div>
</div>
</div>
<div class="faq-section">
<p class="faq-section-label">Returns and exchanges</p>
<div class="faq-item">
<button class="faq-question" onclick="toggle(this)">
What is your return policy?
<span class="faq-icon">+</span>
</button>
<div class="faq-answer">
We accept returns only in the case of faulty or damaged items. If your order arrives damaged or defective, please contact us within 48 hours of delivery with a photo of the item and we will arrange a replacement or full refund.
</div>
</div>
<div class="faq-item">
<button class="faq-question" onclick="toggle(this)">
Can I return an item if I change my mind?
<span class="faq-icon">+</span>
</button>
<div class="faq-answer">
We do not accept returns or exchanges for change of mind, incorrect size selection, or items that have been used. We encourage you to review product descriptions and photos carefully before placing your order. If you have any questions about a product before buying, contact us and we will be happy to help.
</div>
</div>
<div class="faq-item">
<button class="faq-question" onclick="toggle(this)">
How do I report a damaged item?
<span class="faq-icon">+</span>
</button>
<div class="faq-answer">
Contact us through our contact page within 48 hours of receiving your order. Please include:
<ul>
<li>Your order number</li>
<li>A clear photo of the damaged or faulty item</li>
<li>A brief description of the issue</li>
</ul>
We will review your request and respond within 2 working days.
</div>
</div>
</div>
<div class="faq-section">
<p class="faq-section-label">Product care and materials</p>
<div class="faq-item">
<button class="faq-question" onclick="toggle(this)">
What type of jewelry do you sell?
<span class="faq-icon">+</span>
</button>
<div class="faq-answer">
All jewelry in The Heritage Edit collection is premium Indian imitation jewelry, also known as fashion or costume jewelry. Our pieces are crafted to replicate the look and feel of traditional gold jewelry and are ideal for weddings, festivals, and special occasions.
</div>
</div>
<div class="faq-item">
<button class="faq-question" onclick="toggle(this)">
How do I care for my jewelry?
<span class="faq-icon">+</span>
</button>
<div class="faq-answer">
To keep your pieces looking their best:
<ul>
<li>Store in a cool, dry place away from direct sunlight</li>
<li>Keep away from water, perfume, and moisturiser</li>
<li>Wipe gently with a soft dry cloth after wearing</li>
<li>Store each piece separately to avoid scratching</li>
</ul>
With proper care, your jewelry will retain its finish for a long time.
</div>
</div>
<div class="faq-item">
<button class="faq-question" onclick="toggle(this)">
Will the jewelry cause skin irritation?
<span class="faq-icon">+</span>
</button>
<div class="faq-answer">
Our jewelry is designed for occasional and event wear. If you have sensitive skin or known metal allergies, we recommend limiting prolonged contact and keeping the pieces dry during use. If you experience any irritation, discontinue wearing and contact us.
</div>
</div>
<div class="faq-item">
<button class="faq-question" onclick="toggle(this)">
How do I care for ethnic clothing?
<span class="faq-icon">+</span>
</button>
<div class="faq-answer">
Care instructions vary by fabric and are included on the product label. As a general guide:
<ul>
<li>Dry clean or hand wash delicate fabrics like silk and net</li>
<li>Iron on low heat with a cloth between the iron and the fabric</li>
<li>Store folded or hung in a breathable garment bag</li>
</ul>
Always check the individual product label before washing.
</div>
</div>
</div>
<div class="faq-contact">
<p>Still have a question? We are here to help.</p>
<a class="faq-btn" href="/pages/contact">Contact us</a>
</div>
</div>
<script>
function toggle(btn) {
var answer = btn.nextElementSibling;
var icon = btn.querySelector('.faq-icon');
var isOpen = answer.classList.contains('open');
var allAnswers = document.querySelectorAll('.faq-answer');
var allIcons = document.querySelectorAll('.faq-icon');
allAnswers.forEach(function(a) { a.classList.remove('open'); });
allIcons.forEach(function(i) { i.classList.remove('open'); });
if (!isOpen) {
answer.classList.add('open');
icon.classList.add('open');
}
}
</script>