Contact
<p><!-- ICON OUTLET • Support Page (mobile-first, light design) --></p>
<section class="lux-support" lang="en">
<div class="container">
<header class="hero">
<h1>Customer Support – Icon Outlet</h1>
<p>Questions about your order, a return or an exchange? We’re happy to help.</p>
<!-- Simple link, black text on white background -->
<p class="email">📧 <strong>iconoutlet.europe@gmail.com</strong></p>
</header>
<div class="cards">
<article class="card">
<h2>📦 Order Status</h2>
<p>After dispatch you’ll receive a tracking number by email. If you didn’t receive it, please write to us and include your order number.</p>
</article>
<article class="card">
<h2>🔁 Exchanges & Returns</h2>
<p>Start the process by emailing iconoutlet.europe@gmail.com. After review, we’ll send you the instructions and the form (one form per product).</p>
</article>
<article class="card">
<h2>💳 Refunds</h2>
<p>Refunds are issued after your return is received and inspected at our warehouse, using the original payment method.</p>
</article>
</div>
<section class="faq" aria-label="Frequently Asked Questions">
<h2>Frequently Asked Questions (FAQ)</h2>
<details>
<summary>How long do shipping and delivery take?</summary>
<p>Processing in <strong>1–3 business days</strong>, estimated delivery in <strong>7–20 business days</strong>. Variations may occur during holidays, promotions, or due to local logistics.</p>
</details>
<details open="">
<summary>How do I start an exchange or a return?</summary>
<p>Contact us at <strong>iconoutlet.europe@gmail.com</strong>. After approval you’ll receive the form and the return address.</p>
</details>
<details open="">
<summary>Is shipping free?</summary>
<p>Yes. We offer <strong>free shipping</strong> for all orders. Return shipping costs are paid by the customer.</p>
</details>
<details open="">
<summary>How can I reach support?</summary>
<p>Write to <strong>iconoutlet.europe@gmail.com </strong>anytime and include your full name and order number.</p>
</details>
</section>
</div>
</section>
<style>
/* Mobile-first: optimized for smartphones */
.lux-support {
--bg: #ffffff;
--panel: #ffffff;
--text: #0b0b0d;
--muted: #4a4a55;
--border: #e6e6eb;
background: var(--bg);
color: var(--text);
padding: 24px 16px 40px;
font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
line-height: 1.55;
}
.container { max-width: 720px; margin: 0 auto; }
.hero { text-align: left; margin-bottom: 20px; }
.hero h1 {
font-size: 26px; /* large & readable on mobile */
line-height: 1.2;
margin: 0 0 8px;
letter-spacing: -0.01em;
}
.hero p { color: var(--muted); font-size: 16px; margin: 0 0 10px; }
/* Email link: black text, large tap area */
.hero .email {
margin-top: 6px;
font-size: 17px;
}
.hero .email a {
color: var(--text);
text-decoration: underline;
padding: 12px 0; /* combined with line height gives >=44px tap area */
display: inline-block;
}
.cards { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 18px 0; }
.card {
background: var(--panel);
border: 1px solid var(--border);
border-radius: 14px;
padding: 14px;
}
.card h2 { margin: 0 0 6px; font-size: 18px; }
.card p { margin: 0; color: var(--muted); font-size: 15.5px; }
.faq {
margin-top: 20px;
background: var(--panel);
border: 1px solid var(--border);
border-radius: 14px;
padding: 14px;
}
.faq h2 { margin: 0 0 8px; font-size: 18px; }
.faq details { border-top: 1px solid var(--border); padding: 10px 0; }
.faq details:first-of-type { border-top: 0; }
.faq summary {
cursor: pointer;
list-style: none;
font-weight: 600;
font-size: 16px;
outline: none;
padding: 8px 0;
}
.faq summary::-webkit-details-marker { display: none; }
.faq p { color: var(--muted); margin: 6px 0 0; font-size: 15.5px; }
/* Small improvements on tablet/desktop */
@media (min-width: 768px) {
.lux-support { padding: 48px 24px 64px; }
.hero h1 { font-size: 34px; }
.hero p { font-size: 17px; }
.cards { gap: 16px; }
.card { padding: 16px; }
.faq { padding: 18px; }
}
</style>
<p> </p>