Track Order

<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=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap" rel="stylesheet">

<style>
  .my-track-wrap {
    max-width: 680px;
    margin: 0 auto;
    padding: 48px 24px;
    font-family: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
  }

  .my-track-heading {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(2rem, 4vw, 2.8rem);
    font-weight: 300;
    color: #2C1A3E;
    margin-bottom: 16px;
    letter-spacing: -.01em;
  }

  .my-track-intro {
    font-size: 0.92rem;
    font-weight: 300;
    color: #555;
    line-height: 1.75;
    margin-bottom: 32px;
  }

  .my-track-intro strong {
    font-weight: 500;
    color: #2C1A3E;
  }

  .my-track-form {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 32px;
  }

  .my-track-input {
    flex: 1;
    min-width: 220px;
    padding: 13px 18px;
    border: 1px solid #E8D5C0;
    border-radius: 4px;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.92rem;
    font-weight: 300;
    color: #2C1A3E;
    outline: none;
    transition: border-color 0.25s;
    background: #faf8f6;
  }

  .my-track-input:focus {
    border-color: #C4A882;
    background: #fff;
  }

  .my-track-input::placeholder {
    color: #bbb;
  }

  .my-track-btn {
    padding: 13px 28px;
    background: #2C1A3E;
    color: #F5EDE2;
    border: none;
    border-radius: 4px;
    font-family: 'DM Sans', sans-serif;
    font-size: 0.92rem;
    font-weight: 500;
    letter-spacing: .04em;
    cursor: pointer;
    transition: background .25s;
    white-space: nowrap;
  }

  .my-track-btn:hover {
    background: #7A5C8A;
  }

  #YQContainer {
    margin-bottom: 32px;
  }

  .my-track-info {
    border-top: 1px solid #E8D5C0;
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .my-track-info-title {
    font-size: 0.85rem;
    font-weight: 500;
    color: #2C1A3E;
    letter-spacing: .02em;
  }

  .my-track-info p {
    font-size: 0.85rem;
    font-weight: 300;
    color: #666;
    line-height: 1.75;
  }

  .my-track-info a {
    color: #7A5C8A;
    text-decoration: none;
  }

  @media (max-width: 480px) {
    .my-track-form { flex-direction: column; }
    .my-track-btn { width: 100%; text-align: center; }
  }
</style>

<div class="my-track-wrap">

  <h1 class="my-track-heading">Track Your Order</h1>

  <p class="my-track-intro">
    Looking to monitor your order? After your shipment is dispatched, you'll receive a <strong>Shipping Confirmation</strong> email from <strong>hello@mythora.shop</strong>. This email will contain your tracking number. Depending on the product, this email may take up to 3 business days to arrive. Once you receive it, just input your tracking number below to view your delivery status.
  </p>

  <div class="my-track-form">
    <input
      class="my-track-input"
      id="YQNum"
      type="text"
      maxlength="50"
      placeholder="Enter your tracking number"
    >
    <button class="my-track-btn" id="store-track-btn" type="button">
      Track Shipment
    </button>
  </div>

  <div id="YQContainer"></div>

  <div class="my-track-info">
    <div class="my-track-info-title">Important Information</div>
    <p>Tracking updates may take 2–4 business days to appear. If your tracking number seems inactive, your order has already been dispatched and is on its way to the local postal facility. Typical delivery time is 3–4 business days after dispatch.</p>
    <p>We apologize for any unrelated advertisements that may appear in the tracking popup. We use a third-party service to provide accurate shipping data and have no control over displayed ads.</p>
    <p>We appreciate your choice of Mythora and aim to reply to support inquiries within one business day. If you have any questions, feel free to <a href="mailto:hello@mythora.shop">contact us</a> at <a href="tel:+13189369370">+1 (318) 936-9370</a> or visit our location at 5782 HWY. 6, Natchitoches, LA 71457, United States.</p>
  </div>

</div>

<script type="text/javascript" src="//www.17track.net/externalcall.js"></script>
<script type="text/javascript">
  function storeDoTrack() {
    var num = document.getElementById("YQNum").value.trim();
    if (num === "") {
      alert("Please enter your tracking number.");
      return;
    }
    YQV5.trackSingle({
      YQ_ContainerId: "YQContainer",
      YQ_Height: 560,
      YQ_Fc: "0",
      YQ_Lang: "en",
      YQ_Num: num
    });
  }

  document.addEventListener("DOMContentLoaded", function () {
    var btn = document.getElementById("store-track-btn");
    if (btn) btn.addEventListener("click", storeDoTrack);

    var input = document.getElementById("YQNum");
    if (input) {
      input.addEventListener("keydown", function (e) {
        if (e.key === "Enter") storeDoTrack();
      });
    }
  });
</script>