/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 17:71 Expected identifier but found whitespace
Line 18:1 Expected identifier but found "%"
Line 20:0 Unexpected "{"
Line 20:1 Expected identifier but found "%"
Line 21:2 Unexpected "<"
Line 23:40 Unexpected "{"
Line 23:52 Expected ":"
Line 23:61 Unexpected "<"
... and 13 more hidden warnings

**/
{% comment %}
  This navigation will only display on specific Nomad collection pages.
{% endcomment %}

{% if collection.handle == 'nomad' or collection.handle == 'classic-nomad' or collection.handle == 'skinny-nomad' or collection.handle == 'chunky-nomad' or collection.handle == 'nomad-bangle' or collection.handle == 'nomad-earrings' %}
  <div class="nomad-collection-header">
    <!-- Dynamically display the appropriate Collection Title -->
    <h1 class="nomad-collection-title">{{ collection.title }}</h1>

    <!-- Navigation with Links to Collections -->
    <nav class="nomad-collection-nav">
      <ul>
        <li><a href="/collections/classic-nomad">Classic Nomad</a></li>
        <li><a href="/collections/skinny-nomad">Skinny Nomad</a></li>
        <li><a href="/collections/chunky-nomad">Chunky Nomad</a></li>
        <li><a href="/collections/nomad-bangle">Bangles</a></li>
        <li><a href="/collections/nomad-earrings">Earrings</a></li>
        <li><a href="/pages/nomad-stack">Stacking Guide</a></li> <!-- New Link -->
      </ul>
    </nav>

    <!-- Add Collection Description Section if it exists -->
    {% if collection.description != blank %}
    <div class="collection-hero__description rte">
      {{ collection.description }}
    </div>
    {% endif %}
  </div>

  <!-- Directly Include the Product Grid Section to display products from the collection -->
  {% section 'main-collection-product-grid' %}

  <!-- Add styling to match the reference -->
  <style>
    .nomad-collection-header {
      text-align: center;
      margin-bottom: 0;
      padding: 20px 0;
    }

    .nomad-collection-title {
      font-family: "Harmonia Sans", sans-serif;
      font-size: 23px;
      font-style: normal;
      line-height: 24px;
      letter-spacing: 1.8px;
      text-transform: uppercase;
      font-weight: 300;
      margin-top: 30px;
      margin-bottom: 3rem;
      color: #000;
      text-align: center;
    }

    .nomad-collection-nav ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .nomad-collection-nav ul li {
      display: inline-block;
      margin: 0 15px;
    }

    .nomad-collection-nav ul li a {
      text-transform: uppercase;
      font-family: 'Harmonia Sans', sans-serif;
      font-size: 1.6rem;
      color: #000;
      text-decoration: none;
      letter-spacing: 1.308px;
    }

    .nomad-collection-nav ul li a:hover {
      border-bottom: 1px solid #000;
    }

    /* Hide the collection-hero__image-container on Nomad collections */
    .collection-hero__image-container {
      display: none !important;
    }
  </style>
{% else %}
  <!-- Only show this section if the collection is not part of the Nomad collections -->
  <div class="collection-hero__image-container">
    <!-- Image container content here -->
  </div>
{% endif %}