/** 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 96 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 }}

{%- unless settings.cart_type == 'drawer' -%}
<script src="{{ 'cart.js' | asset_url }}" defer="defer"></script>
{%- endunless -%}

<cart-items class="{% if cart.item_count == 0 %}is-empty{% endif %}">

  <div class="page-width">
    
    <div class="title-wrapper-with-link">
      <h1 class="title title--primary">{{ 'sections.cart.title' | t }}</h1>
      <a href="{{ routes.all_products_collection_url }}" class="underlined-link">
        {{ 'general.continue_shopping' | t }}
      </a>
    </div>

    <div class="cart__warnings">
      {%- if cart.item_count == 0 -%}
      <h1 class="cart__empty-text">{{ 'sections.cart.empty' | t }}</h1>
      <a href="{{ routes.all_products_collection_url }}" class="button">
        {{ 'general.continue_shopping' | t }}
      </a>
      {%- if shop.customer_accounts_enabled and customer == null -%}
      <h2>{{ 'sections.cart.login.title' | t }}</h2>
      <p>{{ 'sections.cart.login.paragraph_html' | t: link: routes.account_login_url }}</p>
      {%- endif -%}
      {%- endif -%}
    </div>

    <form action="{{ routes.cart_url }}" method="post" class="cart__contents" id="cart">
      
      <div class="cart__items">
        
        {%- if cart.item_count > 0 -%}
        <table>
          <thead>
            <tr>
              <th>Product</th>
              <th></th>
              <th class="right">Quantity</th>
              <th class="right">Total</th>
            </tr>
          </thead>
          <tbody>
            {%- for item in cart.items -%}
            <tr class="cart-item" id="CartItem-{{ item.index | plus: 1 }}">
              
              <td class="cart-item__media">
                {%- if item.image -%}
                <a href="{{ item.url }}" class="cart-item__image">
                  <img src="{{ item.image | image_url: width: 150 }}" alt="{{ item.image.alt | escape }}" loading="lazy">
                </a>
                {%- endif -%}
              </td>
              
              <td class="cart-item__details">
                <a href="{{ item.url }}" class="cart-item__name">{{ item.product.title }}</a>
                
                {%- if item.options_with_values.size > 0 -%}
                <div class="product-option">
                  {%- for option in item.options_with_values -%}
                  {{ option.name }}: {{ option.value }}<br>
                  {%- endfor -%}
                </div>
                {%- endif -%}
              </td>

              <td class="cart-item__quantity">
                <div class="cart-item__quantity-wrapper">
                  <button type="button" class="quantity__button" name="minus">-</button>
                  <input class="quantity__input" type="number" name="updates[]" value="{{ item.quantity }}" min="0" id="Quantity-{{ item.index | plus: 1 }}">
                  <button type="button" class="quantity__button" name="plus">+</button>
                </div>
                <cart-remove-button>
                  <a href="{{ item.url_to_remove }}" class="button--tertiary">Remove</a>
                </cart-remove-button>
              </td>

              <td class="cart-item__totals">
                {{ item.final_line_price | money }}
              </td>
              
            </tr>
            {%- endfor -%}
          </tbody>
        </table>
        {%- endif -%}
        
      </div>

      <div class="cart__footer">

        {%- if settings.show_cart_note -%}
        <div class="cart-note-wrapper">
          <label for="Cart-note">
            Choose your display text for Robbery Limited Loot items
          </label>
          <small>(Max 25 characters - can be updated later in account settings)</small>
          <input type="text" name="note" id="Cart-note" maxlength="25" placeholder="e.g., Robert James Hoffman III" value="{{ cart.note }}">
        </div>
        {%- endif -%}

        <div class="cart__blocks">
          
          <div class="totals">
            <h2>{{ 'sections.cart.estimated_total' | t }}</h2>
            <p>{{ cart.total_price | money_with_currency }}</p>
            <small>Taxes, discounts, and shipping calculated at checkout.</small>
          </div>

          <div class="cart__ctas">
            <button type="submit" id="checkout" class="cart__checkout-button" name="checkout" {% if cart.item_count == 0 %}disabled{% endif %}>
              {{ 'sections.cart.checkout' | t }}
            </button>
          </div>

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

        </div>
      </div>

    </form>
  </div>

</cart-items>

<p class="visually-hidden" id="cart-live-region-text" aria-live="polite" role="status"></p>
<p class="visually-hidden" id="shopping-cart-line-item-status" aria-live="polite" aria-hidden="true" role="status">
  {{ 'accessibility.loading' | t }}
</p>

{% schema %}
{
  "name": "Cart Main Content",
  "settings": [
    {
      "type": "checkbox",
      "id": "show_cart_note",
      "default": true,
      "label": "Enable cart note input"
    }
  ]
}
{% endschema %}