/** Shopify CDN: Minification failed

Line 16:0 Unexpected "<"
Line 19:39 Unexpected "{"
Line 19:45 Expected ":"
Line 19:53 Unexpected "<"
Line 24:9 Expected identifier but found "%"
Line 25:10 Unexpected "<"
Line 27:15 Unexpected "{"
Line 27:21 Expected ":"
Line 28:12 Unexpected "<"
Line 30:9 Expected identifier but found "%"
... and 2 more hidden warnings

**/
<header class="site-header">
  <div class="container">
    <h1 class="logo">
      <a href="{{ routes.root_url }}">{{ shop.name }}</a>
    </h1>

    <nav class="main-nav">
      <ul>
        {% for link in linklists.main-menu.links %}
          <li>
            <a href="{{ link.url }}" class="{% if link.active %}active{% endif %}">
              {{ link.title }}
            </a>
          </li>
        {% endfor %}
      </ul>
    </nav>
  </div>
</header>

<style>
.site-header {
  background: #000;
  padding: 15px;
}
.logo a {
  color: #fff;
  text-decoration: none;
}
.main-nav ul {
  list-style: none;
  display: flex;
  gap: 20px;
}
.main-nav a {
  color: #fff;
  text-decoration: none;
}
.main-nav a.active {
  border-bottom: 2px solid #fff;
}
</style>