<!doctype html>
<html class="no-js" lang="{{ request.locale.iso_code }}" dir="{{ settings.text_direction }}">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-H8D1J3XFLQ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-H8D1J3XFLQ');
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="{{ settings.color_button }}">
<link rel="canonical" href="{{ canonical_url }}">
<link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
<link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
<link rel="dns-prefetch" href="https://productreviews.shopifycdn.com">
<link rel="dns-prefetch" href="https://ajax.googleapis.com">
<link rel="dns-prefetch" href="https://maps.googleapis.com">
<link rel="dns-prefetch" href="https://maps.gstatic.com">
{%- if settings.favicon != blank -%}
<link rel="shortcut icon" href="{{ settings.favicon | img_url: '32x32' }}" type="image/png" />
{%- endif -%}
{%- render 'seo-title' -%}
{%- if page_description -%}
<meta name="description" content="{{ page_description | escape }}">
{%- endif -%}
{%- render 'social-meta-tags' -%}
{%- render 'font-face' -%}
{{ 'theme.css' | asset_url | stylesheet_tag: preload: true }}
{%- render 'css-variables' -%}
<script>
document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
window.theme = window.theme || {};
theme.routes = {
home: "{{ routes.root_url }}",
cart: "{{ routes.cart_url | append: '.js' }}",
cartPage: "{{ routes.cart_url }}",
cartAdd: "{{ routes.cart_add_url | append: '.js' }}",
cartChange: "{{ routes.cart_change_url | append: '.js' }}",
search: "{{ routes.search_url }}",
predictiveSearch: "{{ routes.predictive_search_url }}"
};
theme.strings = {
soldOut: {{ 'products.product.sold_out' | t | json }},
unavailable: {{ 'products.product.unavailable' | t | json }},
inStockLabel: {{ 'products.product.in_stock_label' | t | json }},
oneStockLabel: {{ 'products.product.stock_label.one' | t: count: '[count]' | json }},
otherStockLabel: {{ 'products.product.stock_label.other' | t: count: '[count]' | json }},
willNotShipUntil: {{ 'products.product.will_not_ship_until' | t: date: '[date]' | json }},
willBeInStockAfter: {{ 'products.product.will_be_in_stock_after' | t: date: '[date]' | json }},
waitingForStock: {{ 'products.product.waiting_for_stock' | t | json }},
savePrice: {{ 'products.general.save_html' | t: saved_amount: '[saved_amount]' | json }},
cartEmpty: {{ 'cart.general.empty' | t | json }},
cartTermsConfirmation: {{ 'cart.general.terms_confirm' | t | json }},
searchCollections: {{ 'general.search.collections' | t | json }},
searchPages: {{ 'general.search.pages' | t | json }},
searchArticles: {{ 'general.search.articles' | t | json }},
productFrom: {{ 'products.general.from_text_html' | t: price: '' | json }},
maxQuantity: {{ 'cart.general.max_quantity' | t: quantity: '[quantity]', title: '[title]' | json }}
};
theme.settings = {
cartType: {{ settings.cart_type | json }},
isCustomerTemplate: {% if request.page_type contains 'customers/' %}true{% else %}false{% endif %},
moneyFormat: {{ shop.money_format | json }},
saveType: {{ settings.product_save_type | json }},
productImageSize: {{ settings.product_grid_image_size | json }},
productImageCover: {{ settings.product_grid_image_fill }},
predictiveSearch: {{ settings.predictive_search_enabled }},
predictiveSearchType: {{ settings.search_type | json }},
predictiveSearchVendor: {{ settings.predictive_search_show_vendor | json }},
predictiveSearchPrice: {{ settings.predictive_search_show_price | json }},
quickView: {{ settings.quick_shop_enable }},
themeName: 'Impulse',
themeVersion: "7.3.4"
};
</script>
{{ content_for_header }}
<script src="{{ 'vendor-scripts-v11.js' | asset_url | split: '?' | first }}" defer="defer"></script>
{%- if shop.enabled_currencies.size > 1 -%}
<link rel="stylesheet" href="{{ 'country-flags.css' | asset_url | split: '?' | first }}">
{%- endif -%}
<script src="{{ 'theme.js' | asset_url }}" defer="defer"></script>
{%- if request.page_type contains 'customers/' -%}
<script src="{{ 'shopify_common.js' | shopify_asset_url }}" defer="defer"></script>
{%- endif -%}
{% if request.design_mode %}
<script src="https://api.archetypethemes.co/design-mode.js" defer="defer"></script>
{% endif %}
</head>
<body class="template-{{ template | replace: '.', ' ' | truncatewords: 1, '' | handle }}{% if request.path == '/challenge' %} template-challange{% endif %}" data-center-text="{{ settings.type_body_align_text }}" data-button_style="{{ settings.button_style }}" data-type_header_capitalize="{{ settings.type_header_capitalize }}" data-type_headers_align_text="{{ settings.type_headers_align_text }}" data-type_product_capitalize="{{ settings.type_product_capitalize }}" data-swatch_style="{{ settings.swatch_style }}" {% if settings.disable_animations %}data-disable-animations="true"{% endif %}>
<a class="in-page-link visually-hidden skip-link" href="#MainContent">{{ 'general.accessibility.skip_to_content' | t }}</a>
<div id="PageContainer" class="page-container">
<div class="transition-body">
{%- sections 'header-group' -%}
{%- sections 'popup-group' -%}
<main class="main-content" id="MainContent">
{{ content_for_layout }}
</main>
{%- sections 'footer-group' -%}
</div>
</div>
{%- liquid
render 'video-modal'
render 'photoswipe-template'
render 'tool-tip'
-%}
{% comment %} Image markup used when building product grid item via JS {% endcomment %}
<template id="naturalImageMarkup">
<div class="image-wrap" style="height: 0;">
<image-element data-aos="image-fade-in">
<img class="grid-product__image" width height src srcset loading="lazy" alt>
</image-element>
</div>
</template>
<template id="fixedRatioImageMarkup">
<div class="grid__image-ratio">
<image-element data-aos="image-fade-in">
<img width height src srcset loading="lazy" alt>
</image-element>
</div>
</template>
<style>
[data-image-loading-animation] {
background: none !important;
}
</style>
<style>
h1.section-header__title {
font-weight: bold;
font-size: 50px;
}
</style>
</body>
</html>
