/** Shopify CDN: Minification failed

Line 116:0 Unexpected "{"
Line 116:1 Expected identifier but found "%"
Line 117:2 Unexpected "<"
Line 118:5 Expected identifier but found "%"
Line 119:6 Unexpected "<"
Line 121:11 Expected identifier but found "%"
Line 122:10 Unexpected "{"
Line 122:11 Expected identifier but found "%"
Line 123:12 Unexpected "{"
Line 123:13 Expected identifier but found "%"
... and 49 more hidden warnings

**/
@media screen and (max-width: 749px) {
  .collection .grid__item:only-child {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 989px) {
  .collection .slider.slider--tablet {
    margin-bottom: 1.5rem;
  }
}

.collection .loading-overlay {
  position: absolute;
  z-index: 1;
  width: 1.8rem;
}

@media screen and (max-width: 749px) {
  .collection .loading-overlay {
    top: 0;
    right: 0;
  }
}

@media screen and (min-width: 750px) {
  .collection .loading-overlay {
    left: 0;
  }
}

.collection .loading-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  padding: 0 1.5rem;
  opacity: 0.7;
}

@media screen and (min-width: 750px) {
  .collection .loading-overlay {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.collection.loading .loading-overlay {
  display: block;
}

.collection--empty .title-wrapper {
  margin-top: 10rem;
  margin-bottom: 15rem;
}

@media screen and (max-width: 989px) {
  .collection .slider--tablet.product-grid {
    scroll-padding-left: 1.5rem;
  }
}

.collection__description > * {
  margin: 0;
}

.collection__title.title-wrapper {
  margin-bottom: 2.5rem;
}

.collection__title .title:not(:only-child) {
  margin-bottom: 1rem;
}

@media screen and (min-width: 990px) {
  .collection__title--desktop-slider .title {
    margin-bottom: 2.5rem;
  }

  .collection__title.title-wrapper--self-padded-tablet-down {
    padding: 0 5rem;
  }

  .collection slider-component:not(.page-width-desktop) {
    padding: 0;
  }

  .collection--full-width slider-component:not(.slider-component-desktop) {
    padding: 0 1.5rem;
    max-width: none;
  }
}

.collection__view-all a:not(.link) {
  margin-top: 1rem;
}

{% paginate collection.products by 18 %}
  <div class="design-grid">
    {% for p in collection.products %}
      <a class="design-grid__item" href="{{ p.url }}" target="_blank" rel="noopener">
        <span class="thumb">
          {%- assign img_obj = nil -%}
          {% if p.featured_media and p.featured_media.preview_image %}
            {% assign img_obj = p.featured_media.preview_image %}
          {% elsif p.featured_image %}
            {% assign img_obj = p.featured_image %}
          {% elsif p.images and p.images.size > 0 %}
            {% assign img_obj = p.images.first %}
          {% endif %}
          {% if img_obj %}
            <img src="{{ img_obj | img_url: '360x360', crop: 'center' }}" alt="{{ p.title | escape }}" loading="lazy">
          {% endif %}
        </span>
        <span class="design-grid__label">{{ p.title }}</span>
      </a>
    {% endfor %}
  </div>

  {% if paginate.pages > 1 %}
    <nav class="design-grid__pagination" style="display:flex; gap:8px; justify-content:center; margin-top:10px;">
      {% if paginate.previous %}
        <a class="dg-page" href="{{ paginate.previous.url }}&view=design-modal" data-ajax>‹ Prev</a>
      {% endif %}
      {% for part in paginate.parts %}
        {% if part.is_link %}
          <a class="dg-page" href="{{ part.url }}&view=design-modal" data-ajax>{{ part.title }}</a>
        {% else %}
          <span class="dg-page is-current" aria-current="page">{{ part.title }}</span>
        {% endif %}
      {% endfor %}
      {% if paginate.next %}
        <a class="dg-page" href="{{ paginate.next.url }}&view=design-modal" data-ajax>Next ›</a>
      {% endif %}
    </nav>
  {% endif %}
{% endpaginate %}