/** Shopify CDN: Minification failed

Line 16:0 Unexpected "<"
Line 28:5 Expected identifier but found "%"
Line 29:6 Unexpected "<"
Line 30:5 Expected identifier but found "%"
Line 32:4 Unexpected "<"
Line 33:7 Unexpected "{"
Line 33:19 Expected ":"
Line 34:6 Unexpected "{"
Line 34:7 Expected identifier but found "%"
Line 34:30 Cannot use type selector "ndash" directly after nesting selector "&"
... and 50 more hidden warnings

**/
<!doctype html>
<html lang="{{ request.locale.iso_code }}">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="theme-color" content="#080808">
    <link rel="canonical" href="{{ canonical_url }}">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&display=swap" rel="stylesheet">

    {%- if settings.favicon != blank -%}
      <link rel="icon" type="image/png" href="{{ settings.favicon | image_url: width: 32, height: 32 }}">
    {%- endif -%}

    <title>
      {{ page_title }}
      {%- if current_tags %} &ndash; tagged "{{ current_tags | join: ', ' }}"{% endif -%}
      {%- if current_page != 1 %} &ndash; Page {{ current_page }}{% endif -%}
      {%- unless page_title contains shop.name %} &ndash; {{ shop.name }}{% endunless -%}
    </title>

    {% if page_description %}
      <meta name="description" content="{{ page_description | escape }}">
    {% endif %}

    {{ content_for_header }}

    {{ 'base.css' | asset_url | stylesheet_tag }}
  </head>

  <body class="ov-body">
    <!-- Marquee Banner -->
    <div class="ov-marquee-wrap">
      <div class="ov-marquee-track">
        {%- for i in (1..4) -%}
          <span class="ov-marquee-item">NEW DROPS EVERY FRIDAY <span class="ov-dot"></span></span>
          <span class="ov-marquee-item">FREE SHIPPING OVER $75 <span class="ov-dot"></span></span>
          <span class="ov-marquee-item">ISLAND SERIES NOW LIVE <span class="ov-dot"></span></span>
          <span class="ov-marquee-item">DEEP WATER CLUB <span class="ov-dot"></span></span>
        {%- endfor -%}
      </div>
    </div>

    <!-- Navbar -->
    <header class="ov-header" id="ov-header">
      <div class="ov-container ov-header__inner">
        <a href="/" class="ov-logo">
          <span class="ov-logo__obsidian">OBSIDIAN</span>
          <span class="ov-logo__viper">VIPER</span>
        </a>

        <nav class="ov-nav" aria-label="Main navigation">
          <a href="/collections/all" class="ov-nav__link">Shop</a>
          <a href="/collections" class="ov-nav__link">Collections</a>
          <a href="/pages/about" class="ov-nav__link">About</a>
        </nav>

        <div class="ov-header__actions">
          <a href="/cart" class="ov-cart-btn" aria-label="Cart">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"/><line x1="3" y1="6" x2="21" y2="6"/><path d="M16 10a4 4 0 0 1-8 0"/></svg>
            {%- if cart.item_count > 0 -%}
              <span class="ov-cart-count">{{ cart.item_count }}</span>
            {%- endif -%}
          </a>
          <button class="ov-hamburger" id="ov-hamburger" aria-label="Menu" aria-expanded="false">
            <svg class="ov-hamburger__open" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
            <svg class="ov-hamburger__close" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
          </button>
        </div>
      </div>
    </header>

    <!-- Mobile Menu -->
    <div class="ov-mobile-menu" id="ov-mobile-menu" aria-hidden="true">
      <nav class="ov-mobile-menu__nav">
        <a href="/collections/all" class="ov-mobile-menu__link">Shop</a>
        <a href="/collections" class="ov-mobile-menu__link">Collections</a>
        <a href="/pages/about" class="ov-mobile-menu__link">About</a>
      </nav>
    </div>

    <main id="MainContent" role="main" tabindex="-1">
      {{ content_for_layout }}
    </main>

    <!-- Footer -->
    <footer class="ov-footer">
      <div class="ov-container">
        <div class="ov-footer__grid">
          <div class="ov-footer__brand">
            <div class="ov-logo ov-footer__logo">
              <span class="ov-logo__obsidian">OBSIDIAN</span>
              <span class="ov-logo__viper">VIPER</span>
            </div>
            <p class="ov-footer__tagline">Premium threads for the untamed coast. Born in the salt &amp; shadows.</p>
          </div>

          <div class="ov-footer__col">
            <h4 class="ov-footer__heading">Shop</h4>
            <a href="/collections/all" class="ov-footer__link">All Products</a>
            <a href="/collections" class="ov-footer__link">Collections</a>
            <a href="/collections/tees" class="ov-footer__link">Tees</a>
            <a href="/collections/hoodies" class="ov-footer__link">Hoodies</a>
          </div>

          <div class="ov-footer__col">
            <h4 class="ov-footer__heading">Info</h4>
            <a href="/pages/about" class="ov-footer__link">About</a>
            <a href="/pages/contact" class="ov-footer__link">Contact</a>
            <a href="/policies/shipping-policy" class="ov-footer__link">Shipping</a>
            <a href="/policies/refund-policy" class="ov-footer__link">Returns</a>
          </div>

          <div class="ov-footer__col">
            <h4 class="ov-footer__heading">Deep Water Club</h4>
            <p class="ov-footer__text">New drops, exclusive collabs, early access. No spam — just vibes.</p>
            {% form 'customer', id: 'footer-newsletter' %}
              <input type="hidden" name="contact[tags]" value="newsletter">
              <div class="ov-newsletter-form">
                <input type="email" name="contact[email]" placeholder="your@email.com" class="ov-newsletter-input" required>
                <button type="submit" class="ov-newsletter-btn">Join</button>
              </div>
            {% endform %}
          </div>
        </div>

        <div class="ov-footer__bottom">
          <p class="ov-footer__copy">&copy; {{ 'now' | date: '%Y' }} Obsidian Viper Threads. All rights reserved.</p>
          <div class="ov-footer__meta">
            <span>Free shipping over $75</span>
            <span class="ov-dot"></span>
            <span>New drops every Friday</span>
          </div>
        </div>
      </div>
    </footer>

    {{ 'theme.js' | asset_url | script_tag }}
  </body>
</html>