<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="/assets/default/empty_loading.png?v=51ba92483a4282450a82bd1e58a7b541101712"  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="/assets/default/empty_loading.png?v=51ba92483a4282450a82bd1e58a7b541101712"  />
            {%- 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="/assets/default/empty_loading.png?v=51ba92483a4282450a82bd1e58a7b541101712"  />
            {% 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="/assets/default/empty_loading.png?v=51ba92483a4282450a82bd1e58a7b541101712" style="width: 40px;height: 40px;object-fit: contain;cursor: pointer;" onclick="moi.pictureImages(['{{val.image.src|public_front_asset_url}}'], 0, $(this))"/>
                      {% 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="/assets/default/empty_loading.png?v=51ba92483a4282450a82bd1e58a7b541101712"  />
              {%- 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 %}
						{% comment %} , {{lang.coupons.discount_rule_extra}} {% endcomment %}
						{% 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>

Hjem / Matboks

Matboks

Filter

Sorter etter

252 Produkter

Sorter etter

Tina matboks 1L beige

Tina matboks 1L beige

Tina matboks 1L beige

Kr 31.80 Kr 159.00

Traktor og låve metallboks

Traktor og låve metallboks

Kr 19.80 Kr 99.00

Rise matboks 68 cl Autumn Glaze

Rise matboks 68 cl Autumn Glaze

Rise matboks 68 cl Autumn Glaze

Kr 97.80 Kr 489.00

Matboks i stål med tett lokk 3 stk 0,8/1,3/1,8L

Matboks i stål med tett lokk 3 stk 0,8/1,3/1,8L

Matboks i stål med tett lokk 3 stk 0,8/1,3/1,8L

Kr 159.80 Kr 799.00

Matboks i plast traktor mørk grønn

Matboks i plast traktor mørk grønn

Kr 39.80 Kr 199.00

Classic matboks 0,7L Ash

Classic matboks 0,7L Ash

Classic matboks 0,7L Ash

Kr 149.80 Kr 749.00

Matboks i plast ett rom traktor lys blå

Matboks i plast ett rom traktor lys blå

Kr 35.80 Kr 179.00

Matboks 1L grønn

Matboks 1L grønn

Kr 33.80 Kr 169.00

Matboks i plast treroms blomst rød/rosa

Matboks i plast treroms blomst rød/rosa

Kr 39.80 Kr 199.00

Arista matboks 4L svart

Arista matboks 4L svart

Arista matboks 4L svart

Kr 239.80 Kr 1,199.00

Matboks i plast traktor lys gul

Matboks i plast traktor lys gul

Matboks i plast traktor lys gul

Kr 39.80 Kr 199.00

On The Go matboks 0,9L shell pink

On The Go matboks 0,9L shell pink

On The Go matboks 0,9L shell pink

Kr 81.80 Kr 409.00

Lunch boks line quaddie 1,5L assortert

Lunch boks line quaddie 1,5L assortert

Lunch boks line quaddie 1,5L assortert

Kr 49.80 Kr 249.00

Matboks i plast treroms 7x14x19 cm Blomst hvit/mørk grønn

Matboks i plast treroms 7x14x19 cm Blomst hvit/mørk grønn

Matboks i plast treroms 7x14x19 cm Blomst hvit/mørk grønn

Kr 39.80 Kr 199.00

Make & Take Bento matboks 6,2x16,7x25,5 cm mørk grå

Make & Take Bento matboks 6,2x16,7x25,5 cm mørk grå

Make & Take Bento matboks 6,2x16,7x25,5 cm mørk grå

Kr 49.80 Kr 249.00

Bukkene Bruse lunsjboks 0,6L motiver grønn

Bukkene Bruse lunsjboks 0,6L motiver grønn

Bukkene Bruse lunsjboks 0,6L motiver grønn

Kr 53.80 Kr 269.00

Ugle matboks rød

Ugle matboks rød

Kr 29.80 Kr 149.00

Skog matboks 6x10x14 cm gul

Skog matboks 6x10x14 cm gul

Skog matboks 6x10x14 cm gul

Kr 29.80 Kr 149.00

Bukkene Bruse lunsjboks 0,9L drar til syden gul/blå

Bukkene Bruse lunsjboks 0,9L drar til syden gul/blå

Bukkene Bruse lunsjboks 0,9L drar til syden gul/blå

Kr 51.80 Kr 259.00

Matboks 23 cm aluminium

Matboks 23 cm aluminium

Kr 105.80 Kr 529.00

Smart box lunsjboks 1,2L lys blå

Smart box lunsjboks 1,2L lys blå

Smart box lunsjboks 1,2L lys blå

Kr 79.80 Kr 399.00

Matboks stål 3 rom 17x13x5 cm beige

Matboks stål 3 rom 17x13x5 cm beige

Matboks stål 3 rom 17x13x5 cm beige

Kr 79.80 Kr 399.00

Lundefugl matboks 8x10 cm blå

Lundefugl matboks 8x10 cm blå

Lundefugl matboks 8x10 cm blå

Kr 19.80 Kr 99.00

Matboks i stål med tett lokk 1,8L 23x17,5x8,3 cm

Matboks i stål med tett lokk 1,8L 23x17,5x8,3 cm

Matboks i stål med tett lokk 1,8L 23x17,5x8,3 cm

Kr 69.80 Kr 349.00

TKCanister 47 cl med isolasjonslokk børstet stål

TKCanister 47 cl med isolasjonslokk børstet stål

TKCanister 47 cl med isolasjonslokk børstet stål

Kr 135.80 Kr 679.00

Emil i Lønneberget matboks 18,5x12 cm blå

Emil i Lønneberget matboks 18,5x12 cm blå

Emil i Lønneberget matboks 18,5x12 cm blå

Kr 34.40 Kr 172.00

Smart box matboks 0,9L gul

Smart box matboks 0,9L gul

Kr 39.80 Kr 199.00

Blomst matboks i plast 3 rom rosa

Blomst matboks i plast 3 rom rosa

Blomst matboks i plast 3 rom rosa

Kr 39.80 Kr 199.00

F&S vakuum matboks 21,7x14,6 3 stk

F&S vakuum matboks 21,7x14,6 3 stk

F&S vakuum matboks 21,7x14,6 3 stk

Kr 107.80 Kr 539.00

Tina matboks 1L Fudge

Tina matboks 1L Fudge

Tina matboks 1L Fudge

Kr 31.80 Kr 159.00

Rise stor matboks 162 cl Autumn Glaze

Rise stor matboks 162 cl Autumn Glaze

Rise stor matboks 162 cl Autumn Glaze

Kr 153.80 Kr 769.00

Anette Moi lunsjboks 1L Roser rosa

Anette Moi lunsjboks 1L Roser rosa

Anette Moi lunsjboks 1L Roser rosa

Kr 91.80 Kr 459.00

Smart box lunsjboks 1,2L stål/blå

Smart box lunsjboks 1,2L stål/blå

Smart box lunsjboks 1,2L stål/blå

Kr 99.80 Kr 499.00

Make & Take matboks 3,7x16,6x25,5 cm mørk grå

Make & Take matboks 3,7x16,6x25,5 cm mørk grå

Make & Take matboks 3,7x16,6x25,5 cm mørk grå

Kr 31.80 Kr 159.00

Make & Take matboks 6,2x16,7x25,5 cm mørk grå

Make & Take matboks 6,2x16,7x25,5 cm mørk grå

Make & Take matboks 6,2x16,7x25,5 cm mørk grå

Kr 37.80 Kr 189.00

Bukkene Bruse pakning 15 cm til lunsjboks

Bukkene Bruse pakning 15 cm til lunsjboks

Kr 3.80 Kr 19.00

Mummi piknik matboks 18,5x12 cm blå

Mummi piknik matboks 18,5x12 cm blå

Mummi piknik matboks 18,5x12 cm blå

Kr 34.40 Kr 172.00

Bento matboks medium nordic blue

Bento matboks medium nordic blue

Bento matboks medium nordic blue

Kr 45.80 Kr 229.00

Bento matboks medium nordic sage

Bento matboks medium nordic sage

Bento matboks medium nordic sage

Kr 45.80 Kr 229.00

Blåbær matboks 14x10 cm

Blåbær matboks 14x10 cm

Blåbær matboks 14x10 cm

Kr 29.80 Kr 149.00

Make & Take suppekopp 0,6L mørk grå

Make & Take suppekopp 0,6L mørk grå

Make & Take suppekopp 0,6L mørk grå

Kr 39.80 Kr 199.00

Renew yoghurtbeger 15 cl en 2pk

Renew yoghurtbeger 15 cl en 2pk

Renew yoghurtbeger 15 cl en 2pk

Kr 35.80 Kr 179.00

Pippi matboks 18,5x12 cm sirkus gul

Pippi matboks 18,5x12 cm sirkus gul

Pippi matboks 18,5x12 cm sirkus gul

Kr 34.40 Kr 172.00

Mummi matboks 6x12x19 cm Lunsj lilla

Mummi matboks 6x12x19 cm Lunsj lilla

Mummi matboks 6x12x19 cm Lunsj lilla

Kr 39.80 Kr 199.00

Matboks stål 3 rom 17x13x5 cm blågrønn

Matboks stål 3 rom 17x13x5 cm blågrønn

Matboks stål 3 rom 17x13x5 cm blågrønn

Kr 79.80 Kr 399.00

Make & Take matboks 6,3x17,4x26 cm matt stål

Make & Take matboks 6,3x17,4x26 cm matt stål

Make & Take matboks 6,3x17,4x26 cm matt stål

Kr 85.80 Kr 429.00

Mummi matboks metall 17,5x13,5 cm familie blå

Mummi matboks metall 17,5x13,5 cm familie blå

Mummi matboks metall 17,5x13,5 cm familie blå

Kr 57.00 Kr 285.00

Make & Take pausesett 2 deler mørk grå

Make & Take pausesett 2 deler mørk grå

Make & Take pausesett 2 deler mørk grå

Kr 69.80 Kr 349.00

Matboks i stål med tett lokk 3 stk 0,26L

Matboks i stål med tett lokk 3 stk 0,26L

Matboks i stål med tett lokk 3 stk 0,26L

Kr 99.80 Kr 499.00

Renew matboks snack 40 cl 1 stk

Renew matboks snack 40 cl 1 stk

Renew matboks snack 40 cl 1 stk

Kr 27.80 Kr 139.00

Make & Take frokost- og lunsjsett 3 deler mørk grå

Make & Take frokost- og lunsjsett 3 deler mørk grå

Make & Take frokost- og lunsjsett 3 deler mørk grå

Kr 95.80 Kr 479.00

Elsa Beskow matboks 18,5x12 cm smånissene

Elsa Beskow matboks 18,5x12 cm smånissene

Elsa Beskow matboks 18,5x12 cm smånissene

Kr 34.40 Kr 172.00

Mummi matboks 6x12x19 cm Familien grønn

Mummi matboks 6x12x19 cm Familien grønn

Mummi matboks 6x12x19 cm Familien grønn

Kr 39.80 Kr 199.00

Mummi matboks Eng rosa

Mummi matboks Eng rosa

Mummi matboks Eng rosa

Kr 29.80 Kr 149.00

To Go sammenleggbar lunsjveske 4 L grå

To Go sammenleggbar lunsjveske 4 L grå

To Go sammenleggbar lunsjveske 4 L grå

Kr 43.80 Kr 219.00

Mummi matboks 18,5x12 cm Lille My

Mummi matboks 18,5x12 cm Lille My

Mummi matboks 18,5x12 cm Lille My

Kr 34.40 Kr 172.00

Gjenbrukbart sandwichetui 18 cm grønn/klar

Gjenbrukbart sandwichetui 18 cm grønn/klar

Gjenbrukbart sandwichetui 18 cm grønn/klar

Kr 43.80 Kr 219.00

Lille kanin på tur matboks

Lille kanin på tur matboks

Kr 29.80 Kr 149.00

Smart box matboks 0,9L svart

Smart box matboks 0,9L svart

Smart box matboks 0,9L svart

Kr 39.80 Kr 199.00

Make & Take matboks 5,8x14,5x20,5 cm matt stål

Make & Take matboks 5,8x14,5x20,5 cm matt stål

Make & Take matboks 5,8x14,5x20,5 cm matt stål

Kr 62.00 Kr 310.00

Bukkene Bruse matboks 1L oransje/multi

Bukkene Bruse matboks 1L oransje/multi

Bukkene Bruse matboks 1L oransje/multi

Kr 91.80 Kr 459.00

Ellipse mini lunsjbeger 300+120 ml nordic sage

Ellipse mini lunsjbeger 300+120 ml nordic sage

Ellipse mini lunsjbeger 300+120 ml nordic sage

Kr 45.80 Kr 229.00

Rise snackboks 8 cl børstet stål

Rise snackboks 8 cl børstet stål

Rise snackboks 8 cl børstet stål

Kr 37.80 Kr 189.00

On The Go matboks 0,9L matte black

On The Go matboks 0,9L matte black

On The Go matboks 0,9L matte black

Kr 81.80 Kr 409.00

Multe matboks 8x10 cm gul

Multe matboks 8x10 cm gul

Multe matboks 8x10 cm gul

Kr 19.80 Kr 99.00

Rådyr matboks 6x10x14 cm grønn

Rådyr matboks 6x10x14 cm grønn

Rådyr matboks 6x10x14 cm grønn

Kr 29.80 Kr 149.00

Smart box matboks 0,9L grønn

Smart box matboks 0,9L grønn

Smart box matboks 0,9L grønn

Kr 39.80 Kr 199.00

Smart box lunsjboks 1,2L lys rosa

Smart box lunsjboks 1,2L lys rosa

Smart box lunsjboks 1,2L lys rosa

Kr 79.80 Kr 399.00

MasterSeal matboks 3 deler 0,45L/0,8L/2L rød

MasterSeal matboks 3 deler 0,45L/0,8L/2L rød

Kr 83.80 Kr 419.00

Rise snackboks 30 cl børstet stål

Rise snackboks 30 cl børstet stål

Rise snackboks 30 cl børstet stål

Kr 49.80 Kr 249.00

Matboks i stål med tett lokk og 2 rom 0,45+0,28L

Matboks i stål med tett lokk og 2 rom 0,45+0,28L

Matboks i stål med tett lokk og 2 rom 0,45+0,28L

Kr 69.80 Kr 349.00

Mummi matboks Eng grønn

Mummi matboks Eng grønn

Mummi matboks Eng grønn

Kr 29.80 Kr 149.00

Adventure To-Go mattermos 0,35L Frost

Adventure To-Go mattermos 0,35L Frost

Adventure To-Go mattermos 0,35L Frost

Kr 99.80 Kr 499.00

Bukkene Bruse matboks 0,9L back to school blå

Bukkene Bruse matboks 0,9L back to school blå

Bukkene Bruse matboks 0,9L back to school blå

Kr 53.80 Kr 269.00

Rise matbokssett (stor måltid, lunsj, snack) Sea Spray

Rise matbokssett (stor måltid, lunsj, snack) Sea Spray

Kr 259.80 Kr 1,299.00

On The Go matboks 0,9L cerise

On The Go matboks 0,9L cerise

On The Go matboks 0,9L cerise

Kr 81.80 Kr 409.00

Mummi snacksboks 2 stk Eng grønn

Mummi snacksboks 2 stk Eng grønn

Kr 31.20 Kr 156.00

Rise matboks 101 cl Autumn Glaze

Rise matboks 101 cl Autumn Glaze

Rise matboks 101 cl Autumn Glaze

Kr 119.80 Kr 599.00

To Go matboks 75 cl stål/svart

To Go matboks 75 cl stål/svart

To Go matboks 75 cl stål/svart

Kr 99.80 Kr 499.00

Smart box matboks 0,9L lilla

Smart box matboks 0,9L lilla

Smart box matboks 0,9L lilla

Kr 39.80 Kr 199.00

1 2 3 4

Handlekurv