<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" 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 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 inventory_tracking != 0 %} | {{lang.general.stock | default:"Stock"}} {{val.quantity}}{% endif %}</span>
                   </div>
                      </div>
                    </td>
                    <td class="multiple-md-hidden">{{val.formatPrice}}</td>
                    {% if 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>

Home / Loungewear

Loungewear

We believe loungewear is about so much more than lounging. It's about living your best life in unparalleled comfort, whether you're at home, running errands, or travelling. Our loungewear collection is guaranteed to fit perfectly into your life, whether you want to keep it loose and lax or layer it up.

Filter

Sort by

899 Products

Sort by

Offstage Oversized Tee Mineral Grey - luluinthesky

Offstage Oversized Tee Mineral Grey - luluinthesky

Offstage Oversized Tee Mineral Grey

$ 49.99

Archive 6.0 Sweatpants Melon - luluinthesky

Archive 6.0 Sweatpants Melon - luluinthesky

Archive 6.0 Sweatpants Melon

$ 55.00

Offstage Sweatpants Alloy Grey - luluinthesky

Offstage Sweatpants Alloy Grey - luluinthesky

Offstage Sweatpants Alloy Grey

$ 55.00

Offstage Sweatpants Mineral Grey - luluinthesky

Offstage Sweatpants Mineral Grey - luluinthesky

Offstage Sweatpants Mineral Grey

$ 55.00

Offstage Sweatpants Posy Pink - luluinthesky

Offstage Sweatpants Posy Pink - luluinthesky

Offstage Sweatpants Posy Pink

$ 55.00

Archive 6.0 Baby Tee Coconut - luluinthesky

Archive 6.0 Baby Tee Coconut - luluinthesky

Archive 6.0 Baby Tee Coconut

$ 39.99

Archive 6.0 Sweatpants Cloudburst - luluinthesky

Archive 6.0 Sweatpants Cloudburst - luluinthesky

Archive 6.0 Sweatpants Cloudburst

$ 55.00

Archive 6.0 Sweatpants Ash - luluinthesky

Archive 6.0 Sweatpants Ash - luluinthesky

Archive 6.0 Sweatpants Ash

$ 55.00

Offstage Oversized Tee Moon - luluinthesky

Offstage Oversized Tee Moon - luluinthesky

Offstage Oversized Tee Moon

$ 49.99

Leisure Series Oversized Hoodie Lavender - luluinthesky

Leisure Series Oversized Hoodie Lavender - luluinthesky

Leisure Series Oversized Hoodie Lavender

$ 69.99

Archive 6.0 Sweatpants Dove - luluinthesky

Archive 6.0 Sweatpants Dove - luluinthesky

Archive 6.0 Sweatpants Dove

$ 55.00

Offstage Sweatpants Cinnamon - luluinthesky

Offstage Sweatpants Cinnamon - luluinthesky

Offstage Sweatpants Cinnamon

$ 55.00

Archive 6.0 Sweatpants Haze - luluinthesky

Archive 6.0 Sweatpants Haze - luluinthesky

Archive 6.0 Sweatpants Haze

$ 55.00

Leisure Series Oversized Hoodie Posy - luluinthesky

Leisure Series Oversized Hoodie Posy - luluinthesky

Leisure Series Oversized Hoodie Posy

$ 69.99

Offstage Hoodie Pebble - luluinthesky

Offstage Hoodie Pebble - luluinthesky

Offstage Hoodie Pebble

$ 69.99

Offstage Oversized Tee Pebble - luluinthesky

Offstage Oversized Tee Pebble - luluinthesky

Offstage Oversized Tee Pebble

$ 49.99

Offstage Lounge Shorts Mineral Grey - luluinthesky

Offstage Lounge Shorts Mineral Grey - luluinthesky

Offstage Lounge Shorts Mineral Grey

$ 44.99

Offstage Oversized Tee Azure - luluinthesky

Offstage Oversized Tee Azure - luluinthesky

Offstage Oversized Tee Azure

$ 49.99

Offstage Lounge Shorts Azure - luluinthesky

Offstage Lounge Shorts Azure - luluinthesky

Offstage Lounge Shorts Azure

$ 44.99

Offstage Sweatpants Shadow - luluinthesky

Offstage Sweatpants Shadow - luluinthesky

Offstage Sweatpants Shadow

$ 55.00

Offstage Sweatpants Pebble - luluinthesky

Offstage Sweatpants Pebble - luluinthesky

Offstage Sweatpants Pebble

$ 55.00

Offstage Oversized Tee Glacier Grey - luluinthesky

Offstage Oversized Tee Glacier Grey - luluinthesky

Offstage Oversized Tee Glacier Grey

$ 49.99

Offstage Sweatpants Amazon - luluinthesky

Offstage Sweatpants Amazon - luluinthesky

Offstage Sweatpants Amazon

$ 55.00

Offstage Sweatpants Glacier Grey - luluinthesky

Offstage Sweatpants Glacier Grey - luluinthesky

Offstage Sweatpants Glacier Grey

$ 55.00

Offstage Lounge Shorts Glacier Grey - luluinthesky

Offstage Lounge Shorts Glacier Grey - luluinthesky

Offstage Lounge Shorts Glacier Grey

$ 44.99

Offstage Oversized Tee Shadow - luluinthesky

Offstage Oversized Tee Shadow - luluinthesky

Offstage Oversized Tee Shadow

$ 49.99

Ready To Go Wide Leg Sweatpants Pink - luluinthesky

Ready To Go Wide Leg Sweatpants Pink - luluinthesky

Ready To Go Wide Leg Sweatpants Pink

$ 55.00

Ready To Go Zip Front Hoodie Pink - luluinthesky

Ready To Go Zip Front Hoodie Pink - luluinthesky

Ready To Go Zip Front Hoodie Pink

$ 74.99

11th Street Concrete Jungle Oversized Tee Blueberry Twist - luluinthesky

11th Street Concrete Jungle Oversized Tee Blueberry Twist - luluinthesky

11th Street Concrete Jungle Oversized Tee Blueberry Twist

$ 49.99

Always Shining Oversized Hoodie Posy - luluinthesky

Always Shining Oversized Hoodie Posy - luluinthesky

Always Shining Oversized Hoodie Posy

$ 69.99

From The Archives Charli Wide Leg Sweatpants Grey Marle - luluinthesky

From The Archives Charli Wide Leg Sweatpants Grey Marle - luluinthesky

From The Archives Charli Wide Leg Sweatpants Grey Marle

$ 55.00

Sweet Sweet Moments Oversized Hoodie Grey Marle - luluinthesky

Sweet Sweet Moments Oversized Hoodie Grey Marle - luluinthesky

Sweet Sweet Moments Oversized Hoodie Grey Marle

$ 69.99

Offstage Wide Leg Sweatpants Monochrome - luluinthesky

Offstage Wide Leg Sweatpants Monochrome - luluinthesky

Offstage Wide Leg Sweatpants Monochrome

$ 55.00

Era 8 Singlet Salsa - luluinthesky

Era 8 Singlet Salsa - luluinthesky

Era 8 Singlet Salsa

$ 29.99

11th Street Concrete Jungle Oversized Tee Iced Matcha - luluinthesky

11th Street Concrete Jungle Oversized Tee Iced Matcha - luluinthesky

11th Street Concrete Jungle Oversized Tee Iced Matcha

$ 49.99

Offstage Fitted Baby Tee Monochrome - luluinthesky

Offstage Fitted Baby Tee Monochrome - luluinthesky

Offstage Fitted Baby Tee Monochrome

$ 39.99

Love You Forever Baby Tee Baby Blue - luluinthesky

Love You Forever Baby Tee Baby Blue - luluinthesky

Love You Forever Baby Tee Baby Blue

$ 39.99

Keep Blooming Oversized Hoodie Grey Marle - luluinthesky

Keep Blooming Oversized Hoodie Grey Marle - luluinthesky

Keep Blooming Oversized Hoodie Grey Marle

$ 69.99

11th Street She's So Lucky Oversized Tee Very Berry - luluinthesky

11th Street She's So Lucky Oversized Tee Very Berry - luluinthesky

11th Street She's So Lucky Oversized Tee Very Berry

$ 49.99

Stay Lifted Oversized Hoodie Lavender - luluinthesky

Stay Lifted Oversized Hoodie Lavender - luluinthesky

Stay Lifted Oversized Hoodie Lavender

$ 69.99

Offstage Fitted Baby Tee Moon - luluinthesky

Offstage Fitted Baby Tee Moon - luluinthesky

Offstage Fitted Baby Tee Moon

$ 39.99

Love You Forever Lounge Shorts Moon - luluinthesky

Love You Forever Lounge Shorts Moon - luluinthesky

Love You Forever Lounge Shorts Moon

$ 44.99

From The Archives Jaxx Oversized Hoodie Dark Grey Marle - luluinthesky

From The Archives Jaxx Oversized Hoodie Dark Grey Marle - luluinthesky

From The Archives Jaxx Oversized Hoodie Dark Grey Marle

$ 69.99

Star Student Oversized Hoodie Pink - luluinthesky

Star Student Oversized Hoodie Pink - luluinthesky

Star Student Oversized Hoodie Pink

$ 69.99

No Hesitation Bike Shorts Green - luluinthesky

No Hesitation Bike Shorts Green - luluinthesky

No Hesitation Bike Shorts Green

$ 34.99

Love And Romance Bike Shorts Black - luluinthesky

Love And Romance Bike Shorts Black - luluinthesky

Love And Romance Bike Shorts Black

$ 34.99

Twin Flame Oversized Hoodie Charcoal - luluinthesky

Twin Flame Oversized Hoodie Charcoal - luluinthesky

Twin Flame Oversized Hoodie Charcoal

$ 69.99

Love You Forever Lounge Shorts Baby Blue - luluinthesky

Love You Forever Lounge Shorts Baby Blue - luluinthesky

Love You Forever Lounge Shorts Baby Blue

$ 44.99

Love You Forever Baby Tee Moon - luluinthesky

Love You Forever Baby Tee Moon - luluinthesky

Love You Forever Baby Tee Moon

$ 39.99

No Hesitation Oversized Sweater Burgundy - luluinthesky

No Hesitation Oversized Sweater Burgundy - luluinthesky

No Hesitation Oversized Sweater Burgundy

$ 55.00

Ready To Go Zip Front Hoodie Baby Blue - luluinthesky

Ready To Go Zip Front Hoodie Baby Blue - luluinthesky

Ready To Go Zip Front Hoodie Baby Blue

$ 74.99

Offstage 4

Offstage 4

Offstage 4" Bike Shorts Moon

$ 34.99

Season 7 Singlet Top Coastal - luluinthesky

Season 7 Singlet Top Coastal - luluinthesky

Season 7 Singlet Top Coastal

$ 34.99

11th Street Out & About Wide Leg Sweatpants Cake Batter - luluinthesky

11th Street Out & About Wide Leg Sweatpants Cake Batter - luluinthesky

11th Street Out & About Wide Leg Sweatpants Cake Batter

$ 55.00

Breaking Ground Zip Front Sweater Grey Marle - luluinthesky

Breaking Ground Zip Front Sweater Grey Marle - luluinthesky

Breaking Ground Zip Front Sweater Grey Marle

$ 74.99

Always Shining Lounge Shorts Navy - luluinthesky

Always Shining Lounge Shorts Navy - luluinthesky

Always Shining Lounge Shorts Navy

$ 44.99

Give It Away Oversized Hoodie Dark Grey Marle - luluinthesky

Give It Away Oversized Hoodie Dark Grey Marle - luluinthesky

Give It Away Oversized Hoodie Dark Grey Marle

$ 69.99

Stay Lifted Cropped Hoodie Dark Grey Marle - luluinthesky

Stay Lifted Cropped Hoodie Dark Grey Marle - luluinthesky

Stay Lifted Cropped Hoodie Dark Grey Marle

$ 55.00

Stay Lifted Oversized Hoodie Dark Green - luluinthesky

Stay Lifted Oversized Hoodie Dark Green - luluinthesky

Stay Lifted Oversized Hoodie Dark Green

$ 69.99

With Love Forever Oversized Tee White/Blue - luluinthesky

With Love Forever Oversized Tee White/Blue - luluinthesky

With Love Forever Oversized Tee White/Blue

$ 49.99

11th Street New York Or Nowhere Sweatpants Berry Blast - luluinthesky

11th Street New York Or Nowhere Sweatpants Berry Blast - luluinthesky

11th Street New York Or Nowhere Sweatpants Berry Blast

$ 55.00

Active Club Oversized Hoodie Off White - luluinthesky

Active Club Oversized Hoodie Off White - luluinthesky

Active Club Oversized Hoodie Off White

$ 69.99

Love Me Tender Oversized Hoodie Pink - luluinthesky

Love Me Tender Oversized Hoodie Pink - luluinthesky

Love Me Tender Oversized Hoodie Pink

$ 69.99

Meet At Sunrise Oversized Hoodie Grey Marle - luluinthesky

Meet At Sunrise Oversized Hoodie Grey Marle - luluinthesky

Meet At Sunrise Oversized Hoodie Grey Marle

$ 69.99

Feel The Love Baby Tee Black - luluinthesky

Feel The Love Baby Tee Black - luluinthesky

Feel The Love Baby Tee Black

$ 39.99

With Love & Kisses Oversized Hoodie Dark Grey Marle - luluinthesky

With Love & Kisses Oversized Hoodie Dark Grey Marle - luluinthesky

With Love & Kisses Oversized Hoodie Dark Grey Marle

$ 69.99

Offstage Ribbed Bike Shorts Cherry - luluinthesky

Offstage Ribbed Bike Shorts Cherry - luluinthesky

Offstage Ribbed Bike Shorts Cherry

$ 34.99

With Love Lounge Shorts White - luluinthesky

With Love Lounge Shorts White - luluinthesky

With Love Lounge Shorts White

$ 44.99

Era 8 Baby Tee Tutu - luluinthesky

Era 8 Baby Tee Tutu - luluinthesky

Era 8 Baby Tee Tutu

$ 34.99

Stay Lifted Oversized Hoodie Posy - luluinthesky

Stay Lifted Oversized Hoodie Posy - luluinthesky

Stay Lifted Oversized Hoodie Posy

$ 69.99

Era 8 Singlet Tutu - luluinthesky

Era 8 Singlet Tutu - luluinthesky

Era 8 Singlet Tutu

$ 29.99

Decade Classics Varsity Lounge Shorts Posy - luluinthesky

Decade Classics Varsity Lounge Shorts Posy - luluinthesky

Decade Classics Varsity Lounge Shorts Posy

$ 44.99

The New Standard Oversized Hoodie Pink - luluinthesky

The New Standard Oversized Hoodie Pink - luluinthesky

The New Standard Oversized Hoodie Pink

$ 69.99

Capsule 9 Star Of The Moment Sweatpants Volcanic - luluinthesky

Capsule 9 Star Of The Moment Sweatpants Volcanic - luluinthesky

Capsule 9 Star Of The Moment Sweatpants Volcanic

$ 55.00

Era 8 Zip Front Hoodie Nautical - luluinthesky

Era 8 Zip Front Hoodie Nautical - luluinthesky

Era 8 Zip Front Hoodie Nautical

$ 74.99

Era 8 Bike Shorts Nautical - luluinthesky

Era 8 Bike Shorts Nautical - luluinthesky

Era 8 Bike Shorts Nautical

$ 34.99

Stay Lifted Sweatpants Black - luluinthesky

Stay Lifted Sweatpants Black - luluinthesky

Stay Lifted Sweatpants Black

$ 55.00

Missed Flights Oversized Hoodie White - luluinthesky

Missed Flights Oversized Hoodie White - luluinthesky

Missed Flights Oversized Hoodie White

$ 69.99

Season 7 Sweatpants Deep Sea - luluinthesky

Season 7 Sweatpants Deep Sea - luluinthesky

Season 7 Sweatpants Deep Sea

$ 55.00

Missed Flights Wide Leg Sweatpants White - luluinthesky

Missed Flights Wide Leg Sweatpants White - luluinthesky

Missed Flights Wide Leg Sweatpants White

$ 55.00

1 2 3 4 5 ... 12

Shopping Cart