FAQ 05

<!-- Paste markup into an Embed, or recreate as native elements.
     Styles below map 1:1 to the class names above. -->
<section class="faq_component">
  <div class="faq_inner">
    <div class="faq_head">
      <p class="faq_tag">Support Desk</p>
      <h2 class="faq_title">Questions, answered straight.</h2>
      <p class="faq_sub">Everything about ordering, shipping and returns — no fine print, no runaround. Still stuck? Our team replies within one business day.</p>
    </div>
    <ul class="faq_list">
      <li class="faq_item">
        <details class="faq_details">
          <summary class="faq_summary">How fast will my order ship?</summary>
          <p class="faq_answer">In-stock items leave our warehouse within 24 hours on business days. Standard delivery lands in 3–5 days; express options are shown at checkout with live carrier rates. You'll get a tracking link the moment your label prints.</p>
        </details>
      </li>
      <li class="faq_item">
        <details class="faq_details">
          <summary class="faq_summary">What is your return policy?</summary>
          <p class="faq_answer">Send anything back within 30 days for a full refund — unworn, with tags on. Print a prepaid label from your account, drop it at any carrier point, and we process the refund to your original payment within 3 business days of it arriving.</p>
        </details>
      </li>
      <li class="faq_item">
        <details class="faq_details">
          <summary class="faq_summary">Do you ship internationally?</summary>
          <p class="faq_answer">Yes — we ship to 40+ countries. Duties and taxes are calculated at checkout so there are no surprise fees on delivery. Transit times run 6–12 business days depending on your region and the carrier you select.</p>
        </details>
      </li>
      <li class="faq_item">
        <details class="faq_details">
          <summary class="faq_summary">Can I change an order after checkout?</summary>
          <p class="faq_answer">There's a 60-minute edit window after you place an order — swap sizes, fix an address, or cancel from your confirmation email. Once it's picked in the warehouse we can't intercept it, but a return is always free.</p>
        </details>
      </li>
      <li class="faq_item">
        <details class="faq_details">
          <summary class="faq_summary">How do I reach a human?</summary>
          <p class="faq_answer">Email support@brand.com or use live chat, Monday to Friday, 9am–6pm. No bots on the first reply — a real person reads every message and typically responds within one business day, faster during store hours.</p>
        </details>
      </li>
    </ul>
    <div class="faq_foot">
      <p class="faq_foot_text">Still can't find it? Talk to us.</p>
      <a class="faq_foot_btn" href="#contact">Contact Support</a>
    </div>
  </div>
</section>

<style>
.faq_component {
  width:100%;
  background-color:#16308a;
  padding:120px 24px;
  font-family:'Arial Narrow',Helvetica,Arial,sans-serif;
  box-sizing:border-box;
}

.faq_inner {
  max-width:1000px;
  margin:0 auto;
}

.faq_head {
  display:flex;
  flex-direction:column;
  gap:24px;
  margin-bottom:64px;
}

.faq_tag {
  align-self:flex-start;
  background-color:#ffd400;
  color:#16308a;
  font-family:Helvetica,Arial,sans-serif;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.18em;
  padding:7px 16px;
  border-radius:999px;
  margin:0;
}

.faq_title {
  color:#ffffff;
  font-family:'Arial Narrow',Helvetica,Arial,sans-serif;
  font-size:72px;
  line-height:0.92;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:-0.02em;
  margin:0;
}

.faq_sub {
  color:#c3ccec;
  font-family:Helvetica,Arial,sans-serif;
  font-size:18px;
  line-height:1.55;
  max-width:560px;
  margin:0;
}

.faq_list {
  list-style:none;
  padding:0;
  margin:0;
  border-top:2px solid #3a53a8;
}

.faq_item {
  border-bottom:2px solid #3a53a8;
}

.faq_details {
  width:100%;
}

.faq_summary {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding:32px 0;
  cursor:pointer;
  list-style:none;
  color:#ffffff;
  font-family:'Arial Narrow',Helvetica,Arial,sans-serif;
  font-size:26px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:-0.01em;
}

.faq_answer {
  color:#c3ccec;
  font-family:Helvetica,Arial,sans-serif;
  font-size:17px;
  line-height:1.65;
  max-width:720px;
  padding-bottom:32px;
  margin:0;
}

.faq_foot {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:56px;
  background-color:#ffd400;
  padding:36px 40px;
}

.faq_foot_text {
  color:#16308a;
  font-family:'Arial Narrow',Helvetica,Arial,sans-serif;
  font-size:26px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:-0.01em;
  margin:0;
}

.faq_foot_btn {
  display:inline-block;
  background-color:#16308a;
  color:#ffffff;
  font-family:Helvetica,Arial,sans-serif;
  font-size:15px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.08em;
  padding:16px 32px;
  text-decoration:none;
}
</style>