/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Unexpected "{"
Line 16:3 Expected identifier but found "'component-cart.css'"
Line 17:0 Unexpected "{"
Line 17:1 Unexpected "{"
Line 17:3 Expected identifier but found "'component-totals.css'"
Line 18:0 Unexpected "{"
Line 18:1 Unexpected "{"
Line 18:3 Expected identifier but found "'component-price.css'"
Line 19:0 Unexpected "{"
... and 81 more hidden warnings

**/
{{ 'component-cart.css' | asset_url | stylesheet_tag }}
{{ 'component-totals.css' | asset_url | stylesheet_tag }}
{{ 'component-price.css' | asset_url | stylesheet_tag }}
{{ 'component-discounts.css' | asset_url | stylesheet_tag }}

{%- style -%}
  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  }

  @media screen and (min-width: 750px) {
    .section-{{ section.id }}-padding {
      padding-top: {{ section.settings.padding_top }}px;
      padding-bottom: {{ section.settings.padding_bottom }}px;
    }
  }

  /* === FREE SHIPPING ALIGNMENT FIX === */
  .free-shipping-row {
    display: flex;
    justify-content: flex-end; /* force right alignment */
    margin-top: 0.8rem;
    width: 100%;
  }

  .free-shipping-note {
    margin: 0;
    font-weight: 400; /* not bold */
    font-size: 1.4rem;
    line-height: 1.3;
    text-align: right;
  }
{%- endstyle -%}

<div
  class="gradient color-{{ section.settings.color_scheme }}{% if cart == empty %} is-empty{% endif %}"
  id="main-cart-footer"
  data-id="{{ section.id }}"
>
  <div class="page-width">
    <div class="cart__footer isolate section-{{ section.id }}-padding">

      <div class="cart__blocks">
        {% for block in section.blocks %}
          {% case block.type %}

            {% when 'subtotal' %}
              <div class="js-contents" {{ block.shopify_attributes }}>

                <div class="totals">
                  <h2 class="totals__total">
                    {{ 'sections.cart.estimated_total' | t }}
                  </h2>
                  <p class="totals__total-value">
                    {{ cart.total_price | money_with_currency }}
                  </p>
                </div>

                {%- assign free_shipping_threshold = 7500 -%}
                {%- assign cart_value = cart.items_subtotal_price -%}
                {%- assign remaining = free_shipping_threshold | minus: cart_value -%}

                <div class="free-shipping-row" role="status" aria-live="polite">
                  {% if cart_value >= free_shipping_threshold %}
                    <p class="free-shipping-note">
                      ✨ You've unlocked FREE shipping!
                    </p>
                  {% else %}
                    <p class="free-shipping-note">
                      ✨ You're {{ remaining | money }} away from FREE shipping — complete the set!
                    </p>
                  {% endif %}
                </div>

                <small class="tax-note caption-large rte">
                  {{ 'sections.cart.taxes_at_checkout_shipping_at_checkout_without_policy' | t }}
                </small>

              </div>

            {% when 'buttons' %}
              <div class="cart__ctas" {{ block.shopify_attributes }}>
                <button
                  type="submit"
                  id="checkout"
                  class="cart__checkout-button button"
                  name="checkout"
                  {% if cart == empty %}
                    disabled
                  {% endif %}
                  form="cart"
                >
                  {{ 'sections.cart.checkout' | t }}
                </button>
              </div>

              {% if additional_checkout_buttons %}
                <div class="cart__dynamic-checkout-buttons additional-checkout-buttons">
                  {{ content_for_additional_checkout_buttons }}
                </div>
              {% endif %}

          {% endcase %}
        {% endfor %}
      </div>

    </div>
  </div>
</div>
/* Force totals row to be right-aligned on ALL screen sizes */
.totals{
  justify-content: flex-end !important;
  text-align: right;
  width: 100%;
}

/* Make the total value bold */
.totals__total-value{
  font-weight: 700 !important;
}

/* Free shipping message right-aligned under totals */
.free-shipping-row{
  display: flex;
  justify-content: flex-end !important;
  width: 100%;
  margin-top: 0.8rem;
}

.free-shipping-note{
  margin: 0;
  font-weight: 400 !important; /* not bold */
  font-size: 1.4rem;
  line-height: 1.3;
  text-align: right;
}
/* 1) Right-align the entire subtotal area in the cart footer */
#main-cart-footer .js-contents{
  text-align: right !important;
}

/* 2) Totals row (Estimated total + price) */
#main-cart-footer .totals{
  justify-content: flex-end !important;
  width: 100%;
}

/* 3) Make the total value bold */
#main-cart-footer .totals__total-value{
  font-weight: 700 !important;
}

/* 4) Free shipping message right-aligned */
#main-cart-footer .free-shipping-row{
  display: flex;
  justify-content: flex-end !important;
  width: 100%;
  margin-top: 0.8rem;
}

#main-cart-footer .free-shipping-note{
  margin: 0;
  font-weight: 400 !important; /* not bold */
  line-height: 1.3;
  text-align: right !important;
}

/* 5) Tax note right-aligned */
#main-cart-footer .tax-note{
  text-align: right !important;
}

/* 6) (Optional) If discounts list is present, align it too */
#main-cart-footer .discounts{
  justify-content: flex-end;
}
#main-cart-footer .discounts__discount{
  justify-content: flex-end;
}