<form action="/cart" class="cart_form layer-add-cart-success" method="post" novalidate="">
      <div class="cart-header">
        <svg class="icon" height="24" p-id="2883" t="1634190661535" version="1.1" viewbox="0 0 1024 1024" width="24" xmlns="http://www.w3.org/2000/svg">
          <path d="M512 512H0A512 512 0 1 0 512 0 512 512 0 0 0 0 512z" fill="#29BB9D" p-id="2884"></path>
          <path d="M779.221333 341.333333l31.445334 31.274667-377.258667 375.466667L213.333333 529.024l55.04-54.741333 180.736 117.290666z" fill="#FFFFFF" p-id="2885"></path>
        </svg>
        <span>{{lang.product.add_cart_succeed}}</span>
        <svg class="cart-header-claer popup-claer" class="icon" height="24" p-id="3072" t="1634191042040" version="1.1" viewbox="0 0 1024 1024" width="24" xmlns="http://www.w3.org/2000/svg">
          <path d="M571.008 511.936l313.088-311.04a42.688 42.688 0 0 0 0-58.816l-2.496-2.496a40.384 40.384 0 0 0-56.704 0l-313.088 313.6-313.088-311.04a40.384 40.384 0 0 0-56.704 0l-2.496 2.496a42.688 42.688 0 0 0 0 58.816l313.088 308.608-313.088 311.04a42.688 42.688 0 0 0 0 58.816l2.496 2.496a40.384 40.384 0 0 0 56.704 0l313.088-313.6 313.088 311.04a40.384 40.384 0 0 0 56.704 0l2.496-2.496a42.688 42.688 0 0 0 0-58.816z" fill="#1D1F21" p-id="3073"></path>
        </svg>
      </div>
      <div class="cart-product-warp">
        <div class="cart-product">
          <a href="javascript:;" style="position: relative;align-self: flex-start;">
            <img  data-src="{{option.src|public_front_asset_url}}"  src="{{empty_loading.png|public_asset_abs_dir_url}}"  class="cart-product-img">
            {% if isProperty %}
              <svg class="icon" height="16" p-id="4311" style="position: absolute;bottom: 0;right: 0;background-color: #e8e8e8;padding: 3px;border-radius: 50%;" version="1.1" viewbox="0 0 1024 1024" width="16" xmlns="http://www.w3.org/2000/svg">
                <path d="M789.49999971 512l138.75000029-138.75000029c37.50000029-37.50000029 37.50000029-97.49999971 0-131.24999971L782 95.75c-33.75-33.75-97.49999971-33.75-131.24999971 0L512 234.50000029 373.24999971 95.75C339.49999971 62 275.75 62 242 95.75L95.75 242c-37.50000029 37.50000029-37.50000029 97.49999971 0 131.24999971L234.50000029 512 174.5 568.25c-11.25 11.25-18.74999971 22.5-22.5 37.50000029L69.49999971 834.49999971c-11.25 29.99999971-3.75000029 60.00000029 11.25 82.50000029 18.74999971 22.5 45 37.50000029 75.00000058 37.50000029 11.25 0 18.74999971 0 29.99999971-3.75000029l228.75000029-82.50000029c15.00000029-3.75000029 26.25000029-11.25 37.49999942-22.5l56.25-56.25 138.75000029 138.75000029c18.74999971 18.74999971 41.24999971 26.25000029 67.5 26.25000029s48.75000029-11.25 67.5-26.25000029l146.25-146.25c37.50000029-37.50000029 37.50000029-97.49999971 0-131.24999971L789.49999971 512z m-71.24999942-371.25c3.75000029 0 11.25 3.75000029 14.99999942 3.75000029l146.25 146.25c7.49999971 7.49999971 7.49999971 18.74999971 0 26.24999942l-52.49999971 52.50000058-172.50000029-172.50000029 52.50000058-52.49999971s3.75000029-3.75000029 11.25-3.75000029zM238.24999971 410.75l67.5-67.5c11.25-11.25 11.25-29.99999971 0-41.24999971s-29.99999971-11.25-41.24999971 0L197 369.50000029 148.24999971 320.75c-7.49999971-7.49999971-7.49999971-18.74999971 0-26.25000029l146.25-146.25c3.75000029-3.75000029 7.49999971-3.75000029 15.00000029-3.74999942s11.25 3.75000029 15.00000029 3.74999942L459.50000029 287 287 459.50000029 238.24999971 410.75z m165.00000058 386.25000029s-3.75000029 3.75000029-7.50000058 3.74999942l-228.74999942 82.50000029c-7.49999971 3.75000029-15.00000029 0-18.75000058-7.49999971-3.75000029-3.75000029-3.75000029-7.49999971-3.74999942-15.00000029l82.49999942-228.75000029c0-3.75000029 3.75000029-3.75000029 3.75000029-7.49999971l82.50000029-82.50000029 225-225 74.99999971-74.99999971 172.50000029 172.50000029-75.00000058 74.99999971-225 225-82.49999942 82.50000029z m472.5-67.5l-146.25 146.25c-7.49999971 7.49999971-18.74999971 7.49999971-26.25000029 0l-48.75000029-48.75000029 67.5-67.5c11.25-11.25 11.25-29.99999971 0-41.24999971s-29.99999971-11.25-41.24999971 0l-67.5 67.5-48.75000029-48.75000029 172.50000029-172.50000029 138.75000029 138.75000029c7.49999971 7.49999971 7.49999971 18.74999971 0 26.25000029z" p-id="4312"></path>
              </svg>
            {% endif %}
          </a>
          <div class="cart-product-info">
            <div class="cart-product-name">
              <span class="line-clamp2" style="text-align: left;">{{option.productTitle}}</span>
            </div>
            {% if storeConfig.sku_spu_set == "4" %}
            {% elsif storeConfig.sku_spu_set == "2" %}
              <div class="cart-product-skuName" >{{lang.account.orders_detail.spu}}: {{option.spu | default:"-" }}</div>
            {% elsif storeConfig.sku_spu_set == "3" %}
              <div class="cart-product-skuName" >{{lang.account.orders_detail.sku}}: {{option.sku | default:"-" }}</div>
            {% elsif storeConfig.sku_spu_set == "1" %}
              <div class="cart-product-skuName" >{{lang.account.orders_detail.spu}}: {{option.spu | default:"-" }}, {{lang.account.orders_detail.sku}}: {{option.sku | default:"-" }}</div>
            {% else %}
            {% endif %}
    
            {% if option.sku_value %}
              <div class="cart-product-skuName">{{option.sku_value | replace : "<br/>", ";" }}</div>
            {% endif %}
            {% for item in option.custom_attr %}
                <div class="cart-product-skuName">
                  <span>
                    {{ item.name }}
                    :
                  </span>
                  {% if item.type == "file" %}
                    <a href="{{ item.urls }}" target="_blank" download class="custom-option-download">
                      {{ lang.account.orders.property_detail }}
                    </a>
                    {%- unless item.price == '0' -%}
                      <span>
                         (
                        {%- if item.price > 0 -%}
                          +
                        {%- else -%}
                          -
                        {%- endif -%}
                        {{ item.price | money }}
                        )
                      </span>
                    {%- endunless -%}
                  {%- elsif item.type == "image_group" -%}
                    {%- for el in item.value -%}
                      <a href="{{ el.urls }}" target="_blank" download class="custom-option-download">
                        {{ el.value }}
                      </a>
                      {%- unless el.price == '0' -%}
                        <span>
                           (
                          {%- if el.price > 0 -%}
                            +
                          {%- else -%}
                            -
                          {%- endif -%}
                          {{ el.price | money }}
                          )
                        </span>
                      {%- endunless -%}
                      {%- unless forloop.last -%}
                        , 
                      {%- endunless -%}
                    {%- endfor -%}
                     {% elsif item.type == "public_image" %}
                      {%- if item.price_type == '1' -%}
                        {%- for el in item.value -%}
                          <span>{{el.value}}
                             
                            {%- if el.price != 0  -%}(
                              {%- if el.price > 0 -%}+{%- else -%}-
                              {%- endif -%}
                              {{el.price | money }}
                              )
                            {%- endif -%}
                          </span>
                          {%- unless forloop.last  -%}, 
                          {%- endunless -%}
                        {%- endfor -%}
                      {%- else -%}
                        {%- for el in item.value -%}
                          <span>{{el.value}}
                            {%- if forloop.last -%}
                               
                              {%- if item.price != 0  -%}(
                                {%- if item.price > 0 -%}+{%- else -%}-
                                {%- endif -%}
                                {{ item.price | money }}
                                )
                              {%- endif -%}
                            {%- endif -%}
                          </span>
                          {%- unless forloop.last  -%}, 
                          {%- endunless -%}
                        {%- endfor -%}
                      {%- endif -%}
                  {% elsif item.type == "image_gallery" %}
                    <a href="{{ item.urls }}" target="_blank" download class="custom-option-download">
                      {{ item.value }}
                    </a>
                    {%- unless item.price == '0' -%}
                      <span>
                         (
                        {%- if item.price > 0 -%}
                          +
                        {%- else -%}
                          -
                        {%- endif -%}
                        {{ item.price | money }}
                        )
                      </span>
                    {%- endunless -%}
                  {%- elsif item.type == "checkbox" or item.type == "block_text" or item.type == "image" -%}
                    {%- for el in item.value -%}
                      <span>
                        {{ el.value }}
                        {%- unless el.price == '0' -%}
                           (
                          {%- if item.price > 0 -%}
                            +
                          {%- else -%}
                            -
                          {%- endif -%}
                          {{ el.price | money }}
                          )
                        {%- endunless -%}
                      </span>
                      {%- unless forloop.last -%}
                        ,
                      {%- endunless -%}
                    {%- endfor -%}
                  {% else %}
                    <span>
                      {{ item.value }}
                      {%- unless item.price == '0' -%}
                         (
                        {%- if item.price > 0 -%}
                          +
                        {%- else -%}
                          -
                        {%- endif -%}
                        {{ item.price | money }}
                        )
                      {%- endunless -%}
                    </span>
                  {% endif %}
                </div>
            {% endfor %}
            
          </div>
        </div>
      </div>

<div class="cart-price">
        <span class="cart-content-label">{{lang.product.subtotal}}:</span>
        <span class="cart-content-value">{{subtotalPrice}}</span>
      </div>
      <div class="cart-operate">
        <a class="cart-button main_btn cart-buyNow" href="javascript:;" id="submit">
          <span>{{ lang.cart.list.checkout }}</span>
          <svg class="icon" fill="#fff" height="24" p-id="2600" style="margin-left:6px" t="1642570805735" version="1.1" viewbox="0 0 1024 1024" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="M938.666667 511.957333l-320 256 0-213.333333L0 554.624l0-85.333333L618.666667 469.290667l0-213.333334z" p-id="2601"></path>
          </svg>
        </a>
        <a class="cart-button cart-button-plan" href="/cart">{{lang.product.view_cart}}</a>
      </div>
    </form>

{% for sku in skus %}
      {% assign keyIndex = forloop.index %}
      <div class="moi-product-option"  data-sku-name="{{ sku.name }}">
      <div class="cell-item moi-product-sku-label" data-type="key">
      <span class="product-sku-name">{{ sku.name }}
        {%- if sku.isImg -%}
            {%- if productSkuStyle == "image" or productSkuStyle == "color" -%}
            :<span style="font-weight: bold;color:#333;">{{sku.selected_value_label}}</span>
            {%- endif -%}
        {%- endif -%}
     
      </span>
      </div>
      <div class="cell-item moi-product-sku-value" data-type="values">
      <div class="product-sku-values">

{% for val in sku.value %}
        {%- capture className -%}
        {% if val.available == 0 %}product-sku-values-item-disable{% endif %}
        {% if sku.selected_value == val.value %}product-sku-values-item-active{% endif %}
        {%- endcapture -%}
        
        {%- capture imageClassName -%}
        {%- if val.image != "" and sku.isImg -%}
        product-sku-values-item-image
        {%- endif -%}
        {%- endcapture -%}

{%- capture imageSizeClassName -%}
        {%- if val.image != "" and sku.isImg -%}
        {%- if productSkuStyle == "image" or productSkuStyle == "image_text" -%}
        {{productSkuSize}}
        {%- endif -%}
        {%- endif -%}
        {%- endcapture -%}

{%- capture colorClassName -%}
        {%- if productSkuStyle == "color" and sku.isImg -%}product-sku-value-color{%- endif -%}
        {%- endcapture -%}

<div class="product-sku-values-item {{imageSizeClassName}} {{imageClassName}} {{className}}  {{colorClassName}} {{ 'skyStyle-' | append: theme_config.global.product_sku_style }}   {% if productSkuStyle == "color" and sku.isImg  %}colorRender{% endif %}" data-index="{{ keyIndex }}" data-idx="{{ forloop.index }}" data-value='{{ val | json | escape }}' is_deleteProduct="{{ val.deleteItem }}">
          {%- if val.available == 0 -%}
            <div class="product-sku-values-item-disable-mask"></div>
          {%- endif -%}
         {%- if productSkuStyle == "color" and sku.isImg  -%}
            <div class="product-sku-value-color-item" style='background-color:{{val.colorValue}}'></div>
         {%- elsif  val.image != "" and sku.isImg -%}
          <img data-src="{{val.image.src|public_front_asset_url}}"  src="{{empty_loading.png|public_asset_abs_dir_url}}"  />
            {%- if productSkuStyle == "image_text" -%}
              <span>{{ val.name }}</span>
            {%- endif -%}
          {%- else -%}
            {{ val.name }}
          {%- endif -%}
        </div>
        {% endfor %}
      </div>
      </div>
      </div>
      {% endfor %}

{% for sku in skus %}
      {% assign keyIndex = forloop.index %}
      <div class="moi-product-option"  data-sku-name="{{ sku.name }}">

<div class="sku-item-col">
      <div class="cell-item moi-product-sku-label" data-type="key">
      <span class="product-sku-name">{{ sku.name }}</span>
      </div>
      <div class="cell-item moi-product-sku-value" data-type="values">
      <div class="product-sku-values">
        <label class="product-sku-select" >
        <select class="product-sku-unselect">
            {% if checkedFirstSku == '2' %}
              <option  value="0" {% if sku.selected_value == "" %}selected="selected"{% endif %} disabled >{{lang.product.please_select}}</option>
            {% endif %}
            
            {% for val in sku.value %}

{%- capture disabled -%}
            {% if val.available == 0 %}disabled{% endif %}
            {% if sku.selected_value == val.value %} selected{% endif %}
            {%- endcapture -%}

<option value='{{val.value}}' {{disabled}}  data-index="{{ keyIndex }}" data-value='{{ val | json | escape }}'>{{ val.name }}</option>
            {% endfor %}
        </select>

<svg class="product-sku-select-delete" data-index="{{ keyIndex }}" viewBox="0 0 1024 1024" {% if sku.selected_value == "" or checkedFirstSku != '2' %}style="display: none;"{% endif %} version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4673" width="20" height="20"><path d="M804.992 838.229333L240.896 274.133333l33.237333-33.237333 564.096 564.096z" fill="#1D1F21" p-id="4674"></path><path d="M274.133333 838.229333l-33.237333-33.237333L804.992 240.896l33.237333 33.237333z" fill="#1D1F21" p-id="4675"></path></svg>
        <div class="mo-edge" {% if checkedFirstSku == '2' and sku.selected_value != "" %}style="display: none;"{% endif %}></div>
        </label>
      </div>
      </div>
      </div>
      </div>
      {% endfor %}

<div class="sku_option-template_all">
      {% for item in variant %}
      <div class="sku_option-template_all-cell {% if item.available ==0 %} --template-all-disable {% endif %}">
        <input type="radio" {% if item.checked %} checked {% endif %} {% if item.available ==0 %} disabled {% endif %} name="sku_option-template_all_{{templateId}}" value="{{item.sku_code}}" id="template-{{item.id}}" hidden>
        <label for="template-{{item.id}}" class="sku_option-template_all-item">
          <div class="--template-all-left">
            <span class="sku_option-template_all-item-icon"></span>

{%- if productSkuStyle == "color" and item.colorCard  -%}
              <div class="--template-all-color" style='background-color:{{item.colorValue}}'></div>
            {%- elsif  item.image and item.colorCard -%}
              <img class="--template-all-img" data-src="{{item.image.src|public_front_asset_url}}"  src="{{empty_loading.png|public_asset_abs_dir_url}}"  />
            {% endif %}
            <span class="--template-all-left_text">{{item.name}}</span>
            
            {% comment %} <span class="--template-all-left_tag">Free Shipping</span> {% endcomment %}
          </div>
          <div class="--template_all-right">
            <span class="--template_all-price">{{item.price |  money}}</span>
            {% if item.price < item.compare_at_price %}
              <span class="--template_all-compare_at_price">{{item.compare_at_price |  money}}</span>
            {% endif %}
          </div>
          {% if item.ext1 and item.ext1 != '' %}
          <div class="--template_all-tag">{{item.ext1}}</div>
          {% endif %}
        </label>
      </div>

{% endfor %}
    </div>

</div>

{% for sku in skus %}
      {% assign keyIndex = forloop.index %}
      {% assign index = forloop.index0 %}
      {% if sku.type == "multiple" %}
      <div class="moi-product-option"  data-sku-name="{{ sku.name }}">
        <div class="cell-item moi-product-sku-value" style="margin-top:16px">
          <div class="moi-product-sku-multiple">
            <table class="moi-product-sku-multiple-table">
              <thead>
                <tr>
                  <td class="multiple-md-width40 "><span>{{sku.name}}</span></td>
                 
                  <td class="multiple-md-hidden">{{lang.account.orders_detail.price | default:"Price"}}</td>
                  {% if theme_config.global.product_inventory_status and inventory_tracking != 0 %}
                  <td class="multiple-md-hidden">{{lang.general.stock | default:"Stock"}}</td>
                  {% endif %}
                  <td  style='    text-align: right;' class="step-items-end">
                    <div class="step-items-center">
                    <span {% if unlimited %}class="stock-sotes"{% endif %}>{{lang.general.qty | default:"QTY"}}</span>
                    <span class="multiple-reset">

<svg t="1725352112242" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4300" width="16" height="16"><path d="M896 192v110.72A448 448 0 0 0 544 128 455.04 455.04 0 0 0 128 403.2l64 25.6A391.04 391.04 0 0 1 544 192a388.48 388.48 0 0 1 330.88 192H704v64h256V192zM544 832a388.48 388.48 0 0 1-330.88-192H384V576H128v256h64v-110.72A448 448 0 0 0 544 896 455.04 455.04 0 0 0 960 620.8l-64-25.6A391.04 391.04 0 0 1 544 832z" fill="currentColor" p-id="4301"></path></svg>
                    <span class="multiple-reset-text">{{lang.general.reset | default:"Reset"}}</span>
                    </span>
                    </div>

</td>
                </tr>
              </thead>
              <tbody>
              {% for val in sku.value %}
                {% assign idx = forloop.index0 %}
                  <tr>
                    <td>
                   <div style="display: flex;align-items: center;gap: 10px;">
                        {% if sku.isImg %}
                    {% if productSkuStyle == "color" %}
                     {% if val.colorValue != "" %}
                      <div style="width: 24px;height: 24px;border-radius: 50%;border:1px solid #e2e2e2;background-color: {{val.colorValue | remove: ' ' | remove: "'"}};"></div>
                     {% endif %}
                    {% else %}
                      {% if val.image != "" %}
                      <img data-src="{{val.image.src|public_front_asset_url}}"  src="{{empty_loading.png|public_asset_abs_dir_url}}" style="width: 40px;height: 40px;object-fit: contain;"/>
                      {% endif %}
                    {% endif %}
                  {% endif %}
                   <div style="display: flex;flex-direction: column;">
                     <span class="{% if val.available != 0 %}font-bold{% endif %} df-flex-text-wrap"   {% if val.available == 0 %}style="text-decoration: line-through;color: #999 !important;"{% endif %}>{{val.name}}</span>
                     <span class="multiple-md-block df-flex-text-wrap">{{val.formatPrice}}{% if theme_config.global.product_inventory_status and inventory_tracking != 0 %} | {{lang.general.stock | default:"Stock"}} {{val.quantity}}{% endif %}</span>
                   </div>
                      </div>
                    </td>
                    <td class="multiple-md-hidden">{{val.formatPrice}}</td>
                    {% if theme_config.global.product_inventory_status and inventory_tracking != 0 %}
                    <td class="multiple-md-hidden">{{val.quantity}}</td>
                    {% endif %}
                    <td style='text-align: right;' class="step-items-end sp_table_content">
                      <div class="step-items-center">
                        {% if val.available == 0 %}
                          <span>{{lang.account.wishlist.product_offline}}</span>
                        {% else %}
                        <div class="step-warp" data-keys="{{index}},{{idx}}">
                            <div class="step-warp-handle" data-type='minus' {% if val.add_quantity == 0 %}disabled{% endif %} ></div>
                            <input class="step-warp-value notranslate"   min="1"  type="number" value="{{val.add_quantity}}"/>
                            <div class="step-warp-handle" {% if val.available == 0 %}disabled{% endif %} data-type='plus'></div>
                        </div>
                        {% endif %}
                      </div>
                    </td>
                  </tr>
              {% endfor %}
                
              </tbody>
            </table>
            <div class="multiple-total">
              <div class="multiple-total-lable" style="color: #999999;">
                <span class="font-bold" >{{lang.cart.list.total | default:"Total"}}</span>  (<span class="font-bold variant">0</span> {{lang.general.variations | default:"variations"}} <span class="font-bold item">0</span> {{lang.promotions.piece | default:"items"}}) 
              </div>
              <div class="multiple-total-value">{{0|money}}</div>
            </div>
          </div>        
        </div>
      </div>

{% else %}
      <div class="moi-product-option"  data-sku-name="{{ sku.name }}">
        <div class="cell-item moi-product-sku-label" data-type="key">
        <span class="product-sku-name">{{ sku.name }}
          {%- if sku.isImg -%}
              {%- if productSkuStyle == "image" or productSkuStyle == "color" -%}
              :<span style="font-weight: bold;color:#333;">{{sku.selected_value_label}}</span>
              {%- endif -%}
          {%- endif -%}
      
        </span>
        </div>
        <div class="cell-item moi-product-sku-value" style="margin-top:8px" data-type="values">
        <div class="product-sku-values">

{% for val in sku.value %}
          {%- capture className -%}
          {% if val.available == 0 %}product-sku-values-item-disable{% endif %}
          {% if sku.selected_value == val.value %}product-sku-values-item-active{% endif %}
          {%- endcapture -%}
          
          {%- capture imageClassName -%}
          {%- if val.image != "" and sku.isImg -%}
          product-sku-values-item-image
          {%- endif -%}
          {%- endcapture -%}

{%- capture imageSizeClassName -%}
          {%- if val.image != "" and sku.isImg -%}
          {%- if productSkuStyle == "image" or productSkuStyle == "image_text" -%}
          {{productSkuSize}}
          {%- endif -%}
          {%- endif -%}
          {%- endcapture -%}

{%- capture colorClassName -%}
          {%- if productSkuStyle == "color" and sku.isImg -%}product-sku-value-color{%- endif -%}
          {%- endcapture -%}

<div style="position: relative;" class="product-sku-values-item {{imageSizeClassName}} {{imageClassName}} {{className}}  {{colorClassName}} {{ 'skyStyle-' | append: theme_config.global.product_sku_style }}   {% if productSkuStyle == "color" and sku.isImg  %}colorRender{% endif %}" data-index="{{ keyIndex }}" data-idx="{{ forloop.index }}"  is_deleteProduct="{{ val.deleteItem }}">
            <div class="multiple-angle" data-id="{{val.value}}"></div>
            {%- if val.available == 0 -%}
              <div class="product-sku-values-item-disable-mask"></div>
            {%- endif -%}
          {%- if productSkuStyle == "color" and sku.isImg  -%}
              <div class="product-sku-value-color-item" style='background-color:{{val.colorValue}}'></div>
          {%- elsif  val.image != "" and sku.isImg -%}
            <img data-src="{{val.image.src|public_front_asset_url}}"  src="{{empty_loading.png|public_asset_abs_dir_url}}"  />
              {%- if productSkuStyle == "image_text" -%}
                <span>{{ val.name }}</span>
              {%- endif -%}
            {%- else -%}
              {{ val.name }}
            {%- endif -%}
          </div>
          {% endfor %}

</div>
        </div>
      </div>

{% endif %}

{% endfor %}

<div class="coupons-record-box" style="--coupons-color:{{storeConfig.pay_color}};{% if coupons.size > 6 %}height:220px;{% endif %}">
    <div class="coupons-record-title">{{lang.coupons.available_num | replace: '{number}',coupons.size}}</div>
    <div class="coupons-record-wrap">
      {% for coupon in coupons %}
      <div class="coupons-record-item {% if showCouponCode == coupon.coupon_code %}coupons-record-item-active{% endif %}" data-code="{{coupon.coupon_code}}">
        <div class="coupons-record-item-body">
          <div class="coupons-record-item-header">
            <div class="coupons-record-item-riado"></div>
            <div class="coupons-record-item-code">
              {{coupon.coupon_code}}
              {%- if coupon.customer_range != 0 -%}
              <div class="coupons-exclusive-label">
                🎁 {{ lang.coupon.exclusive }}
              </div>
              {%- endif -%}
            </div>
          </div>
          <div class="coupons-record-item-label">
            {%- if coupon.rule.discount.type == 1 -%}
            <span>{{ coupon.rule.discount.value }}%</span> OFF
            {%- else -%}
            <span>-{{ coupon.rule.discount.value | money }}</span> 
            {%- endif -%}
            {% if coupon.rule.condition.type == 0 %}
						, {{lang.coupons.discount_rule_extra}}
						{% elsif coupon.rule.condition.type == 1  %}
            {% assign coupon_value = coupon.rule.condition.value %}
						, {{lang.coupons.discount_rule_count | replace: '{condition}',coupon_value }}
						{% else %}
              {%- capture coupon_value -%}
                {%- if coupon.rule.condition.max_value and coupon.rule.condition.value != 0 -%}
                  {{ coupon.rule.condition.value | money }} - {{ coupon.rule.condition.max_value | money }}
                {%- endif -%}
                {%- if coupon.rule.condition.max_value and coupon.rule.condition.value == 0 -%}
                    ≤ {{ coupon.rule.condition.max_value | money }}
                {%- endif -%}
                {%- unless coupon.rule.condition.max_value -%}
                  {{ coupon.rule.condition.value | money }} +
                {%- endunless -%}
              {%- endcapture -%}
						, {{lang.coupons.discount_rule_amount | replace: '{condition}',coupon_value }}
						{% endif %}
          </div>
        </div>
      </div>
      {% endfor %}
    </div>
    {% if coupons.size > 6 %}
      <div class="coupons-record-more">
        <div class="coupons-record-more-btn">{{lang.base.show_more}}</div>
      </div>
    {% endif %}
</div>

Free delivery for orders over $50🚚

Home / Coffee Espresso & Tea

Coffee Espresso & Tea

Filter

Sort by

500 Products

Sort by

De'Longhi Magnifica Evo Next Fully Automatic Espresso Machine

De'Longhi Magnifica Evo Next Fully Automatic Espresso Machine

97% OFF

De'Longhi Magnifica Evo Next Fully Automatic Espresso Machine

$ 22.27 $ 912.22

De'Longhi Linea Classic Espresso Machine

De'Longhi Linea Classic Espresso Machine

91% OFF

De'Longhi Linea Classic Espresso Machine

$ 17.32 $ 202.68

Fellow Corvo EKG Pro Electric Kettle

Fellow Corvo EKG Pro Electric Kettle

91% OFF

Fellow Corvo EKG Pro Electric Kettle

$ 17.32 $ 197.66

Fellow Opus Conical Burr Coffee Grinder

Fellow Opus Conical Burr Coffee Grinder

90% OFF

Fellow Opus Conical Burr Coffee Grinder

$ 19.06 $ 197.66

Fellow Stagg EKG Pro Electric Pour-Over Kettle

Fellow Stagg EKG Pro Electric Pour-Over Kettle

90% OFF

Fellow Stagg EKG Pro Electric Pour-Over Kettle

$ 16.25 $ 167.25

Fellow Stagg EKG Electric Pour-Over Kettle

Fellow Stagg EKG Electric Pour-Over Kettle

90% OFF

Fellow Stagg EKG Electric Pour-Over Kettle

$ 19.06 $ 197.66

Equator Coffee Decaf Eye of The Tiger Espresso Blend Coffee Beans

Equator Coffee Decaf Eye of The Tiger Espresso Blend Coffee Beans

86% OFF

Equator Coffee Decaf Eye of The Tiger Espresso Blend Coffee Beans

$ 2.48 $ 18.75

Fiorenzato AllGround ProBrew Filter Coffee Grinder

Fiorenzato AllGround ProBrew Filter Coffee Grinder

97% OFF

Fiorenzato AllGround ProBrew Filter Coffee Grinder

$ 27.75 $ 944.16

Fiorenzato AllGround Sense All-Purpose Home Coffee Grinder

Fiorenzato AllGround Sense All-Purpose Home Coffee Grinder

96% OFF

Fiorenzato AllGround Sense All-Purpose Home Coffee Grinder

$ 32.49 $ 997.53

Fellow Stagg EKG Pro Studio Electric Kettle

Fellow Stagg EKG Pro Studio Electric Kettle

92% OFF

Fellow Stagg EKG Pro Studio Electric Kettle

$ 18.02 $ 228.07

Fellow Ode Gen 2 Brew Grinder

Fellow Ode Gen 2 Brew Grinder

91% OFF

Fellow Ode Gen 2 Brew Grinder

$ 28.37 $ 349.70

Famille Rose Cream & Sugar Set

87% OFF

Famille Rose Cream & Sugar Set

$ 4.94 $ 40.49

Fellow Clara French Press

Fellow Clara French Press

89% OFF

Fellow Clara French Press

$ 14.83 $ 136.84

Fellow Stagg Pour-Over Kettle

Fellow Stagg Pour-Over Kettle

87% OFF

Fellow Stagg Pour-Over Kettle

$ 10.60 $ 86.16

Fellow Clyde Electric Tea Kettle, 1.5L

Fellow Clyde Electric Tea Kettle, 1.5L

88% OFF

Fellow Clyde Electric Tea Kettle, 1.5L

$ 11.66 $ 100.35

Fellow Aiden Precision Coffee Maker

Fellow Aiden Precision Coffee Maker

93% OFF

Fellow Aiden Precision Coffee Maker

$ 25.79 $ 369.98

Famille Rose Tea Pot

87% OFF

Famille Rose Tea Pot

$ 6.36 $ 50.63

ESPRO P6 French Press

ESPRO P6 French Press

89% OFF

ESPRO P6 French Press

$ 12.37 $ 116.52

Equator Coffee Eye of The Tiger Espresso Blend Coffee Beans

Equator Coffee Eye of The Tiger Espresso Blend Coffee Beans

86% OFF

Equator Coffee Eye of The Tiger Espresso Blend Coffee Beans

$ 2.48 $ 18.75

ESPRO P5 French Press

ESPRO P5 French Press

87% OFF

ESPRO P5 French Press

$ 6.36 $ 50.63

Equator Coffee Jaguar Espresso Blend Coffee Beans

Equator Coffee Jaguar Espresso Blend Coffee Beans

86% OFF

Equator Coffee Jaguar Espresso Blend Coffee Beans

$ 2.48 $ 18.25

ESPRO P7 French Press

ESPRO P7 French Press

89% OFF

ESPRO P7 French Press

$ 15.90 $ 151.99

Famille Rose Tea Set

Famille Rose Tea Set

91% OFF

Famille Rose Tea Set

$ 16.25 $ 192.53

Moccamaster by Technivorm #4 Coffee Filter

Moccamaster by Technivorm #4 Coffee Filter

86% OFF

Moccamaster by Technivorm #4 Coffee Filter

$ 4.24 $ 31.37

Espressione Combination Espresso Machine & 10-Cup Drip Coffee Maker

Espressione Combination Espresso Machine & 10-Cup Drip Coffee Maker

92% OFF

Espressione Combination Espresso Machine & 10-Cup Drip Coffee Maker

$ 28.37 $ 354.72

Everyday Brew Coffee Essentials Set

89% OFF

Everyday Brew Coffee Essentials Set

$ 2.72 $ 25.30

Frieling French Press

Frieling French Press

90% OFF

Frieling French Press

$ 15.19 $ 162.13

Hario Next Coffee Syphon

Hario Next Coffee Syphon

89% OFF

Hario Next Coffee Syphon

$ 12.37 $ 116.52

96% OFF

GE Profile™ Semi-Automatic Espresso Machine

$ 18.85 $ 587.85

Hario V60 Glass Coffee Dripper

Hario V60 Glass Coffee Dripper

87% OFF

Hario V60 Glass Coffee Dripper

$ 6.36 $ 49.62

Haden 12-Cup Programmable Coffee Maker

Haden 12-Cup Programmable Coffee Maker

88% OFF

Haden 12-Cup Programmable Coffee Maker

$ 9.55 $ 81.03

Hold Everything Coffee & Tea Stackable Canisters

Hold Everything Coffee & Tea Stackable Canisters

86% OFF

Hold Everything Coffee & Tea Stackable Canisters

$ 4.66 $ 33.40

Haden 14-Cup Programmable Coffee Maker

Haden 14-Cup Programmable Coffee Maker

88% OFF

Haden 14-Cup Programmable Coffee Maker

$ 11.66 $ 101.31

Haden Dorset Stainless-Steel Electric Cordless Kettle, 1.7-L

Haden Dorset Stainless-Steel Electric Cordless Kettle, 1.7-L

88% OFF

Haden Dorset Stainless-Steel Electric Cordless Kettle, 1.7-L

$ 9.90 $ 86.11

Haden 12-Cup Quintessential Brew Coffee Maker

Haden 12-Cup Quintessential Brew Coffee Maker

88% OFF

Haden 12-Cup Quintessential Brew Coffee Maker

$ 11.66 $ 101.31

Hario V60 Coffee Pour-Over Coffee Maker Kit

Hario V60 Coffee Pour-Over Coffee Maker Kit

86% OFF

Hario V60 Coffee Pour-Over Coffee Maker Kit

$ 7.00 $ 50.63

Haden Heritage Stainless-Steel Electric Cordless Kettle, 1.7-L

Haden Heritage Stainless-Steel Electric Cordless Kettle, 1.7-L

88% OFF

Haden Heritage Stainless-Steel Electric Cordless Kettle, 1.7-L

$ 9.55 $ 81.03

Heirloom Silver Carafe

92% OFF

Heirloom Silver Carafe

$ 1.16 $ 15.15

illy Instant Coffee

illy Instant Coffee

85% OFF

illy Instant Coffee

$ 4.27 $ 30.30

illy Aluminum Coffee Capsule, Lungo

illy Aluminum Coffee Capsule, Lungo

87% OFF

illy Aluminum Coffee Capsule, Lungo

$ 2.48 $ 20.17

Honeycomb Tea Pot

Honeycomb Tea Pot

88% OFF

Honeycomb Tea Pot

$ 9.55 $ 81.03

Ironwood Gourmet Townhouse Tea Box, Acacia Wood

Ironwood Gourmet Townhouse Tea Box, Acacia Wood

86% OFF

Ironwood Gourmet Townhouse Tea Box, Acacia Wood

$ 6.22 $ 45.56

Honeycomb Cream & Sugar Set

Honeycomb Cream & Sugar Set

87% OFF

Honeycomb Cream & Sugar Set

$ 6.36 $ 50.63

illy Aluminum Coffee Capsule, Classico Medium

illy Aluminum Coffee Capsule, Classico Medium

88% OFF

illy Aluminum Coffee Capsule, Classico Medium

$ 1.16 $ 10.09

Hold Everything Coffee/Tea Tray, Ashwood

Hold Everything Coffee/Tea Tray, Ashwood

87% OFF

Hold Everything Coffee/Tea Tray, Ashwood

$ 11.66 $ 91.18

Honeycomb Tea Set Pack

92% OFF

Honeycomb Tea Set Pack

$ 20.14 $ 263.49

Hold Everything Scoops

Hold Everything Scoops

86% OFF

Hold Everything Scoops

$ 2.72 $ 20.22

Illy Espresso, Dark Roast, Ground Coffee

Illy Espresso, Dark Roast, Ground Coffee

86% OFF

Illy Espresso, Dark Roast, Ground Coffee

$ 4.24 $ 32.33

illy Aluminum Coffee Capsule, Intenso Dark

illy Aluminum Coffee Capsule, Intenso Dark

87% OFF

illy Aluminum Coffee Capsule, Intenso Dark

$ 2.48 $ 20.17

illy Aluminum Coffee Capsule, Forte Extra Dark

illy Aluminum Coffee Capsule, Forte Extra Dark

87% OFF

illy Aluminum Coffee Capsule, Forte Extra Dark

$ 2.48 $ 20.17

Hold Everything Stackable Tea Box, Ashwood

Hold Everything Stackable Tea Box, Ashwood

88% OFF

Hold Everything Stackable Tea Box, Ashwood

$ 8.13 $ 70.90

Caffe Ladro Decaf Blend Coffee Beans

Caffe Ladro Decaf Blend Coffee Beans

82% OFF

Caffe Ladro Decaf Blend Coffee Beans

$ 3.47 $ 20.28

illy Ground Espresso Classico Coffee Medium Roast

illy Ground Espresso Classico Coffee Medium Roast

81% OFF

illy Ground Espresso Classico Coffee Medium Roast

$ 2.99 $ 16.17

illy Ground Drip Classico Coffee Medium Roast

illy Ground Drip Classico Coffee Medium Roast

86% OFF

illy Ground Drip Classico Coffee Medium Roast

$ 4.24 $ 32.33

illy Whole Bean Classico Coffee Medium Roast

illy Whole Bean Classico Coffee Medium Roast

84% OFF

illy Whole Bean Classico Coffee Medium Roast

$ 2.48 $ 16.17

illy Whole Bean Intenso Coffee Dark Roast

illy Whole Bean Intenso Coffee Dark Roast

86% OFF

illy Whole Bean Intenso Coffee Dark Roast

$ 4.24 $ 32.33

Caffe Ladro Espresso Blend Coffee Beans

Caffe Ladro Espresso Blend Coffee Beans

84% OFF

Caffe Ladro Espresso Blend Coffee Beans

$ 3.06 $ 19.26

KitchenAid® Fully Automatic Espresso Machine KF8

KitchenAid® Fully Automatic Espresso Machine KF8

98% OFF

KitchenAid® Fully Automatic Espresso Machine KF8

$ 12.38 $ 886.72

KitchenAid® Fully Automatic Espresso Machine KF7

KitchenAid® Fully Automatic Espresso Machine KF7

96% OFF

KitchenAid® Fully Automatic Espresso Machine KF7

$ 30.01 $ 753.53

illy Ground Espresso Classico Decaffeinated Coffee Medium Roast

illy Ground Espresso Classico Decaffeinated Coffee Medium Roast

84% OFF

illy Ground Espresso Classico Decaffeinated Coffee Medium Roast

$ 2.48 $ 16.17

KitchenAid® Burr Coffee Grinder

KitchenAid® Burr Coffee Grinder

91% OFF

KitchenAid® Burr Coffee Grinder

$ 14.83 $ 182.45

Caffe Ladro Diablo Blend Coffee Beans

Caffe Ladro Diablo Blend Coffee Beans

84% OFF

Caffe Ladro Diablo Blend Coffee Beans

$ 3.06 $ 19.26

JURA 3-Phase Cleaning Tablet 6-Pack

87% OFF

JURA 3-Phase Cleaning Tablet 6-Pack

$ 5.63 $ 44.60

JURA Glass Milk Container

JURA Glass Milk Container

87% OFF

JURA Glass Milk Container

$ 6.24 $ 50.68

JURA ENA 8 Fully Automatic Espresso Machine, Metropolitan Black

JURA ENA 8 Fully Automatic Espresso Machine, Metropolitan Black

98% OFF

JURA ENA 8 Fully Automatic Espresso Machine, Metropolitan Black

$ 12.38 $ 797.93

JURA GIGA 10 Fully Automatic Espresso Machine with Cold Brew

JURA GIGA 10 Fully Automatic Espresso Machine with Cold Brew

97% OFF

JURA GIGA 10 Fully Automatic Espresso Machine with Cold Brew

$ 38.78 $ 1,454.15

JURA ENA 4 Fully Automatic Espresso Machine in Nordic White

JURA ENA 4 Fully Automatic Espresso Machine in Nordic White

98% OFF

JURA ENA 4 Fully Automatic Espresso Machine in Nordic White

$ 14.84 $ 912.26

JURA E6 Fully Automatic Espresso Machine

JURA E6 Fully Automatic Espresso Machine

98% OFF

JURA E6 Fully Automatic Espresso Machine

$ 12.18 $ 753.53

JURA CLEARYL Smart+ Filter

JURA CLEARYL Smart+ Filter

88% OFF

JURA CLEARYL Smart+ Filter

$ 9.49 $ 81.09

JURA Cool Control Oval Milk Cooler, 1-L

JURA Cool Control Oval Milk Cooler, 1-L

94% OFF

JURA Cool Control Oval Milk Cooler, 1-L

$ 22.33 $ 405.45

JURA Decalcifying Tablets

JURA Decalcifying Tablets

81% OFF

JURA Decalcifying Tablets

$ 3.82 $ 20.28

Jura E8 Fully Automatic Espresso Machine

Jura E8 Fully Automatic Espresso Machine

97% OFF

Jura E8 Fully Automatic Espresso Machine

$ 20.46 $ 997.41

JURA E4 Fully Automatic Espresso Machine

JURA E4 Fully Automatic Espresso Machine

98% OFF

JURA E4 Fully Automatic Espresso Machine

$ 12.24 $ 1,067.35

JURA Cool Control Milk Cooler, 20oz.

JURA Cool Control Milk Cooler, 20oz.

93% OFF

JURA Cool Control Milk Cooler, 20oz.

$ 18.85 $ 304.09

JURA Z10 Fully Automatic Espresso Machine with Cold Brew

JURA Z10 Fully Automatic Espresso Machine with Cold Brew

98% OFF

JURA Z10 Fully Automatic Espresso Machine with Cold Brew

$ 20.46 $ 1,260.75

JURA J8 twin Fully Automatic Espresso Machine

JURA J8 twin Fully Automatic Espresso Machine

98% OFF

JURA J8 twin Fully Automatic Espresso Machine

$ 20.46 $ 1,257.10

Le Creuset Classic Whistling Tea Kettle with Figural Heart Knob

Le Creuset Classic Whistling Tea Kettle with Figural Heart Knob

89% OFF

Le Creuset Classic Whistling Tea Kettle with Figural Heart Knob

$ 14.83 $ 136.84

Klatch Coffee WBC World's Best Espresso Blend Coffee Beans

Klatch Coffee WBC World's Best Espresso Blend Coffee Beans

86% OFF

Klatch Coffee WBC World's Best Espresso Blend Coffee Beans

$ 2.78 $ 20.28

JURA Milk System Cleaning Mini Tabs with Dispenser

85% OFF

JURA Milk System Cleaning Mini Tabs with Dispenser

$ 4.16 $ 28.38

JURA Milk Pipe with Stainless Steel Casing

JURA Milk Pipe with Stainless Steel Casing

87% OFF

JURA Milk Pipe with Stainless Steel Casing

$ 6.24 $ 50.68

1 2 3 4 5 6 7

Shopping Cart