<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 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>

Home / Red Dresses

Red Dresses

We hit refresh on the classic Little Black Dress everyone knows and loves, this season it’s all about the Little Red Dress. Our collection of mini, midi, and maxi dresses feature an array of sumptuous red shades, from rich ruby to bold burgundy. Whether you’re looking for a deep berry red midi or a classic bright crimson bodycon mini, we have the perfect pieces for making sure all eyes are on you.

Filter

Sort by

308 Products

Sort by

Anziel Mini Dress Strapless Structured Cluster Embellishment Dress in White

Anziel Mini Dress Strapless Structured Cluster Embellishment Dress in White

Anziel Mini Dress Strapless Structured Cluster Embellishment Dress in White

$ 88.00

Tulle Intentions White Strapless Tiered Tulle Mini Dress

Tulle Intentions White Strapless Tiered Tulle Mini Dress

Tulle Intentions White Strapless Tiered Tulle Mini Dress

$ 70.00

Tiffy Pink Multi Sequin Embroidered Strapless Mini Dress

Tiffy Pink Multi Sequin Embroidered Strapless Mini Dress

Tiffy Pink Multi Sequin Embroidered Strapless Mini Dress

$ 78.00

Eden Lace-Up Layered Skater Dress

Eden Lace-Up Layered Skater Dress

Eden Lace-Up Layered Skater Dress

$ 89.00

Lilah Tie-Back Embroidered Mini Dress

Lilah Tie-Back Embroidered Mini Dress

Lilah Tie-Back Embroidered Mini Dress

$ 79.00

Incredible Glow Rhinestone Mini Dress

Incredible Glow Rhinestone Mini Dress

Incredible Glow Rhinestone Mini Dress

$ 63.00

Sequin Embroidered Open Back Dress in Green

Sequin Embroidered Open Back Dress in Green

Sequin Embroidered Open Back Dress in Green

$ 78.00

Lace Contour Maxi Dress in Red

Lace Contour Maxi Dress in Red

Lace Contour Maxi Dress in Red

$ 62.00

Libre Plunging Halter Ruffle Maxi Dress Red

Libre Plunging Halter Ruffle Maxi Dress Red

Libre Plunging Halter Ruffle Maxi Dress Red

$ 75.00

Kamilah Gathered Cascading Ruffle Midi Dress Maroon

Kamilah Gathered Cascading Ruffle Midi Dress Maroon

Kamilah Gathered Cascading Ruffle Midi Dress Maroon

$ 75.00

Tulips Tiered Halterneck Mini Dress Baby Blue

Tulips Tiered Halterneck Mini Dress Baby Blue

Tulips Tiered Halterneck Mini Dress Baby Blue

$ 70.00

Unpredictable Layered Ruffle Neckline Mini Dress Butter

Unpredictable Layered Ruffle Neckline Mini Dress Butter

Unpredictable Layered Ruffle Neckline Mini Dress Butter

$ 69.00

Provence Bloom Tiered Sequin Mini Dress White

Provence Bloom Tiered Sequin Mini Dress White

Provence Bloom Tiered Sequin Mini Dress White

$ 82.00

Carlson Mini Dress Halter Neck Ruffle Tiered Dress in Pink

Carlson Mini Dress Halter Neck Ruffle Tiered Dress in Pink

Carlson Mini Dress Halter Neck Ruffle Tiered Dress in Pink

$ 79.00

Marcella Embroidered A-Line Mini Dress

Marcella Embroidered A-Line Mini Dress

Marcella Embroidered A-Line Mini Dress

$ 89.00

Flora Embroidered Mini Dress - Fuchsia/combo

Flora Embroidered Mini Dress - Fuchsia/combo

Flora Embroidered Mini Dress - Fuchsia/combo

$ 79.00

Marcella Embroidered A-Line Mini Dress - Yellow

Marcella Embroidered A-Line Mini Dress - Yellow

Marcella Embroidered A-Line Mini Dress - Yellow

$ 78.00

Dream Paddock Gingham Mini Dress Red

Dream Paddock Gingham Mini Dress Red

Dream Paddock Gingham Mini Dress Red

$ 69.00

Moorey Beaded Mini Dress - Red

Moorey Beaded Mini Dress - Red

Moorey Beaded Mini Dress - Red

$ 75.00

Clouds Of Love Strapless Pleated Maxi Dress Red

Clouds Of Love Strapless Pleated Maxi Dress Red

Clouds Of Love Strapless Pleated Maxi Dress Red

$ 65.00

Lace Strapless Bodycon Dress in Red

Lace Strapless Bodycon Dress in Red

Lace Strapless Bodycon Dress in Red

$ 49.90

Textured Floral Bodycon Dress in Black

Textured Floral Bodycon Dress in Black

Textured Floral Bodycon Dress in Black

$ 55.00

Textured Floral Bodycon Dress in Ivory

Textured Floral Bodycon Dress in Ivory

Textured Floral Bodycon Dress in Ivory

$ 55.00

Embroidered Floral Fit and Flare Dress in Gold

Embroidered Floral Fit and Flare Dress in Gold

Embroidered Floral Fit and Flare Dress in Gold

$ 55.00

Kiernan Textured Sleeveless Blazer Dress - Charcoal

Kiernan Textured Sleeveless Blazer Dress - Charcoal

Kiernan Textured Sleeveless Blazer Dress - Charcoal

$ 97.00

Adella Gathered Mini Dress - Black

Adella Gathered Mini Dress - Black

Adella Gathered Mini Dress - Black

$ 85.00

Sequin Embroidered A-Line Dress in Cream

Sequin Embroidered A-Line Dress in Cream

Sequin Embroidered A-Line Dress in Cream

$ 55.00

Mackay Mini Dress Jacquard High Neck Puff Sleeve Dress in Red

Mackay Mini Dress Jacquard High Neck Puff Sleeve Dress in Red

Mackay Mini Dress Jacquard High Neck Puff Sleeve Dress in Red

$ 88.00

Mars Draped Strapless Mini Dress Red

Mars Draped Strapless Mini Dress Red

Mars Draped Strapless Mini Dress Red

$ 69.99

Kharissa Cut-Out Textured Maxi Dress Pink

Kharissa Cut-Out Textured Maxi Dress Pink

Kharissa Cut-Out Textured Maxi Dress Pink

$ 79.99

Arrabel Tiered Ruffle Mini Dress Watermelon

Arrabel Tiered Ruffle Mini Dress Watermelon

Arrabel Tiered Ruffle Mini Dress Watermelon

$ 55.00

Shenay Ruffle Strap Embroidered Mini Dress White

Shenay Ruffle Strap Embroidered Mini Dress White

Shenay Ruffle Strap Embroidered Mini Dress White

$ 79.99

Tulips Tiered Halterneck Mini Dress Baby Blue

Tulips Tiered Halterneck Mini Dress Baby Blue

Tulips Tiered Halterneck Mini Dress Baby Blue

$ 69.99

Tulips Tiered Halterneck Mini Dress Lemon

Tulips Tiered Halterneck Mini Dress Lemon

Tulips Tiered Halterneck Mini Dress Lemon

$ 69.99

Provence Bloom Tiered Ruffle Maxi Dress Yellow

Provence Bloom Tiered Ruffle Maxi Dress Yellow

Provence Bloom Tiered Ruffle Maxi Dress Yellow

$ 55.00

Lola Ruffle Shoulder Maxi Dress Textured White

Lola Ruffle Shoulder Maxi Dress Textured White

Lola Ruffle Shoulder Maxi Dress Textured White

$ 84.99

Unpredictable Layered Ruffle Neckline Mini Dress Butter

Unpredictable Layered Ruffle Neckline Mini Dress Butter

Unpredictable Layered Ruffle Neckline Mini Dress Butter

$ 64.99

Like Me Tied Back Layered Mini Dress Floral Blue

Like Me Tied Back Layered Mini Dress Floral Blue

Like Me Tied Back Layered Mini Dress Floral Blue

$ 74.99

Like Me Tied Back Layered Mini Dress Yellow

Like Me Tied Back Layered Mini Dress Yellow

Like Me Tied Back Layered Mini Dress Yellow

$ 54.00

Selene Maxi Tiered 3D Dress in White

Selene Maxi Tiered 3D Dress in White

Selene Maxi Tiered 3D Dress in White

$ 98.00

Fleeting Moments Floral Mini Dress Red

Fleeting Moments Floral Mini Dress Red

Fleeting Moments Floral Mini Dress Red

$ 75.00

Provence Bloom Tiered Maxi Dress Jacquard Pink

Provence Bloom Tiered Maxi Dress Jacquard Pink

Provence Bloom Tiered Maxi Dress Jacquard Pink

$ 79.99

Sterling Gathered Waist Embroidery Mini Dress Pink

Sterling Gathered Waist Embroidery Mini Dress Pink

Sterling Gathered Waist Embroidery Mini Dress Pink

$ 89.99

Alexiam Maxi Dress Red

Alexiam Maxi Dress Red

Alexiam Maxi Dress Red

$ 80.00

Embroidered Floral Babydoll Dress in Cream

Embroidered Floral Babydoll Dress in Cream

Embroidered Floral Babydoll Dress in Cream

$ 55.00

Ballerina Pink Gathered Stretch Mesh Mini Dress

Ballerina Pink Gathered Stretch Mesh Mini Dress

Ballerina Pink Gathered Stretch Mesh Mini Dress

$ 67.00

Delamere Mini Dress Red Polka

Delamere Mini Dress Red Polka

Delamere Mini Dress Red Polka

$ 65.00

Eugenia Midi Dress One Shoulder Fit and Flare Layered Dress in Yellow

Eugenia Midi Dress One Shoulder Fit and Flare Layered Dress in Yellow

Eugenia Midi Dress One Shoulder Fit and Flare Layered Dress in Yellow

$ 78.00

Cindy Midi Dress Layered Skirt Dress in Soft Pink

Cindy Midi Dress Layered Skirt Dress in Soft Pink

Cindy Midi Dress Layered Skirt Dress in Soft Pink

$ 88.00

Flowery Dream Floral Embroidered A-Line Mini Dress

Flowery Dream Floral Embroidered A-Line Mini Dress

Flowery Dream Floral Embroidered A-Line Mini Dress

$ 65.00

Evie Sequin Floral Embroidered Mini Dress

Evie Sequin Floral Embroidered Mini Dress

Evie Sequin Floral Embroidered Mini Dress

$ 72.00

Exquisite Sensation Teal Floral Embroidered Strapless Mini Dress Lulus

Exquisite Sensation Teal Floral Embroidered Strapless Mini Dress Lulus

Exquisite Sensation Teal Floral Embroidered Strapless Mini Dress Lulus

$ 68.00

Incredible Love Slate Blue Satin Cowl Back Midi Slip Dress

Incredible Love Slate Blue Satin Cowl Back Midi Slip Dress

Incredible Love Slate Blue Satin Cowl Back Midi Slip Dress

$ 70.00

Incredible Love Navy Satin Cowl Back Midi Slip Dress

Incredible Love Navy Satin Cowl Back Midi Slip Dress

Incredible Love Navy Satin Cowl Back Midi Slip Dress

$ 70.00

Adea Mini Dress Plunge Puff Sleeve Tiered Dress in Pink Floral

Adea Mini Dress Plunge Puff Sleeve Tiered Dress in Pink Floral

Adea Mini Dress Plunge Puff Sleeve Tiered Dress in Pink Floral

$ 70.00

Meredith Floral Corset Skater Dress

Meredith Floral Corset Skater Dress

Meredith Floral Corset Skater Dress

$ 65.00

Heidi Floral Embroidered Sequin Mini Dress

Heidi Floral Embroidered Sequin Mini Dress

Heidi Floral Embroidered Sequin Mini Dress

$ 65.00

Bodycon Corset Dress in Red

Bodycon Corset Dress in Red

Bodycon Corset Dress in Red

$ 55.00

Satin Ruffle Maxi Dress in Red

Satin Ruffle Maxi Dress in Red

Satin Ruffle Maxi Dress in Red

$ 75.00

Flower Satin Draped Strapless Maxi Dress in Red

Flower Satin Draped Strapless Maxi Dress in Red

Flower Satin Draped Strapless Maxi Dress in Red

$ 75.00

Floral Embroidered Babydoll Dress in White

Floral Embroidered Babydoll Dress in White

Floral Embroidered Babydoll Dress in White

$ 55.00

Embroidered Floral Babydoll Dress in Ivory

Embroidered Floral Babydoll Dress in Ivory

Embroidered Floral Babydoll Dress in Ivory

$ 55.00

Attachable Bow Strapless Dress in Red

Attachable Bow Strapless Dress in Red

Attachable Bow Strapless Dress in Red

$ 65.90

Baylin Layered Mermaid Hem Maxi Dress Cream

Baylin Layered Mermaid Hem Maxi Dress Cream

Baylin Layered Mermaid Hem Maxi Dress Cream

$ 85.00

Opulent Halterneck Layered Maxi Dress Black

Opulent Halterneck Layered Maxi Dress Black

Opulent Halterneck Layered Maxi Dress Black

$ 75.00

Kamilah Gathered Cascading Ruffle Midi Dress Maroon

Kamilah Gathered Cascading Ruffle Midi Dress Maroon

Kamilah Gathered Cascading Ruffle Midi Dress Maroon

$ 75.00

Darylyn Tiered Ruffle Maxi Dress Sage

Darylyn Tiered Ruffle Maxi Dress Sage

Darylyn Tiered Ruffle Maxi Dress Sage

$ 80.00

Memoire Off-Shoulder Textured Mini Dress Pink

Memoire Off-Shoulder Textured Mini Dress Pink

Memoire Off-Shoulder Textured Mini Dress Pink

$ 78.00

Memoire Off-Shoulder Textured Mini Dress White

Memoire Off-Shoulder Textured Mini Dress White

Memoire Off-Shoulder Textured Mini Dress White

$ 75.00

Athens Flared Bow Mini Dress Blush

Athens Flared Bow Mini Dress Blush

Athens Flared Bow Mini Dress Blush

$ 69.00

Kamilah Gathered Cascading Ruffle Midi Dress Butter

Kamilah Gathered Cascading Ruffle Midi Dress Butter

Kamilah Gathered Cascading Ruffle Midi Dress Butter

$ 75.00

Ottillie Lace Trim Button Down Mini Dress Red Polka Dot

Ottillie Lace Trim Button Down Mini Dress Red Polka Dot

Ottillie Lace Trim Button Down Mini Dress Red Polka Dot

$ 65.00

Jenevieve Strapless Drape Mini Dress Red

Jenevieve Strapless Drape Mini Dress Red

Jenevieve Strapless Drape Mini Dress Red

$ 55.00

Deona Tailored Mini Dress Berry Pinstripe

Deona Tailored Mini Dress Berry Pinstripe

Deona Tailored Mini Dress Berry Pinstripe

$ 65.00

Frederica Plunge Maxi Dress Navy

Frederica Plunge Maxi Dress Navy

Frederica Plunge Maxi Dress Navy

$ 75.00

Shellie Mini Dress Red

Shellie Mini Dress Red

Shellie Mini Dress Red

$ 68.00

Bombshell Mini Dress Red Petite

Bombshell Mini Dress Red Petite

Bombshell Mini Dress Red Petite

$ 68.00

Beacall Mini Dress Red Petite

Beacall Mini Dress Red Petite

Beacall Mini Dress Red Petite

$ 55.00

Landon Mini Dress Red

Landon Mini Dress Red

Landon Mini Dress Red

$ 68.00

Spader Corset Mini Dress Red

Spader Corset Mini Dress Red

Spader Corset Mini Dress Red

$ 69.00

1 2 3 4

Shopping Cart