It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://navtech.easy.co/products/click-channel

  1. <!doctype html>
  2. <!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
  3. <!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
  4. <!--[if IE 8]><html class="no-js lt-ie9" lang="en"> <![endif]-->
  5. <!--[if IE 9 ]><html class="ie9 no-js"> <![endif]-->
  6. <!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js"> <!--<![endif]-->
  7. <head>
  8.  
  9.  <!-- Basic page needs ================================================== -->
  10.  <meta charset="utf-8">
  11.  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  12.  
  13.  
  14.  <link rel="icon" href="https://cdn.store-assets.com/s/995264/f/8955740.png" />
  15.  
  16.  
  17.  <!-- Title and description ================================================== -->
  18.  <title>
  19.  Page Not Found &ndash; Navtech
  20.  </title>
  21.  
  22.  
  23.  
  24.  <!-- Social meta ================================================== -->
  25.  
  26.  
  27.  <meta property="og:type" content="website">
  28.  <meta property="og:title" content="Page Not Found">
  29.  <meta property="og:url" content="">
  30.  
  31.    <meta property="og:image" content="https://cdn.store-assets.com/s/995264/f/8959084.png">
  32.    <meta property="og:image:secure_url" content="https://cdn.store-assets.com/s/995264/f/8959084.png">
  33.  
  34.  
  35.  
  36. <meta property="og:description" content="Navtech">
  37. <meta property="og:site_name" content="Navtech">
  38.  
  39.  
  40.  
  41.  <meta name="twitter:card" content="summary">
  42.  
  43.  
  44.  
  45.  <meta name="twitter:site" content="@">
  46.  
  47.  
  48.  
  49.  
  50.  
  51.  <!-- Helpers ================================================== -->
  52.  <link rel="canonical" href="">
  53.  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
  54.  <meta name="theme-color" content="#121212">
  55.  
  56.  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript" ></script>
  57.  
  58.  <!-- Header hook for plugins ================================================== -->
  59.  
  60. <!-- ScriptTags -->
  61. <script>window.__st={'p': 'page', 'cid': ''};</script><script src='/assets/events.js'></script><script>const __es_ads = {'country_code':'PK' ,'title': 'Online store by <img src="https://s3.ap-southeast-1.amazonaws.com/easystore.website/images/logo/svg/easystore-logo-horizontal.svg" alt="EasyStore" style="display: block !important;width:8em;margin:-2px 0 0 8px;"> <i style="width: 1px;height: 25px;margin: 0 10px;background: #E3E7EB;"></i> Create yours for free today.','title_mb': 'Create online store with <img src="https://s3.ap-southeast-1.amazonaws.com/easystore.website/images/logo/svg/easystore-logo-horizontal.svg" alt="EasyStore" style="display: block !important;width:8em;margin:-2px 8px 0;">','cta': 'Get started'}</script><script src='/assets/js/ads/storefront-ads.js'></script><script>(function(){function asyncLoad(){var urls=['/assets/traffic.js?v=1'];for(var i=0;i<urls.length;i++){var s=document.createElement('script');s.type='text/javascript';s.async=true;s.src=urls[i];var x=document.getElementsByTagName('script')[0];x.parentNode.insertBefore(s, x);}}window.attachEvent ? window.attachEvent('onload', asyncLoad) : window.addEventListener('load', asyncLoad, false);})();</script>
  62. <!-- /ScriptTags -->
  63.  
  64.  
  65.  
  66.  <script src="https://store-themes.easystore.co/1335867/themes/104303/assets/global.js?t=1702987265" defer="defer"></script>
  67.  
  68.  
  69.  
  70.  <script>
  71.  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  72.  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  73.  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  74.  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  75.  
  76.  ga('create', 'UA-37789107-2', 'auto','myTracker');
  77.  ga('myTracker.send', 'pageview');
  78.  
  79.  </script>
  80.  
  81.  <script src="/assets/storefront.js?id=3f4f74218829cbf9e2d5" type="text/javascript" ></script>
  82.  
  83.  
  84.  <!-- CSS ================================================== -->
  85.  <style>
  86.      @font-face {
  87.        font-family: 'DM Serif Text';
  88.        font-style: normal;
  89.        font-weight: regular;
  90.        src: local('DM Serif Text regular'), local('DM Serif Text-regular'), url(https://fonts.gstatic.com/s/dmseriftext/v5/rnCu-xZa_krGokauCeNq1wWyafOPXHIJErY.ttf) format('truetype');
  91.      }
  92.  
  93.      @font-face {
  94.        font-family: 'DM Serif Display';
  95.        font-style: normal;
  96.        font-weight: regular;
  97.        src: local('DM Serif Display regular'), local('DM Serif Display-regular'), url(https://fonts.gstatic.com/s/dmserifdisplay/v5/-nFnOHM81r4j6k0gjAW3mujVU2B2K_d709jy92k.ttf) format('truetype');
  98.      }
  99.  
  100.      :root {
  101.        --font-body-family: 'DM Serif Text', serif;
  102.        --font-body-style: normal;
  103.        --font-body-weight: 500;
  104.  
  105.        --font-heading-family: 'DM Serif Display', serif;
  106.        --font-heading-style: normal;
  107.        --font-heading-weight: 700;
  108.  
  109.        --color-heading-text: 0,0,0;
  110.        --color-base-text: 0,0,0;
  111.        --color-base-background-1: 245,245,247;
  112.        --color-base-background-2: 245,245,247;
  113.        
  114.        --color-base-solid-button-labels: 255,255,255;
  115.        --color-base-outline-button-labels: 18,18,18;
  116.        
  117.        --color-base-accent-1: 18,18,18;
  118.        --color-base-accent-2: 18,18,18;
  119.        --payment-terms-background-color: 245,245,247;
  120.  
  121.        --gradient-base-background-1: 245,245,247;
  122.        --gradient-base-background-2: 245,245,247;
  123.        --gradient-base-accent-1: 18,18,18;
  124.        --gradient-base-accent-2: 18,18,18;
  125.  
  126.        --page-width: 60rem;
  127.      }
  128.  
  129.      *,
  130.      *::before,
  131.      *::after {
  132.        box-sizing: inherit;
  133.      }
  134.  
  135.      html {
  136.        box-sizing: border-box;
  137.        font-size: 62.5%;
  138.        height: 100%;
  139.      }
  140.  
  141.      body {
  142.        display: grid;
  143.        grid-template-rows: auto auto 1fr auto;
  144.        grid-template-columns: 100%;
  145.        min-height: 100%;
  146.        margin: 0;
  147.        font-size: 1.5rem;
  148.        letter-spacing: 0.06rem;
  149.        line-height: 1.8;
  150.        font-family: var(--font-body-family);
  151.        font-style: var(--font-body-style);
  152.        font-weight: var(--font-body-weight);
  153.        
  154.      }
  155.  
  156.      @media screen and (min-width: 750px) {
  157.        body {
  158.          font-size: 1.6rem;
  159.        }
  160.      }
  161.   </style>
  162.  
  163.  <link href="https://store-themes.easystore.co/1335867/themes/104303/assets/base.css?t=1702987265" rel="stylesheet" type="text/css" media="screen" />
  164.  
  165.  
  166.  
  167. <!-- Snippet:global/head: Google Analytics -->
  168. <script>ga('create', 'UA-37789107-9', 'auto', 'SFTracker'); ga('SFTracker.set', 'hostname', '{https://navtech.easy.co}'); ga('SFTracker.send', 'pageview');</script>
  169.                    <script>$(document).ready(function(){ $('#AddToCart').click(function(){ga('SFTracker.send','event', 'Cart', 'Add');});
  170.                    $('.update-cart').click(function(){ga('SFTracker.send','event', 'Cart', 'Update');});
  171.                    $('.checkout').click(function(){ga('SFTracker.send','event', 'Checkout', 'Lead');});
  172.                    $('#PlaceOrder,#btn-pay-again').click(function(){ga('SFTracker.send','event', 'Checkout', 'Pay');});});
  173.                    if (window.performance) { var timeSincePageLoad = Math.round(performance.now());
  174.                      ga('SFTracker.send', 'timing', 'JS Dependencies', 'load', timeSincePageLoad);}</script>
  175. <!-- /Snippet -->
  176.  
  177.  
  178.  <script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');</script>
  179. </head>
  180.  
  181. <body id="page-not-found" class="template-page" >
  182.  
  183. <!-- Snippet:global/body_start: Console Extension -->
  184. <div id='es_console' style='display: none;'>1335867</div>
  185. <!-- /Snippet -->
  186.  
  187. <style>
  188.  header {
  189.    --logo-width: 120px;
  190.  }
  191.  .header-wrapper,
  192.  .header-wrapper .list-menu--disclosure,
  193.  .header-wrapper .search-modal{
  194.    background-color: #424245;
  195.  }
  196.  .header-wrapper .search-modal .field__input{
  197.    background-color: rgb(var(--color-background));
  198.  }
  199.  .header-wrapper summary .icon-caret,
  200.  .header-wrapper .header__menu-item a,
  201.  .header-wrapper .list-menu__item,
  202.  .header-wrapper .link--text{
  203.    color: #FFFFFF;
  204.  }
  205. </style>
  206.  
  207. <link rel="preload" href="https://store-themes.easystore.co/1335867/themes/104303/assets/section-header.css?t=1702987265" as="style" onload="this.onload=null;this.rel='stylesheet'">
  208. <link rel="preload" href="https://store-themes.easystore.co/1335867/themes/104303/assets/component-list-menu.css?t=1702987265" as="style" onload="this.onload=null;this.rel='stylesheet'">
  209. <link rel="preload" href="https://store-themes.easystore.co/1335867/themes/104303/assets/component-menu-drawer.css?t=1702987265" as="style" onload="this.onload=null;this.rel='stylesheet'">
  210. <link rel="preload" href="https://store-themes.easystore.co/1335867/themes/104303/assets/component-cart-notification.css?v1.1?t=1702987265" as="style" onload="this.onload=null;this.rel='stylesheet'">
  211.  
  212. <script src="https://store-themes.easystore.co/1335867/themes/104303/assets/cart-notification.js?t=1702987265" defer="defer"></script>
  213. <script src="https://store-themes.easystore.co/1335867/themes/104303/assets/details-modal.js?t=1702987265" defer="defer"></script>
  214.  
  215. <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
  216.  <symbol id="icon-search" viewBox="0 0 600 600">
  217.    <path d="M367.14,344.11a205.39,205.39,0,0,0,50.33-134.87C417.47,95.52,325,3,211.23,3S5,95.52,5,209.24,97.51,415.48,211.23,415.48a205,205,0,0,0,118.82-37.76l215.2,215.2a25,25,0,0,0,35.35-35.35ZM55,209.24C55,123.09,125.08,53,211.23,53s156.24,70.09,156.24,156.24S297.38,365.48,211.23,365.48,55,295.39,55,209.24Z" fill="currentColor"/>
  218.  </symbol>
  219.  
  220.  <symbol id="icon-close" class="icon icon-close" viewBox="0 0 600 600">
  221.    <path d="M335.36,300,581.87,53.48a25,25,0,0,0-35.35-35.35L300,264.64,53.48,18.13A25,25,0,0,0,18.13,53.48L264.64,300,18.13,546.52a25,25,0,0,0,35.35,35.35L300,335.36,546.52,581.87a25,25,0,0,0,35.35-35.35Z" fill="currentColor"/>
  222.  </symbol>
  223. </svg>
  224.  
  225.  
  226. <div id="easystore-section-header">
  227.  <sticky-header class="header-wrapper header-wrapper--border-bottom">
  228.    <header class="header page-width">
  229.      <header-drawer data-breakpoint="tablet">
  230.        <details class="menu-drawer-container menu-opening">
  231.          <summary class="header__icon header__icon--menu header__icon--summary link link--text focus-inset" aria-label="Menu" role="button" aria-expanded="true" aria-controls="menu-drawer">
  232.            <span>
  233.              
  234.  
  235.  
  236.    <svg class="icon icon-hamburger " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><path d="M32.5,65h535a25,25,0,0,0,0-50H32.5a25,25,0,0,0,0,50Z" fill="currentcolor"/><path d="M567.5,275H32.5a25,25,0,0,0,0,50h535a25,25,0,0,0,0-50Z" fill="currentColor"/><path d="M567.5,535H32.5a25,25,0,0,0,0,50h535a25,25,0,0,0,0-50Z" fill="currentColor"/></svg>
  237.  
  238.  
  239.  
  240.              
  241.  
  242.  
  243.    <svg class="icon icon-close " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><path d="M335.36,300,581.87,53.48a25,25,0,0,0-35.35-35.35L300,264.64,53.48,18.13A25,25,0,0,0,18.13,53.48L264.64,300,18.13,546.52a25,25,0,0,0,35.35,35.35L300,335.36,546.52,581.87a25,25,0,0,0,35.35-35.35Z" fill="currentColor"/></svg>
  244.  
  245.  
  246.  
  247.            </span>
  248.          </summary>
  249.          <div id="menu-drawer" class="menu-drawer motion-reduce" tabindex="-1">
  250.            <div class="menu-drawer__inner-container">
  251.              <div class="menu-drawer__navigation-container">
  252.                <nav class="menu-drawer__navigation">
  253.                  <ul class="menu-drawer__menu list-menu" role="list">
  254.                    
  255.                    
  256.                      
  257.                        <li>
  258.                          <a href="/"  class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
  259.                            Home
  260.                          </a>
  261.                        </li>
  262.                      
  263.                    
  264.                    
  265.                      
  266.                        
  267.                        <li>
  268.                          <details>
  269.                                <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags">
  270.                                  <a href="/collections/all"  class="link--text list-menu__item menu-drawer__menu-item">
  271.                                    Catalog
  272.                                  </a>
  273.                                  
  274.  
  275.  
  276.    <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg>
  277.  
  278.  
  279.  
  280.                                  
  281.  
  282.  
  283.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6">
  284.      <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"></path>
  285.    </svg>
  286.  
  287.  
  288.  
  289.                                </summary>
  290.                                <div class="menu-drawer__submenu motion-reduce" tabindex="-1">
  291.                                  <div class="menu-drawer__inner-submenu">
  292.                                    <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
  293.                                      
  294.  
  295.  
  296.    <svg class="icon icon-arrow " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 339.56"><path d="M31.06,196.67H504l-88.56,88.56a26.89,26.89,0,1,0,38,38L588,188.79a26.89,26.89,0,0,0,0-38L453.49,16.29a26.89,26.89,0,0,0-38,38L504,142.88H31.06a26.9,26.9,0,0,0,0,53.79Z" fill="currentColor"/></svg>
  297.  
  298.  
  299.  
  300.                                      Catalog
  301.                                    </button>
  302.                                    <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1">
  303.                                      
  304.                                        
  305.                                        
  306.                                          <li>
  307.                                            <a href="/collections/new-arrival"  class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
  308.                                              New arrival
  309.                                            </a>
  310.                                          </li>
  311.                                        
  312.                                      
  313.                                        
  314.                                        
  315.                                          <li>
  316.                                            <a href="/collections/hot-selling"  class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
  317.                                              Hot selling
  318.                                            </a>
  319.                                          </li>
  320.                                        
  321.                                      
  322.                                      
  323.                                    </ul>
  324.                                  </div>
  325.                                </div>
  326.                          </details>
  327.                        </li>
  328.                      
  329.                    
  330.                    
  331.                      
  332.                        <li>
  333.                          <a href="/blogs/news"  class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
  334.                            News
  335.                          </a>
  336.                        </li>
  337.                      
  338.                    
  339.                    
  340.                      
  341.                        <li>
  342.                          <a href="/store-locator"  class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
  343.                            Location
  344.                          </a>
  345.                        </li>
  346.                      
  347.                    
  348.                  </ul>
  349.                </nav>
  350.  
  351.                <div class="menu-drawer__utility-links">
  352.  
  353.                  
  354.  
  355.  
  356.  
  357.  
  358.  
  359.                  
  360.                  
  361.                  
  362.                    <a href="/account/login" class="menu-drawer__account link link--text focus-inset h5">
  363.                      
  364.  
  365.  
  366.    <svg class="icon icon-account " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><path d="M300,296.19c-70.7,0-137.11,28.74-187,80.93-49.59,51.87-76.9,120.77-76.9,194v25H563.89v-25c0-73.22-27.31-142.12-76.9-194C437.11,324.93,370.7,296.19,300,296.19ZM87.42,546.11C99.29,433.81,190.1,346.19,300,346.19s200.71,87.62,212.58,199.92Z" fill="currentColor"/><path d="M300,285.34c77.6,0,140.73-63.13,140.73-140.73S377.6,3.89,300,3.89,159.27,67,159.27,144.61,222.4,285.34,300,285.34Zm0-231.45a90.73,90.73,0,1,1-90.73,90.72A90.82,90.82,0,0,1,300,53.89Z" fill="currentColor"/></svg>
  367.  
  368.  
  369.                      
  370.                      Log in
  371.                    </a>
  372.                  
  373.                    <a href="/account/register" class="menu-drawer__account link link--text focus-inset h5">
  374.                      
  375.                      
  376.  
  377.  
  378.    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus " fill="none" viewBox="0 0 10 10">
  379.      <path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor"></path>
  380.    </svg>
  381.  
  382.  
  383.                      Create account
  384.                    </a>
  385.                  
  386.                  
  387.                  
  388.                </div>
  389.              </div>
  390.            </div>
  391.          </div>
  392.        </details>
  393.      </header-drawer>
  394.  
  395.      
  396.        <a href="/" class="header__heading-link link link--text focus-inset">
  397.          <img src="https://cdn.store-assets.com/s/995264/f/8959084.png" class="header__heading-logo" alt="Navtech" loading="lazy">
  398.        </a>
  399.      
  400.      <div class="header__icons">
  401.        
  402.        <details-modal class="header__search">
  403.          <details>
  404.            <summary class="header__icon header__icon--search header__icon--summary link link--text focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search">
  405.              <span>
  406.                <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false" role="presentation">
  407.                  <use href="#icon-search">
  408.                </svg>
  409.                <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false" role="presentation">
  410.                  <use href="#icon-close">
  411.                </svg>
  412.              </span>
  413.            </summary>
  414.            <div class="search-modal modal__content" role="dialog" aria-modal="true" aria-label="Search">
  415.              <div class="modal-overlay"></div>
  416.              <div class="search-modal__content" tabindex="-1">
  417.                  <form action="/search" method="get" role="search" class="search search-modal__form">
  418.                    <div class="field">
  419.                      <input class="search__input field__input"
  420.                        id="Search-In-Modal"
  421.                        type="search"
  422.                        name="q"
  423.                        value=""
  424.                        placeholder="Search"
  425.                      >
  426.                      <label class="field__label" for="Search-In-Modal">Search</label>
  427.                      <input type="hidden" name="options[prefix]" value="last">
  428.                      <button class="search__button field__button" aria-label="Search">
  429.                        <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation">
  430.                          <use href="#icon-search">
  431.                        </svg>
  432.                      </button>
  433.                    </div>
  434.                  </form>
  435.                <button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="accessibility.close">
  436.                  <svg class="icon icon-close" aria-hidden="true" focusable="false" role="presentation">
  437.                    <use href="#icon-close">
  438.                  </svg>
  439.                </button>
  440.              </div>
  441.            </div>
  442.          </details>
  443.        </details-modal>
  444.        
  445.  
  446.  
  447.        
  448.          
  449.            
  450.              
  451.                <a href="/account/login" class="header__icon header__icon--account link link--text focus-inset small-hide">
  452.                  
  453.  
  454.  
  455.    <svg class="icon icon-account " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><path d="M300,296.19c-70.7,0-137.11,28.74-187,80.93-49.59,51.87-76.9,120.77-76.9,194v25H563.89v-25c0-73.22-27.31-142.12-76.9-194C437.11,324.93,370.7,296.19,300,296.19ZM87.42,546.11C99.29,433.81,190.1,346.19,300,346.19s200.71,87.62,212.58,199.92Z" fill="currentColor"/><path d="M300,285.34c77.6,0,140.73-63.13,140.73-140.73S377.6,3.89,300,3.89,159.27,67,159.27,144.61,222.4,285.34,300,285.34Zm0-231.45a90.73,90.73,0,1,1-90.73,90.72A90.82,90.82,0,0,1,300,53.89Z" fill="currentColor"/></svg>
  456.  
  457.  
  458.  
  459.                  <span class="visually-hidden">Log in</span>
  460.                </a>
  461.              
  462.            
  463.              
  464.            
  465.          
  466.        
  467.        <a href="/cart" class="header__icon header__icon--cart link link--text focus-inset" id="cart-icon-bubble">
  468.          
  469.  
  470.  
  471.    <svg class="icon icon-cart-empty " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496.56 600"><path d="M453.52,128.63a25,25,0,0,0-24.91-22.8H364.72a117.48,117.48,0,0,0-232.89,0H67.94A25,25,0,0,0,43,128.63L8.8,515.21a72.11,72.11,0,0,0,19.05,55.6,79,79,0,0,0,58.22,25.3H410.49a79,79,0,0,0,58.22-25.3,72.11,72.11,0,0,0,19.05-55.6ZM248.28,53.89a67.58,67.58,0,0,1,65.65,51.94H182.63A67.57,67.57,0,0,1,248.28,53.89ZM431.83,537.05a28.85,28.85,0,0,1-21.34,9.06H86.07a28.85,28.85,0,0,1-21.34-9.06,22.69,22.69,0,0,1-6.13-17.43L90.82,155.83h40v51.23a25,25,0,0,0,50,0V155.83h135v51.23a25,25,0,0,0,50,0V155.83h40L438,519.62A22.68,22.68,0,0,1,431.83,537.05Z" fill="currentColor"/></svg>
  472.  
  473.  
  474.  
  475.          <div class="cart-count-bubble hidden">
  476.            <span aria-hidden="true" class="js-content-cart-count">0</span>
  477.          </div>
  478.        </a>
  479.      </div>
  480.    </header>
  481.  </sticky-header>
  482.  
  483. <cart-notification>
  484.  <div class="cart-notification-wrapper page-width color-background-1">
  485.    <div id="cart-notification" class="cart-notification focus-inset" aria-modal="true" aria-label="Added to cart" role="dialog" tabindex="-1">
  486.      <div class="cart-notification__header">
  487.        <h2 class="cart-notification__heading caption-large">
  488.  
  489.  
  490.    <svg class="icon icon-checkmark color-foreground-text " aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none">
  491.      <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"></path>
  492.    </svg>
  493.  
  494.  
  495. Added to cart</h2>
  496.        <button type="button" class="cart-notification__close modal__close-button link link--text focus-inset" aria-label="accessibility.close">
  497.          
  498.  
  499.  
  500.    <svg class="icon icon-close " data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600"><path d="M335.36,300,581.87,53.48a25,25,0,0,0-35.35-35.35L300,264.64,53.48,18.13A25,25,0,0,0,18.13,53.48L264.64,300,18.13,546.52a25,25,0,0,0,35.35,35.35L300,335.36,546.52,581.87a25,25,0,0,0,35.35-35.35Z" fill="currentColor"/></svg>
  501.  
  502.  
  503.  
  504.        </button>
  505.      </div>
  506.      <div id="cart-notification-product" class="cart-notification-product"></div>
  507.      <div class="cart-notification__links">
  508.        <a href="/cart" id="cart-notification-button" class="button button--secondary button--full-width">View cart (<span class="js-content-cart-count">0</span>)</a>
  509.        <form action="/cart" method="post" id="cart-notification-form">
  510.          <input type="hidden" name="_token" value="2NfB0kNgeNH7oY3ID3EyCajEUx24nGnrUqejJc5Z">
  511.          <input type="hidden" name="current_currency" value="USD">
  512.          <button class="button button--primary button--full-width" name="checkout" value="true">Checkout</button>
  513.        </form>
  514.        <button type="button" class="link button-label">Continue shopping</button>
  515.      </div>
  516.    </div>
  517.  </div>
  518. </cart-notification>
  519. <style>
  520.  .cart-notification {
  521.     display: none;
  522.  }
  523. </style>
  524. <script>
  525. document.getElementById('cart-notification-form').addEventListener('submit',(event)=>{
  526.  if(event.submitter) event.submitter.classList.add('loading');
  527. })
  528.  
  529. </script>
  530.  
  531. </div>
  532.  
  533.  
  534. <script>
  535.  
  536.  class StickyHeader extends HTMLElement {
  537.    constructor() {
  538.      super();
  539.    }
  540.  
  541.    connectedCallback() {
  542.      this.header = document.getElementById('easystore-section-header');
  543.      this.headerBounds = {};
  544.      this.currentScrollTop = 0;
  545.      this.preventReveal = false;
  546.  
  547.      this.onScrollHandler = this.onScroll.bind(this);
  548.      this.hideHeaderOnScrollUp = () => this.preventReveal = true;
  549.  
  550.      this.addEventListener('preventHeaderReveal', this.hideHeaderOnScrollUp);
  551.      window.addEventListener('scroll', this.onScrollHandler, false);
  552.  
  553.      this.createObserver();
  554.    }
  555.  
  556.    disconnectedCallback() {
  557.      this.removeEventListener('preventHeaderReveal', this.hideHeaderOnScrollUp);
  558.      window.removeEventListener('scroll', this.onScrollHandler);
  559.    }
  560.  
  561.    createObserver() {
  562.      let observer = new IntersectionObserver((entries, observer) => {
  563.        this.headerBounds = entries[0].intersectionRect;
  564.        observer.disconnect();
  565.      });
  566.  
  567.      observer.observe(this.header);
  568.    }
  569.  
  570.    onScroll() {
  571.      const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
  572.  
  573.      if (scrollTop > this.currentScrollTop && scrollTop > this.headerBounds.bottom) {
  574.        requestAnimationFrame(this.hide.bind(this));
  575.      } else if (scrollTop < this.currentScrollTop && scrollTop > this.headerBounds.bottom) {
  576.        if (!this.preventReveal) {
  577.          requestAnimationFrame(this.reveal.bind(this));
  578.        } else {
  579.          window.clearTimeout(this.isScrolling);
  580.  
  581.          this.isScrolling = setTimeout(() => {
  582.            this.preventReveal = false;
  583.          }, 66);
  584.  
  585.          requestAnimationFrame(this.hide.bind(this));
  586.        }
  587.      } else if (scrollTop <= this.headerBounds.top) {
  588.        requestAnimationFrame(this.reset.bind(this));
  589.      }
  590.  
  591.  
  592.      this.currentScrollTop = scrollTop;
  593.    }
  594.  
  595.    hide() {
  596.      this.header.classList.add('easystore-section-header-hidden', 'easystore-section-header-sticky');
  597.      this.closeMenuDisclosure();
  598.      // this.closeSearchModal();
  599.    }
  600.  
  601.    reveal() {
  602.      this.header.classList.add('easystore-section-header-sticky', 'animate');
  603.      this.header.classList.remove('easystore-section-header-hidden');
  604.    }
  605.  
  606.    reset() {
  607.      this.header.classList.remove('easystore-section-header-hidden', 'easystore-section-header-sticky', 'animate');
  608.    }
  609.  
  610.    closeMenuDisclosure() {
  611.      this.disclosures = this.disclosures || this.header.querySelectorAll('details-disclosure');
  612.      this.disclosures.forEach(disclosure => disclosure.close());
  613.    }
  614.  
  615.    // closeSearchModal() {
  616.    //   this.searchModal = this.searchModal || this.header.querySelector('details-modal');
  617.    //   this.searchModal.close(false);
  618.    // }
  619.  }
  620.  
  621.  customElements.define('sticky-header', StickyHeader);
  622.  
  623.  
  624.  class DetailsDisclosure extends HTMLElement{
  625.    constructor() {
  626.      super();
  627.      this.mainDetailsToggle = this.querySelector('details');
  628.      // this.mainDetailsToggle.addEventListener('focusout', this.onFocusOut.bind(this));
  629.      this.mainDetailsToggle.addEventListener('mouseover', this.open.bind(this));
  630.      this.mainDetailsToggle.addEventListener('mouseout', this.close.bind(this));
  631.    }
  632.  
  633.    onFocusOut() {
  634.      setTimeout(() => {
  635.        if (!this.contains(document.activeElement)) this.close();
  636.      })
  637.    }
  638.  
  639.    open() {
  640.      this.mainDetailsToggle.setAttribute('open',1)
  641.    }
  642.  
  643.    close() {
  644.      this.mainDetailsToggle.removeAttribute('open')
  645.    }
  646.  }
  647.  
  648.  customElements.define('details-disclosure', DetailsDisclosure);
  649.  
  650. </script>
  651.  
  652.  
  653.  
  654.  <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
  655.    
  656.    <link rel="preload" href="https://store-themes.easystore.co/1335867/themes/104303/assets/component-card.css?t=1702987265" as="style" onload="this.onload=null;this.rel='stylesheet'">
  657. <link rel="preload" href="https://store-themes.easystore.co/1335867/themes/104303/assets/component-price.css?t=1702987265" as="style" onload="this.onload=null;this.rel='stylesheet'">
  658. <link rel="preload" href="https://store-themes.easystore.co/1335867/themes/104303/assets/component-product-grid.css?t=1702987265" as="style" onload="this.onload=null;this.rel='stylesheet'">
  659. <div style="text-align: center; display: flex; flex-direction: column; align-items: center; margin: 0rem 2rem;">
  660.  <h1>Oops...</h1>
  661.  <p>The page you're looking for has changed or doesn't exist anymore.</p>
  662.  
  663.  <p>Feel free to explore our store using the search bar.</p>
  664.  <div class="template-search__search" style="width: 100%; max-width: 500px;">
  665.    <form action="/search" method="get" role="search" class="search">
  666.      <div class="field">
  667.        <input
  668.          class="search__input field__input"
  669.          id="Search-In-Template"
  670.          type="search"
  671.          name="q"
  672.          value=""
  673.          placeholder="Search"
  674.        >
  675.        <label class="field__label" for="Search-In-Template">Search</label>
  676.        <button type="submit" class="search__button field__button" aria-label="Search">
  677.          <svg class="icon icon-search"><use xlink:href="#icon-search"></svg>
  678.        </button>
  679.      </div>
  680.    </form>
  681.  </div>
  682. </div>
  683.  
  684.  
  685.  <section class="product-section page-width spaced-section">
  686.    <product-recommendations>
  687.      <h2 class="product-recommendations__heading" style="text-align: center;">
  688.        A chosen few you'll love
  689.      </h2>
  690.      <ul class="grid grid--2-col product-grid grid--4-col-desktop grid--quarter-max" role="list">
  691.        
  692.          
  693.          
  694.         <li class="grid__item">
  695.            
  696.  
  697.  
  698.  
  699.  
  700.  
  701.  
  702.  
  703.  
  704.  
  705.  
  706.  
  707.  
  708.  
  709.  
  710. <div class="card-wrapper">
  711.  <a href="/products/click-top" class="full-unstyled-link">
  712.    <div class="card card--product card--outline grid-link__image--product" tabindex="-1">
  713.      <div class="card__inner">
  714.        <div class="media media--transparent media--square media--hover-effect">
  715.          <img src="https://s3.dualstack.ap-southeast-1.amazonaws.com/eesb.public/images/products/no_image.png?width=480" alt="https://s3.dualstack.ap-southeast-1.amazonaws.com/eesb.public/images/products/no_image.png" loading="lazy">
  716.          
  717.        </div>
  718.        
  719.          <div class="card__badge card__badge-on_sale"><span class="badge badge--bottom-left color-accent-2" aria-hidden="true">Sale</span></div>
  720.        
  721.        
  722.  
  723.        
  724.      </div>
  725.    </div>
  726.    
  727.    <div class="card-information">
  728.      <div class="card-information__wrapper">
  729.        
  730.        <span class="card-information__text">
  731.          Click Top
  732.        </span>
  733.        
  734.        <span class="caption-large light"></span>
  735.        
  736.  
  737. <div class="price
  738.  
  739.  
  740.   price--on-sale "
  741.  data-expires="">
  742.  
  743.  <dl>
  744.    <div class="price__regular">
  745.      <dt>
  746.        <span class="visually-hidden visually-hidden--inline">Regular price</span>
  747.      </dt>
  748.      <dd >
  749.        <span class="price-item price-item--regular">
  750.          
  751.            
  752.  
  753.    <span class=money data-ori-price='50.00'>$ 50.00 </span>
  754.  
  755.  
  756.          
  757.        </span>
  758.      </dd>
  759.    </div>
  760.    <div class="price__sale">
  761.      <dt>
  762.        <span class="visually-hidden visually-hidden--inline">Sale price</span>
  763.      </dt>
  764.      <dd >
  765.        <span  class="price-item price-item--sale">
  766.          
  767.            
  768.  
  769.    <span class=money data-ori-price='50.00'>$ 50.00 </span>
  770.  
  771.  
  772.          
  773.        </span>
  774.      </dd>
  775.      
  776.      <dt class="price__compare">
  777.        <span class="visually-hidden visually-hidden--inline">Regular price</span>
  778.      </dt>
  779.      <dd class="price__compare">
  780.        <s class="price-item price-item--regular">
  781.          
  782.            <span class=money data-ori-price='100.00'>$ 100.00 </span>
  783.          
  784.          
  785.        </s>
  786.      </dd>
  787.      
  788.    </div>
  789.  </dl>
  790.  
  791. </div>
  792.  
  793.      </div>
  794.      
  795.    </div>
  796.  </a>
  797. </div>
  798.  
  799.          </li>
  800.        
  801.          
  802.          
  803.         <li class="grid__item">
  804.            
  805.  
  806.  
  807.  
  808.  
  809.  
  810.  
  811.  
  812.  
  813.  
  814.  
  815.  
  816.  
  817.  
  818.  
  819. <div class="card-wrapper">
  820.  <a href="/products/navigatehere" class="full-unstyled-link">
  821.    <div class="card card--product card--outline grid-link__image--product" tabindex="-1">
  822.      <div class="card__inner">
  823.        <div class="media media--transparent media--square media--hover-effect">
  824.          <img src="https://s3.dualstack.ap-southeast-1.amazonaws.com/eesb.public/images/products/no_image.png?width=480" alt="https://s3.dualstack.ap-southeast-1.amazonaws.com/eesb.public/images/products/no_image.png" loading="lazy">
  825.          
  826.        </div>
  827.        
  828.          <div class="card__badge card__badge-on_sale"><span class="badge badge--bottom-left color-accent-2" aria-hidden="true">Sale</span></div>
  829.        
  830.        
  831.  
  832.        
  833.      </div>
  834.    </div>
  835.    
  836.    <div class="card-information">
  837.      <div class="card-information__wrapper">
  838.        
  839.        <span class="card-information__text">
  840.          NavigateHere
  841.        </span>
  842.        
  843.        <span class="caption-large light"></span>
  844.        
  845.  
  846. <div class="price
  847.  
  848.  
  849.   price--on-sale "
  850.  data-expires="">
  851.  
  852.  <dl>
  853.    <div class="price__regular">
  854.      <dt>
  855.        <span class="visually-hidden visually-hidden--inline">Regular price</span>
  856.      </dt>
  857.      <dd >
  858.        <span class="price-item price-item--regular">
  859.          
  860.            
  861.  
  862.    <span class=money data-ori-price='50.00'>$ 50.00 </span>
  863.  
  864.  
  865.          
  866.        </span>
  867.      </dd>
  868.    </div>
  869.    <div class="price__sale">
  870.      <dt>
  871.        <span class="visually-hidden visually-hidden--inline">Sale price</span>
  872.      </dt>
  873.      <dd >
  874.        <span  class="price-item price-item--sale">
  875.          
  876.            
  877.  
  878.    <span class=money data-ori-price='50.00'>$ 50.00 </span>
  879.  
  880.  
  881.          
  882.        </span>
  883.      </dd>
  884.      
  885.      <dt class="price__compare">
  886.        <span class="visually-hidden visually-hidden--inline">Regular price</span>
  887.      </dt>
  888.      <dd class="price__compare">
  889.        <s class="price-item price-item--regular">
  890.          
  891.            <span class=money data-ori-price='100.00'>$ 100.00 </span>
  892.          
  893.          
  894.        </s>
  895.      </dd>
  896.      
  897.    </div>
  898.  </dl>
  899.  
  900. </div>
  901.  
  902.      </div>
  903.      
  904.    </div>
  905.  </a>
  906. </div>
  907.  
  908.          </li>
  909.        
  910.          
  911.          
  912.         <li class="grid__item">
  913.            
  914.  
  915.  
  916.  
  917.  
  918.  
  919.  
  920.  
  921.  
  922.  
  923.  
  924.  
  925.  
  926.  
  927.  
  928. <div class="card-wrapper">
  929.  <a href="/products/gotothis" class="full-unstyled-link">
  930.    <div class="card card--product card--outline grid-link__image--product" tabindex="-1">
  931.      <div class="card__inner">
  932.        <div class="media media--transparent media--square media--hover-effect">
  933.          <img src="https://s3.dualstack.ap-southeast-1.amazonaws.com/eesb.public/images/products/no_image.png?width=480" alt="https://s3.dualstack.ap-southeast-1.amazonaws.com/eesb.public/images/products/no_image.png" loading="lazy">
  934.          
  935.        </div>
  936.        
  937.          <div class="card__badge card__badge-on_sale"><span class="badge badge--bottom-left color-accent-2" aria-hidden="true">Sale</span></div>
  938.        
  939.        
  940.  
  941.        
  942.      </div>
  943.    </div>
  944.    
  945.    <div class="card-information">
  946.      <div class="card-information__wrapper">
  947.        
  948.        <span class="card-information__text">
  949.          GoToThis
  950.        </span>
  951.        
  952.        <span class="caption-large light"></span>
  953.        
  954.  
  955. <div class="price
  956.  
  957.  
  958.   price--on-sale "
  959.  data-expires="">
  960.  
  961.  <dl>
  962.    <div class="price__regular">
  963.      <dt>
  964.        <span class="visually-hidden visually-hidden--inline">Regular price</span>
  965.      </dt>
  966.      <dd >
  967.        <span class="price-item price-item--regular">
  968.          
  969.            
  970.  
  971.    <span class=money data-ori-price='50.00'>$ 50.00 </span>
  972.  
  973.  
  974.          
  975.        </span>
  976.      </dd>
  977.    </div>
  978.    <div class="price__sale">
  979.      <dt>
  980.        <span class="visually-hidden visually-hidden--inline">Sale price</span>
  981.      </dt>
  982.      <dd >
  983.        <span  class="price-item price-item--sale">
  984.          
  985.            
  986.  
  987.    <span class=money data-ori-price='50.00'>$ 50.00 </span>
  988.  
  989.  
  990.          
  991.        </span>
  992.      </dd>
  993.      
  994.      <dt class="price__compare">
  995.        <span class="visually-hidden visually-hidden--inline">Regular price</span>
  996.      </dt>
  997.      <dd class="price__compare">
  998.        <s class="price-item price-item--regular">
  999.          
  1000.            <span class=money data-ori-price='100.00'>$ 100.00 </span>
  1001.          
  1002.          
  1003.        </s>
  1004.      </dd>
  1005.      
  1006.    </div>
  1007.  </dl>
  1008.  
  1009. </div>
  1010.  
  1011.      </div>
  1012.      
  1013.    </div>
  1014.  </a>
  1015. </div>
  1016.  
  1017.          </li>
  1018.        
  1019.          
  1020.          
  1021.         <li class="grid__item">
  1022.            
  1023.  
  1024.  
  1025.  
  1026.  
  1027.  
  1028.  
  1029.  
  1030.  
  1031.  
  1032.  
  1033.  
  1034.  
  1035.  
  1036.  
  1037. <div class="card-wrapper">
  1038.  <a href="/products/accessnow" class="full-unstyled-link">
  1039.    <div class="card card--product card--outline grid-link__image--product" tabindex="-1">
  1040.      <div class="card__inner">
  1041.        <div class="media media--transparent media--square media--hover-effect">
  1042.          <img src="https://s3.dualstack.ap-southeast-1.amazonaws.com/eesb.public/images/products/no_image.png?width=480" alt="https://s3.dualstack.ap-southeast-1.amazonaws.com/eesb.public/images/products/no_image.png" loading="lazy">
  1043.          
  1044.        </div>
  1045.        
  1046.          <div class="card__badge card__badge-on_sale"><span class="badge badge--bottom-left color-accent-2" aria-hidden="true">Sale</span></div>
  1047.        
  1048.        
  1049.  
  1050.        
  1051.      </div>
  1052.    </div>
  1053.    
  1054.    <div class="card-information">
  1055.      <div class="card-information__wrapper">
  1056.        
  1057.        <span class="card-information__text">
  1058.          AccessNow
  1059.        </span>
  1060.        
  1061.        <span class="caption-large light"></span>
  1062.        
  1063.  
  1064. <div class="price
  1065.  
  1066.  
  1067.   price--on-sale "
  1068.  data-expires="">
  1069.  
  1070.  <dl>
  1071.    <div class="price__regular">
  1072.      <dt>
  1073.        <span class="visually-hidden visually-hidden--inline">Regular price</span>
  1074.      </dt>
  1075.      <dd >
  1076.        <span class="price-item price-item--regular">
  1077.          
  1078.            
  1079.  
  1080.    <span class=money data-ori-price='50.00'>$ 50.00 </span>
  1081.  
  1082.  
  1083.          
  1084.        </span>
  1085.      </dd>
  1086.    </div>
  1087.    <div class="price__sale">
  1088.      <dt>
  1089.        <span class="visually-hidden visually-hidden--inline">Sale price</span>
  1090.      </dt>
  1091.      <dd >
  1092.        <span  class="price-item price-item--sale">
  1093.          
  1094.            
  1095.  
  1096.    <span class=money data-ori-price='50.00'>$ 50.00 </span>
  1097.  
  1098.  
  1099.          
  1100.        </span>
  1101.      </dd>
  1102.      
  1103.      <dt class="price__compare">
  1104.        <span class="visually-hidden visually-hidden--inline">Regular price</span>
  1105.      </dt>
  1106.      <dd class="price__compare">
  1107.        <s class="price-item price-item--regular">
  1108.          
  1109.            <span class=money data-ori-price='100.00'>$ 100.00 </span>
  1110.          
  1111.          
  1112.        </s>
  1113.      </dd>
  1114.      
  1115.    </div>
  1116.  </dl>
  1117.  
  1118. </div>
  1119.  
  1120.      </div>
  1121.      
  1122.    </div>
  1123.  </a>
  1124. </div>
  1125.  
  1126.          </li>
  1127.        
  1128.      </ul>
  1129.    </product-recommendations>
  1130.  </section>
  1131.  
  1132.    
  1133.  </main>
  1134. <style>
  1135.  .footer{
  1136.    background-color: #424245;
  1137.    color: #FFFFFF;
  1138.    --color-foreground: 255,255,255;
  1139.  }
  1140.  .footer .link--text,
  1141.  .footer .list-menu__item--link,
  1142.  .footer .footer-block__details-content .list-menu__item--link{
  1143.    color: #FFFFFF;
  1144.  }
  1145.  .footer-block__heading{
  1146.    color: #FFFFFF;
  1147.  }
  1148. </style>
  1149.  
  1150. <link rel="preload" href="https://store-themes.easystore.co/1335867/themes/104303/assets/section-footer.css?t=1702987265" as="style" onload="this.onload=null;this.rel='stylesheet'">
  1151.  
  1152. <footer class="footer color-background-1">
  1153.  <div class="footer__content-top page-width">
  1154.    <div class="grid grid--1-col grid--2-col-tablet ">
  1155.      
  1156.      
  1157.      
  1158.        <div class="grid__item">
  1159.          
  1160.              <h2 class="footer-block__heading">Follow us</h2>
  1161.              <ul class="footer__list-social list-unstyled list-social footer-block__details-content" role="list">
  1162.                
  1163.                  <li class="list-social__item">
  1164.                    <a href="https://twitter.com/" class="link link--text list-social__link">
  1165.                      
  1166.  
  1167.  
  1168.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-twitter "
  1169.    viewBox="0 0 18 15">
  1170.      <path fill="currentColor"
  1171.        d="M17.64 2.6a7.33 7.33 0 01-1.75 1.82c0 .05 0 .13.02.23l.02.23a9.97 9.97 0 01-1.69 5.54c-.57.85-1.24 1.62-2.02 2.28a9.09 9.09 0 01-2.82 1.6 10.23 10.23 0 01-8.9-.98c.34.02.61.04.83.04 1.64 0 3.1-.5 4.38-1.5a3.6 3.6 0 01-3.3-2.45A2.91 2.91 0 004 9.35a3.47 3.47 0 01-2.02-1.21 3.37 3.37 0 01-.8-2.22v-.03c.46.24.98.37 1.58.4a3.45 3.45 0 01-1.54-2.9c0-.61.14-1.2.45-1.79a9.68 9.68 0 003.2 2.6 10 10 0 004.08 1.07 3 3 0 01-.13-.8c0-.97.34-1.8 1.03-2.48A3.45 3.45 0 0112.4.96a3.49 3.49 0 012.54 1.1c.8-.15 1.54-.44 2.23-.85a3.4 3.4 0 01-1.54 1.94c.74-.1 1.4-.28 2.01-.54z">
  1172.      </path>
  1173.    </svg>
  1174.  
  1175.  
  1176.  
  1177.                    </a>
  1178.                  </li>
  1179.                
  1180.                
  1181.                  <li class="list-social__item">
  1182.                    <a href="https://facebook.com/" class="link link--text list-social__link">
  1183.                      
  1184.  
  1185.  
  1186.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook "
  1187.    viewBox="0 0 18 18">
  1188.      <path fill="currentColor"
  1189.        d="M16.42.61c.27 0 .5.1.69.28.19.2.28.42.28.7v15.44c0 .27-.1.5-.28.69a.94.94 0 01-.7.28h-4.39v-6.7h2.25l.31-2.65h-2.56v-1.7c0-.4.1-.72.28-.93.18-.2.5-.32 1-.32h1.37V3.35c-.6-.06-1.27-.1-2.01-.1-1.01 0-1.83.3-2.45.9-.62.6-.93 1.44-.93 2.53v1.97H7.04v2.65h2.24V18H.98c-.28 0-.5-.1-.7-.28a.94.94 0 01-.28-.7V1.59c0-.27.1-.5.28-.69a.94.94 0 01.7-.28h15.44z">
  1190.      </path>
  1191.    </svg>
  1192.  
  1193.  
  1194.  
  1195.                    </a>
  1196.                  </li>
  1197.                
  1198.                
  1199.                  <li class="list-social__item">
  1200.                    <a href="https://instagram.com/" class="link link--text list-social__link">
  1201.                      
  1202.  
  1203.  
  1204.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram "
  1205.    viewBox="0 0 18 18">
  1206.      <path fill="currentColor"
  1207.        d="M8.77 1.58c2.34 0 2.62.01 3.54.05.86.04 1.32.18 1.63.3.41.17.7.35 1.01.66.3.3.5.6.65 1 .12.32.27.78.3 1.64.05.92.06 1.2.06 3.54s-.01 2.62-.05 3.54a4.79 4.79 0 01-.3 1.63c-.17.41-.35.7-.66 1.01-.3.3-.6.5-1.01.66-.31.12-.77.26-1.63.3-.92.04-1.2.05-3.54.05s-2.62 0-3.55-.05a4.79 4.79 0 01-1.62-.3c-.42-.16-.7-.35-1.01-.66-.31-.3-.5-.6-.66-1a4.87 4.87 0 01-.3-1.64c-.04-.92-.05-1.2-.05-3.54s0-2.62.05-3.54c.04-.86.18-1.32.3-1.63.16-.41.35-.7.66-1.01.3-.3.6-.5 1-.65.32-.12.78-.27 1.63-.3.93-.05 1.2-.06 3.55-.06zm0-1.58C6.39 0 6.09.01 5.15.05c-.93.04-1.57.2-2.13.4-.57.23-1.06.54-1.55 1.02C1 1.96.7 2.45.46 3.02c-.22.56-.37 1.2-.4 2.13C0 6.1 0 6.4 0 8.77s.01 2.68.05 3.61c.04.94.2 1.57.4 2.13.23.58.54 1.07 1.02 1.56.49.48.98.78 1.55 1.01.56.22 1.2.37 2.13.4.94.05 1.24.06 3.62.06 2.39 0 2.68-.01 3.62-.05.93-.04 1.57-.2 2.13-.41a4.27 4.27 0 001.55-1.01c.49-.49.79-.98 1.01-1.56.22-.55.37-1.19.41-2.13.04-.93.05-1.23.05-3.61 0-2.39 0-2.68-.05-3.62a6.47 6.47 0 00-.4-2.13 4.27 4.27 0 00-1.02-1.55A4.35 4.35 0 0014.52.46a6.43 6.43 0 00-2.13-.41A69 69 0 008.77 0z">
  1208.      </path>
  1209.      <path fill="currentColor"
  1210.        d="M8.8 4a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 7.43a2.92 2.92 0 110-5.85 2.92 2.92 0 010 5.85zM13.43 5a1.05 1.05 0 100-2.1 1.05 1.05 0 000 2.1z">
  1211.      </path>
  1212.    </svg>
  1213.  
  1214.  
  1215.  
  1216.                    </a>
  1217.                  </li>
  1218.                
  1219.                
  1220.                  <li class="list-social__item">
  1221.                    <a href="https://tiktok.com/" class="link link--text list-social__link">
  1222.                      
  1223.  
  1224.  
  1225.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-tiktok " width="16"
  1226.    height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
  1227.      <path
  1228.        d="M8.02 0H11s-.17 3.82 4.13 4.1v2.95s-2.3.14-4.13-1.26l.03 6.1a5.52 5.52 0 11-5.51-5.52h.77V9.4a2.5 2.5 0 101.76 2.4L8.02 0z"
  1229.        fill="currentColor">
  1230.      </path>
  1231.    </svg>
  1232.  
  1233.  
  1234.  
  1235.                    </a>
  1236.                  </li>
  1237.                
  1238.                
  1239.                  <li class="list-social__item">
  1240.                    <a href="https://wa.me/" class="link link--text list-social__link">
  1241.                      
  1242.  
  1243.  
  1244.    <svg class="icon icon-whatsapp " fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 750"><path d="M703.5,195.64A371,371,0,0,0,572,56C523.89,26,471.51,8.4,415.21,2.51A370.48,370.48,0,0,0,316.5,5.42,364,364,0,0,0,215.23,37.47a369,369,0,0,0-132.68,108Q17.36,230.17,7,336.63A370.11,370.11,0,0,0,53.42,554.94a7.23,7.23,0,0,1,.61,4.9Q36.48,624.6,18.7,689.27C13.24,709.19,7.75,729.1,2.14,749.5c1.23-.26,1.93-.36,2.61-.55q95.75-25.11,191.54-50.2a8.43,8.43,0,0,1,5.19.61c12.79,5.8,25.28,12.34,38.29,17.59A370.28,370.28,0,0,0,666.09,604q69.06-86.36,80-196.47A370.36,370.36,0,0,0,743,311.86,361,361,0,0,0,703.5,195.64ZM684.64,388c-3.6,65.27-25.48,123.75-66.06,174.9-44.89,56.63-102.85,93.24-173.19,109.84a297.41,297.41,0,0,1-91.27,7A305.68,305.68,0,0,1,215.31,635a17.54,17.54,0,0,0-15.2-2.14c-35.5,9.58-71.1,18.74-106.66,28-.49.13-1,.21-2.14.45,1.72-6.37,3.29-12.22,4.89-18Q109,596.7,121.66,550.07a7.12,7.12,0,0,0-1-5.07c-12.37-19.32-23.31-39.25-31.6-60.64A309,309,0,0,1,70.4,410.63c-6.11-49.35-.93-97.44,16.1-144.15,57.86-160.1,234.55-243,394.65-185.11a308.31,308.31,0,0,1,120.2,79.18c34.9,37.19,59.32,80.31,72.81,129.53A304.75,304.75,0,0,1,684.64,388Z"/><path d="M556,454.42c-13.84-6.52-27.43-13.55-41.24-20.12-11.47-5.46-23-10.89-34.73-15.69-9.1-3.73-13.09-1.72-19.12,6.06-9.39,12.09-19.09,23.95-28.89,35.71-4.7,5.63-9.47,6.79-16.1,3.8-12.32-5.56-24.82-10.9-36.58-17.51-39.6-22.29-69.59-54.3-92.67-93.11-4.87-8.2-4.3-12.16,2.14-19.13,9.07-9.9,18.4-19.63,24.09-32.12a17.42,17.42,0,0,0,.47-14.67c-9.55-23-19-46-28.75-68.92a75.82,75.82,0,0,0-7-12.7c-2.56-3.82-6.6-5.49-11.28-5.36H255.78v-.56c-5.48.29-11,.11-16.39,1-8.66,1.37-15,6.75-20.95,12.94-25.46,26.48-34.58,57.89-28.66,93.83a145.64,145.64,0,0,0,20.75,53.75C220.48,377.5,231.32,393,242.65,408a435.09,435.09,0,0,0,70.53,73.19c31.48,26,67,44.54,105.56,57.58,16.1,5.44,32.08,11.08,49.36,11.42,11.52.22,23,.08,34.16-3.22a110.77,110.77,0,0,0,42.1-23.61c5.48-4.81,10.48-10.18,13.19-17a110.56,110.56,0,0,0,7.57-37.2C565.27,461.93,562.42,457.42,556,454.42Z"/></svg>
  1245.  
  1246.  
  1247.  
  1248.                    </a>
  1249.                  </li>
  1250.                
  1251.                
  1252.                  <li class="list-social__item">
  1253.                    <a href="https://line.com/" class="link link--text list-social__link">
  1254.                      
  1255.  
  1256.  
  1257.    <svg class="icon icon-line-footer " fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 750"><path d="M375,.5C168.17.5.5,168.17.5,375S168.17,749.5,375,749.5,749.5,581.83,749.5,375,581.83.5,375,.5ZM570.75,476.91C518.48,537.06,401.6,610.33,375,621.53s-22.66-7.13-21.57-13.42c.63-3.76,3.55-21.33,3.55-21.33.83-6.36,1.66-16.23-.83-22.52-2.81-7-13.83-10.54-21.95-12.29C214.51,536.14,125.9,452.45,125.9,352.53,125.9,241,237.64,150.38,375,150.38s249.1,90.68,249.1,202.15h0C624.14,397.14,606.85,437.32,570.75,476.91Z"/><polygon points="324.38 298.65 324.38 298.65 324.38 298.65 324.38 298.65"/><path d="M324.38,298.65H306.91a4.86,4.86,0,0,0-4.86,4.85V412a4.86,4.86,0,0,0,4.86,4.85h17.47a4.86,4.86,0,0,0,4.85-4.85V303.5A4.86,4.86,0,0,0,324.38,298.65Z"/><path d="M444.67,298.65h-17.5a4.85,4.85,0,0,0-4.85,4.85V368l-49.73-67.17a4.57,4.57,0,0,0-.38-.49,2.76,2.76,0,0,0-.29-.3l-.09-.09a2.65,2.65,0,0,0-.26-.21l-.12-.1-.25-.18-.15-.08-.26-.14-.15-.08-.28-.12-.16,0-.28-.1-.18,0-.27-.06H351.08a4.85,4.85,0,0,0-4.85,4.84V412a4.85,4.85,0,0,0,4.85,4.85h17.48a4.85,4.85,0,0,0,4.85-4.85V347.54l49.81,67.26a5.15,5.15,0,0,0,1.22,1.2h.06l.29.18.14.07.24.12.23.1.15,0,.32.11H426a4.69,4.69,0,0,0,1.24.16h17.48a4.85,4.85,0,0,0,4.86-4.84h0V303.5A4.87,4.87,0,0,0,444.67,298.65Z"/><path d="M282.26,389.67h0l0,0H234.79V303.5a4.85,4.85,0,0,0-4.83-4.85H212.47a4.84,4.84,0,0,0-4.85,4.84h0V412a4.74,4.74,0,0,0,1.35,3.32.27.27,0,0,0,.07.08l.07.07a4.81,4.81,0,0,0,3.33,1.35h69.81a4.84,4.84,0,0,0,4.84-4.84h0V394.52A4.84,4.84,0,0,0,282.26,389.67Z"/><path d="M541.16,371.34a4.85,4.85,0,0,0,4.85-4.85h0V349a4.85,4.85,0,0,0-4.84-4.85H493.72V325.84l47.42,0A4.83,4.83,0,0,0,546,321V303.5a4.85,4.85,0,0,0-4.84-4.86H471.34A4.81,4.81,0,0,0,468,300l-.05.05-.08.09a4.82,4.82,0,0,0-1.34,3.33V412a4.77,4.77,0,0,0,1.35,3.33l.07.07.07.07a4.8,4.8,0,0,0,3.32,1.36h69.81A4.85,4.85,0,0,0,546,412h0V394.5a4.85,4.85,0,0,0-4.84-4.85H493.72V371.34Z"/></svg>
  1258.  
  1259.  
  1260.  
  1261.                    </a>
  1262.                  </li>
  1263.                
  1264.                
  1265.                  <li class="list-social__item">
  1266.                    <a href="https://wechat.com/" class="link link--text list-social__link">
  1267.                      
  1268.  
  1269.  
  1270.    <svg class="icon icon-wechat " fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 750"><path d="M372.31,344.63c30-25,64.6-40.77,102.63-49.15a300.24,300.24,0,0,1,45.43-6.61c5.81-.38,11.6-.81,17.41-1.1,1.9-.1,2.82-.61,2.47-2.74s-.43-4.35-.63-6.54a225,225,0,0,0-7.31-40.71c-10.79-38.76-31.69-71.57-59.89-99.89C443.56,108.89,409.5,88,371.11,74.1a288,288,0,0,0-92.8-17.38,214.68,214.68,0,0,0-24.59.6c-13.23,1.22-26.59,2.34-39.62,4.87-27.42,5.32-53.55,14.74-78.56,27.19C81.1,116.52,40.88,157.11,17.8,213.92c-10,24.63-16.23,50.2-17.22,76.79a268,268,0,0,0,1.54,35.94c2,20.14,7.8,39.35,16.06,57.79,16.49,36.82,41.46,67,72.92,91.91,5.45,4.32,11.08,8.43,16.67,12.58,5,3.74,7.24,8.41,5.45,14.69-1.45,5-2.91,10.06-4.07,15.16-4.66,21.08-9.21,42.18-13.79,63.28-.68,3.14-1.33,6.31-2.17,10.23l4.22-2.53c25-15.68,50.07-31.42,75.19-47,5.66-3.53,11.39-7.13,17.5-9.66,8.26-3.45,17.1-2,25.72-1.11,10.89,1.14,21.75,2.45,32.56,3.79,11.34,1.4,22.65,2.92,34,4.38,4.22.54,8.47,1,13,1.58V538.6c-.54-9-1.36-18.05-1.62-27.1a207.12,207.12,0,0,1,5.51-54.13C310.33,411.15,336.31,374.6,372.31,344.63Zm5.22-135.5a40,40,0,1,1,.23,80.06c-23,0-40.94-17.52-40.93-39.93C336.85,227.31,355.16,209.25,377.53,209.13Zm-199.24,80c-22.67,0-40.12-17.42-40.18-40.2-.06-22.15,17.59-39.69,40-39.8s41,18.18,41,40.45C219.19,271.27,200.73,289.12,178.29,289.17Z"/><path d="M741.59,452.47c-17.42-53.21-52.3-91.29-102.2-115.63-37.18-18.16-76.75-25.44-118.12-23.14a233.78,233.78,0,0,0-42.61,6.1c-46.81,11.45-86.29,35.2-117,72.49-29.88,36.26-43.68,77.93-39.29,125a162.57,162.57,0,0,0,20.91,65.36c17.84,31.48,42.83,56.1,73.27,75.36a201,201,0,0,0,61.39,25.71,231.39,231.39,0,0,0,41.51,5.7c14.43.74,28.84.56,43-2.4,11.91-2.47,23.58-6,35.4-8.94,13.89-3.42,27.81-3.75,41.31,1.49,9.47,3.67,18.62,8.2,27.9,12.36,1,.45,2,1,3,1.43l.45-.57-1.22-3.17A46,46,0,0,1,666.47,666c1.52-9.87,6.35-18.15,13-25.33,5.49-6,11.45-11.48,17.3-17.11,30.78-29.85,48.84-65.91,52.23-108.8A158.69,158.69,0,0,0,741.59,452.47ZM435.15,478.14a34.86,34.86,0,1,1,.74-69.71h0c19.66.06,34.87,15.6,34.76,35.51C470.54,463,454.75,478.26,435.15,478.14ZM596.63,478c-19.58-.43-34.46-15.65-34.16-35.13a34.6,34.6,0,0,1,34.88-34.32h.12c19,0,34,15.64,34,35.3A34.23,34.23,0,0,1,597.17,478Z"/></svg>
  1271.  
  1272.  
  1273.  
  1274.                    </a>
  1275.                  </li>
  1276.                
  1277.                
  1278.                  <li class="list-social__item">
  1279.                    <a href="https://youtube.com/" class="link link--text list-social__link">
  1280.                      
  1281.  
  1282.  
  1283.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube "
  1284.    viewBox="0 0 100 70">
  1285.      <path
  1286.        d="M98 11c2 7.7 2 24 2 24s0 16.3-2 24a12.5 12.5 0 01-9 9c-7.7 2-39 2-39 2s-31.3 0-39-2a12.5 12.5 0 01-9-9c-2-7.7-2-24-2-24s0-16.3 2-24c1.2-4.4 4.6-7.8 9-9 7.7-2 39-2 39-2s31.3 0 39 2c4.4 1.2 7.8 4.6 9 9zM40 50l26-15-26-15v30z"
  1287.        fill="currentColor">
  1288.      </path>
  1289.    </svg>
  1290.  
  1291.  
  1292.  
  1293.                    </a>
  1294.                  </li>
  1295.                
  1296.                
  1297.              </ul>
  1298.            
  1299.        </div>
  1300.      
  1301.      
  1302.      
  1303.        <div class="grid__item">
  1304.          
  1305.              <h2 class="footer-block__heading">We accept</h2>
  1306.              <div class="footer-block__details-content footer__payment">
  1307.                <ul class="list list-payment" role="list">
  1308.                  
  1309.                    <li class="list-payment__item">
  1310.                      
  1311.  
  1312.  
  1313.    <svg class="icon icon--full-color " viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img"
  1314.    width="38" height="24" aria-labelledby="pi-visa">
  1315.      <path opacity=".07"
  1316.        d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path>
  1317.      <path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32">
  1318.      </path>
  1319.      <path
  1320.        d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z"
  1321.        fill="#142688"></path>
  1322.    </svg>
  1323.  
  1324.  
  1325.  
  1326.                    </li>
  1327.                  
  1328.                  
  1329.                    <li class="list-payment__item">
  1330.                      
  1331.  
  1332.  
  1333.    <svg class="icon icon--full-color " viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img"
  1334.    width="38" height="24" aria-labelledby="pi-master">
  1335.      <path opacity=".07"
  1336.        d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path>
  1337.      <path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32">
  1338.      </path>
  1339.      <circle fill="#EB001B" cx="15" cy="12" r="7"></circle>
  1340.      <circle fill="#F79E1B" cx="23" cy="12" r="7"></circle>
  1341.      <path fill="#FF5F00"
  1342.        d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"></path>
  1343.    </svg>
  1344.  
  1345.  
  1346.  
  1347.                    </li>
  1348.                  
  1349.                  
  1350.                    <li class="list-payment__item">
  1351.                      
  1352.  
  1353.  
  1354.    <svg class="icon icon--full-color " xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24"
  1355.      width="38" height="24" aria-labelledby="pi-american_express">
  1356.      <g fill="none">
  1357.        <path fill="#000"
  1358.          d="M35,0 L3,0 C1.3,0 0,1.3 0,3 L0,21 C0,22.7 1.4,24 3,24 L35,24 C36.7,24 38,22.7 38,21 L38,3 C38,1.3 36.6,0 35,0 Z"
  1359.          opacity=".07"></path>
  1360.        <path fill="#006FCF"
  1361.          d="M35,1 C36.1,1 37,1.9 37,3 L37,21 C37,22.1 36.1,23 35,23 L3,23 C1.9,23 1,22.1 1,21 L1,3 C1,1.9 1.9,1 3,1 L35,1">
  1362.        </path>
  1363.        <path fill="#FFF"
  1364.          d="M8.971,10.268 L9.745,12.144 L8.203,12.144 L8.971,10.268 Z M25.046,10.346 L22.069,10.346 L22.069,11.173 L24.998,11.173 L24.998,12.412 L22.075,12.412 L22.075,13.334 L25.052,13.334 L25.052,14.073 L27.129,11.828 L25.052,9.488 L25.046,10.346 L25.046,10.346 Z M10.983,8.006 L14.978,8.006 L15.865,9.941 L16.687,8 L27.057,8 L28.135,9.19 L29.25,8 L34.013,8 L30.494,11.852 L33.977,15.68 L29.143,15.68 L28.065,14.49 L26.94,15.68 L10.03,15.68 L9.536,14.49 L8.406,14.49 L7.911,15.68 L4,15.68 L7.286,8 L10.716,8 L10.983,8.006 Z M19.646,9.084 L17.407,9.084 L15.907,12.62 L14.282,9.084 L12.06,9.084 L12.06,13.894 L10,9.084 L8.007,9.084 L5.625,14.596 L7.18,14.596 L7.674,13.406 L10.27,13.406 L10.764,14.596 L13.484,14.596 L13.484,10.661 L15.235,14.602 L16.425,14.602 L18.165,10.673 L18.165,14.603 L19.623,14.603 L19.647,9.083 L19.646,9.084 Z M28.986,11.852 L31.517,9.084 L29.695,9.084 L28.094,10.81 L26.546,9.084 L20.652,9.084 L20.652,14.602 L26.462,14.602 L28.076,12.864 L29.624,14.602 L31.499,14.602 L28.987,11.852 L28.986,11.852 Z">
  1365.        </path>
  1366.      </g>
  1367.    </svg>
  1368.  
  1369.  
  1370.  
  1371.                    </li>
  1372.                  
  1373.                  
  1374.                    <li class="list-payment__item">
  1375.                      
  1376.  
  1377.  
  1378.    <svg class="icon icon--full-color " viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38"
  1379.      height="24" role="img" aria-labelledby="pi-paypal">
  1380.      <path opacity=".07"
  1381.        d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path>
  1382.      <path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32">
  1383.      </path>
  1384.      <path fill="#003087"
  1385.        d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z">
  1386.      </path>
  1387.      <path fill="#3086C8"
  1388.        d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z">
  1389.      </path>
  1390.      <path fill="#012169"
  1391.        d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z">
  1392.      </path>
  1393.    </svg>
  1394.  
  1395.  
  1396.  
  1397.                    </li>
  1398.                  
  1399.                  
  1400.                    <li class="list-payment__item">
  1401.                      
  1402.  
  1403.  
  1404.    <svg class="icon icon--full-color " viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img"
  1405.      width="38" height="24" aria-labelledby="pi-diners_club">
  1406.      <path opacity=".07"
  1407.        d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path>
  1408.      <path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32">
  1409.      </path>
  1410.      <path
  1411.        d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z"
  1412.        fill="#3086C8"></path>
  1413.    </svg>
  1414.  
  1415.  
  1416.  
  1417.                    </li>
  1418.                  
  1419.                  
  1420.                    <li class="list-payment__item">
  1421.                      
  1422.  
  1423.  
  1424.    <svg class="icon icon--full-color " viewBox="0 0 38 24" width="38" height="24" role="img"
  1425.      aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg">
  1426.      <path fill="#000" opacity=".07"
  1427.        d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"></path>
  1428.      <path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff">
  1429.      </path>
  1430.      <path
  1431.        d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z"
  1432.        fill="#231F20"></path>
  1433.      <path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)">
  1434.      </path>
  1435.      <path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z"
  1436.        fill="url(#pi-paint1_linear)"></path>
  1437.      <path
  1438.        d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z"
  1439.        fill="#231F20"></path>
  1440.      <path
  1441.        d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z"
  1442.        fill="#231F20"></path>
  1443.      <path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120">
  1444.      </path>
  1445.      <defs>
  1446.        <linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104"
  1447.          gradientUnits="userSpaceOnUse">
  1448.          <stop stop-color="#F89F20"></stop>
  1449.          <stop offset=".25" stop-color="#F79A20"></stop>
  1450.          <stop offset=".533" stop-color="#F68D20"></stop>
  1451.          <stop offset=".62" stop-color="#F58720"></stop>
  1452.          <stop offset=".723" stop-color="#F48120"></stop>
  1453.          <stop offset="1" stop-color="#F37521"></stop>
  1454.        </linearGradient>
  1455.        <linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446"
  1456.          gradientUnits="userSpaceOnUse">
  1457.          <stop stop-color="#F58720"></stop>
  1458.          <stop offset=".359" stop-color="#E16F27"></stop>
  1459.          <stop offset=".703" stop-color="#D4602C"></stop>
  1460.          <stop offset=".982" stop-color="#D05B2E"></stop>
  1461.        </linearGradient>
  1462.      </defs>
  1463.    </svg>
  1464.  
  1465.  
  1466.  
  1467.                    </li>
  1468.                  
  1469.              </div>
  1470.              
  1471.        </div>
  1472.      
  1473.      
  1474.      
  1475.        <div class="grid__item">
  1476.          
  1477.              <h2 class="footer-block__heading">
  1478.                Quick links
  1479.              </h2>
  1480.              <ul class="footer-block__details-content list-unstyled">
  1481.                
  1482.                <li>
  1483.                  <a href="/store-locator"  class="link link--text list-menu__item list-menu__item--link">
  1484.                    Location
  1485.                  </a>
  1486.                </li>
  1487.                
  1488.                
  1489.              </ul>
  1490.            
  1491.        </div>
  1492.      
  1493.      
  1494.      
  1495.        <div class="grid__item">
  1496.          
  1497.              <h2 class="footer-block__heading">Our mission</h2>
  1498.              <div class="footer-block__details-content">
  1499.                <p>Quality materials, good designs, craftsmanship and sustainability.</p>
  1500.              </div>
  1501.            
  1502.        </div>
  1503.      
  1504.    </div>
  1505.  </div>
  1506.  <div class="footer__content-bottom">
  1507.    <div class="footer__content-bottom-wrapper page-width">
  1508.      <div class="footer__column footer__column--info">
  1509.  
  1510.        
  1511.  
  1512.  
  1513.  
  1514.  
  1515.        
  1516.        <div class="footer__copyright caption">
  1517.          <div class="copyright__content">© 2024 Navtech. Powered by <a href="http://www.easystore.co/?utm_source=storefront&utm_medium=sf_ref_footer&utm_campaign=sf_ref">EasyStore</a></div>
  1518.        </div>
  1519.  
  1520.        <div class="footer__copyright caption">
  1521.          
  1522.            <div>
  1523.            
  1524.            
  1525.              
  1526.                <a href="/legal/terms-of-service">Terms of Service</a>
  1527.              
  1528.              
  1529.            
  1530.              
  1531.                | <a href="/legal/privacy-policy">Privacy Policy</a>
  1532.              
  1533.              
  1534.            
  1535.              
  1536.                | <a href="/legal/refund-policy">Refund Policy</a>
  1537.              
  1538.              
  1539.            
  1540.            </div>
  1541.        
  1542.        </div>
  1543.        
  1544.      </div>
  1545.    </div>
  1546.  </div>
  1547. </footer>
  1548.  
  1549.  
  1550.  
  1551.  
  1552.  
  1553.  
  1554.  <script>
  1555.  EasyStore.Currencies.init([{"name":"US Dollar","code":"USD","rate":"1.0","format_prefix":"$","format_suffix":null,"format_decimals":2,"thousand_separator":",","is_primary":true}])
  1556. </script>
  1557.  
  1558.  
  1559.  
  1560.  <script>
  1561.    let page_template = 'page';
  1562.  
  1563.    if(document.querySelector('.currency-picker')) EasyStore.Currencies.change(document.querySelector('.currency-picker').value)
  1564.  
  1565.    document.querySelectorAll('.currency-picker').forEach((el)=>{
  1566.      el.addEventListener('change',(event)=>{
  1567.        console.log(event.target.value);
  1568.        EasyStore.Currencies.change(event.target.value)
  1569.  
  1570.        document.querySelectorAll('[name=currencies],[name=current_currency]').forEach((el)=>{
  1571.          el.value = event.target.value
  1572.        })
  1573.  
  1574.        if(page_template == 'cart') location.reload();
  1575.      })
  1576.    })
  1577.  </script>
  1578.  
  1579.  
  1580.  
  1581.  
  1582.  <script>
  1583.  
  1584.    window.variantStrings = {
  1585.      addToCart: `Add to Cart`,
  1586.      soldOut: `Sold Out`,
  1587.      unavailable: `Unavailable`,
  1588.    }
  1589.  
  1590.    window.accessibilityStrings = {
  1591.      shareSuccess: `Link copied to clipboard`,
  1592.    }
  1593.  </script>
  1594.  <script>
  1595.  
  1596.  /*
  1597.  
  1598.    ------
  1599.    Events
  1600.    ------
  1601.  
  1602.    pages/viewed
  1603.  
  1604.    customers/signup
  1605.  
  1606.    customers/login
  1607.  
  1608.    products/searched
  1609.  
  1610.    collections/viewed
  1611.  
  1612.    products/viewed
  1613.  
  1614.    products/shared
  1615.  
  1616.    wishlists/item_added
  1617.  
  1618.    carts/items_added
  1619.  
  1620.    carts/viewed
  1621.  
  1622.    carts/item_removed
  1623.  
  1624.    checkouts/initiated
  1625.  
  1626.    checkouts/shipping_info_added
  1627.  
  1628.    checkouts/payment_info_added
  1629.  
  1630.    checkouts/completed
  1631.  
  1632.    orders/placed
  1633.  
  1634.    orders/purchased
  1635.  
  1636.    payments/captured
  1637.  
  1638.    payments/failed
  1639.  
  1640.  */
  1641.  
  1642.  let latest_cart = null
  1643.  
  1644.  const _selector = document.querySelector.bind(document),
  1645.        _selectorAll = document.querySelectorAll.bind(document)
  1646.  
  1647.  document.addEventListener('DOMContentLoaded', (event) => {
  1648.  
  1649.    const default_currency = getCookie("currency")
  1650.    const customer_id = window.__st.cid
  1651.    const template    = window.__st.p
  1652.  
  1653.    onPageView()
  1654.  
  1655.    //-----------------------//
  1656.    //        Configs        //
  1657.    //-----------------------//
  1658.  
  1659.    window.dataLayer = window.dataLayer || []
  1660.  
  1661.    Array.prototype.last = Array.prototype.last || function() {
  1662.      return this[this.length - 1] || null
  1663.    }
  1664.  
  1665.    Array.prototype.first = Array.prototype.first || function() {
  1666.      return this[0] || null
  1667.    }
  1668.  
  1669.    //----------------------//
  1670.    //       Triggers       //
  1671.    //----------------------//
  1672.  
  1673.    const XHR = window.XMLHttpRequest
  1674.  
  1675.    function xhr() {
  1676.  
  1677.      const xhr = new XHR()
  1678.  
  1679.      xhr.addEventListener("readystatechange", function() {
  1680.  
  1681.        if(xhr.readyState != 4) return
  1682.  
  1683.        try {
  1684.  
  1685.          const response_url = xhr.responseURL
  1686.  
  1687.          if (response_url.includes("cart/add")) {
  1688.  
  1689.            latest_cart = JSON.parse(xhr.response)
  1690.  
  1691.            onCartItemsAdded() // ok
  1692.  
  1693.          }
  1694.  
  1695.          if (response_url.includes("cart/remove_item_quantity")) {
  1696.  
  1697.            latest_cart = JSON.parse(xhr.response)
  1698.  
  1699.            onCartItemRemoved() // ok
  1700.  
  1701.          }
  1702.  
  1703.          if (response_url.includes("new_cart?retrieve=true")) {
  1704.  
  1705.            result = JSON.parse(xhr.response)
  1706.  
  1707.            if (result.cart) {
  1708.              latest_cart = result.cart
  1709.            }
  1710.  
  1711.          }
  1712.  
  1713.        } catch(e) {
  1714.  
  1715.          console.error(e)
  1716.  
  1717.        }
  1718.  
  1719.      }, false);
  1720.  
  1721.      return xhr
  1722.  
  1723.    }
  1724.  
  1725.    window.XMLHttpRequest = xhr
  1726.  
  1727.    switch(template) {
  1728.  
  1729.      case 'cart': onCartView() // ok
  1730.      break
  1731.      case 'product': onProductView() // ok
  1732.      break
  1733.      case 'collection': onCollectionView() // ok
  1734.      break
  1735.      case 'blog': onBlogView()
  1736.      break
  1737.      case 'article': onArticleView()
  1738.      break
  1739.      case 'payment_completed': onOrderPlace()
  1740.      break
  1741.      case 'payment_fail': onPaymentFail()
  1742.      break
  1743.  
  1744.    }
  1745.  
  1746.    // _selector('form[action="/checkout/payments"]').addEventListener("submit", onPaymentInfoAdded(_selector('form[action="/checkout/payments"]')))
  1747.    if (_selector('form[action="/checkout/detail"]'))                            _selector('form[action="/checkout/detail"]').addEventListener("submit", ()=>{onShippingInfoAdded(_selector('form[action="/checkout/detail"]'))})  // ok
  1748.    if (_selector('form[action="/checkout/shipping"]'))                          _selector('form[action="/checkout/shipping"]').addEventListener("submit", ()=>{onShippingInfoAdded(_selector('form[action="/checkout/shipping"]'))})  // ok
  1749.    if (_selector('form[action="/account/register"]'))                           _selector('form[action="/account/register"]').addEventListener("submit", onSignUp)  // ok
  1750.    if (_selector('form[action="/account/login"]'))                              _selector('form[action="/account/login"]').addEventListener("submit", onLogin)  // ok
  1751.    if (_selector('form[action="/search"]'))                                     _selector('form[action="/search"]').addEventListener("submit", onProductSearch()) // ok
  1752.    if (_selector('#line-login-btn'))                                            _selector('#line-login-btn').addEventListener('click', onLineLogin) // ok
  1753.    if (_selector('#PlaceOrder'))                                                _selector('#PlaceOrder').addEventListener("click", ()=>{onCheckoutComplete(_selector('form[action="/checkout/payments"]'))});  // ok
  1754.    if (_selector('#add_wishlist'))                                              _selector('#add_wishlist').addEventListener("click", onWishlistItemAdded) // ok
  1755.    if (_selectorAll('a[href="/account/logout"]'))                               _selectorAll('a[href="/account/logout"]').forEach(logoutButton => logoutButton.addEventListener("click", onLogout)) // ok
  1756.    if (_selector('.CartDrawerTrigger.cart-page-link'))                          _selector('.CartDrawerTrigger.cart-page-link').addEventListener("click", onCartView) // ok
  1757.    if (_selector('.CartDrawerTrigger.cart-page-link.mobile-cart-page-link'))    _selector('.CartDrawerTrigger.cart-page-link.mobile-cart-page-link').addEventListener("click", onCartView) // ok
  1758.    if (_selectorAll('a[class^="share-"]'))                                      _selectorAll('a[class^="share-"]').forEach(shareButton => shareButton.addEventListener("click", ()=>{onProductShare(shareButton)}) ) // ok
  1759.    if (_selectorAll('[name$="checkout"]'))                                      _selectorAll('[name$="checkout"]').forEach(checkoutButton => checkoutButton.addEventListener("click", onCheckoutInitiate))
  1760.  
  1761.    // For append elements
  1762.    const bodyMutationObserver = new MutationObserver(() => {
  1763.      if (_selector('#form__spc #PlaceOrder'))             _selector('#form__spc #PlaceOrder').addEventListener("click", onSinglePageCheckout) // ok
  1764.      if (_selectorAll('[name$="checkout"]'))              _selectorAll('[name$="checkout"]').forEach(checkoutButton => checkoutButton.addEventListener("click", onCheckoutInitiate))
  1765.    });
  1766.    bodyMutationObserver.observe(_selector("body"), {subtree: true, childList: true});
  1767.  
  1768.    //------------------------------//
  1769.    //        Event handlers        //
  1770.    //------------------------------//
  1771.  
  1772.    function onPageView() {
  1773.  
  1774.      EasyStore.Event.dispatch('pages/viewed', {
  1775.        page: {
  1776.          type: template,
  1777.          title: document.title,
  1778.          description: _selector('meta[name=description]') ? _selector('meta[name=description]').getAttribute('content') : null,
  1779.          url: location.href,
  1780.        }
  1781.      })
  1782.  
  1783.    }
  1784.  
  1785.    function onSignUp() {
  1786.  
  1787.      const email_regex = new RegExp(/^[a-zA-Z0-9.!#$%&"*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/)
  1788.      const phone_regex = new RegExp(/^(\+?6?01)[0-46-9]-*[0-9]{7,8}$/)
  1789.  
  1790.      const email_or_phone = _selector(`input[name="customer[email_or_phone]"]`).value.replace("+", "").replace(/\s+/, "")
  1791.  
  1792.      let data = {}
  1793.  
  1794.      if (email_regex.test(email_or_phone)) {
  1795.        data.method = 'email'
  1796.        data.email = email_or_phone
  1797.      }
  1798.  
  1799.      if (phone_regex.test(email_or_phone)) {
  1800.        data.method = "phone"
  1801.        data.phone = email_or_phone
  1802.      }
  1803.  
  1804.      if (!data.method) return
  1805.  
  1806.      EasyStore.Event.dispatch('customers/signup', data)
  1807.  
  1808.    }
  1809.  
  1810.    function onLogin() {
  1811.  
  1812.      const email_regex = new RegExp(/^[a-zA-Z0-9.!#$%&"*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/)
  1813.      const phone_regex = new RegExp(/^(\+?6?01)[0-46-9]-*[0-9]{7,8}$/)
  1814.  
  1815.      const email_or_phone = _selector(`input[name="customer[email_or_phone]"]`).value.replace("+", "").replace(/\s+/, "")
  1816.  
  1817.      let data = {}
  1818.  
  1819.      if (email_regex.test(email_or_phone)) {
  1820.        data.method = 'email'
  1821.        data.email = email_or_phone
  1822.      }
  1823.  
  1824.      if (phone_regex.test(email_or_phone)) {
  1825.        data.method = "phone"
  1826.        data.phone = email_or_phone
  1827.      }
  1828.  
  1829.      if (!data.method) return
  1830.  
  1831.      EasyStore.Event.dispatch('customers/login', data)
  1832.  
  1833.    }
  1834.  
  1835.    function onLineLogin() {
  1836.  
  1837.      EasyStore.Event.dispatch('customers/login', { method: 'line' })
  1838.  
  1839.    }
  1840.  
  1841.    function onLogout() {
  1842.  
  1843.      EasyStore.Event.dispatch('customers/logout', { customer_id })
  1844.  
  1845.    }
  1846.  
  1847.    function onBlogView() {
  1848.  
  1849.      const blog = ""
  1850.  
  1851.      EasyStore.Event.dispatch('blogs/viewed', { blog })
  1852.  
  1853.    }
  1854.  
  1855.    function onArticleView() {
  1856.  
  1857.      const article = ""
  1858.  
  1859.      EasyStore.Event.dispatch('articles/viewed', { article })
  1860.  
  1861.    }
  1862.  
  1863.    function onProductSearch() {
  1864.  
  1865.      const query = _selector('input[name=q]').value
  1866.  
  1867.      if (!query) return
  1868.  
  1869.      EasyStore.Event.dispatch('products/searched', { query })
  1870.  
  1871.    }
  1872.  
  1873.    function onCollectionView() {
  1874.  
  1875.      const collection = ""
  1876.  
  1877.      EasyStore.Event.dispatch('collections/viewed', { collection })
  1878.  
  1879.    }
  1880.  
  1881.    function onProductView() {
  1882.  
  1883.      const product = ""
  1884.  
  1885.      EasyStore.Event.dispatch("products/viewed", { product })
  1886.  
  1887.    }
  1888.  
  1889.    function onProductShare(el) {
  1890.  
  1891.      const product = ""
  1892.  
  1893.      const channel = el.getAttribute("class").split("-").last()
  1894.  
  1895.      EasyStore.Event.dispatch('products/shared', { product, channel })
  1896.  
  1897.    }
  1898.  
  1899.    function onWishlistItemAdded() {
  1900.  
  1901.      let product  = ""
  1902.      const quantity = _selector("#Quantity").value
  1903.  
  1904.      EasyStore.Event.dispatch('wishlists/item_added', { product })
  1905.  
  1906.    }
  1907.  
  1908.    async function onCartItemsAdded() {
  1909.  
  1910.      const cart = await getCart()
  1911.  
  1912.      if(cart && cart.items != undefined && cart.items.length > 0) {
  1913.  
  1914.        EasyStore.Event.dispatch('carts/item_added', { cart })
  1915.  
  1916.      }
  1917.  
  1918.    }
  1919.  
  1920.    async function onCartView() {
  1921.  
  1922.      const cart = await getCart()
  1923.  
  1924.      EasyStore.Event.dispatch('carts/viewed', { cart })
  1925.  
  1926.    }
  1927.  
  1928.    async function onCartItemRemoved() {
  1929.  
  1930.      const cart = await getCart()
  1931.  
  1932.      cart.items = []
  1933.  
  1934.      if(cart) {
  1935.  
  1936.        EasyStore.Event.dispatch('carts/item_removed', { cart })
  1937.  
  1938.      }
  1939.  
  1940.    }
  1941.  
  1942.    async function onCheckoutInitiate() {
  1943.  
  1944.      const cart = await getCart()
  1945.  
  1946.      EasyStore.Event.dispatch('checkouts/initiated', { cart })
  1947.  
  1948.    }
  1949.  
  1950.    async function onShippingInfoAdded(form) {
  1951.      let checkout = getCheckout()
  1952.  
  1953.      let form_data = {}
  1954.      new FormData(form).forEach((value, key) => form_data[key] = value)
  1955.  
  1956.      let shipping_tier = null
  1957.  
  1958.      if (form_data.type && form_data.type.startsWith("r_pickup")) {
  1959.        shipping_tier = `Pickup - ${form_data.pick_location}`
  1960.      }
  1961.  
  1962.      if (form_data.s_id) {
  1963.        shipping_tier = _selector(`input[id='`+form_data.s_id+`']`).getAttribute("data-shipping-name")
  1964.      }
  1965.  
  1966.      if (!shipping_tier) return
  1967.  
  1968.      EasyStore.Event.dispatch('checkouts/shipping_info_added', { checkout, shipping_tier })
  1969.  
  1970.    }
  1971.  
  1972.    async function onPaymentInfoAdded(form) {
  1973.  
  1974.      let checkout = getCheckout()
  1975.  
  1976.      let payment_type = new FormData(form).get('payment_method')
  1977.  
  1978.      EasyStore.Event.dispatch("checkouts/payment_info_added", { checkout, payment_type })
  1979.  
  1980.    }
  1981.  
  1982.    async function onOrderPlace() {
  1983.  
  1984.      let cart_token  = getCookie("cart_js")
  1985.      let previous_cart_token = getCookie("previous_cart_ga4_js")
  1986.  
  1987.      if (previous_cart_token && previous_cart_token == cart_token) {
  1988.        // Prevent duplicate purchase tracking
  1989.        return
  1990.      }
  1991.  
  1992.      let order = getOrder()
  1993.  
  1994.      EasyStore.Event.dispatch('orders/placed', { order })
  1995.  
  1996.      if(order.is_manual_payment) {
  1997.  
  1998.        EasyStore.Event.dispatch('orders/purchased', { order })
  1999.  
  2000.      }
  2001.  
  2002.      const last_transaction = order.transactions.last()
  2003.  
  2004.      if (last_transaction.status) {
  2005.  
  2006.        EasyStore.Event.dispatch('orders/purchased', { order })
  2007.        EasyStore.Event.dispatch('payments/captured', { order })
  2008.  
  2009.      }
  2010.  
  2011.    }
  2012.  
  2013.    async function onPaymentFail() {
  2014.  
  2015.      const order = getOrder()
  2016.  
  2017.      EasyStore.Event.dispatch('payments/failed', { order })
  2018.  
  2019.    }
  2020.  
  2021.    async function onCheckoutComplete(form) {
  2022.  
  2023.      onPaymentInfoAdded(form)
  2024.  
  2025.      const checkout = getCheckout()
  2026.  
  2027.      EasyStore.Event.dispatch('checkouts/completed', { checkout })
  2028.  
  2029.    }
  2030.  
  2031.    async function onSinglePageCheckout() {
  2032.  
  2033.      // let checkout = $("[data-app-checkout]").data("app-checkout")
  2034.  
  2035.      let checkout = getCheckout()
  2036.  
  2037.      // const payment_type = _selector("#app_spc_payment_method").find(`[class*="label-content"]`).first().find("b").first().text()
  2038.      const payment_type = _selector("#app_spc_payment_method").getElementsByClassName('label-content')[0].getElementsByTagName('b')[0].innerHTML
  2039.  
  2040.      const shipping_method = _selector("#delivery_method").value
  2041.  
  2042.      let shipping_tier = null
  2043.      let app_spc_customer_info_label = _selector("#app_spc_customer_info").getElementsByClassName('label-content')
  2044.      if (shipping_method == "shipping") {
  2045.        shipping_tier = app_spc_customer_info_label[app_spc_customer_info_label.length - 1].getElementsByTagName('b')[0].innerHTML
  2046.      }
  2047.  
  2048.      if (shipping_method == "pickup") {
  2049.        shipping_tier = app_spc_customer_info_label[0].innerHTML
  2050.      }
  2051.  
  2052.      if (shipping_tier) {
  2053.  
  2054.        EasyStore.Event.dispatch('checkouts/shipping_info_added', {
  2055.          checkout,
  2056.          shipping_tier,
  2057.        })
  2058.  
  2059.      }
  2060.  
  2061.      if (payment_type) {
  2062.  
  2063.        EasyStore.Event.dispatch('checkouts/payment_info_added', {
  2064.          checkout,
  2065.          payment_type,
  2066.        })
  2067.  
  2068.      }
  2069.  
  2070.      EasyStore.Event.dispatch('checkouts/completed', { checkout })
  2071.  
  2072.    }
  2073.  
  2074.  })
  2075.  
  2076.  
  2077.  //-----------------------//
  2078.  //       Functions       //
  2079.  //-----------------------//
  2080.  
  2081.  function getCookie(name) {
  2082.  
  2083.    name += "="
  2084.  
  2085.    decodedCookie = decodeURIComponent(document.cookie)
  2086.  
  2087.    ca = decodedCookie.split(";")
  2088.  
  2089.    for(i = 0; i < ca.length; i++) {
  2090.      c = ca[i]
  2091.      while (c.charAt(0) == " ") {
  2092.        c = c.substring(1)
  2093.      }
  2094.      if (c.indexOf(name) == 0) {
  2095.        return c.substring(name.length, c.length)
  2096.      }
  2097.    }
  2098.  
  2099.    return ""
  2100.  
  2101.  }
  2102.  
  2103.  const parsePrice = price => {
  2104.    if(typeof price === 'string') {
  2105.      return parseFloat(price.split(',').join(''))
  2106.    }
  2107.  
  2108.    return price
  2109.  }
  2110.  
  2111.  const requestCart = async (method, data) => {
  2112.  
  2113.  let response = await fetch('/cart.json', {method: 'GET',headers: {'Content-Type': 'application/json'}})
  2114.    result = await response.json()
  2115.  
  2116.    return result.cart
  2117.  
  2118.  }
  2119.  const getCart = async (latest = false) => {
  2120.  
  2121.    let cart = latest_cart
  2122.  
  2123.    const cart_invalid = !cart || !cart.items || (cart.total_price > 0 && !cart.items.length)
  2124.  
  2125.    if(latest || cart_invalid) {
  2126.      cart = await requestCart()
  2127.    }
  2128.  
  2129.    cart.items = cart.items || []
  2130.  
  2131.    return mapCart(cart)
  2132.  
  2133.  }
  2134.  
  2135.  const getCheckout = async () => {
  2136.    mapCheckout(latest_cart || await requestCart())
  2137.  }
  2138.  
  2139.  const getOrder = async () => {
  2140.    mapOrder(latest_cart || await requestCart())
  2141.  }
  2142.  
  2143.  //-----------------------//
  2144.  //        Mappers        //
  2145.  //-----------------------//
  2146.  
  2147.  const fallbackAttribute = (object, attribute) => {
  2148.  
  2149.    if(!Array.isArray(attribute)) {
  2150.      attribute = [attribute]
  2151.    }
  2152.  
  2153.    let final_value = null
  2154.  
  2155.    do {
  2156.  
  2157.      final_value = object[attribute.shift()]
  2158.  
  2159.    } while(!final_value && attribute.length)
  2160.  
  2161.    return final_value
  2162.  
  2163.  }
  2164.  
  2165.  const map = (object, mapper) => {
  2166.  
  2167.    const newObject = {}
  2168.  
  2169.    for(const key in mapper) {
  2170.  
  2171.      // Handle different keys between new and old format
  2172.      newObject[key] = fallbackAttribute(object, mapper[key])
  2173.  
  2174.      // Cast price to float
  2175.      if(newObject[key] && ['price', 'amount', 'discount', 'discounts'].some(x => key.endsWith(x))) {
  2176.        newObject[key] = parsePrice(newObject[key])
  2177.      }
  2178.  
  2179.      if(newObject[key] === undefined) {
  2180.        delete newObject[key]
  2181.      }
  2182.  
  2183.    }
  2184.  
  2185.    return newObject
  2186.  
  2187.  }
  2188.  
  2189.  const mapCart = cart => {
  2190.  
  2191.    const oldCart = cart
  2192.  
  2193.    const mapper = {
  2194.      id: 'id',
  2195.      currency: 'currency',
  2196.      item_count: 'item_count',
  2197.      items: 'items',
  2198.      total_price: 'total_price',
  2199.      latest_items: 'latest_items'
  2200.    }
  2201.  
  2202.    cart = map(cart, mapper)
  2203.  
  2204.    const discounts = (oldCart.storewide_discounts || []).concat((oldCart.voucher_discounts || []))
  2205.  
  2206.    cart.discount_applications = discounts.map(discount => ({
  2207.      title: discount.voucher_code || null,
  2208.      value: parsePrice(discount.amount),
  2209.    }))
  2210.  
  2211.    cart.original_total_price = cart.items.length
  2212.    ? cart.items
  2213.      .map(item => item.original_price)
  2214.      .reduce((sum, price) => sum + price)
  2215.    : 0
  2216.  
  2217.    cart.total_discount = cart.discount_applications.length
  2218.    ? cart.discount_applications
  2219.      .map(discount => parsePrice(discount.value))
  2220.      .reduce((sum, value) => sum + value)
  2221.    : 0
  2222.  
  2223.    cart.items = cart.items.map(item => mapLineItem(item))
  2224.  
  2225.    return cart
  2226.  
  2227.  }
  2228.  
  2229.  const mapCheckout = checkout => {
  2230.  
  2231.    const mapper = {
  2232.      note: 'note',
  2233.      attributes: 'note_attributes',
  2234.      billing_address: 'billing_address',
  2235.      currency: 'currency',
  2236.      customer_id: 'customer_id',
  2237.      discounts_amount: 'total_discount',
  2238.      id: 'id',
  2239.      line_items: 'order_item',
  2240.      order_number: 'order_number',
  2241.      shipping_address: 'shipping_address',
  2242.      shipping_price: 'shipping_tax',
  2243.      shipping_method: 'shipping_method_name',
  2244.      tax_price: 'total_tax',
  2245.    }
  2246.  
  2247.    checkout = map(checkout, mapper)
  2248.  
  2249.    checkout.requires_shipping = checkout.line_items.some(item => item.shipping_required)
  2250.  
  2251.    checkout.line_items = checkout.line_items.map(item => mapLineItem(item))
  2252.  
  2253.    return checkout
  2254.  
  2255.  }
  2256.  
  2257.  const mapOrder = order => {
  2258.  
  2259.    const mapper = {
  2260.      attributes: 'note_attributes',
  2261.      billing_address: 'billing_address',
  2262.      cancelled: 'is_cancelled',
  2263.      cancelled_at: 'cancelled_at',
  2264.      created_at: 'created_at',
  2265.      customer_id: 'customer_id',
  2266.      // discount_applications: 'discount_applications',
  2267.      email: 'email',
  2268.      financial_status: 'financial_status',
  2269.      fulfillment_status: 'fulfillment_status',
  2270.      line_items: 'order_item',
  2271.      note: 'note',
  2272.      order_number: 'order_number',
  2273.      phone: 'phone',
  2274.      shipping_address: 'shipping_address',
  2275.      shipping_methods: 'shipping_methods',
  2276.      shipping_price: 'total_shipping',
  2277.      subtotal_price: 'subtotal_price',
  2278.      // tax_lines: 'tax_lines',
  2279.      tax_price: 'total_tax',
  2280.      total_discounts: 'total_discount',
  2281.      total_net_amount: 'total_amount_include_transaction',
  2282.      total_price: 'total_price',
  2283.      transactions: 'transaction_records',
  2284.      is_manual_payment: 'is_manual_payment',
  2285.    }
  2286.  
  2287.    order.email = order.billing_address.email
  2288.    order.phone = order.billing_address.phone
  2289.    order.shipping_method = order.shipping_method_name
  2290.  
  2291.    order = map(order, mapper)
  2292.  
  2293.    order.line_items = order.line_items.map(item => mapLineItem(item))
  2294.    order.transactions = order.transactions.map(transaction => mapTransaction(transaction))
  2295.  
  2296.    return order
  2297.  
  2298.  }
  2299.  
  2300.  const mapLineItem = line_item => {
  2301.  
  2302.    const old_line_item = line_item
  2303.  
  2304.    const mapper = {
  2305.      final_price: 'price',
  2306.      image: 'img_url',
  2307.      message: 'message',
  2308.      original_line_price: 'original_line_price',
  2309.      original_price: 'original_price',
  2310.      properties: 'properties',
  2311.      quantity: 'quantity',
  2312.      requires_shipping: 'shipping_required',
  2313.      sku: 'sku',
  2314.      taxable: 'taxable',
  2315.      title: 'product_name',
  2316.      product_name: 'product_name',
  2317.      url: 'url',
  2318.      product_id: 'product_id',
  2319.      variant_id: 'variant_id',
  2320.      id: ['id', 'i_id'],
  2321.    }
  2322.  
  2323.    line_item = map(line_item, mapper)
  2324.  
  2325.    line_item.product_id = line_item.product_id || (old_line_item.product && old_line_item.product.id) || null
  2326.    line_item.variant_id = line_item.variant_id || (old_line_item.variant && old_line_item.variant.id) || null
  2327.    line_item.image      = line_item.image || (old_line_item.image && old_line_item.image.url) || null
  2328.  
  2329.    return line_item
  2330.  
  2331.  }
  2332.  
  2333.  const mapTransaction = transaction => {
  2334.  
  2335.    const mapper = {
  2336.      amount: 'amount',
  2337.      created_at: 'created_at',
  2338.      gateway: 'gateway_type',
  2339.      id: 'id',
  2340.      status: 'status',
  2341.    }
  2342.  
  2343.    transaction = map(transaction, mapper)
  2344.  
  2345.    return transaction
  2346.  
  2347.  }
  2348.  
  2349.  
  2350. </script>
  2351.  
  2352. </body>
  2353. </html>
  2354.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda