<!doctype html><html class="no-js" lang="{{ shop.locale }}"><head><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.0, height=device-height, minimum-scale=1.0, user-scalable=0" /><meta name="theme-color" content="{{ settings.accent_color }}" /><title>{{ shop.name }}</title>{%- if page_description -%}<meta name="description" content="{{ page_description | escape }}" />{%- endif -%} <link rel="canonical" href="{{ canonical_url }}" /> {%- if settings.favicon -%} <link rel="shortcut icon" href="{{ settings.favicon | img_url: '32x32' }}" type="image/png" /> {%- endif -%} {% include 'social-meta-tags' %} {{ content_for_header }} <link rel="stylesheet" href="{{ 'theme.scss.css' | asset_url }}" /><script src="{{ 'lazysizes.min.js' | asset_url }}" async=""></script><script src="https://polyfill-fastly.net/v2/polyfill.min.js?features=fetch,Element.prototype.closest,Element.prototype.remove,Element.prototype.classList,Array.prototype.includes,Array.prototype.fill,Object.assign,CustomEvent,IntersectionObserver,IntersectionObserverEntry" defer="defer"></script><script src="{{ 'libs.min.js' | asset_url }}" defer="defer"></script><script src="{{ 'theme.min.js' | asset_url }}" defer="defer"></script><script src="{{ 'custom.js' | asset_url }}" defer="defer"></script><script> // This allows to expose several variables to the global scope, to be used in scripts window.theme = { template: {{ template.name | json }} }; document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); document.documentElement.style.setProperty('--window-height', window.innerHeight + 'px'); // We do a quick detection of some features (we could use Modernizr but for so little...) (function() { document.documentElement.className += ((window.CSS && window.CSS.supports('(position: sticky) or (position: -webkit-sticky)')) ? ' supports-sticky' : ' no-supports-sticky'); document.documentElement.className += (window.matchMedia('(-moz-touch-enabled: 1), (hover: none)')).matches ? ' no-supports-hover' : ' supports-hover'; }()); </script>{% include 'microdata-schema' %}</head><body class="prestige--v1 template-password"> <div class="PageOverlay"></div> <div class="PageContainer"><main id="main" role="main"> {{ content_for_layout }} </main></div> </body></html>