<!DOCTYPE html><html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>Shopify Chat Email</title>

  

  <style>@font-face {
font-family: ShopifySans; src: url("https://cdn.shopify.com/shopify-marketing_assets/static/ShopifySans--light.woff2") format("woff2"); font-style: normal; font-weight: 300; font-display: swap;
}
@font-face {
font-family: ShopifySans; src: url("https://cdn.shopify.com/shopify-marketing_assets/static/ShopifySans--regular.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap;
}
@font-face {
font-family: ShopifySans; src: url("https://cdn.shopify.com/shopify-marketing_assets/static/ShopifySans--medium.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap;
}
@font-face {
font-family: ShopifySans; src: url("https://cdn.shopify.com/shopify-marketing_assets/static/ShopifySans--bold.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap;
}
@font-face {
font-family: ShopifySans; src: url("https://cdn.shopify.com/shopify-marketing_assets/static/ShopifySans--black.woff2") format("woff2"); font-style: normal; font-weight: 900; font-display: swap;
}
@media (min-width: 630px) {
  .emailWrapper {
    background-color: #fafafa; padding: 40px 60px;
  }
  .bodyTable > tbody > tr > td {
    padding: 0 60px;
  }
  .bodyTable > thead > tr > td {
    padding: 0 60px;
  }
  .header {
    line-height: 32px;
  }
  .emailBody {
    padding: 0 60px;
  }
  .topBar {
    height: 16px; border-radius: 12px 12px 0 0;
  }
  .previousMessagesFooterMessage {
    padding-bottom: 40px;
  }
  .emailFooter {
    max-width: 582px; padding-left: 24px; padding-right: 24px;
  }
  .productCard {
    margin-top: 8px;
  }
  .chatIconWrapper {
    margin-top: 32px;
  }
  .bubble {
    width: max-content;
  }
  .productBubble {
    width: max-content;
  }
  .teamBubble {
    width: max-content;
  }
  .buyerBubble {
    width: max-content;
  }
  .productBubble .productCard {
    margin-left: 4px;
  }
}
@media (max-width: 630px) {
  .bodyTable > tbody > tr > td {
    padding: 0 16px;
  }
  .bodyTable > thead > tr > td {
    padding: 0 16px;
  }
  .header {
    line-height: 28px;
  }
  .emailBody {
    padding: 0 16px;
  }
  .topBar {
    height: 8px;
  }
  .returnToStoreButton a {
    max-width: 100%;
  }
  .previousMessagesFooterMessage {
    padding-bottom: 24px;
  }
  .emailFooter {
    max-width: 510px; padding-left: 60px; padding-right: 60px;
  }
  .emailFooter tr:first-child {
    display: inline-grid; width: max-content;
  }
  .emailFooter tr:first-child td:first-child {
    order: 2; margin-top: 16px;
  }
  .emailFooter tr:first-child .socialLinks {
    order: 1; text-align: left;
  }
  .productCard {
    margin-top: 2px;
  }
  .chatIconWrapper {
    margin-top: 24px;
  }
  .productBubble .productCard {
    margin-left: 2px;
  }
}
</style>
</head>

  <body>
    

<div class="emailWrapper" style="font-family: ShopifySans, sans-serif; font-size: 16px; color: #202223; word-break: break-word;">
  <!--[if mso]>
  <table class="emailWrapper">
    <tr>
      <td>
  <![endif]-->
  <table class="bodyTable" style="border-radius: 12px; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.05)) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.15)); max-width: 630px; width: 100%; border-spacing: 0; margin: 0 auto;" bgcolor="white">
    <thead>
    <!--[if !mso]>-->
    <tr style="border-spacing: 0;">
      <td class="topBar" style="border-spacing: 0; padding: 0;" bgcolor="#202a36"></td>
    </tr>
    <tr style="border-spacing: 0;">
      <td class="chatIconCell" style="border-spacing: 0; padding-bottom: 16px;" align="center">
        <div class="chatIconWrapper" style="position: relative; border-radius: 50%; height: 72px; width: 72px; background-color: #202a36;">
          <img class="chatIcon" src="https://cdn.shopify.com/shopifycloud/ping_api/assets/chatIconForeground-d99d5f634a81b0a9231ad518ebc2f744276fd90e7be694f66f0cf04559eaf86c.png" width="68" height="68" style="position: relative; width: 68px; height: 68px; margin-top: 4px;"/>
        </div>
      </td>
    </tr>
    <!--<![endif]-->
    <tr style="border-spacing: 0;">
      <td style="border-spacing: 0;">
        <h4 class="header outlookHeader" style="font-size: 28px; font-weight: 600; margin-top: 0; margin-bottom: 16px; padding-top: 24px;" align="center">Here’s your response from Lazy B Western Wear & Tack</h4>
      </td>
    </tr>
    </thead>
    <tbody class="emailBody">
          <tr style="border-spacing: 0;">
            <td align="right" style="border-spacing: 0;">
              <table class="buyerBubble" style="border-radius: 8px; margin-bottom: 8px; max-width: 398px; border-spacing: 0; float: right; margin-left: auto; padding: 10px 14px;" bgcolor="#ebf5fa">
                <tbody><tr style="border-spacing: 0;">
                  <td class="bubbleSender" style="border-spacing: 0; font-size: 16px; line-height: 24px; font-weight: 600; color: #202223;">
                    Frances Ladue
                  </td>
                </tr>
                <tr style="border-spacing: 0;">
                  <td class="bubbleContent" style="border-spacing: 0; white-space: pre-line; margin-top: -16px;">
                    how long does it usually take to ship
                  </td>
                </tr>
              </tbody></table>
            </td>
          </tr>
            <tr style="border-spacing: 0;">
              <td style="border-spacing: 0;">
                <table class="merchantMessage " style="width: 100%; margin-bottom: 8px; border-spacing: 0;">
                  <tbody><tr style="border-spacing: 0;">
                    <td class="bubbleIconWrapper" style="border-spacing: 0; width: 24px;" valign="bottom">
                      <!--[if !mso]>-->
                      <div style="margin-right: 8px; border-radius: 50%; height: 24px; width: 24px; background-color: #202a36;" align="center">
                        <img class="bubbleIcon" src="https://cdn.shopify.com/shopifycloud/ping_api/assets/smileyIconForeground-b91b0a0ede6938cc3bc4b182e268ba2ff4f28bf7c7cfac8391fbe3692b2fa16b.png" style="position: relative; color: white; width: 24px;"/>
                      </div>
                      <!--<![endif]-->
                    </td>
                    <td style="border-spacing: 0;">
                      <table class="teamBubble" style="border-radius: 8px; margin-bottom: 0; max-width: 398px; border-spacing: 0; padding: 10px 14px;" bgcolor="#f6f6f7">
                        <tbody><tr style="border-spacing: 0;">
                          <td class="bubbleSender" style="border-spacing: 0; font-size: 16px; line-height: 24px; font-weight: 600; color: #202223;">
                            Lazy B Western Wear & Tack
                          </td>
                        </tr>
                        <tr style="border-spacing: 0;">
                          <td class="bubbleContent" style="border-spacing: 0; white-space: pre-line; margin-top: -16px;">
                            Frances, shipping times vary due to verification, packaging, and carrier pickup. We aim to ship within 24-48 hours, but delivery times can't be guaranteed. You'll receive tracking info once shipped.
                          </td>
                        </tr>
                      </tbody></table>
                    </td>
                  </tr>
                </tbody></table>
              </td>
            </tr>
      <tr style="border-spacing: 0;">
        <td class="returnToStoreButton" style="border-spacing: 0; height: 44px; margin-bottom: 24px; padding: 40px 60px;" align="center">

          <!--[if mso]>
          <a target="_blank" class="outlookButton" href="https://lazy-b-western-wear-tack.myshopify.com?conversationId=gKbFu96hVdl7H36JkFhilWOM3d6aEOGyk6t-R1fIN-4&source=returnToStoreCta">View your conversation</a>
          <![endif]-->
          <!--[if !mso]>-->
          <a target="_blank" class="brandColor" href="https://www.lazybwesternwear.com/_t/c/v3/AABGwQ0wCE858ly5UJkcTHoVeibDXdtSSBnC9YU752fEmcbb1oLS79ror1VspRn2sYCWWdbx0D6m1jAnmGcUqo8kEVXx_zozXlYW1kNzjs104BnW2FaIU4HvpzMwp_34vy3r9pPqnzRcztG-FDYuYD3ljPpxoiSaWf_Vj1P5e-MYyMshM1pIekfShOmJTeqSTs2krQmDNaZNTczTia2-mo0H8TZeLcLoA_XZHvRfkNAiYXOHXSY5yBUHqCjn6Ud5qhM1m8WClfF2tuUfrZYQmW57PH5feLfNGKoz6TRT80PmrWPTL3JNTwu4RsP4NX3U-gvdeCeHrCYfBXjHbtUtTd8xFAaEfxZXlnZ6WRLq_5P6qysIKnDuBsDhIsREvT2Qi1TvsJeakRUJ2OEy-5xZHI4qDRia-WHE2ZFNyrxNi7AOM79VxTzKcdvP8NA=" style="border-radius: 4px; line-height: 20px; font-size: 17px; font-weight: 500; display: block; color: white; text-decoration: none; max-width: 204px; background-color: #202a36; padding: 12px 24px;">View your conversation</a>
          <!--<![endif]-->
          <div class="disclaimerText" style="font-size: 13px; color: #6d7175; padding-top: 20px;">Your conversation history expires if no reply is sent within 7 days</div>
        </td>
      </tr>
      <tr style="border-spacing: 0;">
        <td style="border-spacing: 0;">
        </td>
      </tr>
    </tbody>
  </table>
  <div class="emailFooter" style="padding-top: 40px; padding-bottom: 40px; font-size: 14px; border-spacing: 0; background-color: #fafafa; margin: 0 auto;">
    <table style="width: 100%;">
      <tbody>
      <tr style="border-spacing: 0;">
        <td colspan="2" style="border-spacing: 0;">
          <div class="shopAddress fullWidth" style="font-weight: 500; line-height: 22px; padding-bottom: 16px; padding-right: 60px; width: 100%;">© 2025 Lazy B Western Wear & Tack </div>
        </td>
        <td class="socialLinks" style="border-spacing: 0;" align="right" valign="top">
        </td>
      </tr>
      </tbody>
    </table>
  </div>
  <!--[if mso]>
  </td></tr></table>
  <![endif]-->
</div>

  

</body></html>