/** Shopify CDN: Minification failed

Line 16:0 Unexpected "<"
Line 19:11 Unexpected "{"
Line 19:20 Expected ":"
Line 19:73 Unexpected "<"
Line 20:10 Unexpected "{"
Line 20:19 Expected ":"
Line 20:102 Unexpected "<"
Line 25:7 Expected identifier but found "%"
Line 26:8 Unexpected "{"
Line 26:9 Expected identifier but found "%"
... and 53 more hidden warnings

**/
<div class="shogun-grid-section">
  <div class="shogun-grid-container">
    <div class="shogun-header">
      <h1>{{ section.settings.heading | default: 'Shogun Collectibles' }}</h1>
      <p>{{ section.settings.subheading | default: 'Premium collectibles for discerning collectors' }}</p>
    </div>

    <div class="shogun-filters">
      <button class="shogun-filter-btn active" data-filter="all">All Items</button>
      {% for collection in collections %}
        {% if collection.products.size > 0 and collection.handle != 'all' %}
          <button class="shogun-filter-btn" data-filter="{{ collection.handle }}">{{ collection.title }}</button>
        {% endif %}
      {% endfor %}
    </div>

    <div class="shogun-products-grid">
      {% assign product_collection = collections[section.settings.collection] | default: collections.all %}
      {% for product in product_collection.products limit: section.settings.products_to_show %}
        <div class="shogun-product-card" data-category="{{ product.collections.first.handle }}">
          <div class="shogun-product-image">
            {% if product.featured_image %}
              <img src="{{ product.featured_image | img_url: '400x300' }}" alt="{{ product.title | escape }}">
            {% else %}
              <img src="{{ 'no-image.png' | asset_url }}" alt="No image available">
            {% endif %}
            
            {% if product.tags contains 'rare' %}
              <div class="shogun-product-badge rare">Rare</div>
            {% elsif product.tags contains 'new' %}
              <div class="shogun-product-badge new">New</div>
            {% elsif product.tags contains 'limited' %}
              <div class="shogun-product-badge rare">Limited</div>
            {% endif %}
            
            <button class="shogun-quick-view" onclick="window.location.href='{{ product.url }}'">👁️</button>
            
            {% if product.tags contains 'mint' %}
              <div class="shogun-condition-indicator">Mint Condition</div>
            {% elsif product.tags contains 'near-mint' %}
              <div class="shogun-condition-indicator">Near Mint</div>
            {% elsif product.tags contains 'good' %}
              <div class="shogun-condition-indicator">Good Condition</div>
            {% endif %}
          </div>
          
          <div class="shogun-product-info">
            <div class="shogun-product-category">{{ product.collections.first.title }}</div>
            <h3 class="shogun-product-title">{{ product.title }}</h3>
            <p class="shogun-product-description">{{ product.description | strip_html | truncate: 100 }}</p>
            <div class="shogun-product-footer">
              <span class="shogun-product-price">{{ product.price | money }}</span>
              <form action="/cart/add" method="post" enctype="multipart/form-data">
                <input type="hidden" name="id" value="{{ product.variants.first.id }}">
                <button type="submit" class="shogun-add-to-cart">Add to Cart</button>
              </form>
            </div>
          </div>
        </div>
      {% endfor %}
    </div>
  </div>
</div>

{% schema %}
{
  "name": "Dynamic Product Grid",
  "settings": [
    {
      "type": "text",
      "id": "heading",
      "label": "Heading",
      "default": "Shogun Collectibles"
    },
    {
      "type": "text",
      "id": "subheading", 
      "label": "Subheading",
      "default": "Premium collectibles for discerning collectors"
    },
    {
      "type": "collection",
      "id": "collection",
      "label": "Collection to display",
      "info": "Leave empty to show all products"
    },
    {
      "type": "range",
      "id": "products_to_show",
      "min": 4,
      "max": 24,
      "step": 2,
      "label": "Number of products to show",
      "default": 12
    }
  ],
  "presets": [
    {
      "name": "Dynamic Product Grid"
    }
  ]
}
{% endschema %}