Untitled

mail@pastecode.io avatar
unknown
plain_text
2 years ago
297 kB
3
Indexable
Never
{% if shipping_method.title contains "Pick" %}
          <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html lang="es">
  <head>
    <!--[if gte mso 15]>
      <xml>
        <o:OfficeDocumentSettings>
          <o:AllowPNG />
            <o:PixelsPerInch>96</o:PixelsPerInch>
          </o:OfficeDocumentSettings>
        </xml>
    <![endif]-->
    <meta name="viewport" content="width=device-width">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="x-apple-disable-message-reformatting">
    <meta http-equiv="Content-Type" content="text/html; charset=US-ASCII">
    <!-- Order confirmation email -->
    <style type="text/css" data-premailer="ignore">
      /* What it does: Remove spaces around the email design added by some email clients. */
          /* Beware: It can remove the padding / Margin and add a background color to the compose a reply window. */
          html, body {
            Margin: 0 auto !important;
            padding: 0 !important;
            width: 100% !important;
              height: 100% !important;
          }
          /* What it does: Stops email clients resizing small text. */
          * {
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
            text-rendering: optimizeLegibility;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
          }
          /* What it does: Forces Outlook.com to display emails full width. */
          .ExternalClass {
            width: 100%;
          }
          /* What is does: Centers email on Android 4.4 */
          div[style*="Margin: 16px 0"] {
              Margin:0 !important;
          }
          /* What it does: Stops Outlook from adding extra spacing to tables. */
          table,
          th {
            mso-table-lspace: 0pt;
            mso-table-rspace: 0pt;
          }
          /* What it does: Fixes Outlook.com line height. */
          .ExternalClass,
          .ExternalClass * {
            line-height: 100% !important;
          }
          /* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */
          table {
            border-spacing: 0 !important;
            border-collapse: collapse !important;
            border: none;
            Margin: 0 auto;
            direction: ltr;
          }
          div[style*="Margin: 16px 0"] {
              Margin:0 !important;
          }
          /* What it does: Uses a better rendering method when resizing images in IE. */
          img {
            -ms-interpolation-mode:bicubic;
          }
          /* What it does: Overrides styles added when Yahoo's auto-senses a link. */
          .yshortcuts a {
            border-bottom: none !important;
          }
          /* What it does: Overrides blue, underlined link auto-detected by iOS Mail. */
          /* Create a class for every link style needed; this template needs only one for the link in the footer. */
          /* What it does: A work-around for email clients meddling in triggered links. */
          *[x-apple-data-detectors],  /* iOS */
          .x-gmail-data-detectors,    /* Gmail */
          .x-gmail-data-detectors *,
          .aBn {
              border-bottom: none !important;
              cursor: default !important;
              color: inherit !important;
              text-decoration: none !important;
              font-size: inherit !important;
              font-family: inherit !important;
              font-weight: inherit !important;
              line-height: inherit !important;
          }
          /* What it does: Overrides blue, underlined link auto-detected by Gmail. */
          u   #body a {
              color: inherit;
              text-decoration: none;
              font-size: inherit;
              font-family: inherit;
              font-weight: inherit;
              line-height: inherit;
          }
      
          /* What it does: Prevents Gmail from displaying an download button on large, non-linked images. */
          .a6S {
              display: none !important;
              opacity: 0.01 !important;
          }
          /* If the above doesn't work, add a .g-img class to any image in question. */
          img.g-img   div {
              display:none !important;
          }
          /* What it does: Prevents underlining the button text in Windows 10 */
          a,
          a:link,
          a:visited {
              color: #479ccf;
              text-decoration: none !important;
          }
          .header a {
              color: #b2b2b2;
              text-decoration: none;
              text-underline: none;
          }
          .main a {
              color: #479ccf;
              text-decoration: none;
              text-underline: none;
              word-wrap: break-word;
          }
          .main .section.customer_and_shipping_address a,
          .main .section.shipping_address_and_fulfillment_details a {
              color: #6c6c6c;
              text-decoration: none;
              text-underline: none;
              word-wrap: break-word;
          }
          .footer a {
              color: #479ccf;
              text-transform: none;
              text-decoration: none;
              text-underline: none;
          }
      
          /* What it does: Overrides styles added images. */
          img {
            border: none !important;
            outline: none !important;
            text-decoration:none !important;
          }
          td.menu_bar_1 a:hover,
          td.menu_bar_6 a:hover {
            color: #479ccf !important;
          }
          th.related_product_wrapper.first {
            border-right: 11px solid #ffffff;
            padding-right: 5px;
          }
          th.related_product_wrapper.last {
            border-left: 11px solid #ffffff;
            padding-left: 5px;
          }
    </style>
    <!--[if (mso)|(mso 16)]>
      <style type="text/css" data-premailer="ignore">
        a {text-decoration: none;}
      </style>
    <![endif]-->
    <!--[if gte mso 9]>
      <style>
        li {
              text-indent: -1em; /* Normalise space between bullets and text */
          }
      </style>
    <![endif]-->
    <!--[if !mso]><!-->
  <style type="text/css" data-premailer="ignore">
    /* What it does: Fixes fonts for Google WebFonts; */
    [style*="Montserrat"] {
        font-family: 'Montserrat',Verdana,sans-serif !important;
    }
    [style*="Montserrat"] {
        font-family: 'Montserrat',Verdana,sans-serif !important;
    }
    [style*="Montserrat"] {
        font-family: 'Montserrat',Verdana,sans-serif !important;
    }
    [style*="Montserrat"] {
        font-family: 'Montserrat',Verdana,sans-serif !important;
    }
  </style>
  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Montserrat:400,700|Montserrat:400,700|Montserrat:400,700&amp;subset=latin-ext" rel="stylesheet" type="text/css" data-premailer="ignore">
  <!--<![endif]-->
      <style type="text/css" data-premailer="ignore">
        /* Media Queries */
            /* What it does: Removes right gutter in Gmail iOS app */
            @media only screen and (min-device-width: 375px) and (max-device-width: 413px) { /* iPhone 6 and 6  */
                .container {
                    min-width: 375px !important;
                }
            }
            /* Main media query for responsive styles */
            @media only screen and (max-width:480px) {
              /* What it does: Overrides email-container's desktop width and forces it into a 100% fluid width. */
              .email-container {
                width: 100% !important;
                min-width: 100% !important;
              }
              .section > th {
                padding: 11px 22px 11px 22px !important;
              }
              .section.divider > th {
                padding: 22px 22px !important;
              }
              .main .section:first-child > th,
              .main .section:first-child > td {
                  padding-top: 22px !important;
              }
                .main .section:nth-last-child(2) > th,
                .main .section:nth-last-child(2) > td {
                    padding-bottom: 44px !important;
                }
              .section.recommended_products > th,
              .section.discount > th,
              .section.personal_discount > th {
                  padding: 22px 22px !important;
              }
              /* What it does: Forces images to resize to the width of their container. */
              img.fluid,
              img.fluid-centered {
                width: 100% !important;
                min-width: 100% !important;
                max-width: 100% !important;
                height: auto !important;
                Margin: auto !important;
                box-sizing: border-box;
              }
              /* and center justify these ones. */
              img.fluid-centered {
                Margin: auto !important;
              }
        
              /* What it does: Forces table cells into full-width rows. */
              th.stack-column,
              th.stack-column-left,
              th.stack-column-center,
              th.related_product_wrapper,
              .column_1_of_2,
              .column_2_of_2 {
                display: block !important;
                width: 100% !important;
                min-width: 100% !important;
                direction: ltr !important;
                box-sizing: border-box;
              }
              /* and left justify these ones. */
              th.stack-column-left {
                text-align: left !important;
              }
              /* and center justify these ones. */
              th.stack-column-center,
              th.related_product_wrapper {
                text-align: center !important;
                border-right: none !important;
                border-left: none !important;
              }
              .column_button,
              .column_button > table,
              .column_button > table th {
                width: 100% !important;
                text-align: center !important;
                Margin: 0 !important;
              }
              .column_1_of_2 {
                padding-bottom: 22px !important;
              }
              .column_1_of_2 th {
                  padding-right: 0 !important;
              }
              .column_2_of_2 th {
                  padding-left:  0 !important;
              }
              .column_text_after_button {
                padding: 0 11px !important;
              }
              /* Adjust product images */
              th.table-stack {
                padding: 0 !important;
              }
              th.product-image-wrapper {
                  padding: 22px 0 11px 0 !important;
              }
              img.product-image {
                    width: 240px !important;
                    max-width: 240px !important;
              }
              tr.row-border-bottom th.product-image-wrapper {
                border-bottom: none !important;
              }
              th.related_product_wrapper.first,
              th.related_product_wrapper.last {
                padding-right: 0 !important;
                padding-left: 0 !important;
              }
              .text_banner th.banner_container {
                padding: 11px !important;
              }
              .mobile_app_download .column_1_of_2 .image_container {
                padding-bottom: 0 !important;
              }
              .mobile_app_download .column_2_of_2 .image_container {
                padding-top: 0 !important;
              }
              .image_with_text th.column_1_of_2 {
                padding: 22px !important;
                padding-bottom: 11px !important;
              }
              .image_with_text th.column_2_of_2 {
                padding: 22px !important;
                padding-top: 11px !important;
              }
              .images_in_2_columns th.column_1_of_2 {
                padding: 0 !important;
                padding-bottom: 11px !important;
              }
              .images_in_2_columns th.column_2_of_2 {
                padding: 0 !important;
                padding-top: 11px !important;
              }
            }
      </style>
      <style type="text/css" data-premailer="ignore">
        /* Custom Media Queries */
          @media only screen and (max-width:480px) {
            .section_th {
                padding: 44px 22px !important;
            }
            .header .section_th {
                padding: 0 22px 0 22px !important;
            }
            .header .section_wrapper_th {
                padding: 0 22px 0 22px !important;
            }
            .footer .section_wrapper_th {
              padding: 22px 22px 22px 22px !important;
            }
            .footer .column_2_of_2,
            .footer .column_2_of_2 th,
            .footer .column_2_of_2 th p {
                text-align: left !important;
            }
          }
      </style>
    </head>
    <body class="body" id="body" leftMargin="0" topMargin="0" Marginwidth="0" Marginheight="0" bgcolor="#ffffff" style="-webkit-text-size-adjust: none; -ms-text-size-adjust: none; Margin: 0; padding: 0;">
      <!--[if !mso 9]><!-->
        <div style="display: none; max-height: 0px; overflow: hidden; line-height: 1px; max-width: 0px; opacity: 0; mso-hide: all;">
            Gracias por su compra, este correo electr&#243;nico confirma su pedido. Recibir&#225; otro correo electr&#243;nico tan pronto como {% if pickup_in_store? %}su pedido est&#233; listo para ser recogido{% else %}se env&#237;e su pedido{% endif %}.
        </div>
      <!--<![endif]-->
        {% capture default_utms %}utm_campaign=order-confirmation-email&utm_medium=email&utm_source=OrderlyEmails{% endcapture %}
          {% capture question_mark %}?{% endcapture %}
            <!-- PARIS -->
            <!-- BEGIN: CONTAINER -->
            <table class="container container_header" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse: collapse; min-width: 100%;" role="presentation" bgcolor="#ffffff">
              <tbody>
                <tr>
                  <th valign="top" style="mso-line-height-rule: exactly;">
                    <center style="width: 100%;">
                      <table border="0" width="600" cellpadding="0" cellspacing="0" align="center" style="width: 600px; min-width: 600px; max-width: 600px; Margin: auto;" class="email-container" role="presentation">
                        <tbody>
                          <tr>
                            <th valign="top" style="mso-line-height-rule: exactly;">
                              <!-- BEGIN : SECTION : HEADER -->
                              <table class="section_wrapper header" data-id="header" id="section-header" border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation" bgcolor="#ffffff">
                                <tr>
                                  <td class="section_wrapper_th" style="mso-line-height-rule: exactly; padding: 0 44px;" bgcolor="#ffffff">
                                    <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation">
                                    </table>
                                  </td>
                                </tr>
                              </table>
                              <!-- END : SECTION : HEADER -->
                            </th>
                          </tr>
                        </tbody>
                      </table>
                    </center>
                  </th>
                </tr>
              </tbody>
            </table>
            <!-- END : CONTAINER -->
            <!-- BEGIN: CONTAINER -->
            <table class="container container_main" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse: collapse; min-width: 100%;" role="presentation" bgcolor="#ffffff">
              <tbody>
                <tr>
                  <th valign="top" style="mso-line-height-rule: exactly;">
                    <center style="width: 100%;">
                      <table border="0" width="600" cellpadding="0" cellspacing="0" align="center" style="width: 600px; min-width: 600px; max-width: 600px; Margin: auto;" class="email-container" role="presentation">
                        <tbody>
                          <tr>
                            <th valign="top" style="mso-line-height-rule: exactly;">
                              <!-- BEGIN : SECTION : MAIN -->
                              <table class="section_wrapper main" data-id="main" id="section-main" border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%; text-align: left;" role="presentation" bgcolor="#ffffff">
                                <tr>
                                  <td class="section_wrapper_th" style="mso-line-height-rule: exactly; padding-top: 22px;" align="left" bgcolor="#ffffff">
                                    <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" id="mixContainer" role="presentation">
                                      <!-- BEGIN SECTION: Text -->
                                      <tr id="section-10781271" class="section text" style="direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c;" align="left">
                                        <th data-key="10781271_text" class="text " style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; padding: 22px 44px 11px;" align="left" bgcolor="#ffffff">
                                          <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{&nbsp; customer.name }}</p>
                                        </th>
                                      </tr>
                                      <!-- END SECTION: Text -->
                                      <!-- BEGIN SECTION: Customer And Shipping Address -->
                                      <tr id="section-10039044" class="section customer_and_shipping_address">
                                        <!-- BEGIN : 2 COLUMNS : BILL_TO -->
                                        <th style="mso-line-height-rule: exactly; padding: 11px 44px;" align="left" bgcolor="#ffffff">
                                          <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation">
                                            <tr>
                                              <!-- BEGIN : Column 1 of 2 : BILL_TO -->
                                              <th width="50%" class="column_1_of_2 column_bill_to " style="mso-line-height-rule: exactly;" align="left" bgcolor="#ffffff" valign="top">
                                                <table align="center" border="0" width="100%" cellpadding="0" cellspacing="0" style="min-width: 100%;" role="presentation">
                                                  {% if shipping_address != blank or attributes.Checkout-Method == "pickup" %}
                                                    {% if attributes.Checkout-Method == "delivery" %}
                                                      <tr>
                                                        <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <h3 data-key="10039044_delivery_title" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Direcci&#243;n de entrega</h3>
                                                        </th>
                                                      </tr>
                                                      <tr>
                                                        <th class="shipping_address " style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">
                                                            {%- if shipping_address and shipping_address != blank -%}
                                                              {{ shipping_address.name }}<br>
                                                              {%- if shipping_address.company != blank -%}
                                                                {{ shipping_address.company }}<br>
                                                              {%- endif -%}
                                                              {{ shipping_address.address1 }}<br>
                                                              {%- if shipping_address.address2 != blank -%}
                                                                {{ shipping_address.address2 }}<br>
                                                              {%- endif -%}
                                                              {{ shipping_address.city }}, {% if shipping_address.province_code != blank -%}{{ shipping_address.province_code }}{% else -%}{{ shipping_address.province }}{%- endif %} {{ shipping_address.zip | upcase }}<br>
                                                              {%- if shipping_address.country != shop.country -%}{{ shipping_address.country }}{%- endif -%}<br>
                                                              {%- if shipping_address.phone != blank -%} <span data-key="10039044_tel" style="text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c;">Tel.</span> <span style="color: inherit !important; text-decoration: none !important; text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none;">{{ shipping_address.phone }}</span><br>
                                                              {%- endif -%}
                                                            {%- endif -%}
                                                          </p>
                                                        </th>
                                                      </tr>
                                                      {% if attributes.Delivery-Date %}
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <h3 data-key="10039044_delivery_date" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Fecha de entrega</h3>
                                                          </th>
                                                        </tr>
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{ attributes.Delivery-Date | date: "%d/%m/%Y" }}</p>
                                                          </th>
                                                        </tr>
                                                      {% endif %}
                                                      {% if attributes.Delivery-Time %}
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <h3 data-key="10039044_delivery_time" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">El tiempo de entrega</h3>
                                                          </th>
                                                        </tr>
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{ attributes.Delivery-Time }}</p>
                                                          </th>
                                                        </tr>
                                                      {% endif %}
                                                    {% elsif attributes.Checkout-Method == "pickup" %}
                                                      <tr>
                                                        <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <h3 data-key="10039044_pickup_title" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Direcci&#243;n de entrega</h3>
                                                        </th>
                                                      </tr>
                                                      <tr>
                                                        <th class="pickup_address " style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{% if attributes.Pickup-Location-Company %}{{ attributes.Pickup-Location-Company }}<br>
                                                            {% endif %}{{ attributes.Pickup-Location-Address-Line-1 }}{% if attributes.Pickup-Location-Address-Line-2 %}<br>
                                                              {{ attributes.Pickup-Location-Address-Line-2 }}{% endif %}<br>
                                                            {{ attributes.Pickup-Location-City }}<br>
                                                            {{ attributes.Pickup-Location-Region }}<br>
                                                            {{ attributes.Pickup-Location-Postal-Code }}<br>
                                                            {{ attributes.Pickup-Location-Country }}<br>
                                                          </p>
                                                        </th>
                                                      </tr>
                                                      {% if attributes.Pickup-Date %}
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <h3 data-key="10039044_pickup_date" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Fecha de recogida</h3>
                                                          </th>
                                                        </tr>
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{ attributes.Pickup-Date | date: "%d/%m/%Y" }}</p>
                                                          </th>
                                                        </tr>
                                                      {% endif %}
                                                      {% if attributes.Pickup-Time %}
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <h3 data-key="10039044_pickup_time" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Hora de recogida</h3>
                                                          </th>
                                                        </tr>
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{ attributes.Pickup-Time }}</p>
                                                          </th>
                                                        </tr>
                                                      {% endif %}
                                                    {% elsif shipping_address != blank %}
                                                      <tr>
                                                        <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <h3 data-key="10039044_ship_to" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Direcci&#243;n de env&#237;o</h3>
                                                        </th>
                                                      </tr>
                                                      <tr>
                                                        <th class="shipping_address " style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">
                                                            {%- if shipping_address and shipping_address != blank -%}
                                                              {{ shipping_address.name }}<br>
                                                              {%- if shipping_address.company != blank -%}
                                                                {{ shipping_address.company }}<br>
                                                              {%- endif -%}
                                                              {{ shipping_address.address1 }}<br>
                                                              {%- if shipping_address.address2 != blank -%}
                                                                {{ shipping_address.address2 }}<br>
                                                              {%- endif -%}
                                                              {{ shipping_address.city }}, {% if shipping_address.province_code != blank -%}{{ shipping_address.province_code }}{% else -%}{{ shipping_address.province }}{%- endif %} {{ shipping_address.zip | upcase }}<br>
                                                              {%- if shipping_address.country != shop.country -%}{{ shipping_address.country }}{%- endif -%}<br>
                                                              {%- if shipping_address.phone != blank -%} <span data-key="10039044_tel" style="text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c;">Tel.</span> <span style="color: inherit !important; text-decoration: none !important; text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none;">{{ shipping_address.phone }}</span><br>
                                                              {%- endif -%}
                                                            {%- endif -%}
                                                          </p>
                                                        </th>
                                                      </tr>
                                                      {% if attributes.Shipping-Date %}
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <h3 data-key="10039044_shipping_date" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Fecha de env&#237;o</h3>
                                                          </th>
                                                        </tr>
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{ attributes.Shipping-Date | date: "%d/%m/%Y" }}</p>
                                                          </th>
                                                        </tr>
                                                      {% endif %}
                                                    {% else %}
                                                      <tr>
                                                        <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left"></p>
                                                        </th>
                                                      </tr>
                                                    {% endif %}
                                                  {% else %}
                                                    {% if billing_address != blank or customer.default_address != blank or customer.name != blank %}
                                                      <tr>
                                                        <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <h3 data-key="10039044_bill_to" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Cliente</h3>
                                                        </th>
                                                      </tr>
                                                    {% endif %}
                                                    <tr>
                                                      <th class="billing_address " style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                        {%- assign billing_address = billing_address | default: customer.default_address -%}
                                                        <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">
                                                          {%- if billing_address and billing_address != blank -%}
                                                            {{ billing_address.name }}<br>
                                                            {%- if billing_address.company != blank -%}
                                                              {{ billing_address.company }}<br>
                                                            {%- endif -%}
                                                            {{ billing_address.address1 }}<br>
                                                            {%- if billing_address.address2 != blank -%}
                                                              {{ billing_address.address2 }}<br>
                                                            {%- endif -%}
                                                            {{ billing_address.city }}, {% if billing_address.province_code != blank -%}{{ billing_address.province_code }}{% else -%}{{ billing_address.province }}{%- endif %} {{ billing_address.zip | upcase }}<br>
                                                            {%- if billing_address.country != shop.country -%}{{ billing_address.country }}<br>
                                                            {%- endif -%}
                                                          {%- elsif customer != blank -%}
                                                            {% if customer.name != blank %}{{ customer.name }}<br>
                                                            {%- endif -%}
                                                          {%- endif -%}
                                                        </p>
                                                      </th>
                                                    </tr>
                                                  {% endif %}
                                                </table>
                                              </th>
                                              <!-- END : Column 1 of 2 : BILL_TO -->
                                              <!-- BEGIN : Column 2 of 2 : SHIP_TO -->
                                              <th width="50%" class="column_2_of_2 column_ship_to " style="mso-line-height-rule: exactly;" align="left" bgcolor="#ffffff" valign="top">
                                                <table align="center" border="0" width="100%" cellpadding="0" cellspacing="0" style="min-width: 100%;" role="presentation">
                                                  {% if shipping_address != blank or attributes.Checkout-Method == "pickup" %}
                                                    {% if billing_address != blank or customer.default_address != blank or customer.name != blank %}
                                                      <tr>
                                                        <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <h3 data-key="10039044_bill_to" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Cliente</h3>
                                                        </th>
                                                      </tr>
                                                    {% endif %}
                                                    <tr>
                                                      <th class="billing_address " style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                        {%- assign billing_address = billing_address | default: customer.default_address -%}
                                                        <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">
                                                          {%- if billing_address and billing_address != blank -%}
                                                            {{ billing_address.name }}<br>
                                                            {%- if billing_address.company != blank -%}
                                                              {{ billing_address.company }}<br>
                                                            {%- endif -%}
                                                            {{ billing_address.address1 }}<br>
                                                            {%- if billing_address.address2 != blank -%}
                                                              {{ billing_address.address2 }}<br>
                                                            {%- endif -%}
                                                            {{ billing_address.city }}, {% if billing_address.province_code != blank -%}{{ billing_address.province_code }}{% else -%}{{ billing_address.province }}{%- endif %} {{ billing_address.zip | upcase }}<br>
                                                            {%- if billing_address.country != shop.country -%}{{ billing_address.country }}<br>
                                                            {%- endif -%}
                                                          {%- elsif customer != blank -%}
                                                            {% if customer.name != blank %}{{ customer.name }}<br>
                                                            {%- endif -%}
                                                          {%- endif -%}
                                                        </p>
                                                      </th>
                                                    </tr>
                                                  {% else %}
                                                    {% if attributes.Checkout-Method == "delivery" %}
                                                      <tr>
                                                        <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <h3 data-key="10039044_delivery_title" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Direcci&#243;n de entrega</h3>
                                                        </th>
                                                      </tr>
                                                      <tr>
                                                        <th class="shipping_address " style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">
                                                            {%- if shipping_address and shipping_address != blank -%}
                                                              {{ shipping_address.name }}<br>
                                                              {%- if shipping_address.company != blank -%}
                                                                {{ shipping_address.company }}<br>
                                                              {%- endif -%}
                                                              {{ shipping_address.address1 }}<br>
                                                              {%- if shipping_address.address2 != blank -%}
                                                                {{ shipping_address.address2 }}<br>
                                                              {%- endif -%}
                                                              {{ shipping_address.city }}, {% if shipping_address.province_code != blank -%}{{ shipping_address.province_code }}{% else -%}{{ shipping_address.province }}{%- endif %} {{ shipping_address.zip | upcase }}<br>
                                                              {%- if shipping_address.country != shop.country -%}{{ shipping_address.country }}{%- endif -%}<br>
                                                              {%- if shipping_address.phone != blank -%} <span data-key="10039044_tel" style="text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c;">Tel.</span> <span style="color: inherit !important; text-decoration: none !important; text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none;">{{ shipping_address.phone }}</span><br>
                                                              {%- endif -%}
                                                            {%- endif -%}
                                                          </p>
                                                        </th>
                                                      </tr>
                                                      {% if attributes.Delivery-Date %}
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <h3 data-key="10039044_delivery_date" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Fecha de entrega</h3>
                                                          </th>
                                                        </tr>
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{ attributes.Delivery-Date | date: "%d/%m/%Y" }}</p>
                                                          </th>
                                                        </tr>
                                                      {% endif %}
                                                      {% if attributes.Delivery-Time %}
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <h3 data-key="10039044_delivery_time" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">El tiempo de entrega</h3>
                                                          </th>
                                                        </tr>
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{ attributes.Delivery-Time }}</p>
                                                          </th>
                                                        </tr>
                                                      {% endif %}
                                                    {% elsif attributes.Checkout-Method == "pickup" %}
                                                      <tr>
                                                        <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <h3 data-key="10039044_pickup_title" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Direcci&#243;n de entrega</h3>
                                                        </th>
                                                      </tr>
                                                      <tr>
                                                        <th class="pickup_address " style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{% if attributes.Pickup-Location-Company %}{{ attributes.Pickup-Location-Company }}<br>
                                                            {% endif %}{{ attributes.Pickup-Location-Address-Line-1 }}{% if attributes.Pickup-Location-Address-Line-2 %}<br>
                                                              {{ attributes.Pickup-Location-Address-Line-2 }}{% endif %}<br>
                                                            {{ attributes.Pickup-Location-City }}<br>
                                                            {{ attributes.Pickup-Location-Region }}<br>
                                                            {{ attributes.Pickup-Location-Postal-Code }}<br>
                                                            {{ attributes.Pickup-Location-Country }}<br>
                                                          </p>
                                                        </th>
                                                      </tr>
                                                      {% if attributes.Pickup-Date %}
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <h3 data-key="10039044_pickup_date" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Fecha de recogida</h3>
                                                          </th>
                                                        </tr>
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{ attributes.Pickup-Date | date: "%d/%m/%Y" }}</p>
                                                          </th>
                                                        </tr>
                                                      {% endif %}
                                                      {% if attributes.Pickup-Time %}
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <h3 data-key="10039044_pickup_time" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Hora de recogida</h3>
                                                          </th>
                                                        </tr>
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{ attributes.Pickup-Time }}</p>
                                                          </th>
                                                        </tr>
                                                      {% endif %}
                                                    {% elsif shipping_address != blank %}
                                                      <tr>
                                                        <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <h3 data-key="10039044_ship_to" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Direcci&#243;n de env&#237;o</h3>
                                                        </th>
                                                      </tr>
                                                      <tr>
                                                        <th class="shipping_address " style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">
                                                            {%- if shipping_address and shipping_address != blank -%}
                                                              {{ shipping_address.name }}<br>
                                                              {%- if shipping_address.company != blank -%}
                                                                {{ shipping_address.company }}<br>
                                                              {%- endif -%}
                                                              {{ shipping_address.address1 }}<br>
                                                              {%- if shipping_address.address2 != blank -%}
                                                                {{ shipping_address.address2 }}<br>
                                                              {%- endif -%}
                                                              {{ shipping_address.city }}, {% if shipping_address.province_code != blank -%}{{ shipping_address.province_code }}{% else -%}{{ shipping_address.province }}{%- endif %} {{ shipping_address.zip | upcase }}<br>
                                                              {%- if shipping_address.country != shop.country -%}{{ shipping_address.country }}{%- endif -%}<br>
                                                              {%- if shipping_address.phone != blank -%} <span data-key="10039044_tel" style="text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c;">Tel.</span> <span style="color: inherit !important; text-decoration: none !important; text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none;">{{ shipping_address.phone }}</span><br>
                                                              {%- endif -%}
                                                            {%- endif -%}
                                                          </p>
                                                        </th>
                                                      </tr>
                                                      {% if attributes.Shipping-Date %}
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <h3 data-key="10039044_shipping_date" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Fecha de env&#237;o</h3>
                                                          </th>
                                                        </tr>
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{ attributes.Shipping-Date | date: "%d/%m/%Y" }}</p>
                                                          </th>
                                                        </tr>
                                                      {% endif %}
                                                    {% else %}
                                                      <tr>
                                                        <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left"></p>
                                                        </th>
                                                      </tr>
                                                    {% endif %}
                                                  {% endif %}
                                                </table>
                                              </th>
                                              <!-- END : Column 2 of 2 : SHIP_TO -->
                                            </tr>
                                          </table>
                                        </th>
                                        <!-- END : 2 COLUMNS : SHIP_TO -->
                                      </tr>
                                      <!-- END SECTION: Customer And Shipping Address -->
                                      <!-- BEGIN SECTION: Heading -->
                                      <tr id="section-10039041" class="section heading">
                                        <th style="mso-line-height-rule: exactly; padding: 11px 44px;" align="left" bgcolor="#ffffff">
                                          <table cellspacing="0" cellpadding="0" border="0" width="100%" role="presentation">
                                            <tr>
                                              <th style="mso-line-height-rule: exactly;" align="left" bgcolor="#ffffff" valign="top">
                                                <h1 data-key="10039041_heading" style="font-family: Verdana,san-serif,'Montserrat'; font-size: 28px; line-height: 38px; font-weight: 400; color: #222222; text-transform: none; Margin: 0;">Confirmaci&#243;n de pedido</h1>
                                              </th>
                                            </tr>
                                          </table>
                                        </th>
                                      </tr>
                                      <!-- END SECTION: Heading -->
                                      <!-- BEGIN SECTION: Introduction -->
                                      <tr id="section-10039042" class="section introduction">
                                        <th style="mso-line-height-rule: exactly; padding: 11px 44px;" align="left" bgcolor="#ffffff">
                                          {% if customer.first_name != blank or billing_address.first_name != blank %}
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0 0 11px;" align="left">
                                              <span data-key="10039042_greeting_text" style="text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c;">
                                                Hola
                                              </span>
                                              {{ customer.first_name | default: billing_address.first_name }},
                                            </p>
                                          {% endif %}
                                          {% if custom_message != blank %}
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0;" align="left">{{ custom_message }}</p>
                                          {% endif %}
                                          <span data-key="10039042_introduction_text" class="text" style="text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c;">
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0 0;" align="left">Gracias por su compra, este correo electr&#243;nico confirma su pedido. 
                                              Recibir&#225; otro correo electr&#243;nico tan pronto como {% if pickup_in_store? %}su pedido est&#233; listo para ser recogido{% else %}se env&#237;e su pedido{% endif %}.
                                            </p>
                                          </span>
                                        </th>
                                      </tr>
                                      <!-- END SECTION: Introduction -->
                                      <!-- BEGIN SECTION: Order Number And Date -->
                                      <tr id="section-10039043" class="section order_number_and_date">
                                        <th style="mso-line-height-rule: exactly; padding: 11px 44px;" align="left" bgcolor="#ffffff">
                                          {% if name != blank %}
                                            <h2 style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 18px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">
                                              <span data-key="10039043_order_number">N&#186; de pedido.</span> {{ name }}
                                            </h2>
                                            <p class="muted" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 14px; line-height: 22px; font-weight: normal; text-transform: none; color: #a9aaaa; Margin: 0;" align="left">{{ created_at | date: "%d/%m/%Y" }}</p>
                                          {% endif %}
                                        </th>
                                      </tr>
                                      <!-- END SECTION: Order Number And Date -->
                                      <!-- BEGIN SECTION: Order Notes -->
                                      <tr id="section-10039045" class="section order_notes">
                                        <th style="mso-line-height-rule: exactly; padding: 11px 44px;" align="left" bgcolor="#ffffff">
                                          {% if note != blank or attributes != blank %}
                                            <h3 data-key="10039045_order_notes" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Notas del pedido</h3>
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">
                                              {% if note != blank %}{{ note | newline_to_br }}{% endif %}<br>
                                            </p>
                                          {% endif %}
                                        </th>
                                      </tr>
                                      <!-- END SECTION: Order Notes -->
                                      <!-- BEGIN SECTION: Order Status Button -->
                                      <tr id="section-10039046" class="section order_status_button">
                                        <th style="mso-line-height-rule: exactly; padding: 11px 44px;" align="left" bgcolor="#ffffff">
                                          <table cellspacing="0" cellpadding="0" border="0" width="100%">
                                            <tr>
                                              <th class="sides column_text_before_button" data-key="10039046_text_before_button" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; padding-bottom: 11px;" align="left" bgcolor="#ffffff" valign="top">You can follow the status of your order by clicking the button below:
                                              </th>
                                            </tr>
                                            <!-- Button : BEGIN -->
                                            <tr>
                                              <th class="sides column_button button1" style="mso-line-height-rule: exactly; Margin: 0; padding: 11px 0;" align="left" bgcolor="#ffffff" valign="top">
                                                <table cellspacing="0" cellpadding="0" border="0" class="button" role="presentation" style="text-align: left; Margin: auto 0;" bgcolor="transparent">
                                                  <tr>
                                                    <th class="button-inner" style="mso-line-height-rule: exactly; border-radius: 5px;" align="center" bgcolor="#008060" valign="top">
                                                      <a class="button-link" href="{{order_status_url}}" target="_blank" style="color: #ffffff !important; text-decoration: none !important; text-underline: none; word-wrap: break-word; font-size: 16px; font-family: Verdana,san-serif,'Montserrat'; font-weight: 400; text-transform: none; line-height: 16px; text-align: center; display: block; background-color: #008060; border-radius: 5px; padding: 1px 20px; border: 15px solid #008060;"><span class="text-on-button" style="line-height: 16px; color: #ffffff; font-weight: 400; text-decoration: none; text-underline: none; letter-spacing: 0.5px;"><!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--><span class="text-on-button-inner" data-key="10039046_text_on_button" style="line-height: 16px; color: #ffffff; font-weight: 400; text-decoration: none; text-underline: none; letter-spacing: 0.5px;">Ver pedido ></span><!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--></span></a>
                                                    </th>
                                                  </tr>
                                                </table>
                                              </th>
                                            </tr>
                                            <!-- Button : END -->
                                          </table>
                                        </th>
                                      </tr>
                                      <!-- END SECTION: Order Status Button -->
                                      <!-- BEGIN SECTION: Products With Pricing -->
                                      <tr id="section-10039047" class="section products_with_pricing">
                                        {% if line_items != blank %}
                                          <!-- Bold 1 -->
                                          {% assign hidden_variant_ids = "" %}
                                          {% for line_item in line_items %}
                                            {% if line_item.properties._boldVariantIds %}
                                              {% assign hidden_variant_ids = hidden_variant_ids | append: ',' %}
                                              {% assign hidden_variant_ids = hidden_variant_ids | append: line_item.properties._boldVariantIds %}
                                            {% endif %}
                                          {% endfor %}
                                          <!-- end Bold 1 -->
                                          <th style="mso-line-height-rule: exactly; padding: 11px 44px;" align="left" bgcolor="#ffffff">
                                            <table class="table-inner" cellspacing="0" cellpadding="0" border="0" width="100%" style="min-width: 100%;" role="presentation">
                                              <tr>
                                                <th class="product-table" style="mso-line-height-rule: exactly;" align="left" bgcolor="#ffffff" valign="top">
                                                  <table cellspacing="0" cellpadding="0" border="0" width="100%" style="min-width: 100%;" role="presentation">
                                                    <tr>
                                                      <th colspan="2" class="product-table-h3-wrapper" style="mso-line-height-rule: exactly;" align="left" bgcolor="#ffffff" valign="top">
                                                        <h3 data-key="10039047_item" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; border-bottom-width: 1px; border-bottom-color: #e5e5e5; border-bottom-style: solid; Margin: 0;" align="left">Descripci&#243;n del art&#237;culo</h3>
                                                      </th>
                                                    </tr>
                                                    {% for line_item in line_items %}
                                                      {% if line_item.quantity != 0 %}
                                                        <!-- Bold 2 -->
                                                        {% capture line_variant_id1 %}{{ line_item.variant_id }}{% endcapture %}
                                                        {% assign adjusted_item_price = line_item.price %}
                                                        {% assign adjusted_line_price = line_item.final_line_price %}
                                                        {% unless line_variant_id1 == blank %}
                                                          {% if hidden_variant_ids contains line_variant_id1 %}{% continue %}{% endif %}
                                                          {% for line_item2 in line_items %}
                                                            {% capture line_variant_id2 %}{{ line_item2.variant_id }}{% endcapture %}
                                                            {% if line_item.properties._boldVariantIds contains line_variant_id2 %}
                                                              {% assign adjusted_item_price = adjusted_item_price | plus: line_item2.price %}
                                                              {% assign adjusted_line_option_price = line_item2.price | times: line_item.quantity %}
                                                              {% assign adjusted_line_price = adjusted_line_price | plus: adjusted_line_option_price %}
                                                            {% endif %}
                                                          {% endfor %}
                                                        {% endunless %}
                                                        <!-- end Bold 2 -->
                                                        <tr class="row-border-bottom">
                                                          <th class="table-stack product-image-wrapper stack-column-center" width="1" style="mso-line-height-rule: exactly; border-bottom-width: 1px; border-bottom-color: #e5e5e5; border-bottom-style: solid; padding: 11px 11px 11px 0;" align="left" bgcolor="#ffffff" valign="middle">{% if line_item.image != blank %}<a href="{% capture link %}https://{{shop.domain}}{{line_item.product.url}}{% endcapture %}{% if link contains shop.domain %}{% assign split_link = link | split: question_mark %}{{ split_link[0] }}?{{ default_utms }}&utm_content=product{% if split_link[1] != blank %}&{{ split_link[1] }}{% endif %}{% else %}{{ link }}{% endif %}" class="product_link" target="_blank" style="color: #479ccf; text-decoration: none !important; text-underline: none; word-wrap: break-word;"><img width="160" class="product-image" src="{{ line_item.image | img_url: '160x160_cropped@3x' }}" alt="{{ line_item.title }}" style="vertical-align: middle; text-align: center; width: 160px; max-width: 160px; height: auto !important; border-radius: 1px; padding: 0px;"></a>{% endif %}</th>
                                                          <th class="product-details-wrapper table-stack stack-column" style="mso-line-height-rule: exactly; padding-top: 11px; padding-bottom: 11px; border-bottom-width: 1px; border-bottom-color: #e5e5e5; border-bottom-style: solid;" align="left" bgcolor="#ffffff" valign="middle">
                                                            <table cellspacing="0" cellpadding="0" border="0" width="100%" style="min-width: 100%;" role="presentation">
                                                              <tr>
                                                                {% if line_item.product != blank and line_item.product.title != blank %}
                                                                  {% assign line_title = line_item.product.title %}
                                                                {% else %}
                                                                  {% assign line_title = line_item.title %}
                                                                {% endif %}
                                                                <th class="line-item-description" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; padding: 11px 5px 11px 0;" align="left" bgcolor="#ffffff" valign="top">
                                                                  <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">
                                                                    <a href="{% capture link %}https://{{shop.domain}}{{line_item.product.url}}{% endcapture %}{% if link contains shop.domain %}{% assign split_link = link | split: question_mark %}{{ split_link[0] }}?{{ default_utms }}&utm_content=product{% if split_link[1] != blank %}&{{ split_link[1] }}{% endif %}{% else %}{{ link }}{% endif %}" class="product_link" target="_blank" style="color: #6c6c6c; text-decoration: none !important; text-underline: none; word-wrap: break-word; text-align: left !important; font-weight: 400;">
                                                                      {{ line_title }}
                                                                    </a>
                                                                    {% if line_item.variant.title != blank and line_item.variant.title != "Default Title" %}
                                                                      <br>
                                                                      <span class="muted" style="text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 14px; line-height: 22px; font-weight: normal; text-transform: none; color: #a9aaaa;">{{ line_item.variant.title }}</span>
                                                                    {% endif %}
                                                                    {% for p in line_item.properties %}
                                                                      {% assign p_internal = p.first | slice: 0 %}
                                                                      {% unless p.first contains "builder_id" or p.first contains "builder_info" or p.first contains "master_builder" or p.last == "" or p.last == blank %}
                                                                        {% if p.first contains "preview" or p.last contains "/uploads/" or p.last contains "//uploadery.s3" %}
                                                                          <br>
                                                                          <span class="muted" style="text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 14px; line-height: 22px; font-weight: normal; text-transform: none; color: #a9aaaa;">{{ p.first }}:<br>
                                                                          </span>
                                                                          <a href="{{ p.last }}" target="_blank" style="color: #6c6c6c; text-decoration: none !important; text-underline: none; word-wrap: break-word; text-align: left !important; font-weight: 400;"><img src="{{ p.last }}" alt="{{ p.first }}" width="60" border="0" style="width: 60px; height: auto !important;"></a>
                                                                        {% elsif p_internal != "_" %}
                                                                          <br>
                                                                          <span class="muted" style="text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 14px; line-height: 22px; font-weight: normal; text-transform: none; color: #a9aaaa;">{{ p.first }}: {{ p.last }}</span>
                                                                        {% endif %}
                                                                      {% endunless %}
                                                                    {% endfor %}
                                                                    {% if line_item.variant.unit_price_measurement != blank %}
                                                                      <br>
                                                                      <span class="muted" style="text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 14px; line-height: 22px; font-weight: normal; text-transform: none; color: #a9aaaa;">({{ line_item.variant.unit_price | money }}{% if line_item.variant.unit_price_measurement.reference_value != 1 %} {{ line_item.variant.unit_price_measurement.reference_value }}{% endif %}/{{ line_item.variant.unit_price_measurement.reference_unit | capitalize }})</span>
                                                                    {% endif %}
                                                                  </p>
                                                                </th>
                                                                <th class="right line-item-qty" width="1" style="mso-line-height-rule: exactly; white-space: nowrap; padding: 11px 5px 11px 22px;" align="left" bgcolor="#ffffff" valign="top">
                                                                  <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="right">x&nbsp;{{ line_item.quantity }}</p>
                                                                </th>
                                                                <th class="right line-item-line-price" width="1" style="mso-line-height-rule: exactly; white-space: nowrap; padding: 11px 0 11px 22px;" align="left" bgcolor="#ffffff" valign="top">
                                                                  <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="right">
                                                                    {{ adjusted_line_price | money }}
                                                                  </p>
                                                                </th>
                                                              </tr>
                                                            </table>
                                                          </th>
                                                        </tr>
                                                        {% unless forloop.last %}
                                                          <tr>
                                                            <th colspan="2" class="product-empty-row" style="mso-line-height-rule: exactly;" align="left" bgcolor="#ffffff" valign="top"></th>
                                                          </tr>
                                                        {% endunless %}
                                                      {% endif %}
                                                    {% endfor %}
                                                  </table>
                                                </th>
                                              </tr>
                                              <tr>
                                                <th class="pricing-table" style="mso-line-height-rule: exactly; padding: 11px 0;" align="left" bgcolor="#ffffff" valign="top">
                                                  <table cellspacing="0" cellpadding="0" border="0" width="100%" style="min-width: 100%;" role="presentation">
                                                    {% assign displayable_discounts = false %}
                                                    {% for discount in discounts %}{% if discount.code != blank %}{% assign displayable_discounts = true %}{% break %}{% endif %}{% endfor %}
                                                    {% if discounts_amount != blank %}
                                                      {% if discounts_amount != 0.0 or displayable_discounts == true  %}
                                                        <tr>
                                                          <th class="table-title" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">
                                                            <span data-key="10039047_discount">Descuento</span>{% for discount in discounts %}{% if discount.code != blank and discount.code != 'Discount'%} <span class="discount-code-text" style="word-break: break-all;">({{ discount.code }})</span>{% endif %}{% endfor %}</th>
                                                          <th class="table-text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">-{{ discounts_amount | default: 0 | money }}</th>
                                                        </tr>
                                                      {% endif %}
                                                    {% endif %}
                                                    <tr>
                                                      <th class="table-title" data-key="10039047_subtotal" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">Total parcial</th>
                                                      <th class="table-text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">{{ subtotal_price | money }}</th>
                                                    </tr>
                                                    {% if shipping_method.title != blank && shipping_method.price != 0.00 %}
                                                      <tr>
                                                        <th class="table-title" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">{{ shipping_method.title }}</th>
                                                        <th class="table-text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">{{ shipping_method.price | money }}</th>
                                                      </tr>
                                                    {% endif %}
                                                    {% if current_total_duties and current_total_duties != 0.00 %}
                                                      <tr>
                                                        <th class="table-title" data-key="10039047_duties" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">Derechos de entrada</th>
                                                        <th class="table-text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">
                                                          {{ current_total_duties | money }}</th>
                                                      </tr>
                                                    {% endif %}
                                                    {% if total_tip and total_tip != 0.00 %}
                                                      <tr>
                                                        <th class="table-title" data-key="10039047_tip" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">Tip</th>
                                                        <th class="table-text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">
                                                          {{ total_tip | money }}</th>
                                                      </tr>
                                                    {% endif %}
                                                    <tr>
                                                      <th class="table-title" data-key="10039047_total_minus_tax" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">Total sin impuestos</th>
                                                      <th class="table-text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">{{ total_price | minus: tax_price | money }}</th>
                                                    </tr>
                                                    {% if tax_price != 0.00 and tax_price != blank %}
                                                      <tr>
                                                        <th class="table-title" data-key="10039047_total_tax" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">Impuesto de venta</th>
                                                        <th class="table-text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">
                                                          {{ tax_price | money }}</th>
                                                      </tr>
                                                    {% endif %}
                                                    <tr class="pricing-table-total-row">
                                                      <th class="table-title" data-key="10039047_total" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #1d1d1d; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">Total</th>
                                                      <th class="table-text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #1d1d1d; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">{{ total_price | money }}</th>
                                                    </tr>
                                                    {% assign total_paid = 0.00 %}
                                                    {% assign total_refunds = 0.00 %}
                                                    {% for transaction in transactions %}
                                                      {% assign kind = transaction.kind %}
                                                      {% assign status = transaction.status %}
                                                      {% if status == "success" %}
                                                        {% if kind == "sale" or kind == "capture" %}
                                                          {% assign total_paid = total_paid | plus: transaction.amount %}
                                                        {% elsif kind == 'change' %}
                                                          {% assign total_paid = total_paid | minus: transaction.amount %}
                                                        {% elsif kind == 'refund' %}
                                                          {% assign total_refunds = total_refunds | plus: transaction.amount %}
                                                          {% assign total_paid = total_paid | minus: transaction.amount %}
                                                        {% endif %}
                                                      {% endif %}
                                                    {% endfor %}
                                                    {% assign total_outstanding = total_price | minus: total_paid | minus: total_refunds %}
                                                    {% if total_refunds != 0.00 %}
                                                      <tr>
                                                        <th class="table-title" data-key="10039047_refund" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">Reembolso</th>
                                                        <th class="table-text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">-{{ total_refunds | money }}</th>
                                                      </tr>
                                                    {% endif %}
                                                  </table>
                                                </th>
                                              </tr>
                                            </table>
                                          </th>
                                        {% endif %}
                                      </tr>
                                      <!-- END SECTION: Products With Pricing -->
                                      <!-- BEGIN SECTION: Payment Info -->
                                      <tr id="section-10039048" class="section payment_info">
                                        <th style="mso-line-height-rule: exactly; padding: 11px 44px;" align="left" bgcolor="#ffffff">
                                          <table class="table-inner" cellspacing="0" cellpadding="0" border="0" width="100%" style="min-width: 100%;" role="presentation">
                                            <!-- PAYMENT INFO -->
                                            {% assign transaction_size = 0 %}
                                            {% assign pending_gateway = "" %}
                                            {% for transaction in transactions %}
                                              {% if transaction.kind == "capture" or transaction.kind == "void" or kind == "emv_authorization" or transaction.status == "failure" or transaction.status == "error" %}
                                              {% continue %}
                                              {% endif %}
                                              {% assign transaction_size = transaction_size | plus: 1 %}
                                            {% endfor %}
                                            {% if transaction_size > 0 %}
                                              <tr>
                                                <th colspan="2" style="mso-line-height-rule: exactly;" align="left" bgcolor="#ffffff" valign="top">
                                                  <h3 data-key="10039048_payment_info" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; border-bottom-width: 1px; border-bottom-color: #e5e5e5; border-bottom-style: solid; Margin: 0;" align="left">Informaci&#243;n de pago</h3>
                                                </th>
                                              </tr>
                                              {% for transaction in transactions %}
                                                {% assign card = null %}
                                                {% assign kind = transaction.kind %}
                                                {% assign status = transaction.status %}
                                                {% assign gateway = transaction.gateway_display_name %}
                                                {% if kind == "capture" or kind == "void" or kind == "emv_authorization" or status == "failure" or status == "error" or gateway == pending_gateway %}
                                                {% continue %}
                                                {% endif %}
                                                {% if status == "pending" %}
                                                  {% assign pending_gateway = gateway %}
                                                {% endif %}
                                                {% if transaction.payment_details != blank and transaction.payment_details.credit_card_company != blank and transaction.payment_details.credit_card_company != "unknown" %}
                                                  {% assign payment = transaction.payment_details.credit_card_company %}
                                                  {% assign card = transaction.payment_details.credit_card_number %}
                                                {% else %}
                                                  {% assign payment = gateway %}
                                                {% endif %}
                                                <!-- PAYMENT METHOD IMAGE -->
                                                {% assign paymentTypeLower = payment | downcase %}
                                                {% assign transaction_img = '' %}
                                                {% if paymentTypeLower contains 'store credit' %}
                                                  {% assign transaction_img = 'mobile-receipt-storecredit.png' %}
                                                {% elsif paymentTypeLower contains 'visa' %}
                                                  {% assign transaction_img = 'mobile-receipt-visa.png' %}
                                                {% elsif paymentTypeLower contains 'mastercard' %}
                                                  {% assign transaction_img = 'mobile-receipt-mastercard.png' %}
                                                {% elsif paymentTypeLower contains 'amex' or paymentTypeLower contains 'american express' %}
                                                  {% assign transaction_img = 'mobile-receipt-amex.png' %}
                                                {% elsif paymentTypeLower contains 'discover' %}
                                                  {% assign transaction_img = 'mobile-receipt-discover.png' %}
                                                {% elsif paymentTypeLower contains 'diners club' %}
                                                  {% assign transaction_img = 'mobile-receipt-dinersclub.png' %}
                                                {% elsif paymentTypeLower contains 'jcb' %}
                                                  {% assign transaction_img = 'mobile-receipt-jcb.png' %}
                                                {% elsif paymentTypeLower contains 'debit' %}
                                                  {% assign transaction_img = 'mobile-receipt-debit.png' %}
                                                {% elsif paymentTypeLower contains 'gift card' %}
                                                  {% assign transaction_img = 'mobile-receipt-giftcard.png' %}
                                                {% elsif paymentTypeLower contains 'cash' %}
                                                  {% assign transaction_img = 'mobile-receipt-cash.png' %}
                                                {% elsif paymentTypeLower contains 'paypal' %}
                                                  {% assign transaction_img = 'mobile-receipt-paypal.png' %}
                                                {% elsif paymentTypeLower contains 'dela upp. klarna' %}
                                                  {% assign transaction_img = 'mobile-receipt-klarna-slice-it.png' %}
                                                {% elsif paymentTypeLower contains 'f&#229; f&#246;rst. betala sen. klarna' or paymentTypeLower contains 'klarna' %}
                                                  {% assign transaction_img = 'mobile-receipt-klarna-pay-later.png' %}
                                                {% elsif paymentTypeLower contains 'mondido' %}
                                                  {% assign transaction_img = 'mobile-receipt-mondido-payments.png' %}
                                                {% elsif paymentTypeLower contains 'ideal' %}
                                                  {% assign transaction_img = 'mobile-receipt-ideal.png' %}
                                                {% elsif paymentTypeLower contains 'bogus' %}
                                                  {% assign transaction_img = 'mobile-receipt-bogus.png' %}
                                                {% else %}
                                                  {% assign transaction_img = 'mobile-receipt-cash.png' %}
                                                {% endif %}
                                                <tr>
                                                  <th class="table-title" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">
                                                    <table cellspacing="0" cellpadding="0" border="0" width="100%" style="min-width: 100%;" role="presentation">
                                                      <tr>
                                                        <th valign="middle" width="40" style="line-height: 38px; mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; font-weight: 400; text-transform: none; color: #6c6c6c; padding: 7px 10px 7px 0;" align="left" bgcolor="#ffffff">
                                                          {% if transaction_img != '' %}<img width="40" style="width: 40px; vertical-align: middle; height: auto !important;" alt="{{ payment }} Icon" src="https://orderlyemails.com/{{ transaction_img }}">{% endif %}
                                                        </th>
                                                        <th style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; padding: 7px 0;" align="left" bgcolor="#ffffff" valign="middle">
                                                          {% if kind == 'change' %}
                                                            Change
                                                          {% else %}
                                                            {{ payment }}
                                                          {% endif %}
                                                          {% if card %}
                                                            <span class="table-muted" style="font-size: 14px; font-weight: normal; color: #a9aaaa;"> ({{ card | replace: " ", "" | replace: "&#8226;", "" }})</span>
                                                          {% endif %}
                                                        </th>
                                                      </tr>
                                                    </table>
                                                  </th>
                                                  <th class="table-text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 35%; padding: 11px 0;" align="right" bgcolor="#ffffff" valign="middle">
                                                    {% if kind == 'refund' %}-{% endif%}{{ transaction.amount | money }}
                                                    </th>
                                                  </tr>
                                                {% endfor %}
                                              {% endif %}
                                            </table>
                                          </th>
                                        </tr>
                                        <!-- END SECTION: Payment Info -->
                                        <!-- BEGIN SECTION: Text -->
                                        <tr id="section-10139760" class="section text" style="direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c;" align="left">
                                          <th data-key="10139760_text" class="text " style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; padding: 11px 44px;" align="left" bgcolor="#ffffff">
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{% if financial_status == &#8216;pending' %}</p>
                                              <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0 0;" align="left">ALL TEXT</p>
                                              <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0 0;" align="left">{% endif %}</p>
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0 0;" align="left"><br>
                                            </p>
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0 0;" align="left"><br>
                                            </p>
                                          </th>
                                        </tr>
                                        <!-- END SECTION: Text -->
                                        <!-- BEGIN SECTION: Closing Text -->
                                        <tr id="section-10039049" class="section closing_text">
                                          <th data-key="10039049_closing_text" class="text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; padding: 0 44px 11px;" align="left" bgcolor="#ffffff">
                                            Por favor, no dude en llamarnos al 3506547891 o enviarnos un correo electr&#243;nico a <a href="mailto:mateo.alvarez@thesupportheroes.com" style="color: #479ccf; text-decoration: none !important; text-underline: none; word-wrap: break-word;">mateo.alvarez@thesupportheroes.com</a> si tiene cualquier pregunta.<br>
                                            <br>
                                            Muchas gracias,<br>
                                            mateo-teststore
                                          </th>
                                        </tr>
                                        <!-- END SECTION: Closing Text -->
                                        <!-- BEGIN SECTION: Discount -->
                                        <tr id="section-10039050" class="section discount">
                                          {% if customer.orders_count == 0 or customer.orders_count == 1 %}
                                            <th style="mso-line-height-rule: exactly; padding: 22px 44px;" align="left" bgcolor="#ffffff">
                                              <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation">
                                                <tr>
                                                  <th class="spacer" style="mso-line-height-rule: exactly; font-size: 0; line-height: 0;" align="left" bgcolor="#ffffff" valign="top">
                                                  </th>
                                                </tr>
                                                <tr>
                                                  <th class="discount_code_wrapper center" style="mso-line-height-rule: exactly; padding: 33px 22px;" align="left" bgcolor="#ffffff" valign="top">
                                                    <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation">
                                                      <tr>
                                                        <th class="discount_title" style="mso-line-height-rule: exactly;" align="center" bgcolor="#ffffff" valign="top">
                                                          <h1 data-key="10039050_discount_title" style="font-family: Verdana,san-serif,'Montserrat'; font-size: 28px; line-height: 38px; font-weight: 400; color: #222222; text-transform: none; Margin: 0;" align="center">10% EN SU PR&#211;XIMA COMPRA!</h1>
                                                        </th>
                                                      </tr>
                                                      <tr>
                                                        <th class="discount_text full-editable" data-key="10039050_discount_text" style="mso-line-height-rule: exactly; padding: 11px 11px 22px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="center">Como agradecimiento por comprar con nosotros, le damos un cup&#243;n de descuento para utilizar en su pr&#243;xima compra. Util&#237;celo usted mismo o d&#233;selo a un amigo.</p>
                                                        </th>
                                                      </tr>
                                                      <tr>
                                                        <th class="discount_code" style="mso-line-height-rule: exactly; font-family: Verdana,san-serif,'Montserrat'; color: #6c6c6c; font-size: 20px; font-weight: 700; text-transform: none; letter-spacing: 2px; padding: 11px; border: 3px dashed #479ccf;" align="center" bgcolor="#ffffff" valign="top">
                                                          TAKE10OFF
                                                        </th>
                                                      </tr>
                                                      <!-- Button : BEGIN -->
                                                      <tr>
                                                        <th class="sides column_button button1" style="mso-line-height-rule: exactly; width: 100%; Margin: 0; padding: 11px 0 0;" align="left" bgcolor="#ffffff" valign="top">
                                                          <table cellspacing="0" cellpadding="0" border="0" class="button" role="presentation" style="width: 100%; text-align: left; Margin: auto 0;" bgcolor="transparent">
                                                            <tr>
                                                              <th class="button-inner" style="mso-line-height-rule: exactly; border-radius: 5px;" align="center" bgcolor="#008060" valign="top">
                                                                <a class="button-link" href="{% capture link %}https://linktoyourstore.com{% endcapture %}{% if link contains shop.domain %}{% assign split_link = link | split: question_mark %}{{ split_link[0] }}?{{ default_utms }}&utm_content=button&utm_term=comenzar-a-comprar{% if split_link[1] != blank %}&{{ split_link[1] }}{% endif %}{% else %}{{ link }}{% endif %}" target="_blank" style="color: #ffffff !important; text-decoration: none !important; text-underline: none; word-wrap: break-word; font-size: 16px; font-family: Verdana,san-serif,'Montserrat'; font-weight: 400; text-transform: none; line-height: 16px; text-align: center; display: block; background-color: #008060; border-radius: 5px; padding: 1px 20px; border: 15px solid #008060;"><span class="text-on-button" style="line-height: 16px; color: #ffffff; font-weight: 400; text-decoration: none; text-underline: none; letter-spacing: 0.5px;"><!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--><span class="text-on-button-inner" data-key="10039050_text_on_button" style="line-height: 16px; color: #ffffff; font-weight: 400; text-decoration: none; text-underline: none; letter-spacing: 0.5px;">Comenzar a comprar ahora ></span><!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--></span></a>
                                                              </th>
                                                            </tr>
                                                          </table>
                                                        </th>
                                                      </tr>
                                                      <!-- Button : END -->
                                                      <tr>
                                                        <th class="discount_terms" data-key="10039050_discount_terms" style="mso-line-height-rule: exactly; padding: 11px 11px 0;" align="left" bgcolor="#ffffff" valign="top">
                                                          <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 14px; line-height: 22px; font-weight: 400; text-transform: none; color: #a9aaaa; background-color: #ffffff !important; Margin: 0;" align="center">
                                                          </p>
                                                        </th>
                                                      </tr>
                                                    </table>
                                                  </th>
                                                </tr>
                                                <tr>
                                                  <th class="spacer" style="mso-line-height-rule: exactly; font-size: 0; line-height: 0;" align="left" bgcolor="#ffffff" valign="top">
                                                  </th>
                                                </tr>
                                              </table>
                                            </th>
                                          {% endif %}
                                        </tr>
                                        <!-- END SECTION: Discount -->
                                        <!-- BEGIN SECTION: Recommended Products -->
                                        <tr id="section-10108869" class="section recommended_products">
                                          {% assign recommended_products = shop.metafields.orderlyemails.related_products %}
                                          {% unless recommended_products == "&nbsp;" %}
                                            {% assign recommended_products = recommended_products | split: "||product||" %}
                                            {% assign current_line_items = "" %}
                                            {% if line_items != blank %}
                                              {% for line_item in line_items %}
                                                {% assign current_line_items = current_line_items | append: line_item.product_id | append: "|" %}
                                              {% endfor %}
                                            {% endif %}
                                            {% assign current_line_items = current_line_items | split: "|" %}
                                            {% assign number_available = 0 %}
                                            {% for product in recommended_products %}
                                              {% assign product_details = product | split: "||prop||" %}
                                              {% unless current_line_items contains product_details[1] %}
                                                {% assign number_available = number_available | plus: 1 %}
                                              {% endunless %}
                                            {% endfor %}
                                            {% assign rows_left = 0 %}
                                            {% if number_available >= 2 %}{% assign rows_left = 1 %}{% endif %}
                                            {% if number_available >= 4 %}{% assign rows_left = 2 %}{% endif %}
                                            {% if rows_left > 0 %}
                                              <th style="mso-line-height-rule: exactly; padding: 33px 44px 11px;" align="left" bgcolor="#ffffff">
                                                <table cellspacing="0" cellpadding="0" border="0" width="100%" role="presentation">
                                                  <tr>
                                                    <th class="related_products_title" style="mso-line-height-rule: exactly; padding-bottom: 22px;" align="left" bgcolor="#ffffff" valign="top">
                                                      <h1 data-key="10108869_title" style="font-family: Verdana,san-serif,'Montserrat'; font-size: 28px; line-height: 38px; font-weight: 400; color: #222222; text-transform: none; Margin: 0;">Tambi&#233;n te puede interesar</h1>
                                                    </th>
                                                  </tr>
                                                  <tr>
                                                    <th class="related_products" style="mso-line-height-rule: exactly;" align="left" bgcolor="#ffffff" valign="top">
                                                      <table border="0" width="100%" cellpadding="0" cellspacing="0">
                                                        {% for product in recommended_products %}
                                                          {% assign product_details = product |  split: "||prop||" %}
                                                          {% if current_line_items contains product_details[1] %}
                                                          {% continue %}
                                                          {% endif %}
                                                          {% unless rows_left == 0 %}
                                                            {% capture thecycle %}{% cycle '1', '2' %}{% endcapture %}
                                                            {% if thecycle == '1' %}
                                                              <tr>
                                                              {% endif %}
                                                              <th class="related_product_wrapper {% if thecycle == '1' %}first{% else %}last{% endif %}" width="50%" style="width: 50%; mso-line-height-rule: exactly; border-top-style: none; border-bottom-width: 11px; border-bottom-color: #ffffff; border-bottom-style: solid; Margin: 0 auto; padding: 5px 11px;" align="center" bgcolor="#ffffff" valign="top">
                                                                <table border="0" width="100%" cellpadding="0" cellspacing="0" role="presentation">
                                                                  <tr>
                                                                    <th width="200" valign="middle" style="mso-line-height-rule: exactly; padding: 11px 11px 0;" align="center" bgcolor="#ffffff">
                                                                      <a class="related_product_link" href="{% capture link %}{{shop.url}}/products/{{ product_details[2] }}{% endcapture %}{% if link contains shop.domain %}{% assign split_link = link | split: question_mark %}{{ split_link[0] }}?{{ default_utms }}&utm_content=recommended-product{% if split_link[1] != blank %}&{{ split_link[1] }}{% endif %}{% else %}{{ link }}{% endif %}" target="_blank" style="color: #479ccf; text-decoration: none !important; text-underline: none; word-wrap: break-word;">
                                                                        <img width="200" class="related_product_image" src="{{ product_details[4] | replace: '240x240_cropped', '200x@3x' }}" alt="{{ product_details[0] }}" style="width: 200px; max-width: 200px !important; height: auto !important; border-radius: 1px;">
                                                                      </a>
                                                                    </th>
                                                                  </tr>
                                                                  <tr>
                                                                    <th height="70" valign="top" class="related_product_link_wrapper" style="mso-line-height-rule: exactly; padding: 11px 11px 0;" align="center" bgcolor="#ffffff">
                                                                      <a class="related_product_link" href="{% capture link %}{{shop.url}}/products/{{ product_details[2] }}{% endcapture %}{% if link contains shop.domain %}{% assign split_link = link | split: question_mark %}{{ split_link[0] }}?{{ default_utms }}&utm_content=recommended-product{% if split_link[1] != blank %}&{{ split_link[1] }}{% endif %}{% else %}{{ link }}{% endif %}" target="_blank" style="color: #479ccf; text-decoration: none !important; text-underline: none; word-wrap: break-word;">
                                                                        <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #1d1d1d; Margin: 0;" align="center">{{ product_details[0] }}</p>
                                                                        <p data-key="10108869_link_text" class="related_product_link_text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 14px; line-height: 22px; font-weight: 400; text-transform: none; color: #479ccf; Margin: 11px 0 0;" align="center">COMPRAR AHORA ></p>
                                                                      </a>
                                                                    </th>
                                                                  </tr>
                                                                </table>
                                                              </th>
                                                              {% if thecycle == '2' %}
                                                              </tr>
                                                              {% assign rows_left = rows_left | minus: 1 %}
                                                            {% endif %}
                                                          {% endunless %}
                                                        {% endfor %}
                                                      </table>
                                                    </th>
                                                  </tr>
                                                </table>
                                              </th>
                                            {% endif %}
                                          {% endunless %}
                                        </tr>
                                        <!-- END SECTION: Recommended Products -->
                                        <!-- BEGIN SECTION: Text -->
                                        <tr id="section-10486465" class="section text" style="direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c;" align="left">
                                          <th data-key="10486465_text" class="text " style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; padding: 11px 44px;" align="left" bgcolor="#ffffff">
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{ customer.first_name }}<br>
                                            </p>
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0 0;" align="left">{{ customer.last_name }}<br>
                                            </p>
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0 0;" align="left">{{ customer.name }}<br>
                                            </p>
                                          </th>
                                        </tr>
                                        <!-- END SECTION: Text -->
                                        <!-- BEGIN SECTION: Invoice Link -->
                                        <tr id="section-10774842" class="section invoice_link">
                                          <th style="mso-line-height-rule: exactly; padding: 11px 44px 44px;" align="left" bgcolor="#ffffff">
                                            <h3 data-key="10774842_invoice_link_text" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">&#191;Necesita un recibo en PDF?</h3>
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left"><a target="_blank" href="https://mateo-teststore.myshopify.com/apps/download-pdf/orders/54db7ee8383e0cf24806/{{ id | times: 9453 }}/{{ name | handleize }}.pdf" style="color: #479ccf; text-decoration: none !important; text-underline: none; word-wrap: break-word;">Click here to download your PDF receipt</a></p>
                                          </th>
                                        </tr>
                                        <!-- END SECTION: Invoice Link -->
                                        <tr data-id="link-list">
                                          <td class="menu_bar menu_bar_6" style="mso-line-height-rule: exactly; padding: 22px 0;" align="left" bgcolor="#ffffff">
                                            <table class="table_menu_bar" border="0" width="100%" cellpadding="0" cellspacing="0" role="presentation">
                                              <tr>
                                                <th class="menu_bar_item first" style="width: 33%; mso-line-height-rule: exactly; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; font-weight: 400; line-height: 22px; text-transform: uppercase; color: #a9aaaa; border-right-width: 1px; border-right-color: #e5e5e5; border-right-style: solid; border-left-width: 1px; border-left-color: #e5e5e5; border-left-style: none;" align="center" bgcolor="#ffffff">
                                                  <a href="{% capture link %}http://mateo-teststore.myshopify.com{% endcapture %}{% if link contains shop.domain %}{% assign split_link = link | split: question_mark %}{{ split_link[0] }}?{{ default_utms }}&utm_content=site-link&utm_term=tienda{% if split_link[1] != blank %}&{{ split_link[1] }}{% endif %}{% else %}{{ link }}{% endif %}" target="_blank" style="color: #a9aaaa; text-decoration: none !important; text-underline: none; word-wrap: break-word; text-align: center !important; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; font-weight: 400; line-height: 22px; text-transform: uppercase;">
                                                    Tienda
                                                  </a>
                                                </th>
                                                <th class="menu_bar_item" style="width: 33%; mso-line-height-rule: exactly; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; font-weight: 400; line-height: 22px; text-transform: uppercase; color: #a9aaaa; border-right-width: 1px; border-right-color: #e5e5e5; border-right-style: solid; border-left-width: 1px; border-left-color: #e5e5e5; border-left-style: solid;" align="center" bgcolor="#ffffff">
                                                  <a href="{% capture link %}http://mateo-teststore.myshopify.com/pages/about-us{% endcapture %}{% if link contains shop.domain %}{% assign split_link = link | split: question_mark %}{{ split_link[0] }}?{{ default_utms }}&utm_content=site-link&utm_term=quienes-somos{% if split_link[1] != blank %}&{{ split_link[1] }}{% endif %}{% else %}{{ link }}{% endif %}" target="_blank" style="color: #a9aaaa; text-decoration: none !important; text-underline: none; word-wrap: break-word; text-align: center !important; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; font-weight: 400; line-height: 22px; text-transform: uppercase;">
                                                    &#191;Qui&#233;nes somos?
                                                  </a>
                                                </th>
                                                <th class="menu_bar_item last" style="width: 33%; mso-line-height-rule: exactly; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; font-weight: 400; line-height: 22px; text-transform: uppercase; color: #a9aaaa; border-right-width: 1px; border-right-color: #e5e5e5; border-right-style: none; border-left-width: 1px; border-left-color: #e5e5e5; border-left-style: solid;" align="center" bgcolor="#ffffff">
                                                  <a href="{% capture link %}http://mateo-teststore.myshopify.com/pages/contact-us{% endcapture %}{% if link contains shop.domain %}{% assign split_link = link | split: question_mark %}{{ split_link[0] }}?{{ default_utms }}&utm_content=site-link&utm_term=contacto{% if split_link[1] != blank %}&{{ split_link[1] }}{% endif %}{% else %}{{ link }}{% endif %}" target="_blank" style="color: #a9aaaa; text-decoration: none !important; text-underline: none; word-wrap: break-word; text-align: center !important; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; font-weight: 400; line-height: 22px; text-transform: uppercase;">
                                                    Contacto
                                                  </a>
                                                </th>
                                              </tr>
                                            </table>
                                          </td>
                                        </tr>
                                      </table>
                                    </td>
                                  </tr>
                                </table>
                                <!-- END : SECTION : MAIN -->
                              </th>
                            </tr>
                          </tbody>
                        </table>
                      </center>
                    </th>
                  </tr>
                </tbody>
              </table>
              <!-- END : CONTAINER -->
              <!-- BEGIN: CONTAINER -->
              <table class="container container_footer" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse: collapse; min-width: 100%;" role="presentation" bgcolor="#ffffff">
                <tbody>
                  <tr>
                    <th valign="top" style="mso-line-height-rule: exactly;">
                      <center style="width: 100%;">
                        <table border="0" width="600" cellpadding="0" cellspacing="0" align="center" style="width: 600px; min-width: 600px; max-width: 600px; Margin: auto;" class="email-container" role="presentation">
                          <tbody>
                            <tr>
                              <th valign="top" style="mso-line-height-rule: exactly;">
                                <!-- BEGIN : SECTION : FOOTER -->
                                <table class="section_wrapper footer" data-id="footer" id="section-footer" border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation" bgcolor="#ffffff">
                                  <tr>
                                    <td class="section_wrapper_th" style="mso-line-height-rule: exactly; padding: 22px 44px;" bgcolor="#ffffff">
                                      <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation">
                                        <tr>
                                          <!-- BEGIN : 2 COLUMNS : SHOP_BLOCK -->
                                          <th style="mso-line-height-rule: exactly;" bgcolor="#ffffff">
                                            <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation">
                                              <tr>
                                                <!-- BEGIN : Column 1 of 2 : SHOP_BLOCK -->
                                                <th width="50%" class="column_1_of_2 column_shop_block " style="mso-line-height-rule: exactly; padding-top: 0; padding-bottom: 0;" align="left" bgcolor="#ffffff" valign="top">
                                                  <table align="center" border="0" width="100%" cellpadding="0" cellspacing="0" style="min-width: 100%;" role="presentation">
                                                    <!-- Store Website : BEGIN -->
                                                    <tr>
                                                      <th class="column_shop_block1 " width="100%" style="mso-line-height-rule: exactly; padding-right: 11px; font-family: Verdana,san-serif,'Montserrat'; font-size: 13px; line-height: 18px; font-weight: 400; color: #6c6c6c; text-transform: none; padding-bottom: 0; padding-top: 0;" align="left" bgcolor="#ffffff" valign="top">
                                                        <a href="{% capture link %}{{shop.url}}{% endcapture %}{% if link contains shop.domain %}{% assign split_link = link | split: question_mark %}{{ split_link[0] }}?{{ default_utms }}&utm_content=footer-website-link{% if split_link[1] != blank %}&{{ split_link[1] }}{% endif %}{% else %}{{ link }}{% endif %}" target="_blank" data-key="section_shop_block1" style="color: #479ccf; text-decoration: none !important; text-underline: none; font-size: 13px; font-weight: 400; text-transform: none;">mateo-teststore.myshopify.com</a>
                                                      </th>
                                                    </tr>
                                                    <!-- Store Website : END -->
                                                    <!-- Store Address : BEGIN -->
                                                    <tr>
                                                      <th class="column_shop_block2 " data-key="section_shop_block2" width="100%" style="mso-line-height-rule: exactly; padding-right: 11px; font-family: Verdana,san-serif,'Montserrat'; font-size: 13px; line-height: 18px; font-weight: 400; color: #6c6c6c; text-transform: none; padding-top: 0; padding-bottom: 0;" align="left" bgcolor="#ffffff" valign="top">
                                                        mateo-teststore<br>
                                                        Calle Coimbra 56<br>
                                                        Burgos, B 09023<br>
                                                        <br>
                                                        Copyright &#169; {{ 'now' | date: '%Y' }}
                                                      </th>
                                                    </tr>
                                                    <!-- Store Address : END -->
                                                  </table>
                                                </th>
                                                <!-- END : Column 1 of 2 : SHOP_BLOCK -->
                                                <!-- BEGIN : Column 2 of 2 : SOCIAL_BLOCK -->
                                                <th width="50%" class="column_2_of_2 column_social_block " style="mso-line-height-rule: exactly; padding-top: 0; padding-bottom: 0;" align="right" bgcolor="#ffffff" valign="top">
                                                  <table align="center" border="0" width="100%" cellpadding="0" cellspacing="0" style="min-width: 100%;" role="presentation">
                                                  </table>
                                                </th>
                                                <!-- END : Column 2 of 2 : SOCIAL_BLOCK -->
                                              </tr>
                                            </table>
                                          </th>
                                          <!-- END : 2 COLUMNS : SOCIAL_BLOCK -->
                                        </tr>
                                        <tr>
                                          <th height="1" border="0" style="height: 1px; line-height: 1px; font-size: 1px; mso-line-height-rule: exactly; padding: 0;" bgcolor="#ffffff">
                                            <img id="open-image" src="https://{{ shop.domain }}/tools/emails/open/order-confirmation/1" alt="" width="1" height="1" border="0">
                                          </th>
                                        </tr>
                                      </table>
                                    </td>
                                  </tr>
                                </table>
                                <!-- END : SECTION : FOOTER -->
                              </th>
                            </tr>
                          </tbody>
                        </table>
                      </center>
                    </th>
                  </tr>
                </tbody>
              </table>
              <!-- END : CONTAINER -->
            </body>
          </html>
    {% else %}
          <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html lang="en">
  <head>
    <!--[if gte mso 15]>
      <xml>
        <o:OfficeDocumentSettings>
          <o:AllowPNG />
            <o:PixelsPerInch>96</o:PixelsPerInch>
          </o:OfficeDocumentSettings>
        </xml>
    <![endif]-->
    <meta name="viewport" content="width=device-width">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="x-apple-disable-message-reformatting">
    <meta http-equiv="Content-Type" content="text/html; charset=US-ASCII">
    <!-- Order confirmation email -->
    <style type="text/css" data-premailer="ignore">
      /* What it does: Remove spaces around the email design added by some email clients. */
          /* Beware: It can remove the padding / Margin and add a background color to the compose a reply window. */
          html, body {
            Margin: 0 auto !important;
            padding: 0 !important;
            width: 100% !important;
              height: 100% !important;
          }
          /* What it does: Stops email clients resizing small text. */
          * {
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
            text-rendering: optimizeLegibility;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
          }
          /* What it does: Forces Outlook.com to display emails full width. */
          .ExternalClass {
            width: 100%;
          }
          /* What is does: Centers email on Android 4.4 */
          div[style*="Margin: 16px 0"] {
              Margin:0 !important;
          }
          /* What it does: Stops Outlook from adding extra spacing to tables. */
          table,
          th {
            mso-table-lspace: 0pt;
            mso-table-rspace: 0pt;
          }
          /* What it does: Fixes Outlook.com line height. */
          .ExternalClass,
          .ExternalClass * {
            line-height: 100% !important;
          }
          /* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */
          table {
            border-spacing: 0 !important;
            border-collapse: collapse !important;
            border: none;
            Margin: 0 auto;
            direction: ltr;
          }
          div[style*="Margin: 16px 0"] {
              Margin:0 !important;
          }
          /* What it does: Uses a better rendering method when resizing images in IE. */
          img {
            -ms-interpolation-mode:bicubic;
          }
          /* What it does: Overrides styles added when Yahoo's auto-senses a link. */
          .yshortcuts a {
            border-bottom: none !important;
          }
          /* What it does: Overrides blue, underlined link auto-detected by iOS Mail. */
          /* Create a class for every link style needed; this template needs only one for the link in the footer. */
          /* What it does: A work-around for email clients meddling in triggered links. */
          *[x-apple-data-detectors],  /* iOS */
          .x-gmail-data-detectors,    /* Gmail */
          .x-gmail-data-detectors *,
          .aBn {
              border-bottom: none !important;
              cursor: default !important;
              color: inherit !important;
              text-decoration: none !important;
              font-size: inherit !important;
              font-family: inherit !important;
              font-weight: inherit !important;
              line-height: inherit !important;
          }
          /* What it does: Overrides blue, underlined link auto-detected by Gmail. */
          u   #body a {
              color: inherit;
              text-decoration: none;
              font-size: inherit;
              font-family: inherit;
              font-weight: inherit;
              line-height: inherit;
          }
      
          /* What it does: Prevents Gmail from displaying an download button on large, non-linked images. */
          .a6S {
              display: none !important;
              opacity: 0.01 !important;
          }
          /* If the above doesn't work, add a .g-img class to any image in question. */
          img.g-img   div {
              display:none !important;
          }
          /* What it does: Prevents underlining the button text in Windows 10 */
          a,
          a:link,
          a:visited {
              color: #479ccf;
              text-decoration: none !important;
          }
          .header a {
              color: #b2b2b2;
              text-decoration: none;
              text-underline: none;
          }
          .main a {
              color: #479ccf;
              text-decoration: none;
              text-underline: none;
              word-wrap: break-word;
          }
          .main .section.customer_and_shipping_address a,
          .main .section.shipping_address_and_fulfillment_details a {
              color: #6c6c6c;
              text-decoration: none;
              text-underline: none;
              word-wrap: break-word;
          }
          .footer a {
              color: #479ccf;
              text-transform: none;
              text-decoration: none;
              text-underline: none;
          }
      
          /* What it does: Overrides styles added images. */
          img {
            border: none !important;
            outline: none !important;
            text-decoration:none !important;
          }
          td.menu_bar_1 a:hover,
          td.menu_bar_6 a:hover {
            color: #479ccf !important;
          }
          th.related_product_wrapper.first {
            border-right: 11px solid #ffffff;
            padding-right: 5px;
          }
          th.related_product_wrapper.last {
            border-left: 11px solid #ffffff;
            padding-left: 5px;
          }
    </style>
    <!--[if (mso)|(mso 16)]>
      <style type="text/css" data-premailer="ignore">
        a {text-decoration: none;}
      </style>
    <![endif]-->
    <!--[if gte mso 9]>
      <style>
        li {
              text-indent: -1em; /* Normalise space between bullets and text */
          }
      </style>
    <![endif]-->
    <!--[if !mso]><!-->
  <style type="text/css" data-premailer="ignore">
    /* What it does: Fixes fonts for Google WebFonts; */
    [style*="Montserrat"] {
        font-family: 'Montserrat',Verdana,sans-serif !important;
    }
    [style*="Montserrat"] {
        font-family: 'Montserrat',Verdana,sans-serif !important;
    }
    [style*="Montserrat"] {
        font-family: 'Montserrat',Verdana,sans-serif !important;
    }
    [style*="Montserrat"] {
        font-family: 'Montserrat',Verdana,sans-serif !important;
    }
  </style>
  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Montserrat:400,700|Montserrat:400,700|Montserrat:400,700&amp;subset=latin-ext" rel="stylesheet" type="text/css" data-premailer="ignore">
  <!--<![endif]-->
      <style type="text/css" data-premailer="ignore">
        /* Media Queries */
            /* What it does: Removes right gutter in Gmail iOS app */
            @media only screen and (min-device-width: 375px) and (max-device-width: 413px) { /* iPhone 6 and 6  */
                .container {
                    min-width: 375px !important;
                }
            }
            /* Main media query for responsive styles */
            @media only screen and (max-width:480px) {
              /* What it does: Overrides email-container's desktop width and forces it into a 100% fluid width. */
              .email-container {
                width: 100% !important;
                min-width: 100% !important;
              }
              .section > th {
                padding: 11px 22px 11px 22px !important;
              }
              .section.divider > th {
                padding: 22px 22px !important;
              }
              .main .section:first-child > th,
              .main .section:first-child > td {
                  padding-top: 22px !important;
              }
                .main .section:nth-last-child(2) > th,
                .main .section:nth-last-child(2) > td {
                    padding-bottom: 44px !important;
                }
              .section.recommended_products > th,
              .section.discount > th,
              .section.personal_discount > th {
                  padding: 22px 22px !important;
              }
              /* What it does: Forces images to resize to the width of their container. */
              img.fluid,
              img.fluid-centered {
                width: 100% !important;
                min-width: 100% !important;
                max-width: 100% !important;
                height: auto !important;
                Margin: auto !important;
                box-sizing: border-box;
              }
              /* and center justify these ones. */
              img.fluid-centered {
                Margin: auto !important;
              }
        
              /* What it does: Forces table cells into full-width rows. */
              th.stack-column,
              th.stack-column-left,
              th.stack-column-center,
              th.related_product_wrapper,
              .column_1_of_2,
              .column_2_of_2 {
                display: block !important;
                width: 100% !important;
                min-width: 100% !important;
                direction: ltr !important;
                box-sizing: border-box;
              }
              /* and left justify these ones. */
              th.stack-column-left {
                text-align: left !important;
              }
              /* and center justify these ones. */
              th.stack-column-center,
              th.related_product_wrapper {
                text-align: center !important;
                border-right: none !important;
                border-left: none !important;
              }
              .column_button,
              .column_button > table,
              .column_button > table th {
                width: 100% !important;
                text-align: center !important;
                Margin: 0 !important;
              }
              .column_1_of_2 {
                padding-bottom: 22px !important;
              }
              .column_1_of_2 th {
                  padding-right: 0 !important;
              }
              .column_2_of_2 th {
                  padding-left:  0 !important;
              }
              .column_text_after_button {
                padding: 0 11px !important;
              }
              /* Adjust product images */
              th.table-stack {
                padding: 0 !important;
              }
              th.product-image-wrapper {
                  padding: 22px 0 11px 0 !important;
              }
              img.product-image {
                    width: 240px !important;
                    max-width: 240px !important;
              }
              tr.row-border-bottom th.product-image-wrapper {
                border-bottom: none !important;
              }
              th.related_product_wrapper.first,
              th.related_product_wrapper.last {
                padding-right: 0 !important;
                padding-left: 0 !important;
              }
              .text_banner th.banner_container {
                padding: 11px !important;
              }
              .mobile_app_download .column_1_of_2 .image_container {
                padding-bottom: 0 !important;
              }
              .mobile_app_download .column_2_of_2 .image_container {
                padding-top: 0 !important;
              }
              .image_with_text th.column_1_of_2 {
                padding: 22px !important;
                padding-bottom: 11px !important;
              }
              .image_with_text th.column_2_of_2 {
                padding: 22px !important;
                padding-top: 11px !important;
              }
              .images_in_2_columns th.column_1_of_2 {
                padding: 0 !important;
                padding-bottom: 11px !important;
              }
              .images_in_2_columns th.column_2_of_2 {
                padding: 0 !important;
                padding-top: 11px !important;
              }
            }
      </style>
      <style type="text/css" data-premailer="ignore">
        /* Custom Media Queries */
          @media only screen and (max-width:480px) {
            .section_th {
                padding: 44px 22px !important;
            }
            .header .section_th {
                padding: 0 22px 0 22px !important;
            }
            .header .section_wrapper_th {
                padding: 0 22px 0 22px !important;
            }
            .footer .section_wrapper_th {
              padding: 22px 22px 22px 22px !important;
            }
            .footer .column_2_of_2,
            .footer .column_2_of_2 th,
            .footer .column_2_of_2 th p {
                text-align: left !important;
            }
          }
      </style>
    </head>
    <body class="body" id="body" leftMargin="0" topMargin="0" Marginwidth="0" Marginheight="0" bgcolor="#ffffff" style="-webkit-text-size-adjust: none; -ms-text-size-adjust: none; Margin: 0; padding: 0;">
      <!--[if !mso 9]><!-->
        <div style="display: none; max-height: 0px; overflow: hidden; line-height: 1px; max-width: 0px; opacity: 0; mso-hide: all;">
            Thank you for your purchase, this email confirms your order {{ order_number }}. We will send you another email as soon as your order is {% if pickup_in_store? %}ready for pickup{% else %}shipped{% endif %}.hola ola hola{%- for line_item in subtotal_line_items -%}{%- if line_item.product.title contains "s -%}SHOW TEXT YOU WANT CUSTOMER TO SEE {%- endif -%}{%- endfor -%}
        </div>
      <!--<![endif]-->
        {% capture default_utms %}utm_campaign=order-confirmation-email&utm_medium=email&utm_source=OrderlyEmails{% endcapture %}
          {% capture question_mark %}?{% endcapture %}
            <!-- PARIS -->
            <!-- BEGIN: CONTAINER -->
            <table class="container container_header" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse: collapse; min-width: 100%;" role="presentation" bgcolor="#ffffff">
              <tbody>
                <tr>
                  <th valign="top" style="mso-line-height-rule: exactly;">
                    <center style="width: 100%;">
                      <table border="0" width="600" cellpadding="0" cellspacing="0" align="center" style="width: 600px; min-width: 600px; max-width: 600px; Margin: auto;" class="email-container" role="presentation">
                        <tbody>
                          <tr>
                            <th valign="top" style="mso-line-height-rule: exactly;">
                              <!-- BEGIN : SECTION : HEADER -->
                              <table class="section_wrapper header" data-id="header" id="section-header" border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation" bgcolor="#ffffff">
                                <tr>
                                  <td class="section_wrapper_th" style="mso-line-height-rule: exactly; padding: 0 44px;" bgcolor="#ffffff">
                                    <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation">
                                    </table>
                                  </td>
                                </tr>
                              </table>
                              <!-- END : SECTION : HEADER -->
                            </th>
                          </tr>
                        </tbody>
                      </table>
                    </center>
                  </th>
                </tr>
              </tbody>
            </table>
            <!-- END : CONTAINER -->
            <!-- BEGIN: CONTAINER -->
            <table class="container container_main" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse: collapse; min-width: 100%;" role="presentation" bgcolor="#ffffff">
              <tbody>
                <tr>
                  <th valign="top" style="mso-line-height-rule: exactly;">
                    <center style="width: 100%;">
                      <table border="0" width="600" cellpadding="0" cellspacing="0" align="center" style="width: 600px; min-width: 600px; max-width: 600px; Margin: auto;" class="email-container" role="presentation">
                        <tbody>
                          <tr>
                            <th valign="top" style="mso-line-height-rule: exactly;">
                              <!-- BEGIN : SECTION : MAIN -->
                              <table class="section_wrapper main" data-id="main" id="section-main" border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%; text-align: left;" role="presentation" bgcolor="#ffffff">
                                <tr>
                                  <td class="section_wrapper_th" style="mso-line-height-rule: exactly; padding-top: 22px;" align="left" bgcolor="#ffffff">
                                    <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" id="mixContainer" role="presentation">
                                      <!-- BEGIN SECTION: Text -->
                                      <tr id="section-10781271" class="section text" style="direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c;" align="left">
                                        <th data-key="10781271_text" class="text " style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; padding: 22px 44px 11px;" align="left" bgcolor="#ffffff">
                                          <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{&nbsp; customer.name }}</p>
                                        </th>
                                      </tr>
                                      <!-- END SECTION: Text -->
                                      <!-- BEGIN SECTION: Customer And Shipping Address -->
                                      <tr id="section-10039044" class="section customer_and_shipping_address">
                                        <!-- BEGIN : 2 COLUMNS : BILL_TO -->
                                        <th style="mso-line-height-rule: exactly; padding: 11px 44px;" align="left" bgcolor="#ffffff">
                                          <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation">
                                            <tr>
                                              <!-- BEGIN : Column 1 of 2 : BILL_TO -->
                                              <th width="50%" class="column_1_of_2 column_bill_to " style="mso-line-height-rule: exactly;" align="left" bgcolor="#ffffff" valign="top">
                                                <table align="center" border="0" width="100%" cellpadding="0" cellspacing="0" style="min-width: 100%;" role="presentation">
                                                  {% if shipping_address != blank or attributes.Checkout-Method == "pickup" %}
                                                    {% if attributes.Checkout-Method == "delivery" %}
                                                      <tr>
                                                        <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <h3 data-key="10039044_delivery_title" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Delivery Address</h3>
                                                        </th>
                                                      </tr>
                                                      <tr>
                                                        <th class="shipping_address " style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">
                                                            {%- if shipping_address and shipping_address != blank -%}
                                                              {{ shipping_address.name }}<br>
                                                              {%- if shipping_address.company != blank -%}
                                                                {{ shipping_address.company }}<br>
                                                              {%- endif -%}
                                                              {{ shipping_address.address1 }}<br>
                                                              {%- if shipping_address.address2 != blank -%}
                                                                {{ shipping_address.address2 }}<br>
                                                              {%- endif -%}
                                                              {{ shipping_address.city }}, {% if shipping_address.province_code != blank -%}{{ shipping_address.province_code }}{% else -%}{{ shipping_address.province }}{%- endif %} {{ shipping_address.zip | upcase }}<br>
                                                              {%- if shipping_address.country != shop.country -%}{{ shipping_address.country }}{%- endif -%}<br>
                                                              {%- if shipping_address.phone != blank -%} <span data-key="10039044_tel" style="text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c;">Tel.</span> <span style="color: inherit !important; text-decoration: none !important; text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none;">{{ shipping_address.phone }}</span><br>
                                                              {%- endif -%}
                                                            {%- endif -%}
                                                          </p>
                                                        </th>
                                                      </tr>
                                                      {% if attributes.Delivery-Date %}
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <h3 data-key="10039044_delivery_date" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Delivery Date</h3>
                                                          </th>
                                                        </tr>
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{ attributes.Delivery-Date | date: "%d/%m/%Y" }}</p>
                                                          </th>
                                                        </tr>
                                                      {% endif %}
                                                      {% if attributes.Delivery-Time %}
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <h3 data-key="10039044_delivery_time" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Delivery Time</h3>
                                                          </th>
                                                        </tr>
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{ attributes.Delivery-Time }}</p>
                                                          </th>
                                                        </tr>
                                                      {% endif %}
                                                    {% elsif attributes.Checkout-Method == "pickup" %}
                                                      <tr>
                                                        <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <h3 data-key="10039044_pickup_title" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Pickup Address</h3>
                                                        </th>
                                                      </tr>
                                                      <tr>
                                                        <th class="pickup_address " style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{% if attributes.Pickup-Location-Company %}{{ attributes.Pickup-Location-Company }}<br>
                                                            {% endif %}{{ attributes.Pickup-Location-Address-Line-1 }}{% if attributes.Pickup-Location-Address-Line-2 %}<br>
                                                              {{ attributes.Pickup-Location-Address-Line-2 }}{% endif %}<br>
                                                            {{ attributes.Pickup-Location-City }}<br>
                                                            {{ attributes.Pickup-Location-Region }}<br>
                                                            {{ attributes.Pickup-Location-Postal-Code }}<br>
                                                            {{ attributes.Pickup-Location-Country }}<br>
                                                          </p>
                                                        </th>
                                                      </tr>
                                                      {% if attributes.Pickup-Date %}
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <h3 data-key="10039044_pickup_date" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Pickup Date</h3>
                                                          </th>
                                                        </tr>
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{ attributes.Pickup-Date | date: "%d/%m/%Y" }}</p>
                                                          </th>
                                                        </tr>
                                                      {% endif %}
                                                      {% if attributes.Pickup-Time %}
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <h3 data-key="10039044_pickup_time" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Pickup Time</h3>
                                                          </th>
                                                        </tr>
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{ attributes.Pickup-Time }}</p>
                                                          </th>
                                                        </tr>
                                                      {% endif %}
                                                    {% elsif shipping_address != blank %}
                                                      <tr>
                                                        <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <h3 data-key="10039044_ship_to" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Shipping Address</h3>
                                                        </th>
                                                      </tr>
                                                      <tr>
                                                        <th class="shipping_address " style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">
                                                            {%- if shipping_address and shipping_address != blank -%}
                                                              {{ shipping_address.name }}<br>
                                                              {%- if shipping_address.company != blank -%}
                                                                {{ shipping_address.company }}<br>
                                                              {%- endif -%}
                                                              {{ shipping_address.address1 }}<br>
                                                              {%- if shipping_address.address2 != blank -%}
                                                                {{ shipping_address.address2 }}<br>
                                                              {%- endif -%}
                                                              {{ shipping_address.city }}, {% if shipping_address.province_code != blank -%}{{ shipping_address.province_code }}{% else -%}{{ shipping_address.province }}{%- endif %} {{ shipping_address.zip | upcase }}<br>
                                                              {%- if shipping_address.country != shop.country -%}{{ shipping_address.country }}{%- endif -%}<br>
                                                              {%- if shipping_address.phone != blank -%} <span data-key="10039044_tel" style="text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c;">Tel.</span> <span style="color: inherit !important; text-decoration: none !important; text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none;">{{ shipping_address.phone }}</span><br>
                                                              {%- endif -%}
                                                            {%- endif -%}
                                                          </p>
                                                        </th>
                                                      </tr>
                                                      {% if attributes.Shipping-Date %}
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <h3 data-key="10039044_shipping_date" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Shipping Date</h3>
                                                          </th>
                                                        </tr>
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{ attributes.Shipping-Date | date: "%d/%m/%Y" }}</p>
                                                          </th>
                                                        </tr>
                                                      {% endif %}
                                                    {% else %}
                                                      <tr>
                                                        <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left"></p>
                                                        </th>
                                                      </tr>
                                                    {% endif %}
                                                  {% else %}
                                                    {% if billing_address != blank or customer.default_address != blank or customer.name != blank %}
                                                      <tr>
                                                        <th style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <h3 data-key="10039044_bill_to" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Customer</h3>
                                                        </th>
                                                      </tr>
                                                    {% endif %}
                                                    <tr>
                                                      <th class="billing_address " style="mso-line-height-rule: exactly; padding-right: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                        {%- assign billing_address = billing_address | default: customer.default_address -%}
                                                        <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">
                                                          {%- if billing_address and billing_address != blank -%}
                                                            {{ billing_address.name }}<br>
                                                            {%- if billing_address.company != blank -%}
                                                              {{ billing_address.company }}<br>
                                                            {%- endif -%}
                                                            {{ billing_address.address1 }}<br>
                                                            {%- if billing_address.address2 != blank -%}
                                                              {{ billing_address.address2 }}<br>
                                                            {%- endif -%}
                                                            {{ billing_address.city }}, {% if billing_address.province_code != blank -%}{{ billing_address.province_code }}{% else -%}{{ billing_address.province }}{%- endif %} {{ billing_address.zip | upcase }}<br>
                                                            {%- if billing_address.country != shop.country -%}{{ billing_address.country }}<br>
                                                            {%- endif -%}
                                                          {%- elsif customer != blank -%}
                                                            {% if customer.name != blank %}{{ customer.name }}<br>
                                                            {%- endif -%}
                                                          {%- endif -%}
                                                        </p>
                                                      </th>
                                                    </tr>
                                                  {% endif %}
                                                </table>
                                              </th>
                                              <!-- END : Column 1 of 2 : BILL_TO -->
                                              <!-- BEGIN : Column 2 of 2 : SHIP_TO -->
                                              <th width="50%" class="column_2_of_2 column_ship_to " style="mso-line-height-rule: exactly;" align="left" bgcolor="#ffffff" valign="top">
                                                <table align="center" border="0" width="100%" cellpadding="0" cellspacing="0" style="min-width: 100%;" role="presentation">
                                                  {% if shipping_address != blank or attributes.Checkout-Method == "pickup" %}
                                                    {% if billing_address != blank or customer.default_address != blank or customer.name != blank %}
                                                      <tr>
                                                        <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <h3 data-key="10039044_bill_to" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Customer</h3>
                                                        </th>
                                                      </tr>
                                                    {% endif %}
                                                    <tr>
                                                      <th class="billing_address " style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                        {%- assign billing_address = billing_address | default: customer.default_address -%}
                                                        <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">
                                                          {%- if billing_address and billing_address != blank -%}
                                                            {{ billing_address.name }}<br>
                                                            {%- if billing_address.company != blank -%}
                                                              {{ billing_address.company }}<br>
                                                            {%- endif -%}
                                                            {{ billing_address.address1 }}<br>
                                                            {%- if billing_address.address2 != blank -%}
                                                              {{ billing_address.address2 }}<br>
                                                            {%- endif -%}
                                                            {{ billing_address.city }}, {% if billing_address.province_code != blank -%}{{ billing_address.province_code }}{% else -%}{{ billing_address.province }}{%- endif %} {{ billing_address.zip | upcase }}<br>
                                                            {%- if billing_address.country != shop.country -%}{{ billing_address.country }}<br>
                                                            {%- endif -%}
                                                          {%- elsif customer != blank -%}
                                                            {% if customer.name != blank %}{{ customer.name }}<br>
                                                            {%- endif -%}
                                                          {%- endif -%}
                                                        </p>
                                                      </th>
                                                    </tr>
                                                  {% else %}
                                                    {% if attributes.Checkout-Method == "delivery" %}
                                                      <tr>
                                                        <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <h3 data-key="10039044_delivery_title" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Delivery Address</h3>
                                                        </th>
                                                      </tr>
                                                      <tr>
                                                        <th class="shipping_address " style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">
                                                            {%- if shipping_address and shipping_address != blank -%}
                                                              {{ shipping_address.name }}<br>
                                                              {%- if shipping_address.company != blank -%}
                                                                {{ shipping_address.company }}<br>
                                                              {%- endif -%}
                                                              {{ shipping_address.address1 }}<br>
                                                              {%- if shipping_address.address2 != blank -%}
                                                                {{ shipping_address.address2 }}<br>
                                                              {%- endif -%}
                                                              {{ shipping_address.city }}, {% if shipping_address.province_code != blank -%}{{ shipping_address.province_code }}{% else -%}{{ shipping_address.province }}{%- endif %} {{ shipping_address.zip | upcase }}<br>
                                                              {%- if shipping_address.country != shop.country -%}{{ shipping_address.country }}{%- endif -%}<br>
                                                              {%- if shipping_address.phone != blank -%} <span data-key="10039044_tel" style="text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c;">Tel.</span> <span style="color: inherit !important; text-decoration: none !important; text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none;">{{ shipping_address.phone }}</span><br>
                                                              {%- endif -%}
                                                            {%- endif -%}
                                                          </p>
                                                        </th>
                                                      </tr>
                                                      {% if attributes.Delivery-Date %}
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <h3 data-key="10039044_delivery_date" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Delivery Date</h3>
                                                          </th>
                                                        </tr>
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{ attributes.Delivery-Date | date: "%d/%m/%Y" }}</p>
                                                          </th>
                                                        </tr>
                                                      {% endif %}
                                                      {% if attributes.Delivery-Time %}
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <h3 data-key="10039044_delivery_time" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Delivery Time</h3>
                                                          </th>
                                                        </tr>
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{ attributes.Delivery-Time }}</p>
                                                          </th>
                                                        </tr>
                                                      {% endif %}
                                                    {% elsif attributes.Checkout-Method == "pickup" %}
                                                      <tr>
                                                        <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <h3 data-key="10039044_pickup_title" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Pickup Address</h3>
                                                        </th>
                                                      </tr>
                                                      <tr>
                                                        <th class="pickup_address " style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{% if attributes.Pickup-Location-Company %}{{ attributes.Pickup-Location-Company }}<br>
                                                            {% endif %}{{ attributes.Pickup-Location-Address-Line-1 }}{% if attributes.Pickup-Location-Address-Line-2 %}<br>
                                                              {{ attributes.Pickup-Location-Address-Line-2 }}{% endif %}<br>
                                                            {{ attributes.Pickup-Location-City }}<br>
                                                            {{ attributes.Pickup-Location-Region }}<br>
                                                            {{ attributes.Pickup-Location-Postal-Code }}<br>
                                                            {{ attributes.Pickup-Location-Country }}<br>
                                                          </p>
                                                        </th>
                                                      </tr>
                                                      {% if attributes.Pickup-Date %}
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <h3 data-key="10039044_pickup_date" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Pickup Date</h3>
                                                          </th>
                                                        </tr>
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{ attributes.Pickup-Date | date: "%d/%m/%Y" }}</p>
                                                          </th>
                                                        </tr>
                                                      {% endif %}
                                                      {% if attributes.Pickup-Time %}
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <h3 data-key="10039044_pickup_time" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Pickup Time</h3>
                                                          </th>
                                                        </tr>
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{ attributes.Pickup-Time }}</p>
                                                          </th>
                                                        </tr>
                                                      {% endif %}
                                                    {% elsif shipping_address != blank %}
                                                      <tr>
                                                        <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <h3 data-key="10039044_ship_to" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Shipping Address</h3>
                                                        </th>
                                                      </tr>
                                                      <tr>
                                                        <th class="shipping_address " style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">
                                                            {%- if shipping_address and shipping_address != blank -%}
                                                              {{ shipping_address.name }}<br>
                                                              {%- if shipping_address.company != blank -%}
                                                                {{ shipping_address.company }}<br>
                                                              {%- endif -%}
                                                              {{ shipping_address.address1 }}<br>
                                                              {%- if shipping_address.address2 != blank -%}
                                                                {{ shipping_address.address2 }}<br>
                                                              {%- endif -%}
                                                              {{ shipping_address.city }}, {% if shipping_address.province_code != blank -%}{{ shipping_address.province_code }}{% else -%}{{ shipping_address.province }}{%- endif %} {{ shipping_address.zip | upcase }}<br>
                                                              {%- if shipping_address.country != shop.country -%}{{ shipping_address.country }}{%- endif -%}<br>
                                                              {%- if shipping_address.phone != blank -%} <span data-key="10039044_tel" style="text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c;">Tel.</span> <span style="color: inherit !important; text-decoration: none !important; text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none;">{{ shipping_address.phone }}</span><br>
                                                              {%- endif -%}
                                                            {%- endif -%}
                                                          </p>
                                                        </th>
                                                      </tr>
                                                      {% if attributes.Shipping-Date %}
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <h3 data-key="10039044_shipping_date" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Shipping Date</h3>
                                                          </th>
                                                        </tr>
                                                        <tr>
                                                          <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{ attributes.Shipping-Date | date: "%d/%m/%Y" }}</p>
                                                          </th>
                                                        </tr>
                                                      {% endif %}
                                                    {% else %}
                                                      <tr>
                                                        <th style="mso-line-height-rule: exactly; padding-left: 11px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left"></p>
                                                        </th>
                                                      </tr>
                                                    {% endif %}
                                                  {% endif %}
                                                </table>
                                              </th>
                                              <!-- END : Column 2 of 2 : SHIP_TO -->
                                            </tr>
                                          </table>
                                        </th>
                                        <!-- END : 2 COLUMNS : SHIP_TO -->
                                      </tr>
                                      <!-- END SECTION: Customer And Shipping Address -->
                                      <!-- BEGIN SECTION: Heading -->
                                      <tr id="section-10039041" class="section heading">
                                        <th style="mso-line-height-rule: exactly; padding: 11px 44px;" align="left" bgcolor="#ffffff">
                                          <table cellspacing="0" cellpadding="0" border="0" width="100%" role="presentation">
                                            <tr>
                                              <th style="mso-line-height-rule: exactly;" align="left" bgcolor="#ffffff" valign="top">
                                                <h1 data-key="10039041_heading" style="font-family: Verdana,san-serif,'Montserrat'; font-size: 28px; line-height: 38px; font-weight: 400; color: #222222; text-transform: none; Margin: 0;">Order Confirmation</h1>
                                              </th>
                                            </tr>
                                          </table>
                                        </th>
                                      </tr>
                                      <!-- END SECTION: Heading -->
                                      <!-- BEGIN SECTION: Introduction -->
                                      <tr id="section-10039042" class="section introduction">
                                        <th style="mso-line-height-rule: exactly; padding: 11px 44px;" align="left" bgcolor="#ffffff">
                                          {% if custom_message != blank %}
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0 0 11px;" align="left">{{ custom_message }}</p>
                                          {% endif %}
                                          <span data-key="10039042_introduction_text" class="text" style="text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c;">
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0 0;" align="left"></p>
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0 0;" align="left">Thank you for your purchase, this email confirms your order&nbsp; {{ order_number }}. We will send you another email as soon as your order is {% if pickup_in_store? %}ready for pickup{% else %}shipped{% endif %}.</p>
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0 0;" align="left">hola ola hola</p>
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0 0;" align="left">{%- for line_item in subtotal_line_items -%}</p>
                                              <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0 0;" align="left">{%- if line_item.product.title contains "s -%}</p>
                                                <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0 0;" align="left">SHOW TEXT YOU WANT CUSTOMER TO SEE </p>
                                                <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0 0;" align="left">{%- endif -%}</p>
                                              <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0 0;" align="left">{%- endfor -%}</p>
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0 0;" align="left">	</p>
                                          </span>
                                        </th>
                                      </tr>
                                      <!-- END SECTION: Introduction -->
                                      <!-- BEGIN SECTION: Order Number And Date -->
                                      <tr id="section-10039043" class="section order_number_and_date">
                                        <th style="mso-line-height-rule: exactly; padding: 11px 44px;" align="left" bgcolor="#ffffff">
                                          {% if name != blank %}
                                            <h2 style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 18px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">
                                              <span data-key="10039043_order_number">Order No.</span> {{ name }}
                                            </h2>
                                            <p class="muted" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 14px; line-height: 22px; font-weight: normal; text-transform: none; color: #a9aaaa; Margin: 0;" align="left">{{ created_at | date: "%d/%m/%Y" }}</p>
                                          {% endif %}
                                        </th>
                                      </tr>
                                      <!-- END SECTION: Order Number And Date -->
                                      <!-- BEGIN SECTION: Order Notes -->
                                      <tr id="section-10039045" class="section order_notes">
                                        <th style="mso-line-height-rule: exactly; padding: 11px 44px;" align="left" bgcolor="#ffffff">
                                          {% if note != blank or attributes != blank %}
                                            <h3 data-key="10039045_order_notes" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Order Notes</h3>
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">
                                              {% if note != blank %}{{ note | newline_to_br }}{% endif %}<br>
                                            </p>
                                          {% endif %}
                                        </th>
                                      </tr>
                                      <!-- END SECTION: Order Notes -->
                                      <!-- BEGIN SECTION: Order Status Button -->
                                      <tr id="section-10039046" class="section order_status_button">
                                        <th style="mso-line-height-rule: exactly; padding: 11px 44px;" align="left" bgcolor="#ffffff">
                                          <table cellspacing="0" cellpadding="0" border="0" width="100%">
                                            <tr>
                                              <th class="sides column_text_before_button" data-key="10039046_text_before_button" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; padding-bottom: 11px;" align="left" bgcolor="#ffffff" valign="top">You can follow the status of your order by clicking the button below:
                                              </th>
                                            </tr>
                                            <!-- Button : BEGIN -->
                                            <tr>
                                              <th class="sides column_button button1" style="mso-line-height-rule: exactly; Margin: 0; padding: 11px 0;" align="left" bgcolor="#ffffff" valign="top">
                                                <table cellspacing="0" cellpadding="0" border="0" class="button" role="presentation" style="text-align: left; Margin: auto 0;" bgcolor="transparent">
                                                  <tr>
                                                    <th class="button-inner" style="mso-line-height-rule: exactly; border-radius: 5px;" align="center" bgcolor="#008060" valign="top">
                                                      <a class="button-link" href="{{order_status_url}}" target="_blank" style="color: #ffffff !important; text-decoration: none !important; text-underline: none; word-wrap: break-word; font-size: 16px; font-family: Verdana,san-serif,'Montserrat'; font-weight: 400; text-transform: none; line-height: 16px; text-align: center; display: block; background-color: #008060; border-radius: 5px; padding: 1px 20px; border: 15px solid #008060;"><span class="text-on-button" style="line-height: 16px; color: #ffffff; font-weight: 400; text-decoration: none; text-underline: none; letter-spacing: 0.5px;"><!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--><span class="text-on-button-inner" data-key="10039046_text_on_button" style="line-height: 16px; color: #ffffff; font-weight: 400; text-decoration: none; text-underline: none; letter-spacing: 0.5px;">View Order Status ></span><!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--></span></a>
                                                    </th>
                                                  </tr>
                                                </table>
                                              </th>
                                            </tr>
                                            <!-- Button : END -->
                                          </table>
                                        </th>
                                      </tr>
                                      <!-- END SECTION: Order Status Button -->
                                      <!-- BEGIN SECTION: Products With Pricing -->
                                      <tr id="section-10039047" class="section products_with_pricing">
                                        {% if line_items != blank %}
                                          <!-- Bold 1 -->
                                          {% assign hidden_variant_ids = "" %}
                                          {% for line_item in line_items %}
                                            {% if line_item.properties._boldVariantIds %}
                                              {% assign hidden_variant_ids = hidden_variant_ids | append: ',' %}
                                              {% assign hidden_variant_ids = hidden_variant_ids | append: line_item.properties._boldVariantIds %}
                                            {% endif %}
                                          {% endfor %}
                                          <!-- end Bold 1 -->
                                          <th style="mso-line-height-rule: exactly; padding: 11px 44px;" align="left" bgcolor="#ffffff">
                                            <table class="table-inner" cellspacing="0" cellpadding="0" border="0" width="100%" style="min-width: 100%;" role="presentation">
                                              <tr>
                                                <th class="product-table" style="mso-line-height-rule: exactly;" align="left" bgcolor="#ffffff" valign="top">
                                                  <table cellspacing="0" cellpadding="0" border="0" width="100%" style="min-width: 100%;" role="presentation">
                                                    <tr>
                                                      <th colspan="2" class="product-table-h3-wrapper" style="mso-line-height-rule: exactly;" align="left" bgcolor="#ffffff" valign="top">
                                                        <h3 data-key="10039047_item" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; border-bottom-width: 1px; border-bottom-color: #e5e5e5; border-bottom-style: solid; Margin: 0;" align="left">Items ordered</h3>
                                                      </th>
                                                    </tr>
                                                    {% for line_item in line_items %}
                                                      {% if line_item.quantity != 0 %}
                                                        <!-- Bold 2 -->
                                                        {% capture line_variant_id1 %}{{ line_item.variant_id }}{% endcapture %}
                                                        {% assign adjusted_item_price = line_item.price %}
                                                        {% assign adjusted_line_price = line_item.final_line_price %}
                                                        {% unless line_variant_id1 == blank %}
                                                          {% if hidden_variant_ids contains line_variant_id1 %}{% continue %}{% endif %}
                                                          {% for line_item2 in line_items %}
                                                            {% capture line_variant_id2 %}{{ line_item2.variant_id }}{% endcapture %}
                                                            {% if line_item.properties._boldVariantIds contains line_variant_id2 %}
                                                              {% assign adjusted_item_price = adjusted_item_price | plus: line_item2.price %}
                                                              {% assign adjusted_line_option_price = line_item2.price | times: line_item.quantity %}
                                                              {% assign adjusted_line_price = adjusted_line_price | plus: adjusted_line_option_price %}
                                                            {% endif %}
                                                          {% endfor %}
                                                        {% endunless %}
                                                        <!-- end Bold 2 -->
                                                        <tr class="row-border-bottom">
                                                          <th class="table-stack product-image-wrapper stack-column-center" width="1" style="mso-line-height-rule: exactly; border-bottom-width: 1px; border-bottom-color: #e5e5e5; border-bottom-style: solid; padding: 11px 11px 11px 0;" align="left" bgcolor="#ffffff" valign="middle">{% if line_item.image != blank %}<a href="{% capture link %}https://{{shop.domain}}{{line_item.product.url}}{% endcapture %}{% if link contains shop.domain %}{% assign split_link = link | split: question_mark %}{{ split_link[0] }}?{{ default_utms }}&utm_content=product{% if split_link[1] != blank %}&{{ split_link[1] }}{% endif %}{% else %}{{ link }}{% endif %}" class="product_link" target="_blank" style="color: #479ccf; text-decoration: none !important; text-underline: none; word-wrap: break-word;"><img width="160" class="product-image" src="{{ line_item.image | img_url: '160x160_cropped@3x' }}" alt="{{ line_item.title }}" style="vertical-align: middle; text-align: center; width: 160px; max-width: 160px; height: auto !important; border-radius: 1px; padding: 0px;"></a>{% endif %}</th>
                                                          <th class="product-details-wrapper table-stack stack-column" style="mso-line-height-rule: exactly; padding-top: 11px; padding-bottom: 11px; border-bottom-width: 1px; border-bottom-color: #e5e5e5; border-bottom-style: solid;" align="left" bgcolor="#ffffff" valign="middle">
                                                            <table cellspacing="0" cellpadding="0" border="0" width="100%" style="min-width: 100%;" role="presentation">
                                                              <tr>
                                                                {% if line_item.product != blank and line_item.product.title != blank %}
                                                                  {% assign line_title = line_item.product.title %}
                                                                {% else %}
                                                                  {% assign line_title = line_item.title %}
                                                                {% endif %}
                                                                <th class="line-item-description" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; padding: 11px 5px 11px 0;" align="left" bgcolor="#ffffff" valign="top">
                                                                  <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">
                                                                    <a href="{% capture link %}https://{{shop.domain}}{{line_item.product.url}}{% endcapture %}{% if link contains shop.domain %}{% assign split_link = link | split: question_mark %}{{ split_link[0] }}?{{ default_utms }}&utm_content=product{% if split_link[1] != blank %}&{{ split_link[1] }}{% endif %}{% else %}{{ link }}{% endif %}" class="product_link" target="_blank" style="color: #6c6c6c; text-decoration: none !important; text-underline: none; word-wrap: break-word; text-align: left !important; font-weight: 400;">
                                                                      {{ line_title }}
                                                                    </a>
                                                                    {% if line_item.variant.title != blank and line_item.variant.title != "Default Title" %}
                                                                      <br>
                                                                      <span class="muted" style="text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 14px; line-height: 22px; font-weight: normal; text-transform: none; color: #a9aaaa;">{{ line_item.variant.title }}</span>
                                                                    {% endif %}
                                                                    {% for p in line_item.properties %}
                                                                      {% assign p_internal = p.first | slice: 0 %}
                                                                      {% unless p.first contains "builder_id" or p.first contains "builder_info" or p.first contains "master_builder" or p.last == "" or p.last == blank %}
                                                                        {% if p.first contains "preview" or p.last contains "/uploads/" or p.last contains "//uploadery.s3" %}
                                                                          <br>
                                                                          <span class="muted" style="text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 14px; line-height: 22px; font-weight: normal; text-transform: none; color: #a9aaaa;">{{ p.first }}:<br>
                                                                          </span>
                                                                          <a href="{{ p.last }}" target="_blank" style="color: #6c6c6c; text-decoration: none !important; text-underline: none; word-wrap: break-word; text-align: left !important; font-weight: 400;"><img src="{{ p.last }}" alt="{{ p.first }}" width="60" border="0" style="width: 60px; height: auto !important;"></a>
                                                                        {% elsif p_internal != "_" %}
                                                                          <br>
                                                                          <span class="muted" style="text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 14px; line-height: 22px; font-weight: normal; text-transform: none; color: #a9aaaa;">{{ p.first }}: {{ p.last }}</span>
                                                                        {% endif %}
                                                                      {% endunless %}
                                                                    {% endfor %}
                                                                    {% if line_item.variant.unit_price_measurement != blank %}
                                                                      <br>
                                                                      <span class="muted" style="text-align: left; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 14px; line-height: 22px; font-weight: normal; text-transform: none; color: #a9aaaa;">({{ line_item.variant.unit_price | money }}{% if line_item.variant.unit_price_measurement.reference_value != 1 %} {{ line_item.variant.unit_price_measurement.reference_value }}{% endif %}/{{ line_item.variant.unit_price_measurement.reference_unit | capitalize }})</span>
                                                                    {% endif %}
                                                                  </p>
                                                                </th>
                                                                <th class="right line-item-qty" width="1" style="mso-line-height-rule: exactly; white-space: nowrap; padding: 11px 5px 11px 22px;" align="left" bgcolor="#ffffff" valign="top">
                                                                  <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="right">x&nbsp;{{ line_item.quantity }}</p>
                                                                </th>
                                                                <th class="right line-item-line-price" width="1" style="mso-line-height-rule: exactly; white-space: nowrap; padding: 11px 0 11px 22px;" align="left" bgcolor="#ffffff" valign="top">
                                                                  <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="right">
                                                                    {{ adjusted_line_price | money }}
                                                                  </p>
                                                                </th>
                                                              </tr>
                                                            </table>
                                                          </th>
                                                        </tr>
                                                        {% unless forloop.last %}
                                                          <tr>
                                                            <th colspan="2" class="product-empty-row" style="mso-line-height-rule: exactly;" align="left" bgcolor="#ffffff" valign="top"></th>
                                                          </tr>
                                                        {% endunless %}
                                                      {% endif %}
                                                    {% endfor %}
                                                  </table>
                                                </th>
                                              </tr>
                                              <tr>
                                                <th class="pricing-table" style="mso-line-height-rule: exactly; padding: 11px 0;" align="left" bgcolor="#ffffff" valign="top">
                                                  <table cellspacing="0" cellpadding="0" border="0" width="100%" style="min-width: 100%;" role="presentation">
                                                    {% assign displayable_discounts = false %}
                                                    {% for discount in discounts %}{% if discount.code != blank %}{% assign displayable_discounts = true %}{% break %}{% endif %}{% endfor %}
                                                    {% if discounts_amount != blank %}
                                                      {% if discounts_amount != 0.0 or displayable_discounts == true  %}
                                                        <tr>
                                                          <th class="table-title" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">
                                                            <span data-key="10039047_discount">Discount</span>{% for discount in discounts %}{% if discount.code != blank and discount.code != 'Discount'%} <span class="discount-code-text" style="word-break: break-all;">({{ discount.code }})</span>{% endif %}{% endfor %}</th>
                                                          <th class="table-text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">-{{ discounts_amount | default: 0 | money }}</th>
                                                        </tr>
                                                      {% endif %}
                                                    {% endif %}
                                                    <tr>
                                                      <th class="table-title" data-key="10039047_subtotal" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">Subtotal</th>
                                                      <th class="table-text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">{{ subtotal_price | money }}</th>
                                                    </tr>
                                                    {% if shipping_method.title != blank && shipping_method.price != 0.00 %}
                                                      <tr>
                                                        <th class="table-title" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">{{ shipping_method.title }}</th>
                                                        <th class="table-text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">{{ shipping_method.price | money }}</th>
                                                      </tr>
                                                    {% endif %}
                                                    {% if current_total_duties and current_total_duties != 0.00 %}
                                                      <tr>
                                                        <th class="table-title" data-key="10039047_duties" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">Import duties</th>
                                                        <th class="table-text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">
                                                          {{ current_total_duties | money }}</th>
                                                      </tr>
                                                    {% endif %}
                                                    {% if total_tip and total_tip != 0.00 %}
                                                      <tr>
                                                        <th class="table-title" data-key="10039047_tip" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">Tip</th>
                                                        <th class="table-text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">
                                                          {{ total_tip | money }}</th>
                                                      </tr>
                                                    {% endif %}
                                                    <tr>
                                                      <th class="table-title" data-key="10039047_total_minus_tax" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">Total excl. tax</th>
                                                      <th class="table-text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">{{ total_price | minus: tax_price | money }}</th>
                                                    </tr>
                                                    {% if tax_price != 0.00 and tax_price != blank %}
                                                      <tr>
                                                        <th class="table-title" data-key="10039047_total_tax" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">Sales tax</th>
                                                        <th class="table-text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">
                                                          {{ tax_price | money }}</th>
                                                      </tr>
                                                    {% endif %}
                                                    <tr class="pricing-table-total-row">
                                                      <th class="table-title" data-key="10039047_total" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #1d1d1d; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">Total</th>
                                                      <th class="table-text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #1d1d1d; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">{{ total_price | money }}</th>
                                                    </tr>
                                                    {% assign total_paid = 0.00 %}
                                                    {% assign total_refunds = 0.00 %}
                                                    {% for transaction in transactions %}
                                                      {% assign kind = transaction.kind %}
                                                      {% assign status = transaction.status %}
                                                      {% if status == "success" %}
                                                        {% if kind == "sale" or kind == "capture" %}
                                                          {% assign total_paid = total_paid | plus: transaction.amount %}
                                                        {% elsif kind == 'change' %}
                                                          {% assign total_paid = total_paid | minus: transaction.amount %}
                                                        {% elsif kind == 'refund' %}
                                                          {% assign total_refunds = total_refunds | plus: transaction.amount %}
                                                          {% assign total_paid = total_paid | minus: transaction.amount %}
                                                        {% endif %}
                                                      {% endif %}
                                                    {% endfor %}
                                                    {% assign total_outstanding = total_price | minus: total_paid | minus: total_refunds %}
                                                    {% if total_refunds != 0.00 %}
                                                      <tr>
                                                        <th class="table-title" data-key="10039047_refund" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">Refund</th>
                                                        <th class="table-text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">-{{ total_refunds | money }}</th>
                                                      </tr>
                                                    {% endif %}
                                                  </table>
                                                </th>
                                              </tr>
                                            </table>
                                          </th>
                                        {% endif %}
                                      </tr>
                                      <!-- END SECTION: Products With Pricing -->
                                      <!-- BEGIN SECTION: Payment Info -->
                                      <tr id="section-10039048" class="section payment_info">
                                        <th style="mso-line-height-rule: exactly; padding: 11px 44px;" align="left" bgcolor="#ffffff">
                                          <table class="table-inner" cellspacing="0" cellpadding="0" border="0" width="100%" style="min-width: 100%;" role="presentation">
                                            <!-- PAYMENT INFO -->
                                            {% assign transaction_size = 0 %}
                                            {% assign pending_gateway = "" %}
                                            {% for transaction in transactions %}
                                              {% if transaction.kind == "capture" or transaction.kind == "void" or kind == "emv_authorization" or transaction.status == "failure" or transaction.status == "error" %}
                                              {% continue %}
                                              {% endif %}
                                              {% assign transaction_size = transaction_size | plus: 1 %}
                                            {% endfor %}
                                            {% if transaction_size > 0 %}
                                              <tr>
                                                <th colspan="2" style="mso-line-height-rule: exactly;" align="left" bgcolor="#ffffff" valign="top">
                                                  <h3 data-key="10039048_payment_info" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; border-bottom-width: 1px; border-bottom-color: #e5e5e5; border-bottom-style: solid; Margin: 0;" align="left">Payment Info</h3>
                                                </th>
                                              </tr>
                                              {% for transaction in transactions %}
                                                {% assign card = null %}
                                                {% assign kind = transaction.kind %}
                                                {% assign status = transaction.status %}
                                                {% assign gateway = transaction.gateway_display_name %}
                                                {% if kind == "capture" or kind == "void" or kind == "emv_authorization" or status == "failure" or status == "error" or gateway == pending_gateway %}
                                                {% continue %}
                                                {% endif %}
                                                {% if status == "pending" %}
                                                  {% assign pending_gateway = gateway %}
                                                {% endif %}
                                                {% if transaction.payment_details != blank and transaction.payment_details.credit_card_company != blank and transaction.payment_details.credit_card_company != "unknown" %}
                                                  {% assign payment = transaction.payment_details.credit_card_company %}
                                                  {% assign card = transaction.payment_details.credit_card_number %}
                                                {% else %}
                                                  {% assign payment = gateway %}
                                                {% endif %}
                                                <!-- PAYMENT METHOD IMAGE -->
                                                {% assign paymentTypeLower = payment | downcase %}
                                                {% assign transaction_img = '' %}
                                                {% if paymentTypeLower contains 'store credit' %}
                                                  {% assign transaction_img = 'mobile-receipt-storecredit.png' %}
                                                {% elsif paymentTypeLower contains 'visa' %}
                                                  {% assign transaction_img = 'mobile-receipt-visa.png' %}
                                                {% elsif paymentTypeLower contains 'mastercard' %}
                                                  {% assign transaction_img = 'mobile-receipt-mastercard.png' %}
                                                {% elsif paymentTypeLower contains 'amex' or paymentTypeLower contains 'american express' %}
                                                  {% assign transaction_img = 'mobile-receipt-amex.png' %}
                                                {% elsif paymentTypeLower contains 'discover' %}
                                                  {% assign transaction_img = 'mobile-receipt-discover.png' %}
                                                {% elsif paymentTypeLower contains 'diners club' %}
                                                  {% assign transaction_img = 'mobile-receipt-dinersclub.png' %}
                                                {% elsif paymentTypeLower contains 'jcb' %}
                                                  {% assign transaction_img = 'mobile-receipt-jcb.png' %}
                                                {% elsif paymentTypeLower contains 'debit' %}
                                                  {% assign transaction_img = 'mobile-receipt-debit.png' %}
                                                {% elsif paymentTypeLower contains 'gift card' %}
                                                  {% assign transaction_img = 'mobile-receipt-giftcard.png' %}
                                                {% elsif paymentTypeLower contains 'cash' %}
                                                  {% assign transaction_img = 'mobile-receipt-cash.png' %}
                                                {% elsif paymentTypeLower contains 'paypal' %}
                                                  {% assign transaction_img = 'mobile-receipt-paypal.png' %}
                                                {% elsif paymentTypeLower contains 'dela upp. klarna' %}
                                                  {% assign transaction_img = 'mobile-receipt-klarna-slice-it.png' %}
                                                {% elsif paymentTypeLower contains 'f&#229; f&#246;rst. betala sen. klarna' or paymentTypeLower contains 'klarna' %}
                                                  {% assign transaction_img = 'mobile-receipt-klarna-pay-later.png' %}
                                                {% elsif paymentTypeLower contains 'mondido' %}
                                                  {% assign transaction_img = 'mobile-receipt-mondido-payments.png' %}
                                                {% elsif paymentTypeLower contains 'ideal' %}
                                                  {% assign transaction_img = 'mobile-receipt-ideal.png' %}
                                                {% elsif paymentTypeLower contains 'bogus' %}
                                                  {% assign transaction_img = 'mobile-receipt-bogus.png' %}
                                                {% else %}
                                                  {% assign transaction_img = 'mobile-receipt-cash.png' %}
                                                {% endif %}
                                                <tr>
                                                  <th class="table-title" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">
                                                    <table cellspacing="0" cellpadding="0" border="0" width="100%" style="min-width: 100%;" role="presentation">
                                                      <tr>
                                                        <th valign="middle" width="40" style="line-height: 38px; mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; font-weight: 400; text-transform: none; color: #6c6c6c; padding: 7px 10px 7px 0;" align="left" bgcolor="#ffffff">
                                                          {% if transaction_img != '' %}<img width="40" style="width: 40px; vertical-align: middle; height: auto !important;" alt="{{ payment }} Icon" src="https://orderlyemails.com/{{ transaction_img }}">{% endif %}
                                                        </th>
                                                        <th style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; padding: 7px 0;" align="left" bgcolor="#ffffff" valign="middle">
                                                          {% if kind == 'change' %}
                                                            Change
                                                          {% else %}
                                                            {{ payment }}
                                                          {% endif %}
                                                          {% if card %}
                                                            <span class="table-muted" style="font-size: 14px; font-weight: normal; color: #a9aaaa;"> ({{ card | replace: " ", "" | replace: "&#8226;", "" }})</span>
                                                          {% endif %}
                                                        </th>
                                                      </tr>
                                                    </table>
                                                  </th>
                                                  <th class="table-text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; width: 35%; padding: 11px 0;" align="right" bgcolor="#ffffff" valign="middle">
                                                    {% if kind == 'refund' %}-{% endif%}{{ transaction.amount | money }}
                                                    </th>
                                                  </tr>
                                                {% endfor %}
                                              {% endif %}
                                            </table>
                                          </th>
                                        </tr>
                                        <!-- END SECTION: Payment Info -->
                                        <!-- BEGIN SECTION: Text -->
                                        <tr id="section-10139760" class="section text" style="direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c;" align="left">
                                          <th data-key="10139760_text" class="text " style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; padding: 11px 44px;" align="left" bgcolor="#ffffff">
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{% if financial_status == &#8216;pending' %}</p>
                                              <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0 0;" align="left">ALL TEXT</p>
                                              <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0 0;" align="left">{% endif %}</p>
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0 0;" align="left"><br>
                                            </p>
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0 0;" align="left"><br>
                                            </p>
                                          </th>
                                        </tr>
                                        <!-- END SECTION: Text -->
                                        <!-- BEGIN SECTION: Closing Text -->
                                        <tr id="section-10039049" class="section closing_text">
                                          <th data-key="10039049_closing_text" class="text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; padding: 0 44px 11px;" align="left" bgcolor="#ffffff">
                                            <br>
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left"><br>
                                            </p>
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0 0;" align="left">Please do not hesitate to give us a call on 00000000 or send an email to <a href="mailto:mateo.alvarez@thesupportheroes.com" style="color: #479ccf; text-decoration: none !important; text-underline: none; word-wrap: break-word;">mateo.alvarez@thesupportheroes.com</a> if you have any questions at all.</p>
                                            <br>
                                            Many thanks,<br>
                                            The mateo-teststore team
                                          </th>
                                        </tr>
                                        <!-- END SECTION: Closing Text -->
                                        <!-- BEGIN SECTION: Discount -->
                                        <tr id="section-10039050" class="section discount">
                                          {% if customer.orders_count == 0 or customer.orders_count == 1 %}
                                            <th style="mso-line-height-rule: exactly; padding: 22px 44px;" align="left" bgcolor="#ffffff">
                                              <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation">
                                                <tr>
                                                  <th class="spacer" style="mso-line-height-rule: exactly; font-size: 0; line-height: 0;" align="left" bgcolor="#ffffff" valign="top">
                                                  </th>
                                                </tr>
                                                <tr>
                                                  <th class="discount_code_wrapper center" style="mso-line-height-rule: exactly; padding: 33px 22px;" align="left" bgcolor="#ffffff" valign="top">
                                                    <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation">
                                                      <tr>
                                                        <th class="discount_title" style="mso-line-height-rule: exactly;" align="center" bgcolor="#ffffff" valign="top">
                                                          <h1 data-key="10039050_discount_title" style="font-family: Verdana,san-serif,'Montserrat'; font-size: 28px; line-height: 38px; font-weight: 400; color: #222222; text-transform: none; Margin: 0;" align="center">10% OFF DISCOUNT</h1>
                                                        </th>
                                                      </tr>
                                                      <tr>
                                                        <th class="discount_text full-editable" data-key="10039050_discount_text" style="mso-line-height-rule: exactly; padding: 11px 11px 22px;" align="left" bgcolor="#ffffff" valign="top">
                                                          <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="center">As thanks for shopping with us, we're giving you a discount coupon to use on your next purchase.</p>
                                                        </th>
                                                      </tr>
                                                      <tr>
                                                        <th class="discount_code" style="mso-line-height-rule: exactly; font-family: Verdana,san-serif,'Montserrat'; color: #6c6c6c; font-size: 20px; font-weight: 700; text-transform: none; letter-spacing: 2px; padding: 11px; border: 3px dashed #479ccf;" align="center" bgcolor="#ffffff" valign="top">
                                                          TAKE10OFF
                                                        </th>
                                                      </tr>
                                                      <!-- Button : BEGIN -->
                                                      <tr>
                                                        <th class="sides column_button button1" style="mso-line-height-rule: exactly; width: 100%; Margin: 0; padding: 11px 0 0;" align="left" bgcolor="#ffffff" valign="top">
                                                          <table cellspacing="0" cellpadding="0" border="0" class="button" role="presentation" style="width: 100%; text-align: left; Margin: auto 0;" bgcolor="transparent">
                                                            <tr>
                                                              <th class="button-inner" style="mso-line-height-rule: exactly; border-radius: 5px;" align="center" bgcolor="#008060" valign="top">
                                                                <a class="button-link" href="{% capture link %}https://linktoyourstore.com{% endcapture %}{% if link contains shop.domain %}{% assign split_link = link | split: question_mark %}{{ split_link[0] }}?{{ default_utms }}&utm_content=button&utm_term=shop-now-gt{% if split_link[1] != blank %}&{{ split_link[1] }}{% endif %}{% else %}{{ link }}{% endif %}" target="_blank" style="color: #ffffff !important; text-decoration: none !important; text-underline: none; word-wrap: break-word; font-size: 16px; font-family: Verdana,san-serif,'Montserrat'; font-weight: 400; text-transform: none; line-height: 16px; text-align: center; display: block; background-color: #008060; border-radius: 5px; padding: 1px 20px; border: 15px solid #008060;"><span class="text-on-button" style="line-height: 16px; color: #ffffff; font-weight: 400; text-decoration: none; text-underline: none; letter-spacing: 0.5px;"><!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--><span class="text-on-button-inner" data-key="10039050_text_on_button" style="line-height: 16px; color: #ffffff; font-weight: 400; text-decoration: none; text-underline: none; letter-spacing: 0.5px;">Shop Now ></span><!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--></span></a>
                                                              </th>
                                                            </tr>
                                                          </table>
                                                        </th>
                                                      </tr>
                                                      <!-- Button : END -->
                                                      <tr>
                                                        <th class="discount_terms" data-key="10039050_discount_terms" style="mso-line-height-rule: exactly; padding: 11px 11px 0;" align="left" bgcolor="#ffffff" valign="top">
                                                          <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 14px; line-height: 22px; font-weight: 400; text-transform: none; color: #a9aaaa; background-color: #ffffff !important; Margin: 0;" align="center">Add terms & conditions here, if needed</p>
                                                        </th>
                                                      </tr>
                                                    </table>
                                                  </th>
                                                </tr>
                                                <tr>
                                                  <th class="spacer" style="mso-line-height-rule: exactly; font-size: 0; line-height: 0;" align="left" bgcolor="#ffffff" valign="top">
                                                  </th>
                                                </tr>
                                              </table>
                                            </th>
                                          {% endif %}
                                        </tr>
                                        <!-- END SECTION: Discount -->
                                        <!-- BEGIN SECTION: Recommended Products -->
                                        <tr id="section-10108869" class="section recommended_products">
                                          {% assign recommended_products = shop.metafields.orderlyemails.related_products %}
                                          {% unless recommended_products == "&nbsp;" %}
                                            {% assign recommended_products = recommended_products | split: "||product||" %}
                                            {% assign current_line_items = "" %}
                                            {% if line_items != blank %}
                                              {% for line_item in line_items %}
                                                {% assign current_line_items = current_line_items | append: line_item.product_id | append: "|" %}
                                              {% endfor %}
                                            {% endif %}
                                            {% assign current_line_items = current_line_items | split: "|" %}
                                            {% assign number_available = 0 %}
                                            {% for product in recommended_products %}
                                              {% assign product_details = product | split: "||prop||" %}
                                              {% unless current_line_items contains product_details[1] %}
                                                {% assign number_available = number_available | plus: 1 %}
                                              {% endunless %}
                                            {% endfor %}
                                            {% assign rows_left = 0 %}
                                            {% if number_available >= 2 %}{% assign rows_left = 1 %}{% endif %}
                                            {% if number_available >= 4 %}{% assign rows_left = 2 %}{% endif %}
                                            {% if rows_left > 0 %}
                                              <th style="mso-line-height-rule: exactly; padding: 33px 44px 11px;" align="left" bgcolor="#ffffff">
                                                <table cellspacing="0" cellpadding="0" border="0" width="100%" role="presentation">
                                                  <tr>
                                                    <th class="related_products_title" style="mso-line-height-rule: exactly; padding-bottom: 22px;" align="left" bgcolor="#ffffff" valign="top">
                                                      <h1 data-key="10108869_title" style="font-family: Verdana,san-serif,'Montserrat'; font-size: 28px; line-height: 38px; font-weight: 400; color: #222222; text-transform: none; Margin: 0;">You May Also Like</h1>
                                                    </th>
                                                  </tr>
                                                  <tr>
                                                    <th class="related_products" style="mso-line-height-rule: exactly;" align="left" bgcolor="#ffffff" valign="top">
                                                      <table border="0" width="100%" cellpadding="0" cellspacing="0">
                                                        {% for product in recommended_products %}
                                                          {% assign product_details = product |  split: "||prop||" %}
                                                          {% if current_line_items contains product_details[1] %}
                                                          {% continue %}
                                                          {% endif %}
                                                          {% unless rows_left == 0 %}
                                                            {% capture thecycle %}{% cycle '1', '2' %}{% endcapture %}
                                                            {% if thecycle == '1' %}
                                                              <tr>
                                                              {% endif %}
                                                              <th class="related_product_wrapper {% if thecycle == '1' %}first{% else %}last{% endif %}" width="50%" style="width: 50%; mso-line-height-rule: exactly; border-top-style: none; border-bottom-width: 11px; border-bottom-color: #ffffff; border-bottom-style: solid; Margin: 0 auto; padding: 5px 11px;" align="center" bgcolor="#ffffff" valign="top">
                                                                <table border="0" width="100%" cellpadding="0" cellspacing="0" role="presentation">
                                                                  <tr>
                                                                    <th width="200" valign="middle" style="mso-line-height-rule: exactly; padding: 11px 11px 0;" align="center" bgcolor="#ffffff">
                                                                      <a class="related_product_link" href="{% capture link %}{{shop.url}}/products/{{ product_details[2] }}{% endcapture %}{% if link contains shop.domain %}{% assign split_link = link | split: question_mark %}{{ split_link[0] }}?{{ default_utms }}&utm_content=recommended-product{% if split_link[1] != blank %}&{{ split_link[1] }}{% endif %}{% else %}{{ link }}{% endif %}" target="_blank" style="color: #479ccf; text-decoration: none !important; text-underline: none; word-wrap: break-word;">
                                                                        <img width="200" class="related_product_image" src="{{ product_details[4] | replace: '240x240_cropped', '200x@3x' }}" alt="{{ product_details[0] }}" style="width: 200px; max-width: 200px !important; height: auto !important; border-radius: 1px;">
                                                                      </a>
                                                                    </th>
                                                                  </tr>
                                                                  <tr>
                                                                    <th height="70" valign="top" class="related_product_link_wrapper" style="mso-line-height-rule: exactly; padding: 11px 11px 0;" align="center" bgcolor="#ffffff">
                                                                      <a class="related_product_link" href="{% capture link %}{{shop.url}}/products/{{ product_details[2] }}{% endcapture %}{% if link contains shop.domain %}{% assign split_link = link | split: question_mark %}{{ split_link[0] }}?{{ default_utms }}&utm_content=recommended-product{% if split_link[1] != blank %}&{{ split_link[1] }}{% endif %}{% else %}{{ link }}{% endif %}" target="_blank" style="color: #479ccf; text-decoration: none !important; text-underline: none; word-wrap: break-word;">
                                                                        <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #1d1d1d; Margin: 0;" align="center">{{ product_details[0] }}</p>
                                                                        <p data-key="10108869_link_text" class="related_product_link_text" style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 14px; line-height: 22px; font-weight: 400; text-transform: none; color: #479ccf; Margin: 11px 0 0;" align="center">SHOP NOW ></p>
                                                                      </a>
                                                                    </th>
                                                                  </tr>
                                                                </table>
                                                              </th>
                                                              {% if thecycle == '2' %}
                                                              </tr>
                                                              {% assign rows_left = rows_left | minus: 1 %}
                                                            {% endif %}
                                                          {% endunless %}
                                                        {% endfor %}
                                                      </table>
                                                    </th>
                                                  </tr>
                                                </table>
                                              </th>
                                            {% endif %}
                                          {% endunless %}
                                        </tr>
                                        <!-- END SECTION: Recommended Products -->
                                        <!-- BEGIN SECTION: Text -->
                                        <tr id="section-10486465" class="section text" style="direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c;" align="left">
                                          <th data-key="10486465_text" class="text " style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; padding: 11px 44px;" align="left" bgcolor="#ffffff">
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">{{ customer.first_name }}<br>
                                            </p>
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0 0;" align="left">{{ customer.last_name }}<br>
                                            </p>
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 11px 0 0;" align="left">{{ customer.name }}<br>
                                            </p>
                                          </th>
                                        </tr>
                                        <!-- END SECTION: Text -->
                                        <!-- BEGIN SECTION: Invoice Link -->
                                        <tr id="section-10774842" class="section invoice_link">
                                          <th style="mso-line-height-rule: exactly; padding: 11px 44px 44px;" align="left" bgcolor="#ffffff">
                                            <h3 data-key="10774842_invoice_link_text" style="font-family: Verdana,san-serif,'Montserrat'; color: #1d1d1d; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Need a PDF receipt?</h3>
                                            <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; line-height: 22px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left"><a target="_blank" href="https://mateo-teststore.myshopify.com/apps/download-pdf/orders/54db7ee8383e0cf24806/{{ id | times: 9453 }}/{{ name | handleize }}.pdf" style="color: #479ccf; text-decoration: none !important; text-underline: none; word-wrap: break-word;">Click here to download your PDF receipt</a></p>
                                          </th>
                                        </tr>
                                        <!-- END SECTION: Invoice Link -->
                                        <tr data-id="link-list">
                                          <td class="menu_bar menu_bar_6" style="mso-line-height-rule: exactly; padding: 22px 0;" align="left" bgcolor="#ffffff">
                                            <table class="table_menu_bar" border="0" width="100%" cellpadding="0" cellspacing="0" role="presentation">
                                              <tr>
                                                <th class="menu_bar_item first" style="width: 33%; mso-line-height-rule: exactly; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; font-weight: 400; line-height: 22px; text-transform: uppercase; color: #a9aaaa; border-right-width: 1px; border-right-color: #e5e5e5; border-right-style: solid; border-left-width: 1px; border-left-color: #e5e5e5; border-left-style: none;" align="center" bgcolor="#ffffff">
                                                  <a href="{% capture link %}http://mateo-teststore.myshopify.com{% endcapture %}{% if link contains shop.domain %}{% assign split_link = link | split: question_mark %}{{ split_link[0] }}?{{ default_utms }}&utm_content=site-link&utm_term=shopppp{% if split_link[1] != blank %}&{{ split_link[1] }}{% endif %}{% else %}{{ link }}{% endif %}" target="_blank" style="color: #a9aaaa; text-decoration: none !important; text-underline: none; word-wrap: break-word; text-align: center !important; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; font-weight: 400; line-height: 22px; text-transform: uppercase;">
                                                    Shopppp
                                                  </a>
                                                </th>
                                                <th class="menu_bar_item" style="width: 33%; mso-line-height-rule: exactly; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; font-weight: 400; line-height: 22px; text-transform: uppercase; color: #a9aaaa; border-right-width: 1px; border-right-color: #e5e5e5; border-right-style: solid; border-left-width: 1px; border-left-color: #e5e5e5; border-left-style: solid;" align="center" bgcolor="#ffffff">
                                                  <a href="{% capture link %}http://mateo-teststore.myshopify.com/pages/about-us{% endcapture %}{% if link contains shop.domain %}{% assign split_link = link | split: question_mark %}{{ split_link[0] }}?{{ default_utms }}&utm_content=site-link&utm_term=about{% if split_link[1] != blank %}&{{ split_link[1] }}{% endif %}{% else %}{{ link }}{% endif %}" target="_blank" style="color: #a9aaaa; text-decoration: none !important; text-underline: none; word-wrap: break-word; text-align: center !important; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; font-weight: 400; line-height: 22px; text-transform: uppercase;">
                                                    About
                                                  </a>
                                                </th>
                                                <th class="menu_bar_item last" style="width: 33%; mso-line-height-rule: exactly; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; font-weight: 400; line-height: 22px; text-transform: uppercase; color: #a9aaaa; border-right-width: 1px; border-right-color: #e5e5e5; border-right-style: none; border-left-width: 1px; border-left-color: #e5e5e5; border-left-style: solid;" align="center" bgcolor="#ffffff">
                                                  <a href="{% capture link %}http://mateo-teststore.myshopify.com/pages/contact-us{% endcapture %}{% if link contains shop.domain %}{% assign split_link = link | split: question_mark %}{{ split_link[0] }}?{{ default_utms }}&utm_content=site-link&utm_term=contact{% if split_link[1] != blank %}&{{ split_link[1] }}{% endif %}{% else %}{{ link }}{% endif %}" target="_blank" style="color: #a9aaaa; text-decoration: none !important; text-underline: none; word-wrap: break-word; text-align: center !important; font-family: Verdana,san-serif,'Montserrat'; font-size: 16px; font-weight: 400; line-height: 22px; text-transform: uppercase;">
                                                    Contact
                                                  </a>
                                                </th>
                                              </tr>
                                            </table>
                                          </td>
                                        </tr>
                                      </table>
                                    </td>
                                  </tr>
                                </table>
                                <!-- END : SECTION : MAIN -->
                              </th>
                            </tr>
                          </tbody>
                        </table>
                      </center>
                    </th>
                  </tr>
                </tbody>
              </table>
              <!-- END : CONTAINER -->
              <!-- BEGIN: CONTAINER -->
              <table class="container container_footer" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse: collapse; min-width: 100%;" role="presentation" bgcolor="#ffffff">
                <tbody>
                  <tr>
                    <th valign="top" style="mso-line-height-rule: exactly;">
                      <center style="width: 100%;">
                        <table border="0" width="600" cellpadding="0" cellspacing="0" align="center" style="width: 600px; min-width: 600px; max-width: 600px; Margin: auto;" class="email-container" role="presentation">
                          <tbody>
                            <tr>
                              <th valign="top" style="mso-line-height-rule: exactly;">
                                <!-- BEGIN : SECTION : FOOTER -->
                                <table class="section_wrapper footer" data-id="footer" id="section-footer" border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation" bgcolor="#ffffff">
                                  <tr>
                                    <td class="section_wrapper_th" style="mso-line-height-rule: exactly; padding: 22px 44px;" bgcolor="#ffffff">
                                      <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation">
                                        <tr>
                                          <!-- BEGIN : 2 COLUMNS : SHOP_BLOCK -->
                                          <th style="mso-line-height-rule: exactly;" bgcolor="#ffffff">
                                            <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation">
                                              <tr>
                                                <!-- BEGIN : Column 1 of 2 : SHOP_BLOCK -->
                                                <th width="50%" class="column_1_of_2 column_shop_block " style="mso-line-height-rule: exactly; padding-top: 0; padding-bottom: 0;" align="left" bgcolor="#ffffff" valign="top">
                                                  <table align="center" border="0" width="100%" cellpadding="0" cellspacing="0" style="min-width: 100%;" role="presentation">
                                                    <!-- Store Website : BEGIN -->
                                                    <tr>
                                                      <th class="column_shop_block1 " width="100%" style="mso-line-height-rule: exactly; padding-right: 11px; font-family: Verdana,san-serif,'Montserrat'; font-size: 13px; line-height: 18px; font-weight: 400; color: #6c6c6c; text-transform: none; padding-bottom: 0; padding-top: 0;" align="left" bgcolor="#ffffff" valign="top">
                                                        <a href="{% capture link %}{{shop.url}}{% endcapture %}{% if link contains shop.domain %}{% assign split_link = link | split: question_mark %}{{ split_link[0] }}?{{ default_utms }}&utm_content=footer-website-link{% if split_link[1] != blank %}&{{ split_link[1] }}{% endif %}{% else %}{{ link }}{% endif %}" target="_blank" data-key="section_shop_block1" style="color: #479ccf; text-decoration: none !important; text-underline: none; font-size: 13px; font-weight: 400; text-transform: none;">mateo-teststore.myshopify.com</a>
                                                      </th>
                                                    </tr>
                                                    <!-- Store Website : END -->
                                                    <!-- Store Address : BEGIN -->
                                                    <tr>
                                                      <th class="column_shop_block2 " data-key="section_shop_block2" width="100%" style="mso-line-height-rule: exactly; padding-right: 11px; font-family: Verdana,san-serif,'Montserrat'; font-size: 13px; line-height: 18px; font-weight: 400; color: #6c6c6c; text-transform: none; padding-top: 0; padding-bottom: 0;" align="left" bgcolor="#ffffff" valign="top">
                                                        mateo-teststore<br>
                                                        Calle. C 2, 222 D<br>
                                                        Zaragoza, Z 50008
                                                        <p style="mso-line-height-rule: exactly; direction: ltr; font-family: Verdana,san-serif,'Montserrat'; font-size: 13px; line-height: 18px; font-weight: 400; text-transform: none; color: #6c6c6c; Margin: 0;" align="left">1</p>
                                                        <br>
                                                        Copyright &#169; {{ 'now' | date: '%Y' }}
                                                      </th>
                                                    </tr>
                                                    <!-- Store Address : END -->
                                                  </table>
                                                </th>
                                                <!-- END : Column 1 of 2 : SHOP_BLOCK -->
                                                <!-- BEGIN : Column 2 of 2 : SOCIAL_BLOCK -->
                                                <th width="50%" class="column_2_of_2 column_social_block " style="mso-line-height-rule: exactly; padding-top: 0; padding-bottom: 0;" align="right" bgcolor="#ffffff" valign="top">
                                                  <table align="center" border="0" width="100%" cellpadding="0" cellspacing="0" style="min-width: 100%;" role="presentation">
                                                  </table>
                                                </th>
                                                <!-- END : Column 2 of 2 : SOCIAL_BLOCK -->
                                              </tr>
                                            </table>
                                          </th>
                                          <!-- END : 2 COLUMNS : SOCIAL_BLOCK -->
                                        </tr>
                                        <tr>
                                          <th height="1" border="0" style="height: 1px; line-height: 1px; font-size: 1px; mso-line-height-rule: exactly; padding: 0;" bgcolor="#ffffff">
                                            <img id="open-image" src="https://{{ shop.domain }}/tools/emails/open/order-confirmation/1" alt="" width="1" height="1" border="0">
                                          </th>
                                        </tr>
                                      </table>
                                    </td>
                                  </tr>
                                </table>
                                <!-- END : SECTION : FOOTER -->
                              </th>
                            </tr>
                          </tbody>
                        </table>
                      </center>
                    </th>
                  </tr>
                </tbody>
              </table>
              <!-- END : CONTAINER -->
            </body>
          </html>
    {% endif %}