/** Shopify CDN: Minification failed

Line 11:0 Unexpected "<"
Line 93:103 Unterminated string token
Line 113:78 Unterminated string token
Line 117:265 Unterminated string token
Line 167:321 Unterminated string token
Line 177:244 Unterminated string token

**/
<!DOCTYPE html>
<html lang="en-US">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>FAQ — Dermal Atelier</title>
  <meta name="description" content="Frequently asked questions about Dermal Atelier: consultations, treatments, the formulary, shipping, returns, and clinical policies.">
  <meta name="theme-color" content="#1A2E30">
  <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='none' stroke='%231A2E30' stroke-width='2'/%3E%3Ccircle cx='16' cy='16' r='6' fill='%238B3A2E'/%3E%3C/svg%3E">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,500;1,8..60,400&family=IBM+Plex+Sans:wght@400;500;600&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <a class="skip-link" href="#main">Skip to content</a>

  <header class="site-header">
    <div class="container nav-wrap">
      <a href="index.html" class="brand" aria-label="Dermal Atelier home">
        <span class="brand-mark" aria-hidden="true"></span>
        <span>Dermal Atelier</span>
      </a>
      <nav class="nav-primary" aria-label="Primary">
        <a href="index.html">Home</a>
        <a href="about.html">About</a>
        <a href="services.html">Services</a>
        <a href="shop.html">Shop</a>
        <a href="faq.html">FAQ</a>
        <a href="contact.html">Contact</a>
      </nav>
      <div class="nav-utils">
        <a href="cart.html" class="icon-btn" aria-label="Shopping bag">
          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="M5 7h14l-1.5 11a2 2 0 0 1-2 1.7H8.5a2 2 0 0 1-2-1.7L5 7Z"/><path d="M9 7a3 3 0 0 1 6 0"/></svg>
          <span class="cart-count" data-cart-count aria-live="polite"></span>
        </a>
        <button class="menu-toggle" data-menu-toggle aria-label="Open menu" aria-expanded="false" aria-controls="mobile-menu"><span aria-hidden="true"></span></button>
      </div>
    </div>
  </header>

  <div class="mobile-menu" id="mobile-menu" data-mobile-menu aria-hidden="true">
    <nav aria-label="Mobile">
      <a href="index.html">Home</a>
      <a href="about.html">About</a>
      <a href="services.html">Services</a>
      <a href="shop.html">Shop</a>
      <a href="faq.html">FAQ</a>
      <a href="contact.html">Contact</a>
      <a href="cart.html">Bag</a>
    </nav>
  </div>

  <main id="main">
    <section class="page-header">
      <div class="container">
        <nav class="breadcrumbs" aria-label="Breadcrumb">
          <a href="index.html">Home</a>
          <span aria-hidden="true">/</span>
          <span aria-current="page">FAQ</span>
        </nav>
        <h1>Questions, answered.</h1>
        <p class="lede">If what you're looking for isn't here, write to <a href="mailto:studio@dermatelier.example">studio@dermatelier.example</a> — we read every message.</p>
      </div>
    </section>

    <section class="section section--flush">
      <div class="container">
        <div class="faq-list">

          <div class="faq-item" data-faq>
            <button class="faq-q" aria-expanded="false">
              <span>Do I need a referral to book a consultation?</span>
              <span class="faq-icon" aria-hidden="true"></span>
            </button>
            <div class="faq-a" role="region">
              <div class="faq-a-inner">No. New patients are welcome to book directly. If you're using insurance for a medical dermatology visit, check with your plan about referral requirements — we'll help with documentation on our side.</div>
            </div>
          </div>

          <div class="faq-item" data-faq>
            <button class="faq-q" aria-expanded="false">
              <span>What's the difference between a medical visit and an aesthetic consultation?</span>
              <span class="faq-icon" aria-hidden="true"></span>
            </button>
            <div class="faq-a" role="region">
              <div class="faq-a-inner">A medical visit addresses diagnosed or suspected conditions — acne, eczema, rosacea, psoriasis, skin cancer screening. These visits are typically covered by insurance. An aesthetic consultation is for patients seeking elective treatments — peels, lasers, injectables — and is self-pay. Many patients book both in a single appointment.</div>
            </div>
          </div>

          <div class="faq-item" data-faq>
            <button class="faq-q" aria-expanded="false">
              <span>Are your products fragrance-free?</span>
              <span class="faq-icon" aria-hidden="true"></span>
            </button>
            <div class="faq-a" role="region">
              <div class="faq-a-inner">Yes, entirely. None of our products contain fragrance, essential oils, or masking fragrance compounds. We also avoid drying alcohols, dye, and the common sensitizers that show up in so-called "clean" brands.</div>
            </div>
          </div>

          <div class="faq-item" data-faq>
            <button class="faq-q" aria-expanded="false">
              <span>Can I use your products if I'm pregnant or nursing?</span>
              <span class="faq-icon" aria-hidden="true"></span>
            </button>
            <div class="faq-a" role="region">
              <div class="faq-a-inner">Most of our formulary is safe in pregnancy, but our retinoid products (Retinal 0.05% Cream) are not. Each product page lists pregnancy and nursing guidance. When in doubt, ask — we'll review your full routine with you.</div>
            </div>
          </div>

          <div class="faq-item" data-faq>
            <button class="faq-q" aria-expanded="false">
              <span>How long before I see results?</span>
              <span class="faq-icon" aria-hidden="true"></span>
            </button>
            <div class="faq-a" role="region">
              <div class="faq-a-inner">Barrier-repair products typically show measurable improvement in 2–4 weeks. Pigment and texture protocols take 8–12 weeks. Collagen-stimulating treatments (microneedling with RF) show progressive change over 3–6 months. We measure progress at each follow-up and adjust accordingly.</div>
            </div>
          </div>

          <div class="faq-item" data-faq>
            <button class="faq-q" aria-expanded="false">
              <span>What is your shipping policy?</span>
              <span class="faq-icon" aria-hidden="true"></span>
            </button>
            <div class="faq-a" role="region">
              <div class="faq-a-inner">We ship within the United States via tracked ground service. Orders over $100 ship free. Orders under $100 carry an $8 flat fee. Most orders leave our studio within 1–2 business days. We do not currently ship internationally.</div>
            </div>
          </div>

          <div class="faq-item" data-faq>
            <button class="faq-q" aria-expanded="false">
              <span>What is your return policy?</span>
              <span class="faq-icon" aria-hidden="true"></span>
            </button>
            <div class="faq-a" role="region">
              <div class="faq-a-inner">Unopened products may be returned within 30 days for a full refund. Opened products may be exchanged within 30 days if you've had an adverse reaction — we ask that you contact us first so a clinician can review what happened. We don't accept returns of opened products for preference reasons, given the nature of the category.</div>
            </div>
          </div>

          <div class="faq-item" data-faq>
            <button class="faq-q" aria-expanded="false">
              <span>Do you offer gift cards?</span>
              <span class="faq-icon" aria-hidden="true"></span>
            </button>
            <div class="faq-a" role="region">
              <div class="faq-a-inner">Yes — both for studio services and the formulary. Digital gift cards are delivered by email. Physical cards can be picked up at the studio. Gift cards do not expire and carry no fees.</div>
            </div>
          </div>

          <div class="faq-item" data-faq>
            <button class="faq-q" aria-expanded="false">
              <span>Can I buy products without a consultation?</span>
              <span class="faq-icon" aria-hidden="true"></span>
            </button>
            <div class="faq-a" role="region">
              <div class="faq-a-inner">Yes. Our full formulary is available to shop directly. That said, if you're new to clinical skincare or managing a specific concern, a consultation helps ensure you're using the right products in the right order — and it's applied toward any treatment you book the same day.</div>
            </div>
          </div>

          <div class="faq-item" data-faq>
            <button class="faq-q" aria-expanded="false">
              <span>Is the studio accessible?</span>
              <span class="faq-icon" aria-hidden="true"></span>
            </button>
            <div class="faq-a" role="region">
              <div class="faq-a-inner">Yes. The studio is street-level, fully ADA-compliant, with an accessible restroom. If you have specific access needs, let us know when you book and we'll make sure everything is ready for your visit.</div>
            </div>
          </div>

        </div>
      </div>
    </section>
  </main>

  <footer class="site-footer">
    <div class="container">
      <div class="footer-grid">
        <div class="footer-col footer-brand">
          <a href="index.html" class="brand"><span class="brand-mark" aria-hidden="true"></span><span>Dermal Atelier</span></a>
          <p>A clinical dermatology studio. Physician-led. Evidence-based. Fragrance-free.</p>
        </div>
        <div class="footer-col">
          <h4>Studio</h4>
          <ul>
            <li><a href="about.html">About</a></li>
            <li><a href="services.html">Services</a></li>
            <li><a href="contact.html">Contact</a></li>
            <li><a href="faq.html">FAQ</a></li>
          </ul>
        </div>
        <div class="footer-col">
          <h4>Formulary</h4>
          <ul>
            <li><a href="shop.html">All products</a></li>
            <li><a href="shop.html">Serums</a></li>
            <li><a href="shop.html">Cleansers</a></li>
            <li><a href="shop.html">Sun protection</a></li>
          </ul>
        </div>
        <div class="footer-col">
          <h4>Care</h4>
          <ul>
            <li><a href="contact.html">Book a consultation</a></li>
            <li><a href="faq.html">Shipping & returns</a></li>
            <li><a href="faq.html">Privacy</a></li>
            <li><a href="faq.html">Terms</a></li>
          </ul>
        </div>
      </div>
      <div class="footer-bottom">
        <span>© <span id="year"></span> Dermal Atelier. All rights reserved.</span>
        <div class="payment-icons" aria-label="Accepted payment methods">
          <span class="payment-icon" title="Visa">VISA</span>
          <span class="payment-icon" title="Mastercard">MC</span>
          <span class="payment-icon" title="American Express">AMEX</span>
          <span class="payment-icon" title="Apple Pay">APay</span>
          <span class="payment-icon" title="PayPal">PP</span>
        </div>
      </div>
    </div>
  </footer>

  <script src="script.js"></script>
  <script>document.getElementById('year').textContent = new Date().getFullYear();</script>
</body>
</html>