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://www.blet.shop/l53

  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/922320/f/8463850.png" />
  15.  
  16.  
  17.  <!-- Title and description ================================================== -->
  18.  <title>
  19.  Sun Gravity
  20.  </title>
  21.  
  22.  
  23.  
  24.  <!-- Social meta ================================================== -->
  25.  
  26.  
  27.  <meta property="og:type" content="website">
  28.  <meta property="og:title" content="Sun Gravity">
  29.  <meta property="og:url" content="https://sungravity.easy.co">
  30.  
  31.  
  32.    <meta property="og:image" content="">
  33.    <meta property="og:image:secure_url" content="">
  34.  
  35.  
  36.  
  37. <meta property="og:description" content="Sun Gravity">
  38. <meta property="og:site_name" content="Sun Gravity">
  39.  
  40.  
  41.  
  42.  <meta name="twitter:card" content="summary">
  43.  
  44.  
  45.  
  46.  <meta name="twitter:site" content="@">
  47.  
  48.  
  49.  <meta name="twitter:title" content="Sun Gravity">
  50.  
  51.    <meta name="twitter:description" content="">
  52.  
  53.  
  54.    <meta property="twitter:image" content="">
  55.    <meta property="twitter:image:secure_url" content="">
  56.  
  57.  
  58.  
  59.  
  60.  
  61.  <!-- Helpers ================================================== -->
  62.  <link rel="canonical" href="https://sungravity.easy.co">
  63.  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
  64.  <meta name="theme-color" content="#121212">
  65.  
  66.  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" type="text/javascript" ></script>
  67.  
  68.  <!-- Header hook for plugins ================================================== -->
  69.  
  70. <!-- ScriptTags -->
  71. <script>window.__st={'p': 'index', 'cid': ''};</script><script src='/assets/events.js'></script><script>const __es_ads = {'country_code':'CO' ,'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>
  72. <!-- /ScriptTags -->
  73.  
  74.  
  75.  
  76.  <script src="https://themes.easystore.co/63057/assets/global.js?t=1742804304" defer="defer"></script>
  77.  
  78.  
  79.  
  80.  <script>
  81.  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  82.  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  83.  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  84.  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  85.  
  86.  ga('create', '', 'auto','myTracker');
  87.  ga('myTracker.send', 'pageview');
  88.  
  89.  </script>
  90.  
  91.  <script src="/assets/storefront.js?id=914286bfa5e6419c67d1" type="text/javascript" ></script>
  92.  
  93.  
  94.  <!-- CSS ================================================== -->
  95.  <style>
  96.      @font-face {
  97.        font-family: 'Rubik';
  98.        font-style: normal;
  99.        font-weight: regular;
  100.        src: local('Rubik regular'), local('Rubik-regular'), url(https://fonts.gstatic.com/s/rubik/v14/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4i1UE80V4bVkA.ttf) format('truetype');
  101.      }
  102.  
  103.      @font-face {
  104.        font-family: 'Archivo Black';
  105.        font-style: normal;
  106.        font-weight: regular;
  107.        src: local('Archivo Black regular'), local('Archivo Black-regular'), url(https://fonts.gstatic.com/s/archivoblack/v10/HTxqL289NzCGg4MzN6KJ7eW6OYuP_x7yx3A.ttf) format('truetype');
  108.      }
  109.  
  110.      :root {
  111.        --font-body-family: 'Rubik', sans-serif;
  112.        --font-body-style: normal;
  113.        --font-body-weight: 300;
  114.  
  115.        --font-heading-family: 'Archivo Black', sans-serif;
  116.        --font-heading-style: normal;
  117.        --font-heading-weight: 700;
  118.  
  119.        --color-heading-text: 18,18,18;
  120.        --color-base-text: 18,18,18;
  121.        --color-base-background-1: 255,255,255;
  122.        --color-base-background-2: 255,255,255;
  123.        
  124.        --color-base-solid-button-labels: 255,255,255;
  125.        --color-base-outline-button-labels: 18,18,18;
  126.        
  127.        --color-base-accent-1: 18,18,18;
  128.        --color-base-accent-2: 18,18,18;
  129.        --payment-terms-background-color: 255,255,255;
  130.  
  131.        --gradient-base-background-1: 255,255,255;
  132.        --gradient-base-background-2: 255,255,255;
  133.        --gradient-base-accent-1: 18,18,18;
  134.        --gradient-base-accent-2: 18,18,18;
  135.  
  136.        --page-width: 145rem;
  137.      }
  138.  
  139.      *,
  140.      *::before,
  141.      *::after {
  142.        box-sizing: inherit;
  143.      }
  144.  
  145.      html {
  146.        box-sizing: border-box;
  147.        font-size: 62.5%;
  148.        height: 100%;
  149.      }
  150.  
  151.      body {
  152.        display: grid;
  153.        grid-template-rows: auto auto 1fr auto;
  154.        grid-template-columns: 100%;
  155.        min-height: 100%;
  156.        margin: 0;
  157.        font-size: 1.5rem;
  158.        letter-spacing: 0.06rem;
  159.        line-height: 1.8;
  160.        font-family: var(--font-body-family);
  161.        font-style: var(--font-body-style);
  162.        font-weight: var(--font-body-weight);
  163.        
  164.      }
  165.  
  166.      @media screen and (min-width: 750px) {
  167.        body {
  168.          font-size: 1.6rem;
  169.        }
  170.      }
  171.   </style>
  172.  
  173.  <link href="https://themes.easystore.co/63057/assets/base.css?t=1742804304" rel="stylesheet" type="text/css" media="screen" />
  174.  
  175.  
  176.  
  177.  
  178.  <script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');</script>
  179. </head>
  180.  
  181. <body id="sun-gravity" class="template-index" >
  183.  
  184. <!-- Snippet:global/body_start: Console Extension -->
  185. <div id='es_console' style='display: none;'>1348069</div>
  186. <!-- /Snippet -->
  187.  
  189. <style>
  190.  header {
  191.    --logo-width: 120px;
  192.  }
  193.  .header-wrapper,
  194.  .header-wrapper .list-menu--disclosure,
  195.  .header-wrapper .search-modal{
  196.    background-color: #F1F1F1;
  197.  }
  198.  .header-wrapper .search-modal .field__input{
  199.    background-color: rgb(var(--color-background));
  200.  }
  201.  .header-wrapper summary .icon-caret,
  202.  .header-wrapper .header__menu-item a,
  203.  .header-wrapper .list-menu__item,
  204.  .header-wrapper .link--text{
  205.    color: #000000;
  206.  }
  207.  
  208.  .search-modal__form{
  209.    position: relative;
  210.  }
  211.  
  212.  .dropdown {
  213.    display: none;
  214.    position: absolute;
  215.    top: 100%;
  216.    left: 0;
  217.    width: 100%;
  218.    padding: 5px 0;
  219.    background-color: #fff;
  220.    color:#000;
  221.    z-index: 1000;
  222.    border-bottom-left-radius: 15px;
  223.    border-bottom-right-radius: 15px;
  224.    border: 1px solid rgba(var(--color-foreground), 1);
  225.    border-top: none;
  226.    overflow-x: hidden;
  227.    overflow-y: auto;
  228.    max-height: 350px;
  229.  }
  230.  
  231.  .dropdown-item {
  232.    padding: 0.4rem 2rem;
  233.    cursor: pointer;
  234.    line-height: 1.4;
  235.    overflow: hidden;
  236.    text-overflow: ellipsis;
  237.    white-space: nowrap;
  238.  }
  239.  
  240.  .dropdown-item:hover{
  241.    background-color: #f3f3f3;
  242.  }
  243.  
  244.  .search__input.is-focus{
  245.    border-radius: 15px;
  246.    border-bottom-left-radius: 0;
  247.    border-bottom-right-radius: 0;
  248.    border: 1px solid rgba(var(--color-foreground), 1);
  249.    border-bottom: none;
  250.    box-shadow: none;
  251.  }
  252.  
  253.  .clear-all {
  254.    text-align: right;
  255.    padding: 0 2rem 0.2rem;
  256.    line-height: 1;
  257.    font-size: 70%;
  258.    margin-bottom: -2px;
  259.  }
  260.  
  261.  .clear-all:hover{
  262.    background-color: #fff;
  263.  }
  264.  
  265.  .search-input-focus .easystore-section-header-hidden{
  266.    transform: none;
  267.  }
  268. </style>
  269.  
  270. <link rel="preload" href="https://themes.easystore.co/63057/assets/section-header.css?t=1742804304" as="style" onload="this.onload=null;this.rel='stylesheet'">
  271. <link rel="preload" href="https://themes.easystore.co/63057/assets/component-list-menu.css?t=1742804304" as="style" onload="this.onload=null;this.rel='stylesheet'">
  272. <link rel="preload" href="https://themes.easystore.co/63057/assets/component-menu-drawer.css?t=1742804304" as="style" onload="this.onload=null;this.rel='stylesheet'">
  273. <link rel="preload" href="https://themes.easystore.co/63057/assets/component-cart-notification.css?v1.1?t=1742804304" as="style" onload="this.onload=null;this.rel='stylesheet'">
  274.  
  275. <script src="https://themes.easystore.co/63057/assets/cart-notification.js?t=1742804304" defer="defer"></script>
  276. <script src="https://themes.easystore.co/63057/assets/details-modal.js?t=1742804304" defer="defer"></script>
  277.  
  278. <svg xmlns="http://www.w3.org/2000/svg" class="hidden">
  279.  <symbol id="icon-search" viewbox="0 0 18 19" fill="none">
  280.    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/>
  281.  </symbol>
  282.  
  283.  <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
  284.    <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
  285.  </symbol>
  286. </svg>
  287.  
  288.  
  289. <div id="easystore-section-header">
  290.  <sticky-header class="header-wrapper header-wrapper--border-bottom">
  291.    <header class="header header--middle-left page-width header--has-menu">
  292.      <header-drawer data-breakpoint="tablet">
  293.        <details class="menu-drawer-container menu-opening">
  294.          <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">
  295.            <span>
  296.              
  297.  
  298.  
  299.    <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>
  300.  
  301.  
  302.  
  303.              
  304.  
  305.  
  306.    <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>
  307.  
  308.  
  309.  
  310.            </span>
  311.          </summary>
  312.          <div id="menu-drawer" class="menu-drawer motion-reduce" tabindex="-1">
  313.            <div class="menu-drawer__inner-container">
  314.              <div class="menu-drawer__navigation-container">
  315.                <nav class="menu-drawer__navigation">
  316.                  <ul class="menu-drawer__menu list-menu" role="list">
  317.                    
  318.                    
  319.                      
  320.                        <li>
  321.                          <a href="/"  class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
  322.                            Home
  323.                          </a>
  324.                        </li>
  325.                      
  326.                    
  327.                    
  328.                      
  329.                        
  330.                        <li>
  331.                          <details>
  332.                                <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-Bags">
  333.                                  <a href="/collections/all"  class="link--text list-menu__item menu-drawer__menu-item">
  334.                                    Catalog
  335.                                  </a>
  336.                                  
  337.  
  338.  
  339.    <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>
  340.  
  341.  
  342.  
  343.                                  
  344.  
  345.  
  346.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6">
  347.      <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>
  348.    </svg>
  349.  
  350.  
  351.  
  352.                                </summary>
  353.                                <div class="menu-drawer__submenu motion-reduce" tabindex="-1">
  354.                                  <div class="menu-drawer__inner-submenu">
  355.                                    <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
  356.                                      
  357.  
  358.  
  359.    <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>
  360.  
  361.  
  362.  
  363.                                      Catalog
  364.                                    </button>
  365.                                    <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1">
  366.                                      
  367.                                        
  368.                                        
  369.                                          <li>
  370.                                            <a href="/collections/new-arrival"  class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
  371.                                              New arrival
  372.                                            </a>
  373.                                          </li>
  374.                                        
  375.                                      
  376.                                        
  377.                                        
  378.                                          <li>
  379.                                            <a href="/collections/hot-selling"  class="menu-drawer__menu-item link link--text list-menu__item focus-inset">
  380.                                              Hot selling
  381.                                            </a>
  382.                                          </li>
  383.                                        
  384.                                      
  385.                                      
  386.                                    </ul>
  387.                                  </div>
  388.                                </div>
  389.                          </details>
  390.                        </li>
  391.                      
  392.                    
  393.                    
  394.                      
  395.                        <li>
  396.                          <a href="/blogs/news"  class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
  397.                            News
  398.                          </a>
  399.                        </li>
  400.                      
  401.                    
  402.                    
  403.                      
  404.                        <li>
  405.                          <a href="/store-locator"  class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
  406.                            Location
  407.                          </a>
  408.                        </li>
  409.                      
  410.                    
  411.                  </ul>
  412.                </nav>
  413.  
  414.                <div class="menu-drawer__utility-links">
  415.  
  416.                  
  417.  
  418.  
  419.  
  420.  
  421.                  
  422.                  
  423.                  
  424.                    <a href="/account/login" class="menu-drawer__account link link--text focus-inset h5">
  425.                      
  426.  
  427.  
  428.    <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>
  429.  
  430.  
  432.                      
  433.                      Log in
  434.                    </a>
  435.                  
  436.                    <a href="/account/register" class="menu-drawer__account link link--text focus-inset h5">
  437.                      
  438.                      
  439.  
  440.  
  441.    <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">
  442.      <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>
  443.    </svg>
  444.  
  445.  
  447.                      Create account
  448.                    </a>
  449.                  
  450.                  
  451.                  
  452.                </div>
  453.              </div>
  454.            </div>
  455.          </div>
  456.        </details>
  457.      </header-drawer>
  458.  
  459.      
  460.        <h1 class="header__heading">
  461.          Sun Gravity
  462.        </h1>
  463.      
  464.  
  465.      
  466.      <div class="header__search-input" tabindex="-1">
  467.        <form action="/search" method="get" role="search" class="search search-modal__form">
  468.          <div class="field">
  469.            <input class="search__input field__input"
  470.              id="Search-In-Modal"
  471.              type="search"
  472.              name="q"
  473.              value=""
  474.              placeholder="Search"
  475.              autocomplete="off"
  476.            >
  477.            <label class="field__label" for="Search-In-Modal">Search</label>
  478.            <div class="dropdown" id="searchDropdown"></div>
  479.            <input type="hidden" name="search_history" class="hidden_search_history">
  480.            <input type="hidden" name="options[prefix]" value="last">
  481.            <button class="search__button field__button" aria-label="Search">
  482.              <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation">
  483.                <use href="#icon-search">
  484.              </svg>
  485.            </button>
  486.          </div>
  487.        </form>
  488.      </div>
  489.      
  490.  
  491.      <nav class="header__inline-menu">
  492.        <ul class="list-menu list-menu--inline" role="list">
  493.          
  494.            
  495.              
  496.                <li>
  497.                  <a href="/"  class="header__menu-item header__menu-item list-menu__item link link--text focus-inset">
  498.                    Home
  499.                  </a>
  500.                </li>
  501.              
  502.            
  503.            
  504.              
  505.                
  506.                <li>
  507.                  <details-disclosure>
  508.                    <details>
  509.                      <summary class="header__menu-item list-menu__item link focus-inset">
  510.                        <a href="/collections/all"  >Catalog</a>
  511.                        
  512.  
  513.  
  514.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6">
  515.      <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>
  516.    </svg>
  517.  
  518.  
  519.  
  520.                      </summary>
  521.                      <ul class="header__submenu list-menu list-menu--disclosure caption-large motion-reduce" role="list" tabindex="-1">
  522.                        
  523.                        
  524.                        
  525.                          
  526.                            
  527.                            <li>
  528.                              <a href="/collections/new-arrival"  class="header__menu-item list-menu__item link link--text focus-inset caption-large">
  529.                                New arrival
  530.                              </a>
  531.                            </li>
  532.                          
  533.                        
  534.                        
  535.                          
  536.                            
  537.                            <li>
  538.                              <a href="/collections/hot-selling"  class="header__menu-item list-menu__item link link--text focus-inset caption-large">
  539.                                Hot selling
  540.                              </a>
  541.                            </li>
  542.                          
  543.                        
  544.                      </ul>
  545.                    </details>
  546.                  </details-disclosure>
  547.                </li>
  548.              
  549.            
  550.            
  551.              
  552.                <li>
  553.                  <a href="/blogs/news"  class="header__menu-item header__menu-item list-menu__item link link--text focus-inset">
  554.                    News
  555.                  </a>
  556.                </li>
  557.              
  558.            
  559.            
  560.              
  561.                <li>
  562.                  <a href="/store-locator"  class="header__menu-item header__menu-item list-menu__item link link--text focus-inset">
  563.                    Location
  564.                  </a>
  565.                </li>
  566.              
  567.            
  568.            
  569.            
  570.              
  571.                
  572.                  
  573.                
  574.                  
  575.                
  576.              
  577.            
  578.        </ul>
  579.      </nav>
  580.      <div class="header__icons">
  581.  
  582.        
  583.          
  584.            <div class="header__icon header__icon--account link link--text focus-inset small-hide medium-hide">
  585.              <a href="/account/login" class="header__icon link link--text focus-inset p-2">
  586.                
  587.  
  588.  
  589.    <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>
  590.  
  591.  
  592.  
  593.                <span id="my-account" class="header__link-label">Login</span>
  594.              </a>
  595.          </div>
  596.          
  597.        
  598.  
  599.        <a href="/cart" class="header__icon link link--text focus-inset" id="cart-icon-bubble">
  600.          <span class="header__icon--cart">
  601.            
  602.  
  603.  
  604.    <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>
  605.  
  606.  
  607.  
  608.            <div class="cart-count-bubble hidden">
  609.              <span aria-hidden="true" class="js-content-cart-count">0</span>
  610.            </div>
  611.          </span>
  612.          <span class="header__link-label medium-hide small-hide">
  613.            Cart
  614.          </span>
  615.        </a>
  616.        
  617.      </div>
  618.    </header>
  619.  </sticky-header>
  620.  
  621. <cart-notification>
  622.  <div class="cart-notification-wrapper page-width color-background-1">
  623.    <div id="cart-notification" class="cart-notification focus-inset" aria-modal="true" aria-label="Added to cart" role="dialog" tabindex="-1">
  624.      <div class="cart-notification__header">
  625.        <h2 class="cart-notification__heading caption-large">
  626.  
  627.  
  628.    <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">
  629.      <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>
  630.    </svg>
  631.  
  632.  
  633. Added to cart</h2>
  634.        <button type="button" class="cart-notification__close modal__close-button link link--text focus-inset" aria-label="accessibility.close">
  635.          
  636.  
  637.  
  638.    <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>
  639.  
  640.  
  641.  
  642.        </button>
  643.      </div>
  644.      <div id="cart-notification-product" class="cart-notification-product"></div>
  645.      <div class="cart-notification__links">
  646.        <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>
  647.        <form action="/cart" method="post" id="cart-notification-form">
  648.          <input type="hidden" name="_token" value="VbZWkH9lFCPtmqqkJ0UHbD0fraHvPWtv1bmVxArP">
  649.          <input type="hidden" name="current_currency" value="USD">
  650.          <button class="button button--primary button--full-width" name="checkout" value="true">Checkout</button>
  651.        </form>
  652.        <button type="button" class="link button-label">Continue shopping</button>
  653.      </div>
  654.    </div>
  655.  </div>
  656. </cart-notification>
  657. <style>
  658.  .cart-notification {
  659.     display: none;
  660.  }
  661. </style>
  662. <script>
  663. document.getElementById('cart-notification-form').addEventListener('submit',(event)=>{
  664.  if(event.submitter) event.submitter.classList.add('loading');
  665. })
  666.  
  667. </script>
  668.  
  669. </div>
  670.  
  671.  
  672. <script>
  673.  
  674.  class StickyHeader extends HTMLElement {
  675.    constructor() {
  676.      super();
  677.    }
  678.  
  679.    connectedCallback() {
  680.      this.header = document.getElementById('easystore-section-header');
  681.      this.headerBounds = {};
  682.      this.currentScrollTop = 0;
  683.      this.preventReveal = false;
  684.  
  685.      this.onScrollHandler = this.onScroll.bind(this);
  686.      this.hideHeaderOnScrollUp = () => this.preventReveal = true;
  687.  
  688.      this.addEventListener('preventHeaderReveal', this.hideHeaderOnScrollUp);
  689.      window.addEventListener('scroll', this.onScrollHandler, false);
  690.  
  691.      this.createObserver();
  692.    }
  693.  
  694.    disconnectedCallback() {
  695.      this.removeEventListener('preventHeaderReveal', this.hideHeaderOnScrollUp);
  696.      window.removeEventListener('scroll', this.onScrollHandler);
  697.    }
  698.  
  699.    createObserver() {
  700.      let observer = new IntersectionObserver((entries, observer) => {
  701.        this.headerBounds = entries[0].intersectionRect;
  702.        observer.disconnect();
  703.      });
  704.  
  705.      observer.observe(this.header);
  706.    }
  707.  
  708.    onScroll() {
  709.      const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
  710.  
  711.      if (scrollTop > this.currentScrollTop && scrollTop > this.headerBounds.bottom) {
  712.        requestAnimationFrame(this.hide.bind(this));
  713.      } else if (scrollTop < this.currentScrollTop && scrollTop > this.headerBounds.bottom) {
  714.        if (!this.preventReveal) {
  715.          requestAnimationFrame(this.reveal.bind(this));
  716.        } else {
  717.          window.clearTimeout(this.isScrolling);
  718.  
  719.          this.isScrolling = setTimeout(() => {
  720.            this.preventReveal = false;
  721.          }, 66);
  722.  
  723.          requestAnimationFrame(this.hide.bind(this));
  724.        }
  725.      } else if (scrollTop <= this.headerBounds.top) {
  726.        requestAnimationFrame(this.reset.bind(this));
  727.      }
  728.  
  729.  
  730.      this.currentScrollTop = scrollTop;
  731.    }
  732.  
  733.    hide() {
  734.      this.header.classList.add('easystore-section-header-hidden', 'easystore-section-header-sticky');
  735.      this.closeMenuDisclosure();
  736.      // this.closeSearchModal();
  737.    }
  738.  
  739.    reveal() {
  740.      this.header.classList.add('easystore-section-header-sticky', 'animate');
  741.      this.header.classList.remove('easystore-section-header-hidden');
  742.    }
  743.  
  744.    reset() {
  745.      this.header.classList.remove('easystore-section-header-hidden', 'easystore-section-header-sticky', 'animate');
  746.    }
  747.  
  748.    closeMenuDisclosure() {
  749.      this.disclosures = this.disclosures || this.header.querySelectorAll('details-disclosure');
  750.      this.disclosures.forEach(disclosure => disclosure.close());
  751.    }
  752.  
  753.    // closeSearchModal() {
  754.    //   this.searchModal = this.searchModal || this.header.querySelector('details-modal');
  755.    //   this.searchModal.close(false);
  756.    // }
  757.  }
  758.  
  759.  customElements.define('sticky-header', StickyHeader);
  760.  
  761.  
  762.  class DetailsDisclosure extends HTMLElement{
  763.    constructor() {
  764.      super();
  765.      this.mainDetailsToggle = this.querySelector('details');
  766.      // this.mainDetailsToggle.addEventListener('focusout', this.onFocusOut.bind(this));
  767.      this.mainDetailsToggle.addEventListener('mouseover', this.open.bind(this));
  768.      this.mainDetailsToggle.addEventListener('mouseleave', this.close.bind(this));
  769.    }
  770.  
  771.    onFocusOut() {
  772.      setTimeout(() => {
  773.        if (!this.contains(document.activeElement)) this.close();
  774.      })
  775.    }
  776.  
  777.    open() {
  778.      this.mainDetailsToggle.setAttribute('open',1)
  779.    }
  780.  
  781.    close() {
  782.      this.mainDetailsToggle.removeAttribute('open')
  783.    }
  784.  }
  785.  
  786.  customElements.define('details-disclosure', DetailsDisclosure);
  787.  
  788.  function clearAll() {
  789.    localStorage.removeItem('searchHistory');
  790.    
  791.    var customer = "";
  792.    if(customer) {
  793.      // Your logic to clear all data or call an endpoint
  794.      fetch('/account/search_histories', {
  795.          method: 'DELETE',
  796.          headers: {
  797.            "Content-Type": "application/json",
  798.            "X-Requested-With": "XMLHttpRequest"
  799.          },
  800.          body: JSON.stringify({
  801.            _token: "VbZWkH9lFCPtmqqkJ0UHbD0fraHvPWtv1bmVxArP"
  802.          }),
  803.      })
  804.      .then(response => response.json())
  805.    }
  806.  }
  807.  // End - delete search history from local storage
  808.  
  809.  // search history dropdown  
  810.  var searchInputs = document.querySelectorAll('.search__input');
  811.  
  812.  if(searchInputs.length > 0) {
  813.    
  814.    searchInputs.forEach((searchInput)=> {
  815.    
  816.      searchInput.addEventListener('focus', function() {
  817.        var searchDropdown = searchInput.closest('form').querySelector('#searchDropdown');
  818.        searchDropdown.innerHTML = ''; // Clear existing items
  819.  
  820.        // retrieve data from local storage
  821.        var searchHistoryData = JSON.parse(localStorage.getItem('searchHistory')) || [];
  822.  
  823.        // Convert JSON to string
  824.        var search_history_json = JSON.stringify(searchHistoryData);
  825.  
  826.        // Set the value of the hidden input
  827.        searchInput.closest('form').querySelector(".hidden_search_history").value = search_history_json;
  828.  
  829.        // create dropdown items
  830.        var clearAllItem = document.createElement('div');
  831.        clearAllItem.className = 'dropdown-item clear-all';
  832.        clearAllItem.textContent = 'Clear';
  833.        clearAllItem.addEventListener('click', function() {
  834.          clearAll();
  835.          searchDropdown.style.display = 'none';
  836.          searchInput.classList.remove('is-focus');
  837.        });
  838.        searchDropdown.appendChild(clearAllItem);
  839.  
  840.        // create dropdown items
  841.        searchHistoryData.forEach(function(item) {
  842.          var dropdownItem = document.createElement('div');
  843.          dropdownItem.className = 'dropdown-item';
  844.          dropdownItem.textContent = item.term;
  845.          dropdownItem.addEventListener('click', function() {
  846.            searchInput.value = item.term;
  847.            searchInput.closest('form').submit();
  848.            searchDropdown.style.display = 'none';
  849.          });
  850.          searchDropdown.appendChild(dropdownItem);
  851.        });
  852.  
  853.        if(searchHistoryData.length > 0){
  854.          // display the dropdown
  855.          searchInput.classList.add('is-focus');
  856.          document.body.classList.add('search-input-focus');
  857.          searchDropdown.style.display = 'block';
  858.        }
  859.      });
  860.  
  861.      searchInput.addEventListener("focusout", (event) => {
  862.        var searchDropdown = searchInput.closest('form').querySelector('#searchDropdown');
  863.        searchInput.classList.remove('is-focus');
  864.        searchDropdown.classList.add('transparent');
  865.        setTimeout(()=>{
  866.          searchDropdown.style.display = 'none';
  867.          searchDropdown.classList.remove('transparent');
  868.          document.body.classList.remove('search-input-focus');
  869.        }, 400);
  870.      });
  871.    })
  872.  }
  873.  // End - search history dropdown
  874. </script>
  875.  
  876.  
  877.  <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
  878.    
  879.    
  880.  
  881.  
  882.  
  883. <div id='content_for_index'><div id='easystore-section-1652840809423'> <link
  884.  rel="preload"
  885.  href="https://themes.easystore.co/63057/assets/splide.min.css?t=1742804304"
  886.  as="style"
  887.  onload="this.onload=null;this.rel='stylesheet'">
  888. <link
  889.  rel="preload"
  890.  href="https://themes.easystore.co/63057/assets/component-slider.css?v2?t=1742804304"
  891.  as="style"
  892.  onload="this.onload=null;this.rel='stylesheet'">
  893.  
  894. <style>
  895.  
  896.    
  897.    
  898.    
  899.    [data-slide-id="slide-1652840809423-1"] .slider__content {
  900.      background-color: #E1E1E1
  901.      ;
  902.      color: #000000
  903.      ;
  904.    }
  905.    [data-slide-id="slide-1652840809423-1"] .slider__content .btn {
  906.      background-color: #000000
  907.      ;
  908.      border-color: #000000
  909.      ;
  910.      color: #E1E1E1
  911.      ;
  912.    }
  913.  
  914.    
  915.    
  916.    
  917.    [data-slide-id="slide-1652840809423-2"] .slider__content {
  918.      background-color: #E1E1E1
  919.      ;
  920.      color: #000000
  921.      ;
  922.    }
  923.    [data-slide-id="slide-1652840809423-2"] .slider__content .btn {
  924.      background-color: #000000
  925.      ;
  926.      border-color: #000000
  927.      ;
  928.      color: #E1E1E1
  929.      ;
  930.    }
  931.  
  932.    
  933.    
  934.    
  935.    [data-slide-id="slide-1652840809423-3"] .slider__content {
  936.      background-color: #E1E1E1
  937.      ;
  938.      color: #000000
  939.      ;
  940.    }
  941.    [data-slide-id="slide-1652840809423-3"] .slider__content .btn {
  942.      background-color: #000000
  943.      ;
  944.      border-color: #000000
  945.      ;
  946.      color: #E1E1E1
  947.      ;
  948.    }
  949.  
  950. </style>
  951.  
  952. <div class="slider-section">
  953.  <div id="slider-1652840809423" class="splide slider-component">
  954.    <div class="splide__track">
  955.      <ul class="splide__list">
  956.        
  957.          
  958.          
  959.          
  960.          
  961.            <li data-slide-id="slide-1652840809423-1" class="splide__slide">
  962.              <div class="split-slideshow__slider split-slideshow__slider--right">
  963.                
  964.                  <div class="slider__image-wrapper">
  965.                    
  966.                      
  967.                      <img
  968.                        srcset="https://themes.easystore.co/onboarding/placeholder/placeholder-rectangle-1.png?width=550 550w, https://themes.easystore.co/onboarding/placeholder/placeholder-rectangle-1.png?width=710 710w, https://themes.easystore.co/onboarding/placeholder/placeholder-rectangle-1.png?width=1500 1500w"
  969.                        src="https://themes.easystore.co/onboarding/placeholder/placeholder-rectangle-1.png?width=550"
  970.                        sizes="(min-width: 990px) 950px, (min-width: 750px) 710px, 550px"
  971.                        alt="THE MANADALOR  | Sun Gravity"
  972.                        width="100%"
  973.                        loading="lazy">
  974.                      
  975.                  </div>
  976.                
  977.                
  978.                  <div class="slider__content">
  979.                    <div>
  980.                      
  981.                        <h2 class="h1">THE MANADALOR </h2>
  982.                      
  983.                      
  984.                        <p>Celebrate the most stellar fandom of them all and the bounty hunting escapasers</p>
  985.                      
  986.                      
  987.                        <a href="" class="btn">Shop Now</a>
  988.                      
  989.                    </div>
  990.                  </div>
  991.                
  992.              </div>
  993.            </li>
  994.          
  995.        
  996.          
  997.          
  998.          
  999.          
  1000.            <li data-slide-id="slide-1652840809423-2" class="splide__slide">
  1001.              <div class="split-slideshow__slider split-slideshow__slider--left">
  1002.                
  1003.                  <div class="slider__image-wrapper">
  1004.                    
  1005.                      
  1006.                      <img
  1007.                        srcset="https://themes.easystore.co/onboarding/placeholder/placeholder-rectangle-1.png?width=550 550w, https://themes.easystore.co/onboarding/placeholder/placeholder-rectangle-1.png?width=710 710w, https://themes.easystore.co/onboarding/placeholder/placeholder-rectangle-1.png?width=1500 1500w"
  1008.                        src="https://themes.easystore.co/onboarding/placeholder/placeholder-rectangle-1.png?width=550"
  1009.                        sizes="(min-width: 990px) 950px, (min-width: 750px) 710px, 550px"
  1010.                        alt="THE MANADALOR 2 | Sun Gravity"
  1011.                        width="100%"
  1012.                        loading="lazy">
  1013.                      
  1014.                  </div>
  1015.                
  1016.                
  1017.                  <div class="slider__content">
  1018.                    <div>
  1019.                      
  1020.                        <h2 class="h1">THE MANADALOR 2</h2>
  1021.                      
  1022.                      
  1023.                        <p>Celebrate the most stellar fandom of them all and the bounty hunting escapasers 2</p>
  1024.                      
  1025.                      
  1026.                        <a href="" class="btn">Shop Now</a>
  1027.                      
  1028.                    </div>
  1029.                  </div>
  1030.                
  1031.              </div>
  1032.            </li>
  1033.          
  1034.        
  1035.          
  1036.          
  1037.          
  1038.          
  1039.            <li data-slide-id="slide-1652840809423-3" class="splide__slide">
  1040.              <div class="split-slideshow__slider split-slideshow__slider--right">
  1041.                
  1042.                  <div class="slider__image-wrapper">
  1043.                    
  1044.                      
  1045.                      <img
  1046.                        srcset="https://themes.easystore.co/onboarding/placeholder/placeholder-rectangle-1.png?width=550 550w, https://themes.easystore.co/onboarding/placeholder/placeholder-rectangle-1.png?width=710 710w, https://themes.easystore.co/onboarding/placeholder/placeholder-rectangle-1.png?width=1500 1500w"
  1047.                        src="https://themes.easystore.co/onboarding/placeholder/placeholder-rectangle-1.png?width=550"
  1048.                        sizes="(min-width: 990px) 950px, (min-width: 750px) 710px, 550px"
  1049.                        alt="THE MANADALOR 3 | Sun Gravity"
  1050.                        width="100%"
  1051.                        loading="lazy">
  1052.                      
  1053.                  </div>
  1054.                
  1055.                
  1056.                  <div class="slider__content">
  1057.                    <div>
  1058.                      
  1059.                        <h2 class="h1">THE MANADALOR 3</h2>
  1060.                      
  1061.                      
  1062.                        <p>Celebrate the most stellar fandom of them all and the bounty hunting escapasers 3</p>
  1063.                      
  1064.                      
  1065.                        <a href="" class="btn">Shop Now</a>
  1066.                      
  1067.                    </div>
  1068.                  </div>
  1069.                
  1070.              </div>
  1071.            </li>
  1072.          
  1073.        
  1074.      </ul>
  1075.    </div>
  1076.  </div>
  1077.  
  1078. </div>
  1079.  
  1080.  
  1081. <script src="https://themes.easystore.co/63057/assets/splide.min.js?t=1742804304" type="text/javascript" ></script>
  1082.  
  1083. <script>
  1084.  
  1085.  document.addEventListener('DOMContentLoaded', function() {
  1086.    if (document.querySelector('#slider-1652840809423')) {
  1087.      var splide = new Splide('#slider-1652840809423', {
  1088.        type: 'fade',
  1089.        
  1090.        pauseOnHover: false,
  1091.        pagination: true,
  1092.        rewind: true
  1093.      });
  1094.  
  1095.      splide.mount();
  1096.    }
  1097.  });
  1098. </script>
  1099.  
  1100.  
  1101. </div><div id='easystore-section-1649057694043'> <link href="https://themes.easystore.co/63057/assets/component-price.css?t=1742804304" rel="stylesheet" type="text/css" media="screen" />
  1102. <link href="https://themes.easystore.co/63057/assets/component-card.css?t=1742804304" rel="stylesheet" type="text/css" media="screen" />
  1103. <link href="https://themes.easystore.co/63057/assets/component-product-grid.css?t=1742804304" rel="stylesheet" type="text/css" media="screen" />
  1104. <link href="https://themes.easystore.co/63057/assets/component-loading-overlay.css?t=1742804304" rel="stylesheet" type="text/css" media="screen" />
  1105. <link href="https://themes.easystore.co/63057/assets/component-slider.css?t=1742804304" rel="stylesheet" type="text/css" media="screen" />
  1106. <link href="https://themes.easystore.co/63057/assets/template-collection.css?t=1742804304" rel="stylesheet" type="text/css" media="screen" />
  1107.  
  1108.  
  1109.  
  1110.  
  1111.  
  1112.  
  1113.  
  1114.  
  1115.  
  1116. <style>
  1117.  #section-1649057694043 .product-card-wrapper {
  1118.    background-color: rgba(245, 245, 245, 1);
  1119.  }
  1120. </style>
  1121.  
  1122.  
  1123. <div id="section-1649057694043" class="spaced-section page-width page-width-desktop">
  1124.  <div class="title-wrapper-with-link title-wrapper--self-padded-tablet-down">
  1125.    <h2 class="title">Collection Spring</h2>
  1126.  
  1127.    
  1128.  </div>
  1129.  
  1130.  
  1131.  
  1132.    <slider-component class="slider-mobile-gutter">
  1133.      <ul class="grid grid--2-col product-grid grid--3-col-tablet grid--4-col-desktop grid--quarter-max  grid--one-third-max grid--4-col-desktop  slider slider--tablet grid--peek" role="list">
  1134.        
  1135.          <li class="grid__item slider__slide">
  1136.            
  1137.  
  1138.  
  1139.  
  1140.  
  1141.  
  1142.  
  1143.  
  1144.  
  1145.  
  1146.  
  1147.  
  1148.  
  1149.  
  1150.  
  1151.  
  1152.  
  1153.  
  1154. <div class="product-card-wrapper card-wrapper">
  1155.  <a href="/collections/feature-on-homepage/products/baskılı-koli-ve-strafor-kutu" class="full-unstyled-link">
  1156.    
  1157.      <add-to-cart-button>
  1158.        <div class="card__badge card__badge-top-right card__badge-float-edge">
  1159.          <span class="badge badge-circle badge--top-right addToClassList" data-variant-id="59600850" data-token="VbZWkH9lFCPtmqqkJ0UHbD0fraHvPWtv1bmVxArP" data-quantity="1">
  1160.            
  1161.              
  1162.  
  1163.  
  1164.    <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">
  1165.      <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>
  1166.    </svg>
  1167.  
  1168.  
  1169.  
  1170.            
  1171.          </span>
  1172.          <div class="loading-overlay hidden">
  1173.            <div class="loading-overlay__spinner">
  1174.              <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  1175.                  <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
  1176.              </svg>
  1177.            </div>
  1178.          </div>
  1179.        </div>
  1180.      </add-to-cart-button>
  1181.    
  1182.    <div class="card card--product grid-link__image--product" tabindex="-1">
  1183.      <div class="card__inner">
  1184.        <div class="media media--transparent media--square media--hover-effect">
  1185.          <img src="/assets/images/products/no_image.png" alt="Empty Image" loading="lazy">
  1186.          
  1187.        </div>
  1188.        
  1189.          <div class="card__badge card__badge-on_sale card__badge-top-left"><span class="badge badge-ribbon badge--top-left color-accent-2" aria-hidden="true">Sale</span></div>
  1190.        
  1191.        
  1192.      </div>
  1193.    </div>
  1194.    
  1195.    <div class="card-information">
  1196.      <div class="card-information__wrapper">
  1197.        
  1198.        <span class="card-information__text">
  1199.          baskılı koli ve strafor kutu
  1200.        </span>
  1201.        
  1202.        <span class="caption-large light"></span>
  1203.        
  1204.  
  1205. <div class="price
  1206.  
  1207.  
  1208.   price--on-sale "
  1209.  data-expires="">
  1210.  
  1211.  <dl>
  1212.    <div class="price__regular">
  1213.      <dt>
  1214.        <span class="visually-hidden visually-hidden--inline">Regular price</span>
  1215.      </dt>
  1216.      <dd >
  1217.        <span class="price-item price-item--regular">
  1218.          
  1219.            
  1220.  
  1221.    <span class=money data-ori-price='50.00'>$ 50.00 </span>
  1222.  
  1223.  
  1224.          
  1225.        </span>
  1226.      </dd>
  1227.    </div>
  1228.    <div class="price__sale">
  1229.      <dt>
  1230.        <span class="visually-hidden visually-hidden--inline">Sale price</span>
  1231.      </dt>
  1232.      <dd >
  1233.        <span  class="price-item price-item--sale">
  1234.          
  1235.            
  1236.  
  1237.    <span class=money data-ori-price='50.00'>$ 50.00 </span>
  1238.  
  1239.  
  1240.          
  1241.        </span>
  1242.      </dd>
  1243.      
  1244.      <dt class="price__compare">
  1245.        <span class="visually-hidden visually-hidden--inline">Regular price</span>
  1246.      </dt>
  1247.      <dd class="price__compare">
  1248.        <s class="price-item price-item--regular">
  1249.          
  1250.            <span class=money data-ori-price='100.00'>$ 100.00 </span>
  1251.          
  1252.          
  1253.        </s>
  1254.      </dd>
  1255.      
  1256.    </div>
  1257.  </dl>
  1258.  
  1259. </div>
  1260.  
  1261.      </div>
  1262.      
  1263.    </div>
  1264.  </a>
  1265. </div>
  1266.  
  1267.  
  1268.          </li>
  1269.        
  1270.          <li class="grid__item slider__slide">
  1271.            
  1272.  
  1273.  
  1274.  
  1275.  
  1276.  
  1277.  
  1278.  
  1279.  
  1280.  
  1281.  
  1282.  
  1283.  
  1284.  
  1285.  
  1286.  
  1287.  
  1288.  
  1289. <div class="product-card-wrapper card-wrapper">
  1290.  <a href="/collections/feature-on-homepage/products/babay-1" class="full-unstyled-link">
  1291.    
  1292.      <add-to-cart-button>
  1293.        <div class="card__badge card__badge-top-right card__badge-float-edge">
  1294.          <span class="badge badge-circle badge--top-right addToClassList" data-variant-id="58669786" data-token="VbZWkH9lFCPtmqqkJ0UHbD0fraHvPWtv1bmVxArP" data-quantity="1">
  1295.            
  1296.              
  1297.  
  1298.  
  1299.    <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">
  1300.      <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>
  1301.    </svg>
  1302.  
  1303.  
  1304.  
  1305.            
  1306.          </span>
  1307.          <div class="loading-overlay hidden">
  1308.            <div class="loading-overlay__spinner">
  1309.              <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  1310.                  <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
  1311.              </svg>
  1312.            </div>
  1313.          </div>
  1314.        </div>
  1315.      </add-to-cart-button>
  1316.    
  1317.    <div class="card card--product grid-link__image--product" tabindex="-1">
  1318.      <div class="card__inner">
  1319.        <div class="media media--transparent media--square media--hover-effect">
  1320.          <img src="/assets/images/products/no_image.png" alt="Empty Image" loading="lazy">
  1321.          
  1322.        </div>
  1323.        
  1324.          <div class="card__badge card__badge-on_sale card__badge-top-left"><span class="badge badge-ribbon badge--top-left color-accent-2" aria-hidden="true">Sale</span></div>
  1325.        
  1326.        
  1327.      </div>
  1328.    </div>
  1329.    
  1330.    <div class="card-information">
  1331.      <div class="card-information__wrapper">
  1332.        
  1333.        <span class="card-information__text">
  1334.          Copy - BABAY
  1335.        </span>
  1336.        
  1337.        <span class="caption-large light"></span>
  1338.        
  1339.  
  1340. <div class="price
  1341.  
  1342.  
  1343.   price--on-sale "
  1344.  data-expires="">
  1345.  
  1346.  <dl>
  1347.    <div class="price__regular">
  1348.      <dt>
  1349.        <span class="visually-hidden visually-hidden--inline">Regular price</span>
  1350.      </dt>
  1351.      <dd >
  1352.        <span class="price-item price-item--regular">
  1353.          
  1354.            
  1355.  
  1356.    <span class=money data-ori-price='50.00'>$ 50.00 </span>
  1357.  
  1358.  
  1359.          
  1360.        </span>
  1361.      </dd>
  1362.    </div>
  1363.    <div class="price__sale">
  1364.      <dt>
  1365.        <span class="visually-hidden visually-hidden--inline">Sale price</span>
  1366.      </dt>
  1367.      <dd >
  1368.        <span  class="price-item price-item--sale">
  1369.          
  1370.            
  1371.  
  1372.    <span class=money data-ori-price='50.00'>$ 50.00 </span>
  1373.  
  1374.  
  1375.          
  1376.        </span>
  1377.      </dd>
  1378.      
  1379.      <dt class="price__compare">
  1380.        <span class="visually-hidden visually-hidden--inline">Regular price</span>
  1381.      </dt>
  1382.      <dd class="price__compare">
  1383.        <s class="price-item price-item--regular">
  1384.          
  1385.            <span class=money data-ori-price='100.00'>$ 100.00 </span>
  1386.          
  1387.          
  1388.        </s>
  1389.      </dd>
  1390.      
  1391.    </div>
  1392.  </dl>
  1393.  
  1394. </div>
  1395.  
  1396.      </div>
  1397.      
  1398.    </div>
  1399.  </a>
  1400. </div>
  1401.  
  1402.  
  1403.          </li>
  1404.        
  1405.          <li class="grid__item slider__slide">
  1406.            
  1407.  
  1408.  
  1409.  
  1410.  
  1411.  
  1412.  
  1413.  
  1414.  
  1415.  
  1416.  
  1417.  
  1418.  
  1419.  
  1420.  
  1421.  
  1422.  
  1423.  
  1424. <div class="product-card-wrapper card-wrapper">
  1425.  <a href="/collections/feature-on-homepage/products/babay" class="full-unstyled-link">
  1426.    
  1427.      <add-to-cart-button>
  1428.        <div class="card__badge card__badge-top-right card__badge-float-edge">
  1429.          <span class="badge badge-circle badge--top-right addToClassList" data-variant-id="58653515" data-token="VbZWkH9lFCPtmqqkJ0UHbD0fraHvPWtv1bmVxArP" data-quantity="1">
  1430.            
  1431.              
  1432.  
  1433.  
  1434.    <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">
  1435.      <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>
  1436.    </svg>
  1437.  
  1438.  
  1439.  
  1440.            
  1441.          </span>
  1442.          <div class="loading-overlay hidden">
  1443.            <div class="loading-overlay__spinner">
  1444.              <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  1445.                  <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
  1446.              </svg>
  1447.            </div>
  1448.          </div>
  1449.        </div>
  1450.      </add-to-cart-button>
  1451.    
  1452.    <div class="card card--product grid-link__image--product" tabindex="-1">
  1453.      <div class="card__inner">
  1454.        <div class="media media--transparent media--square media--hover-effect">
  1455.          <img src="/assets/images/products/no_image.png" alt="Empty Image" loading="lazy">
  1456.          
  1457.        </div>
  1458.        
  1459.          <div class="card__badge card__badge-on_sale card__badge-top-left"><span class="badge badge-ribbon badge--top-left color-accent-2" aria-hidden="true">Sale</span></div>
  1460.        
  1461.        
  1462.      </div>
  1463.    </div>
  1464.    
  1465.    <div class="card-information">
  1466.      <div class="card-information__wrapper">
  1467.        
  1468.        <span class="card-information__text">
  1469.          BABAY
  1470.        </span>
  1471.        
  1472.        <span class="caption-large light"></span>
  1473.        
  1474.  
  1475. <div class="price
  1476.  
  1477.  
  1478.   price--on-sale "
  1479.  data-expires="">
  1480.  
  1481.  <dl>
  1482.    <div class="price__regular">
  1483.      <dt>
  1484.        <span class="visually-hidden visually-hidden--inline">Regular price</span>
  1485.      </dt>
  1486.      <dd >
  1487.        <span class="price-item price-item--regular">
  1488.          
  1489.            
  1490.  
  1491.    <span class=money data-ori-price='50.00'>$ 50.00 </span>
  1492.  
  1493.  
  1494.          
  1495.        </span>
  1496.      </dd>
  1497.    </div>
  1498.    <div class="price__sale">
  1499.      <dt>
  1500.        <span class="visually-hidden visually-hidden--inline">Sale price</span>
  1501.      </dt>
  1502.      <dd >
  1503.        <span  class="price-item price-item--sale">
  1504.          
  1505.            
  1506.  
  1507.    <span class=money data-ori-price='50.00'>$ 50.00 </span>
  1508.  
  1509.  
  1510.          
  1511.        </span>
  1512.      </dd>
  1513.      
  1514.      <dt class="price__compare">
  1515.        <span class="visually-hidden visually-hidden--inline">Regular price</span>
  1516.      </dt>
  1517.      <dd class="price__compare">
  1518.        <s class="price-item price-item--regular">
  1519.          
  1520.            <span class=money data-ori-price='100.00'>$ 100.00 </span>
  1521.          
  1522.          
  1523.        </s>
  1524.      </dd>
  1525.      
  1526.    </div>
  1527.  </dl>
  1528.  
  1529. </div>
  1530.  
  1531.      </div>
  1532.      
  1533.    </div>
  1534.  </a>
  1535. </div>
  1536.  
  1537.  
  1538.          </li>
  1539.        
  1540.          <li class="grid__item slider__slide">
  1541.            
  1542.  
  1543.  
  1544.  
  1545.  
  1546.  
  1547.  
  1548.  
  1549.  
  1550.  
  1551.  
  1552.  
  1553.  
  1554.  
  1555.  
  1556.  
  1557.  
  1558.  
  1559. <div class="product-card-wrapper card-wrapper">
  1560.  <a href="/collections/feature-on-homepage/products/sg-2" class="full-unstyled-link">
  1561.    
  1562.      <add-to-cart-button>
  1563.        <div class="card__badge card__badge-top-right card__badge-float-edge">
  1564.          <span class="badge badge-circle badge--top-right addToClassList" data-variant-id="54657151" data-token="VbZWkH9lFCPtmqqkJ0UHbD0fraHvPWtv1bmVxArP" data-quantity="1">
  1565.            
  1566.              
  1567.  
  1568.  
  1569.    <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">
  1570.      <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>
  1571.    </svg>
  1572.  
  1573.  
  1574.  
  1575.            
  1576.          </span>
  1577.          <div class="loading-overlay hidden">
  1578.            <div class="loading-overlay__spinner">
  1579.              <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  1580.                  <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
  1581.              </svg>
  1582.            </div>
  1583.          </div>
  1584.        </div>
  1585.      </add-to-cart-button>
  1586.    
  1587.    <div class="card card--product grid-link__image--product" tabindex="-1">
  1588.      <div class="card__inner">
  1589.        <div class="media media--transparent media--square media--hover-effect">
  1590.          <img src="/assets/images/products/no_image.png" alt="Empty Image" loading="lazy">
  1591.          
  1592.        </div>
  1593.        
  1594.          <div class="card__badge card__badge-on_sale card__badge-top-left"><span class="badge badge-ribbon badge--top-left color-accent-2" aria-hidden="true">Sale</span></div>
  1595.        
  1596.        
  1597.      </div>
  1598.    </div>
  1599.    
  1600.    <div class="card-information">
  1601.      <div class="card-information__wrapper">
  1602.        
  1603.        <span class="card-information__text">
  1604.          SG 2
  1605.        </span>
  1606.        
  1607.        <span class="caption-large light"></span>
  1608.        
  1609.  
  1610. <div class="price
  1611.  
  1612.  
  1613.   price--on-sale "
  1614.  data-expires="">
  1615.  
  1616.  <dl>
  1617.    <div class="price__regular">
  1618.      <dt>
  1619.        <span class="visually-hidden visually-hidden--inline">Regular price</span>
  1620.      </dt>
  1621.      <dd >
  1622.        <span class="price-item price-item--regular">
  1623.          
  1624.            
  1625.  
  1626.    <span class=money data-ori-price='50.00'>$ 50.00 </span>
  1627.  
  1628.  
  1629.          
  1630.        </span>
  1631.      </dd>
  1632.    </div>
  1633.    <div class="price__sale">
  1634.      <dt>
  1635.        <span class="visually-hidden visually-hidden--inline">Sale price</span>
  1636.      </dt>
  1637.      <dd >
  1638.        <span  class="price-item price-item--sale">
  1639.          
  1640.            
  1641.  
  1642.    <span class=money data-ori-price='50.00'>$ 50.00 </span>
  1643.  
  1644.  
  1645.          
  1646.        </span>
  1647.      </dd>
  1648.      
  1649.      <dt class="price__compare">
  1650.        <span class="visually-hidden visually-hidden--inline">Regular price</span>
  1651.      </dt>
  1652.      <dd class="price__compare">
  1653.        <s class="price-item price-item--regular">
  1654.          
  1655.            <span class=money data-ori-price='100.00'>$ 100.00 </span>
  1656.          
  1657.          
  1658.        </s>
  1659.      </dd>
  1660.      
  1661.    </div>
  1662.  </dl>
  1663.  
  1664. </div>
  1665.  
  1666.      </div>
  1667.      
  1668.    </div>
  1669.  </a>
  1670. </div>
  1671.  
  1672.  
  1673.          </li>
  1674.        
  1675.          <li class="grid__item slider__slide">
  1676.            
  1677.  
  1678.  
  1679.  
  1680.  
  1681.  
  1682.  
  1683.  
  1684.  
  1685.  
  1686.  
  1687.  
  1688.  
  1689.  
  1690.  
  1691.  
  1692.  
  1693.  
  1694. <div class="product-card-wrapper card-wrapper">
  1695.  <a href="/collections/feature-on-homepage/products/sg" class="full-unstyled-link">
  1696.    
  1697.      <add-to-cart-button>
  1698.        <div class="card__badge card__badge-top-right card__badge-float-edge">
  1699.          <span class="badge badge-circle badge--top-right addToClassList" data-variant-id="54432533" data-token="VbZWkH9lFCPtmqqkJ0UHbD0fraHvPWtv1bmVxArP" data-quantity="1">
  1700.            
  1701.              
  1702.  
  1703.  
  1704.    <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">
  1705.      <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>
  1706.    </svg>
  1707.  
  1708.  
  1709.  
  1710.            
  1711.          </span>
  1712.          <div class="loading-overlay hidden">
  1713.            <div class="loading-overlay__spinner">
  1714.              <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  1715.                  <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
  1716.              </svg>
  1717.            </div>
  1718.          </div>
  1719.        </div>
  1720.      </add-to-cart-button>
  1721.    
  1722.    <div class="card card--product grid-link__image--product" tabindex="-1">
  1723.      <div class="card__inner">
  1724.        <div class="media media--transparent media--square media--hover-effect">
  1725.          <img src="/assets/images/products/no_image.png" alt="Empty Image" loading="lazy">
  1726.          
  1727.        </div>
  1728.        
  1729.          <div class="card__badge card__badge-on_sale card__badge-top-left"><span class="badge badge-ribbon badge--top-left color-accent-2" aria-hidden="true">Sale</span></div>
  1730.        
  1731.        
  1732.      </div>
  1733.    </div>
  1734.    
  1735.    <div class="card-information">
  1736.      <div class="card-information__wrapper">
  1737.        
  1738.        <span class="card-information__text">
  1739.          SG
  1740.        </span>
  1741.        
  1742.        <span class="caption-large light"></span>
  1743.        
  1744.  
  1745. <div class="price
  1746.  
  1747.  
  1748.   price--on-sale "
  1749.  data-expires="">
  1750.  
  1751.  <dl>
  1752.    <div class="price__regular">
  1753.      <dt>
  1754.        <span class="visually-hidden visually-hidden--inline">Regular price</span>
  1755.      </dt>
  1756.      <dd >
  1757.        <span class="price-item price-item--regular">
  1758.          
  1759.            
  1760.  
  1761.    <span class=money data-ori-price='50.00'>$ 50.00 </span>
  1762.  
  1763.  
  1764.          
  1765.        </span>
  1766.      </dd>
  1767.    </div>
  1768.    <div class="price__sale">
  1769.      <dt>
  1770.        <span class="visually-hidden visually-hidden--inline">Sale price</span>
  1771.      </dt>
  1772.      <dd >
  1773.        <span  class="price-item price-item--sale">
  1774.          
  1775.            
  1776.  
  1777.    <span class=money data-ori-price='50.00'>$ 50.00 </span>
  1778.  
  1779.  
  1780.          
  1781.        </span>
  1782.      </dd>
  1783.      
  1784.      <dt class="price__compare">
  1785.        <span class="visually-hidden visually-hidden--inline">Regular price</span>
  1786.      </dt>
  1787.      <dd class="price__compare">
  1788.        <s class="price-item price-item--regular">
  1789.          
  1790.            <span class=money data-ori-price='100.00'>$ 100.00 </span>
  1791.          
  1792.          
  1793.        </s>
  1794.      </dd>
  1795.      
  1796.    </div>
  1797.  </dl>
  1798.  
  1799. </div>
  1800.  
  1801.      </div>
  1802.      
  1803.    </div>
  1804.  </a>
  1805. </div>
  1806.  
  1807.  
  1808.          </li>
  1809.        
  1810.          <li class="grid__item slider__slide">
  1811.            
  1812.  
  1813.  
  1814.  
  1815.  
  1816.  
  1817.  
  1818.  
  1819.  
  1820.  
  1821.  
  1822.  
  1823.  
  1824.  
  1825.  
  1826.  
  1827.  
  1828.  
  1829. <div class="product-card-wrapper card-wrapper">
  1830.  <a href="/collections/feature-on-homepage/products/pixel-8-pro" class="full-unstyled-link">
  1831.    
  1832.      <add-to-cart-button>
  1833.        <div class="card__badge card__badge-top-right card__badge-float-edge">
  1834.          <span class="badge badge-circle badge--top-right addToClassList" data-variant-id="54019585" data-token="VbZWkH9lFCPtmqqkJ0UHbD0fraHvPWtv1bmVxArP" data-quantity="1">
  1835.            
  1836.              
  1837.  
  1838.  
  1839.    <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">
  1840.      <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>
  1841.    </svg>
  1842.  
  1843.  
  1844.  
  1845.            
  1846.          </span>
  1847.          <div class="loading-overlay hidden">
  1848.            <div class="loading-overlay__spinner">
  1849.              <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
  1850.                  <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
  1851.              </svg>
  1852.            </div>
  1853.          </div>
  1854.        </div>
  1855.      </add-to-cart-button>
  1856.    
  1857.    <div class="card card--product grid-link__image--product" tabindex="-1">
  1858.      <div class="card__inner">
  1859.        <div class="media media--transparent media--square media--hover-effect">
  1860.          <img src="/assets/images/products/no_image.png" alt="Empty Image" loading="lazy">
  1861.          
  1862.        </div>
  1863.        
  1864.          <div class="card__badge card__badge-on_sale card__badge-top-left"><span class="badge badge-ribbon badge--top-left color-accent-2" aria-hidden="true">Sale</span></div>
  1865.        
  1866.        
  1867.      </div>
  1868.    </div>
  1869.    
  1870.    <div class="card-information">
  1871.      <div class="card-information__wrapper">
  1872.        
  1873.        <span class="card-information__text">
  1874.          Pixel Phone
  1875.        </span>
  1876.        
  1877.        <span class="caption-large light"></span>
  1878.        
  1879.  
  1880. <div class="price
  1881.  
  1882.  
  1883.   price--on-sale "
  1884.  data-expires="">
  1885.  
  1886.  <dl>
  1887.    <div class="price__regular">
  1888.      <dt>
  1889.        <span class="visually-hidden visually-hidden--inline">Regular price</span>
  1890.      </dt>
  1891.      <dd >
  1892.        <span class="price-item price-item--regular">
  1893.          
  1894.            
  1895.  
  1896.    <span class=money data-ori-price='50.00'>$ 50.00 </span>
  1897.  
  1898.  
  1899.          
  1900.        </span>
  1901.      </dd>
  1902.    </div>
  1903.    <div class="price__sale">
  1904.      <dt>
  1905.        <span class="visually-hidden visually-hidden--inline">Sale price</span>
  1906.      </dt>
  1907.      <dd >
  1908.        <span  class="price-item price-item--sale">
  1909.          
  1910.            
  1911.  
  1912.    <span class=money data-ori-price='50.00'>$ 50.00 </span>
  1913.  
  1914.  
  1915.          
  1916.        </span>
  1917.      </dd>
  1918.      
  1919.      <dt class="price__compare">
  1920.        <span class="visually-hidden visually-hidden--inline">Regular price</span>
  1921.      </dt>
  1922.      <dd class="price__compare">
  1923.        <s class="price-item price-item--regular">
  1924.          
  1925.            <span class=money data-ori-price='100.00'>$ 100.00 </span>
  1926.          
  1927.          
  1928.        </s>
  1929.      </dd>
  1930.      
  1931.    </div>
  1932.  </dl>
  1933.  
  1934. </div>
  1935.  
  1936.      </div>
  1937.      
  1938.    </div>
  1939.  </a>
  1940. </div>
  1941.  
  1942.  
  1943.          </li>
  1944.        
  1945.      </ul>
  1946.      
  1947.        <div class="slider-buttons no-js-hidden">
  1948.          <button
  1949.            type="button"
  1950.            class="slider-button slider-button--prev"
  1951.            name="previous">
  1952.  
  1953.  
  1954.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6">
  1955.      <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>
  1956.    </svg>
  1957.  
  1958.  
  1959. </button>
  1960.          <div class="slider-counter caption">
  1961.            <span class="slider-counter--current">1</span>
  1962.            <span aria-hidden="true">
  1963.              /
  1964.            </span>
  1965.            <span class="slider-counter--total">6</span>
  1966.          </div>
  1967.          <button
  1968.            type="button"
  1969.            class="slider-button slider-button--next"
  1970.            name="next">
  1971.  
  1972.  
  1973.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6">
  1974.      <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>
  1975.    </svg>
  1976.  
  1977.  
  1978. </button>
  1979.        </div>
  1980.      
  1981.    </slider-component>
  1982.  
  1983.    
  1984.  
  1985.  
  1986.  
  1987. </div>
  1988.  
  1989. </div><div id='easystore-section-1653394784706'> <link
  1990.  rel="preload"
  1991.  href="https://themes.easystore.co/63057/assets/section-promotion.css?t=1742804304"
  1992.  as="style"
  1993.  onload="this.onload=null;this.rel='stylesheet'">
  1994.  
  1995. <style>
  1996.  
  1997.    
  1998.    
  1999.    
  2000.    [id="promotion-section-1653394784706-1"].promotion-banner {
  2001.      background-color: #DADADA
  2002.      ;
  2003.      color: #000000
  2004.      ;
  2005.    }
  2006.    [id="promotion-section-1653394784706-1"].promotion-banner .btn {
  2007.      background-color: #000000
  2008.      ;
  2009.      border-color: #000000
  2010.      ;
  2011.      color: #DADADA
  2012.      ;
  2013.    }
  2014.    [id="promotion-section-1653394784706-1"].promotion-wrapper .promotion-block {
  2015.      background-color: #DADADA
  2016.      ;
  2017.      color: #000000
  2018.      ;
  2019.    }
  2020.  
  2021.    
  2022.    
  2023.    
  2024.    [id="promotion-section-1653394784706-2"].promotion-banner {
  2025.      background-color: #E1E1E1
  2026.      ;
  2027.      color: #000000
  2028.      ;
  2029.    }
  2030.    [id="promotion-section-1653394784706-2"].promotion-banner .btn {
  2031.      background-color: #000000
  2032.      ;
  2033.      border-color: #000000
  2034.      ;
  2035.      color: #E1E1E1
  2036.      ;
  2037.    }
  2038.    [id="promotion-section-1653394784706-2"].promotion-wrapper .promotion-block {
  2039.      background-color: #E1E1E1
  2040.      ;
  2041.      color: #000000
  2042.      ;
  2043.    }
  2044.  
  2045.    
  2046.    
  2047.    
  2048.    [id="promotion-section-1653394784706-3"].promotion-banner {
  2049.      background-color: #E1E1E1
  2050.      ;
  2051.      color: #000000
  2052.      ;
  2053.    }
  2054.    [id="promotion-section-1653394784706-3"].promotion-banner .btn {
  2055.      background-color: #000000
  2056.      ;
  2057.      border-color: #000000
  2058.      ;
  2059.      color: #E1E1E1
  2060.      ;
  2061.    }
  2062.    [id="promotion-section-1653394784706-3"].promotion-wrapper .promotion-block {
  2063.      background-color: #E1E1E1
  2064.      ;
  2065.      color: #000000
  2066.      ;
  2067.    }
  2068.  
  2069. </style>
  2070.  
  2071. <link
  2072.  rel="preload"
  2073.  href="https://themes.easystore.co/63057/assets/component-slider.css?t=1742804304"
  2074.  as="style"
  2075.  onload="this.onload=null;this.rel='stylesheet'">
  2076. <div class="section-collection-list spaced-section page-width page-width-desktop">
  2077.  <div class="promotion-section-container">
  2078.    
  2079.      
  2080.      
  2081.      
  2082.        <div id="promotion-section-1653394784706-1" class="promotion-banner">
  2083.          <div class="promotion-banner-title">HUGE DISCOUNT</div>
  2084.          <div class="promotion-banner-description">
  2085.            <p style="margin: 7.5px 10px;">20% off for selected products</p>
  2086.          </div>
  2087.          <a href="#" class="btn">Shop Now</a>
  2088.        </div>
  2089.      
  2090.    
  2091.      
  2092.      
  2093.      
  2094.        <a
  2095.          id="promotion-section-1653394784706-2"
  2096.          href=""
  2097.          class="promotion-wrapper">
  2098.          <div class="promotion-block">
  2099.            <div class="promotion-block-text">
  2100.              <p class="top-text">Discount</p>
  2101.              <span class="center-text">10% OFF</span>
  2102.              <p class="bottom-text">New collection</p>
  2103.            </div>
  2104.            <div class="promotion-block-img">
  2105.              
  2106.                <div class="img-wrapper">
  2107.                  <img src="https://cdn.store-assets.com/s/1040002/f/9153192.png?width=550" alt="Sun Gravity" />
  2108.                </div>
  2109.              
  2110.              
  2111.                <div class="img-wrapper">
  2112.                  <img src="https://cdn.store-assets.com/s/1040002/f/9153194.png?width=550" alt="Sun Gravity" />
  2113.                </div>
  2114.              
  2115.            </div>
  2116.          </div>
  2117.        </a>
  2118.      
  2119.    
  2120.      
  2121.      
  2122.      
  2123.        <a
  2124.          id="promotion-section-1653394784706-3"
  2125.          href=""
  2126.          class="promotion-wrapper">
  2127.          <div class="promotion-block">
  2128.            <div class="promotion-block-text">
  2129.              <p class="top-text">Collection</p>
  2130.              <span class="center-text">New</span>
  2131.              <p class="bottom-text">Monday Blue</p>
  2132.            </div>
  2133.            <div class="promotion-block-img">
  2134.              
  2135.                <div class="img-wrapper">
  2136.                  <img src="https://cdn.store-assets.com/s/1040002/f/9153196.png?width=550" alt="Sun Gravity" />
  2137.                </div>
  2138.              
  2139.              
  2140.                <div class="img-wrapper">
  2141.                  <img src="https://cdn.store-assets.com/s/1040002/f/9153197.png?width=550" alt="Sun Gravity" />
  2142.                </div>
  2143.              
  2144.            </div>
  2145.          </div>
  2146.        </a>
  2147.      
  2148.    
  2149.  </div>
  2150. </div>
  2151.  
  2152.  
  2153. </div><div id='easystore-section-1649058117248'> <link href="https://themes.easystore.co/63057/assets/section-multicolumn.css?t=1742804304" rel="stylesheet" type="text/css" media="screen" />
  2154. <link href="https://themes.easystore.co/63057/assets/component-slider.css?t=1742804304" rel="stylesheet" type="text/css" media="screen" />
  2155. <div class="multicolumn background-primary">
  2156.  <div class="page-width">
  2157.    <div class="title-wrapper-with-link title-wrapper--self-padded-mobile">
  2158.      <h2 class="title">
  2159.        Kiddy Garden
  2160.      </h2>
  2161.      
  2162.    </div>
  2163.    <slider-component class="slider-mobile-gutter">
  2164.      <ul class="multicolumn-list grid grid--1-col grid--3-col-tablet slider slider--mobile grid--peek"
  2165.        id="Slider-"
  2166.        role="list"
  2167.      >
  2168.        
  2169.        
  2170.        
  2171.          <li class="multicolumn-list__item grid__item slider__slide center">
  2172.            <div class="multicolumn-card">
  2173.              
  2174.                
  2175.                
  2176.                <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--full-width">
  2177.                  <a href="/collections/all" class="media media--transparent media--portrait"
  2178.                    >
  2179.                    
  2180.                    <img
  2181.                      srcset="https://themes.easystore.co/onboarding/placeholder/placeholder-square-1.png?width=550 550w, https://themes.easystore.co/onboarding/placeholder/placeholder-square-1.png?width=710 710w, https://themes.easystore.co/onboarding/placeholder/placeholder-square-1.png?width=1420 1420w"
  2182.                      src="https://themes.easystore.co/onboarding/placeholder/placeholder-square-1.png?width=550"
  2183.                      sizes="(min-width: 990px) 710px,
  2184.                        (min-width: 750px) 550px,
  2185.                        550px"
  2186.                      alt=""
  2187.                      loading="lazy"
  2188.                    >
  2189.                    
  2190.                  </a>
  2191.                </div>
  2192.              
  2193.              <div class="multicolumn-card__info">
  2194.                
  2195.                  <h3>Best match</h3>
  2196.                
  2197.                
  2198.                  <div class="rte">Spring 2022 Collection</div>
  2199.                
  2200.                
  2201.                  <a href="/collections/all" class="button button--secondary">Shop now</a>
  2202.                
  2203.              </div>
  2204.            </div>
  2205.          </li>
  2206.        
  2207.        
  2208.        
  2209.          <li class="multicolumn-list__item grid__item slider__slide center">
  2210.            <div class="multicolumn-card">
  2211.              
  2212.                
  2213.                
  2214.                <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--full-width">
  2215.                  <a href="/collections/all" class="media media--transparent media--portrait"
  2216.                    >
  2217.                    
  2218.                    <img
  2219.                      srcset="https://themes.easystore.co/onboarding/placeholder/placeholder-square-3.png?width=550 550w, https://themes.easystore.co/onboarding/placeholder/placeholder-square-3.png?width=710 710w, https://themes.easystore.co/onboarding/placeholder/placeholder-square-3.png?width=1420 1420w"
  2220.                      src="https://themes.easystore.co/onboarding/placeholder/placeholder-square-3.png?width=550"
  2221.                      sizes="(min-width: 990px) 710px,
  2222.                        (min-width: 750px) 550px,
  2223.                        550px"
  2224.                      alt=""
  2225.                      loading="lazy"
  2226.                    >
  2227.                    
  2228.                  </a>
  2229.                </div>
  2230.              
  2231.              <div class="multicolumn-card__info">
  2232.                
  2233.                  <h3>Siblings</h3>
  2234.                
  2235.                
  2236.                  <div class="rte">Fashions for family</div>
  2237.                
  2238.                
  2239.                  <a href="/collections/all" class="button button--secondary">Shop now</a>
  2240.                
  2241.              </div>
  2242.            </div>
  2243.          </li>
  2244.        
  2245.        
  2246.        
  2247.          <li class="multicolumn-list__item grid__item slider__slide center">
  2248.            <div class="multicolumn-card">
  2249.              
  2250.                
  2251.                
  2252.                <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--full-width">
  2253.                  <a href="/collections/all" class="media media--transparent media--portrait"
  2254.                    >
  2255.                    
  2256.                    <img
  2257.                      srcset="https://themes.easystore.co/onboarding/placeholder/placeholder-square-2.png?width=550 550w, https://themes.easystore.co/onboarding/placeholder/placeholder-square-2.png?width=710 710w, https://themes.easystore.co/onboarding/placeholder/placeholder-square-2.png?width=1420 1420w"
  2258.                      src="https://themes.easystore.co/onboarding/placeholder/placeholder-square-2.png?width=550"
  2259.                      sizes="(min-width: 990px) 710px,
  2260.                        (min-width: 750px) 550px,
  2261.                        550px"
  2262.                      alt=""
  2263.                      loading="lazy"
  2264.                    >
  2265.                    
  2266.                  </a>
  2267.                </div>
  2268.              
  2269.              <div class="multicolumn-card__info">
  2270.                
  2271.                  <h3>Rainy set</h3>
  2272.                
  2273.                
  2274.                  <div class="rte">Wet weather, no problem</div>
  2275.                
  2276.                
  2277.                  <a href="/collections/all" class="button button--secondary">Shop now</a>
  2278.                
  2279.              </div>
  2280.            </div>
  2281.          </li>
  2282.        
  2283.      </ul>
  2284.  
  2285.      
  2286.        <div class="slider-buttons no-js-hidden medium-hide">
  2287.          <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="accessibility.previous_slide">
  2288.  
  2289.  
  2290.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6">
  2291.      <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>
  2292.    </svg>
  2293.  
  2294.  
  2295. </button>
  2296.          <div class="slider-counter caption">
  2297.            <span class="slider-counter--current">1</span>
  2298.            <span aria-hidden="true"> / </span>
  2299.            <span class="visually-hidden">accessibility.of</span>
  2300.            <span class="slider-counter--total">3</span>
  2301.          </div>
  2302.          <button type="button" class="slider-button slider-button--next" name="next" aria-label="accessibility.next_slide">
  2303.  
  2304.  
  2305.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret " viewBox="0 0 10 6">
  2306.      <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>
  2307.    </svg>
  2308.  
  2309.  
  2310. </button>
  2311.        </div>
  2312.      
  2313.    </slider-component>
  2314.    <div class="center small-hide medium-hide">
  2315.      
  2316.    </div>
  2317.  </div>
  2318. </div>
  2319.  
  2320.  
  2321. </div></div>
  2322.  
  2323.  
  2324.  
  2325.  
  2326.  
  2327.    
  2328.  </main>
  2329. <style>
  2330.  .footer{
  2331.    background-color: #010517;
  2332.    color: #FEFEFE;
  2333.    --color-foreground: 254,254,254;
  2334.  }
  2335.  .footer .link--text,
  2336.  .footer .list-menu__item--link,
  2337.  .footer .footer-block__details-content .list-menu__item--link{
  2338.    color: #FEFEFE;
  2339.  }
  2340.  .footer-block__heading{
  2341.    color: #FFFFFF;
  2342.  }
  2343.  .rounded{
  2344.    border-radius: 10px;
  2345.  }
  2346.  .shopping-app-border{
  2347.    border: 1px #ECECEC solid;
  2348.    margin-right: 3px;
  2349.  }
  2350.  .app-download-badge{
  2351.    display: inline-block;
  2352.    margin-right: 3px;
  2353.  }
  2354. </style>
  2355.  
  2356. <link rel="preload" href="https://themes.easystore.co/63057/assets/section-footer.css?t=1742804304" as="style" onload="this.onload=null;this.rel='stylesheet'">
  2357.  
  2358. <footer class="footer color-background-1">
  2359.  <div class="footer__content-top page-width">
  2360.    <div class="grid grid--1-col grid--4-col-tablet ">
  2361.      
  2362.      
  2363.      
  2364.        <div class="grid__item">
  2365.          
  2366.              <h2 class="footer-block__heading">Follow us</h2>
  2367.              <ul class="footer__list-social list-unstyled list-social footer-block__details-content" role="list">
  2368.                
  2369.                  <li class="list-social__item">
  2370.                    <a href="https://twitter.com/" class="link link--text list-social__link">
  2371.                      
  2372.  
  2373.  
  2374.    <svg class="icon icon-twitter " viewBox="0 0 22 22" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  2375.      <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
  2376.      <path d="M3 3l11.733 16h4.267l-11.733 -16z" />
  2377.      <path d="M3 19l6.768 -6.768m2.46 -2.46l6.772 -6.772" />
  2378.    </svg>
  2379.  
  2380.  
  2381.  
  2382.                    </a>
  2383.                  </li>
  2384.                
  2385.                
  2386.                  <li class="list-social__item">
  2387.                    <a href="https://facebook.com/" class="link link--text list-social__link">
  2388.                      
  2389.  
  2390.  
  2391.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook "
  2392.    viewBox="0 0 18 18">
  2393.      <path fill="currentColor"
  2394.        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">
  2395.      </path>
  2396.    </svg>
  2397.  
  2398.  
  2399.  
  2400.                    </a>
  2401.                  </li>
  2402.                
  2403.                
  2404.                  <li class="list-social__item">
  2405.                    <a href="https://instagram.com/" class="link link--text list-social__link">
  2406.                      
  2407.  
  2408.  
  2409.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram "
  2410.    viewBox="0 0 18 18">
  2411.      <path fill="currentColor"
  2412.        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">
  2413.      </path>
  2414.      <path fill="currentColor"
  2415.        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">
  2416.      </path>
  2417.    </svg>
  2418.  
  2419.  
  2420.  
  2421.                    </a>
  2422.                  </li>
  2423.                
  2424.                
  2425.                  <li class="list-social__item">
  2426.                    <a href="https://tiktok.com/" class="link link--text list-social__link">
  2427.                      
  2428.  
  2429.  
  2430.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-tiktok " width="16"
  2431.    height="18" fill="none" xmlns="http://www.w3.org/2000/svg">
  2432.      <path
  2433.        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"
  2434.        fill="currentColor">
  2435.      </path>
  2436.    </svg>
  2437.  
  2438.  
  2439.  
  2440.                    </a>
  2441.                  </li>
  2442.                
  2443.                
  2444.                  <li class="list-social__item">
  2445.                    <a href="https://wa.me/" class="link link--text list-social__link">
  2446.                      
  2447.  
  2448.  
  2449.    <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>
  2450.  
  2451.  
  2452.  
  2453.                    </a>
  2454.                  </li>
  2455.                
  2456.                
  2457.                  <li class="list-social__item">
  2458.                    <a href="https://line.com/" class="link link--text list-social__link">
  2459.                      
  2460.  
  2461.  
  2462.    <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>
  2463.  
  2464.  
  2465.  
  2466.                    </a>
  2467.                  </li>
  2468.                
  2469.                
  2470.                  <li class="list-social__item">
  2471.                    <a href="https://wechat.com/" class="link link--text list-social__link">
  2472.                      
  2473.  
  2474.  
  2475.    <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>
  2476.  
  2477.  
  2478.  
  2479.                    </a>
  2480.                  </li>
  2481.                
  2482.                
  2483.                  <li class="list-social__item">
  2484.                    <a href="https://youtube.com/" class="link link--text list-social__link">
  2485.                      
  2486.  
  2487.  
  2488.    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube "
  2489.    viewBox="0 0 100 70">
  2490.      <path
  2491.        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"
  2492.        fill="currentColor">
  2493.      </path>
  2494.    </svg>
  2495.  
  2496.  
  2497.  
  2498.                    </a>
  2499.                  </li>
  2500.                
  2501.                
  2502.              </ul>
  2503.            
  2504.        </div>
  2505.      
  2506.      
  2507.      
  2508.        <div class="grid__item">
  2509.          
  2510.              <h2 class="footer-block__heading">We accept</h2>
  2511.              <div class="footer-block__details-content footer__payment">
  2512.                <ul class="list list-payment" role="list">
  2513.                  
  2514.                    <li class="list-payment__item">
  2515.                      
  2516.  
  2517.  
  2518.    <svg class="icon icon--full-color " viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img"
  2519.    width="38" height="24" aria-labelledby="pi-visa">
  2520.      <path opacity=".07"
  2521.        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>
  2522.      <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">
  2523.      </path>
  2524.      <path
  2525.        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"
  2526.        fill="#142688"></path>
  2527.    </svg>
  2528.  
  2529.  
  2530.  
  2531.                    </li>
  2532.                  
  2533.                  
  2534.                    <li class="list-payment__item">
  2535.                      
  2536.  
  2537.  
  2538.    <svg class="icon icon--full-color " viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img"
  2539.    width="38" height="24" aria-labelledby="pi-master">
  2540.      <path opacity=".07"
  2541.        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>
  2542.      <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">
  2543.      </path>
  2544.      <circle fill="#EB001B" cx="15" cy="12" r="7"></circle>
  2545.      <circle fill="#F79E1B" cx="23" cy="12" r="7"></circle>
  2546.      <path fill="#FF5F00"
  2547.        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>
  2548.    </svg>
  2549.  
  2550.  
  2551.  
  2552.                    </li>
  2553.                  
  2554.                  
  2555.                    <li class="list-payment__item">
  2556.                      
  2557.  
  2558.  
  2559.    <svg class="icon icon--full-color " xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24"
  2560.      width="38" height="24" aria-labelledby="pi-american_express">
  2561.      <g fill="none">
  2562.        <path fill="#000"
  2563.          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"
  2564.          opacity=".07"></path>
  2565.        <path fill="#006FCF"
  2566.          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">
  2567.        </path>
  2568.        <path fill="#FFF"
  2569.          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">
  2570.        </path>
  2571.      </g>
  2572.    </svg>
  2573.  
  2574.  
  2575.  
  2576.                    </li>
  2577.                  
  2578.                  
  2579.                    <li class="list-payment__item">
  2580.                      
  2581.  
  2582.  
  2583.    <svg class="icon icon--full-color " viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38"
  2584.      height="24" role="img" aria-labelledby="pi-paypal">
  2585.      <path opacity=".07"
  2586.        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>
  2587.      <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">
  2588.      </path>
  2589.      <path fill="#003087"
  2590.        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">
  2591.      </path>
  2592.      <path fill="#3086C8"
  2593.        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">
  2594.      </path>
  2595.      <path fill="#012169"
  2596.        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">
  2597.      </path>
  2598.    </svg>
  2599.  
  2600.  
  2601.  
  2602.                    </li>
  2603.                  
  2604.                  
  2605.                    <li class="list-payment__item">
  2606.                      
  2607.  
  2608.  
  2609.    <svg class="icon icon--full-color " viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img"
  2610.      width="38" height="24" aria-labelledby="pi-diners_club">
  2611.      <path opacity=".07"
  2612.        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>
  2613.      <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">
  2614.      </path>
  2615.      <path
  2616.        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"
  2617.        fill="#3086C8"></path>
  2618.    </svg>
  2619.  
  2620.  
  2621.  
  2622.                    </li>
  2623.                  
  2624.                  
  2625.                    <li class="list-payment__item">
  2626.                      
  2627.  
  2628.  
  2629.    <svg class="icon icon--full-color " viewBox="0 0 38 24" width="38" height="24" role="img"
  2630.      aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg">
  2631.      <path fill="#000" opacity=".07"
  2632.        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>
  2633.      <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">
  2634.      </path>
  2635.      <path
  2636.        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"
  2637.        fill="#231F20"></path>
  2638.      <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)">
  2639.      </path>
  2640.      <path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z"
  2641.        fill="url(#pi-paint1_linear)"></path>
  2642.      <path
  2643.        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"
  2644.        fill="#231F20"></path>
  2645.      <path
  2646.        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"
  2647.        fill="#231F20"></path>
  2648.      <path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120">
  2649.      </path>
  2650.      <defs>
  2651.        <linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104"
  2652.          gradientUnits="userSpaceOnUse">
  2653.          <stop stop-color="#F89F20"></stop>
  2654.          <stop offset=".25" stop-color="#F79A20"></stop>
  2655.          <stop offset=".533" stop-color="#F68D20"></stop>
  2656.          <stop offset=".62" stop-color="#F58720"></stop>
  2657.          <stop offset=".723" stop-color="#F48120"></stop>
  2658.          <stop offset="1" stop-color="#F37521"></stop>
  2659.        </linearGradient>
  2660.        <linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446"
  2661.          gradientUnits="userSpaceOnUse">
  2662.          <stop stop-color="#F58720"></stop>
  2663.          <stop offset=".359" stop-color="#E16F27"></stop>
  2664.          <stop offset=".703" stop-color="#D4602C"></stop>
  2665.          <stop offset=".982" stop-color="#D05B2E"></stop>
  2666.        </linearGradient>
  2667.      </defs>
  2668.    </svg>
  2669.  
  2670.  
  2671.  
  2672.                    </li>
  2673.                  
  2675.              </div>
  2676.                <br>
  2677.            
  2678.        </div>
  2679.      
  2680.      
  2681.      
  2682.        <div class="grid__item">
  2683.          
  2684.              <h2 class="footer-block__heading">
  2685.                Quick links
  2686.              </h2>
  2687.              <ul class="footer-block__details-content list-unstyled">
  2688.                
  2689.                <li>
  2690.                  <a href="/store-locator"  class="link link--text list-menu__item list-menu__item--link">
  2691.                    Location
  2692.                  </a>
  2693.                </li>
  2694.                
  2695.                
  2696.              </ul>
  2697.            
  2698.        </div>
  2699.      
  2700.      
  2701.      
  2702.        <div class="grid__item">
  2703.          
  2704.              <h2 class="footer-block__heading">Our mission</h2>
  2705.              <div class="footer-block__details-content">
  2706.                <p>Quality materials, good designs, craftsmanship and sustainability.</p>
  2707.              </div>
  2708.            
  2709.        </div>
  2710.      
  2711.    </div>
  2712.  </div>
  2713.  <div class="footer__content-bottom">
  2714.    <div class="footer__content-bottom-wrapper page-width">
  2715.      <div class="footer__column footer__column--info">
  2716.  
  2717.        
  2718.  
  2719.  
  2720.  
  2721.        
  2722.        <div class="footer__copyright caption">
  2723.          <div class="copyright__content">© 2025 Sun Gravity. Powered by <a href="http://www.easystore.co/?utm_source=storefront&utm_medium=sf_ref_footer&utm_campaign=sf_ref">EasyStore</a></div>
  2724.        </div>
  2725.  
  2726.        <div class="footer__copyright caption">
  2727.          
  2728.            <div>
  2729.            
  2730.            
  2731.              
  2732.                <a href="/legal/terms-of-service">Terms of Service</a>
  2733.              
  2734.              
  2735.            
  2736.              
  2737.                | <a href="/legal/privacy-policy">Privacy Policy</a>
  2738.              
  2739.              
  2740.            
  2741.              
  2742.                | <a href="/legal/refund-policy">Refund Policy</a>
  2743.              
  2744.              
  2745.            
  2746.            </div>
  2747.        
  2748.        </div>
  2749.        
  2750.      </div>
  2751.    </div>
  2752.  </div>
  2753. </footer>
  2754.  
  2755.  
  2756.  
  2757.  
  2758.  
  2759.  <script>
  2760.  EasyStore.Currencies.init([{"name":"US Dollar","code":"USD","rate":"1.0","format_prefix":"$","format_suffix":null,"format_decimals":2,"thousand_separator":",","is_primary":true}], 1)
  2761. </script>
  2762.  
  2763.  
  2764.  
  2765.  <script>
  2766.    let page_template = 'index';
  2767.  
  2768.    if(document.querySelector('.currency-picker')) {
  2769.      EasyStore.Currencies.change(document.querySelector('.currency-picker').value)
  2770.      EasyStore.Currencies.convertAll()
  2771.    }
  2772.  
  2773.    document.querySelectorAll('.currency-picker').forEach((el)=>{
  2774.      el.addEventListener('change',(event)=>{
  2775.        EasyStore.Currencies.change(event.target.value)
  2776.  
  2777.        
  2778.          if (page_template == 'cart') {
  2779.            const params = new URLSearchParams(window.location.search);
  2780.            params.set('delete_cache', 1);
  2781.            window.location.search = params;
  2782.          } else {
  2783.            window.location.reload();
  2784.          }
  2785.  
  2786.          return
  2787.        
  2788.  
  2789.        document.querySelectorAll('[name=currencies],[name=current_currency]').forEach((el)=>{
  2790.          el.value = event.target.value
  2791.        })
  2792.  
  2793.        if(page_template == 'cart') location.reload();
  2794.      })
  2795.    })
  2796.  </script>
  2797.  
  2798.  
  2799.  
  2800.  
  2801.  <script>
  2802.  
  2803.    window.variantStrings = {
  2804.      addToCart: `Add to Cart`,
  2805.      soldOut: `Sold Out`,
  2806.      unavailable: `Unavailable`,
  2807.    }
  2808.  
  2809.    window.accessibilityStrings = {
  2810.      shareSuccess: `Link copied to clipboard`,
  2811.    }
  2812.  </script>
  2813.  <script>
  2814.  
  2815.  /*
  2816.  
  2817.    ------
  2818.    Events
  2819.    ------
  2820.  
  2821.    pages/viewed
  2822.  
  2823.    customers/signup
  2824.  
  2825.    customers/login
  2826.  
  2827.    products/searched
  2828.  
  2829.    collections/viewed
  2830.  
  2831.    products/viewed
  2832.  
  2833.    products/shared
  2834.  
  2835.    wishlists/item_added
  2836.  
  2837.    carts/items_added
  2838.  
  2839.    carts/viewed
  2840.  
  2841.    carts/item_removed
  2842.  
  2843.    checkouts/initiated
  2844.  
  2845.    checkouts/shipping_info_added
  2846.  
  2847.    checkouts/payment_info_added
  2848.  
  2849.    checkouts/completed
  2850.  
  2851.    orders/placed
  2852.  
  2853.    orders/purchased
  2854.  
  2855.    payments/captured
  2856.  
  2857.    payments/failed
  2858.  
  2859.  */
  2860.  
  2861.  window.__latest_cart = window.__latest_cart || null;
  2862.  
  2863.  const _selector = document.querySelector.bind(document),
  2864.        _selectorAll = document.querySelectorAll.bind(document)
  2865.  
  2866.  document.addEventListener('DOMContentLoaded', (event) => {
  2867.  
  2868.    const default_currency = getCookie("currency")
  2869.    const customer_id = window.__st.cid
  2870.    const template    = window.__st.p
  2871.  
  2872.    onPageView()
  2873.  
  2874.    //-----------------------//
  2875.    //        Configs        //
  2876.    //-----------------------//
  2877.  
  2878.    window.dataLayer = window.dataLayer || []
  2879.  
  2880.    Array.prototype.last = Array.prototype.last || function() {
  2881.      return this[this.length - 1] || null
  2882.    }
  2883.  
  2884.    Array.prototype.first = Array.prototype.first || function() {
  2885.      return this[0] || null
  2886.    }
  2887.  
  2888.    //----------------------//
  2889.    //       Triggers       //
  2890.    //----------------------//
  2891.  
  2892.    const XHR = window.XMLHttpRequest
  2893.  
  2894.    function xhr() {
  2895.  
  2896.      const xhr = new XHR()
  2897.  
  2898.      xhr.addEventListener("readystatechange", function() {
  2899.  
  2900.        if(xhr.readyState != 4) return
  2901.  
  2902.        try {
  2903.  
  2904.          const response_url = xhr.responseURL
  2905.  
  2906.          if (response_url.includes("cart/add")) {
  2907.  
  2908.            window.__latest_cart = JSON.parse(xhr.response)
  2909.  
  2910.            onCartItemsAdded() // ok
  2911.  
  2912.          }
  2913.  
  2914.          if (response_url.includes("cart/remove_item_quantity")) {
  2915.  
  2916.            window.__latest_cart = JSON.parse(xhr.response)
  2917.  
  2918.            onCartItemRemoved() // ok
  2919.  
  2920.          }
  2921.  
  2922.          if (response_url.includes("new_cart?retrieve=true")) {
  2923.  
  2924.            result = JSON.parse(xhr.response)
  2925.  
  2926.            if (result.cart) {
  2927.              window.__latest_cart = result.cart
  2928.            }
  2929.  
  2930.          }
  2931.  
  2932.        } catch(e) {
  2933.  
  2934.          console.error(e)
  2935.  
  2936.        }
  2937.  
  2938.      }, false);
  2939.  
  2940.      return xhr
  2941.  
  2942.    }
  2943.  
  2944.    window.XMLHttpRequest = xhr
  2945.  
  2946.    switch(template) {
  2947.  
  2948.      case 'cart': onCartView() // ok
  2949.      break
  2950.      case 'product': onProductView() // ok
  2951.      break
  2952.      case 'collection': onCollectionView() // ok
  2953.      break
  2954.      case 'blog': onBlogView()
  2955.      break
  2956.      case 'article': onArticleView()
  2957.      break
  2958.      case 'payment_completed': onOrderPlace()
  2959.      break
  2960.      case 'payment_fail': onPaymentFail()
  2961.      break
  2962.  
  2963.    }
  2964.  
  2965.    // _selector('form[action="/checkout/payments"]').addEventListener("submit", onPaymentInfoAdded(_selector('form[action="/checkout/payments"]')))
  2966.    if (_selector('form[action="/checkout/detail"]'))                            _selector('form[action="/checkout/detail"]').addEventListener("submit", ()=>{onShippingInfoAdded(_selector('form[action="/checkout/detail"]'))})  // ok
  2967.    if (_selector('form[action="/checkout/shipping"]'))                          _selector('form[action="/checkout/shipping"]').addEventListener("submit", ()=>{onShippingInfoAdded(_selector('form[action="/checkout/shipping"]'))})  // ok
  2968.    if (_selector('form[action="/account/register"]'))                           _selector('form[action="/account/register"]').addEventListener("submit", onSignUp)  // ok
  2969.    if (_selector('form[action="/account/login"]'))                              _selector('form[action="/account/login"]').addEventListener("submit", onLogin)  // ok
  2970.    if (_selector('form[action="/search"]'))                                     _selector('form[action="/search"]').addEventListener("submit", onProductSearch()) // ok
  2971.    if (_selector('#line-login-btn'))                                            _selector('#line-login-btn').addEventListener('click', onLineLogin) // ok
  2972.    if (_selector('#PlaceOrder'))                                                _selector('#PlaceOrder').addEventListener("click", ()=>{onCheckoutComplete(_selector('form[action="/checkout/payments"]'))});  // ok
  2973.    if (_selector('#add_wishlist'))                                              _selector('#add_wishlist').addEventListener("click", onWishlistItemAdded) // ok
  2974.    if (_selectorAll('a[href="/account/logout"]'))                               _selectorAll('a[href="/account/logout"]').forEach(logoutButton => logoutButton.addEventListener("click", onLogout)) // ok
  2975.    if (_selector('.CartDrawerTrigger.cart-page-link'))                          _selector('.CartDrawerTrigger.cart-page-link').addEventListener("click", onCartView) // ok
  2976.    if (_selector('.CartDrawerTrigger.cart-page-link.mobile-cart-page-link'))    _selector('.CartDrawerTrigger.cart-page-link.mobile-cart-page-link').addEventListener("click", onCartView) // ok
  2977.    if (_selectorAll('a[class^="share-"]'))                                      _selectorAll('a[class^="share-"]').forEach(shareButton => shareButton.addEventListener("click", ()=>{onProductShare(shareButton)}) ) // ok
  2978.    if (_selectorAll('[name$="checkout"]'))                                      _selectorAll('[name$="checkout"]').forEach(checkoutButton => checkoutButton.addEventListener("click", onCheckoutInitiate))
  2979.  
  2980.    // For append elements
  2981.    const bodyMutationObserver = new MutationObserver(() => {
  2982.      if (_selector('#form__spc #PlaceOrder'))             _selector('#form__spc #PlaceOrder').addEventListener("click", onSinglePageCheckout) // ok
  2983.      if (_selectorAll('[name$="checkout"]'))              _selectorAll('[name$="checkout"]').forEach(checkoutButton => checkoutButton.addEventListener("click", onCheckoutInitiate))
  2984.    });
  2985.    bodyMutationObserver.observe(_selector("body"), {subtree: true, childList: true});
  2986.  
  2987.    //------------------------------//
  2988.    //        Event handlers        //
  2989.    //------------------------------//
  2990.  
  2991.    function onPageView() {
  2992.  
  2993.      EasyStore.Event.dispatch('pages/viewed', {
  2994.        page: {
  2995.          type: template,
  2996.          title: document.title,
  2997.          description: _selector('meta[name=description]') ? _selector('meta[name=description]').getAttribute('content') : null,
  2998.          url: location.href,
  2999.        }
  3000.      })
  3001.  
  3002.    }
  3003.  
  3004.    function onSignUp() {
  3005.  
  3006.      const email_regex = new RegExp(/^[a-zA-Z0-9.!#$%&"*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/)
  3007.      const phone_regex = new RegExp(/^(\+?6?01)[0-46-9]-*[0-9]{7,8}$/)
  3008.  
  3009.      const email_or_phone = _selector(`input[name="customer[email_or_phone]"]`).value.replace("+", "").replace(/\s+/, "")
  3010.  
  3011.      let data = {}
  3012.  
  3013.      if (email_regex.test(email_or_phone)) {
  3014.        data.method = 'email'
  3015.        data.email = email_or_phone
  3016.      }
  3017.  
  3018.      if (phone_regex.test(email_or_phone)) {
  3019.        data.method = "phone"
  3020.        data.phone = email_or_phone
  3021.      }
  3022.  
  3023.      if (!data.method) return
  3024.  
  3025.      EasyStore.Event.dispatch('customers/signup', data)
  3026.  
  3027.    }
  3028.  
  3029.    function onLogin() {
  3030.  
  3031.      const email_regex = new RegExp(/^[a-zA-Z0-9.!#$%&"*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/)
  3032.      const phone_regex = new RegExp(/^(\+?6?01)[0-46-9]-*[0-9]{7,8}$/)
  3033.  
  3034.      const email_or_phone = _selector(`input[name="customer[email_or_phone]"]`).value.replace("+", "").replace(/\s+/, "")
  3035.  
  3036.      let data = {}
  3037.  
  3038.      if (email_regex.test(email_or_phone)) {
  3039.        data.method = 'email'
  3040.        data.email = email_or_phone
  3041.      }
  3042.  
  3043.      if (phone_regex.test(email_or_phone)) {
  3044.        data.method = "phone"
  3045.        data.phone = email_or_phone
  3046.      }
  3047.  
  3048.      if (!data.method) return
  3049.  
  3050.      EasyStore.Event.dispatch('customers/login', data)
  3051.  
  3052.    }
  3053.  
  3054.    function onLineLogin() {
  3055.  
  3056.      EasyStore.Event.dispatch('customers/login', { method: 'line' })
  3057.  
  3058.    }
  3059.  
  3060.    function onLogout() {
  3061.  
  3062.      EasyStore.Event.dispatch('customers/logout', { customer_id })
  3063.  
  3064.    }
  3065.  
  3066.    function onBlogView() {
  3067.  
  3068.      const blog = ""
  3069.  
  3070.      EasyStore.Event.dispatch('blogs/viewed', { blog })
  3071.  
  3072.    }
  3073.  
  3074.    function onArticleView() {
  3075.  
  3076.      const article = ""
  3077.  
  3078.      EasyStore.Event.dispatch('articles/viewed', { article })
  3079.  
  3080.    }
  3081.  
  3082.    function onProductSearch() {
  3083.  
  3084.      const query = _selector('input[name=q]').value
  3085.  
  3086.      if (!query) return
  3087.  
  3088.      EasyStore.Event.dispatch('products/searched', { query })
  3089.  
  3090.    }
  3091.  
  3092.    function onCollectionView() {
  3093.  
  3094.      const collection = {"id":4206374,"handle":"feature-on-homepage","name":"Feature on homepage","title":"Feature on homepage","url":"\/collections\/feature-on-homepage","description":"","content":"","featured_image":{"src":null},"products":[{"id":12895031,"handle":"bask\u0131l\u0131-koli-ve-strafor-kutu","name":"bask\u0131l\u0131 koli ve strafor kutu","title":"bask\u0131l\u0131 koli ve strafor kutu","url":"\/products\/bask\u0131l\u0131-koli-ve-strafor-kutu","price":50,"price_min":"50.0","price_max":"50.0","price_varies":false,"compare_at_price":100,"compare_at_price_min":"100.0","compare_at_price_max":"100.0","compare_at_price_varies":false,"available":true,"options_with_values":[],"options_by_name":[],"options":["Title"],"has_only_default_variant":true,"sole_variant_id":59600850,"variants":[{"id":59600850,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null}],"selected_variant":{"id":59600850,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"first_available_variant":{"id":59600850,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"selected_or_first_available_variant":{"id":59600850,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"img_url":"\/assets\/images\/products\/no_image.png","featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"secondary_image":{"alt":"","img_url":"","src":"","type":""},"images":[],"media":[],"featured_media":null,"metafields":[],"expires":null,"published_at":"2024-11-09T08:29:00.000-05:00","created_at":"2024-11-09T08:29:36.000-05:00","is_wishlisted":null},{"id":12702007,"handle":"babay-1","name":"Copy - BABAY","title":"Copy - BABAY","url":"\/products\/babay-1","price":50,"price_min":"50.0","price_max":"50.0","price_varies":false,"compare_at_price":100,"compare_at_price_min":"100.0","compare_at_price_max":"100.0","compare_at_price_varies":false,"available":true,"options_with_values":[],"options_by_name":[],"options":["Title"],"has_only_default_variant":true,"sole_variant_id":58669786,"variants":[{"id":58669786,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null}],"selected_variant":{"id":58669786,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"first_available_variant":{"id":58669786,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"selected_or_first_available_variant":{"id":58669786,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"img_url":"\/assets\/images\/products\/no_image.png","featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"secondary_image":{"alt":"","img_url":"","src":"","type":""},"images":[],"media":[],"featured_media":null,"metafields":[],"expires":null,"published_at":"2024-10-04T07:16:00.000-05:00","created_at":"2024-10-04T07:16:24.000-05:00","is_wishlisted":null},{"id":12698794,"handle":"babay","name":"BABAY","title":"BABAY","url":"\/products\/babay","price":50,"price_min":"50.0","price_max":"50.0","price_varies":false,"compare_at_price":100,"compare_at_price_min":"100.0","compare_at_price_max":"100.0","compare_at_price_varies":false,"available":true,"options_with_values":[],"options_by_name":[],"options":["Title"],"has_only_default_variant":true,"sole_variant_id":58653515,"variants":[{"id":58653515,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null}],"selected_variant":{"id":58653515,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"first_available_variant":{"id":58653515,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"selected_or_first_available_variant":{"id":58653515,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"img_url":"\/assets\/images\/products\/no_image.png","featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"secondary_image":{"alt":"","img_url":"","src":"","type":""},"images":[],"media":[],"featured_media":null,"metafields":[],"expires":null,"published_at":"2024-10-03T14:09:00.000-05:00","created_at":"2024-10-03T14:09:03.000-05:00","is_wishlisted":null},{"id":11813957,"handle":"sg-2","name":"SG 2","title":"SG 2","url":"\/products\/sg-2","price":50,"price_min":"50.0","price_max":"50.0","price_varies":false,"compare_at_price":100,"compare_at_price_min":"100.0","compare_at_price_max":"100.0","compare_at_price_varies":false,"available":true,"options_with_values":[],"options_by_name":[],"options":["Title"],"has_only_default_variant":true,"sole_variant_id":54657151,"variants":[{"id":54657151,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null}],"selected_variant":{"id":54657151,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"first_available_variant":{"id":54657151,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"selected_or_first_available_variant":{"id":54657151,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"img_url":"\/assets\/images\/products\/no_image.png","featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"secondary_image":{"alt":"","img_url":"","src":"","type":""},"images":[],"media":[],"featured_media":null,"metafields":[],"expires":null,"published_at":"2024-04-28T14:24:00.000-05:00","created_at":"2024-04-28T14:24:13.000-05:00","is_wishlisted":null},{"id":11768239,"handle":"sg","name":"SG","title":"SG","url":"\/products\/sg","price":50,"price_min":"50.0","price_max":"50.0","price_varies":false,"compare_at_price":100,"compare_at_price_min":"100.0","compare_at_price_max":"100.0","compare_at_price_varies":false,"available":true,"options_with_values":[],"options_by_name":[],"options":["Title"],"has_only_default_variant":true,"sole_variant_id":54432533,"variants":[{"id":54432533,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null}],"selected_variant":{"id":54432533,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"first_available_variant":{"id":54432533,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"selected_or_first_available_variant":{"id":54432533,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"img_url":"\/assets\/images\/products\/no_image.png","featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"secondary_image":{"alt":"","img_url":"","src":"","type":""},"images":[],"media":[],"featured_media":null,"metafields":[],"expires":null,"published_at":"2024-04-20T16:50:00.000-05:00","created_at":"2024-04-20T16:51:00.000-05:00","is_wishlisted":null},{"id":11688611,"handle":"pixel-8-pro","name":"Pixel Phone","title":"Pixel Phone","url":"\/products\/pixel-8-pro","price":50,"price_min":"50.0","price_max":"50.0","price_varies":false,"compare_at_price":100,"compare_at_price_min":"100.0","compare_at_price_max":"100.0","compare_at_price_varies":false,"available":true,"options_with_values":[],"options_by_name":[],"options":["Title"],"has_only_default_variant":true,"sole_variant_id":54019585,"variants":[{"id":54019585,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null}],"selected_variant":{"id":54019585,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"first_available_variant":{"id":54019585,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"selected_or_first_available_variant":{"id":54019585,"title":"Default Title","sku":"","taxable":false,"barcode":null,"available":true,"inventory_quantity":null,"featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"price":5000,"compare_at_price":10000,"is_enabled":true,"options":["Default Title"],"option1":"Default Title","option2":null,"option3":null},"img_url":"\/assets\/images\/products\/no_image.png","featured_image":{"alt":"Empty Image","img_url":"\/assets\/images\/products\/no_image.png","src":"\/assets\/images\/products\/no_image.png","type":"images"},"secondary_image":{"alt":"","img_url":"","src":"","type":""},"images":[],"media":[],"featured_media":null,"metafields":[],"expires":null,"published_at":"2024-04-07T14:17:00.000-05:00","created_at":"2024-04-07T14:17:31.000-05:00","is_wishlisted":null}],"sort_by":"featured"}
  3095.  
  3096.      EasyStore.Event.dispatch('collections/viewed', { collection })
  3097.  
  3098.    }
  3099.  
  3100.    function onProductView() {
  3101.  
  3102.      const product = ""
  3103.  
  3104.      EasyStore.Event.dispatch("products/viewed", { product })
  3105.  
  3106.    }
  3107.  
  3108.    function onProductShare(el) {
  3109.  
  3110.      const product = ""
  3111.  
  3112.      const channel = el.getAttribute("class").split("-").last()
  3113.  
  3114.      EasyStore.Event.dispatch('products/shared', { product, channel })
  3115.  
  3116.    }
  3117.  
  3118.    function onWishlistItemAdded() {
  3119.  
  3120.      let product  = ""
  3121.      const quantity = _selector("#Quantity").value
  3122.  
  3123.      EasyStore.Event.dispatch('wishlists/item_added', { product })
  3124.  
  3125.    }
  3126.  
  3127.    async function onCartItemsAdded() {
  3128.  
  3129.      const cart = await getCart()
  3130.  
  3131.      if(cart && cart.items != undefined && cart.items.length > 0) {
  3132.  
  3133.        EasyStore.Event.dispatch('carts/item_added', { cart })
  3134.  
  3135.      }
  3136.  
  3137.    }
  3138.  
  3139.    async function onCartView() {
  3140.  
  3141.      const cart = await getCart()
  3142.  
  3143.      EasyStore.Event.dispatch('carts/viewed', { cart })
  3144.  
  3145.    }
  3146.  
  3147.    async function onCartItemRemoved() {
  3148.  
  3149.      const cart = await getCart()
  3150.  
  3151.      cart.items = []
  3152.  
  3153.      if(cart) {
  3154.  
  3155.        EasyStore.Event.dispatch('carts/item_removed', { cart })
  3156.  
  3157.      }
  3158.  
  3159.    }
  3160.  
  3161.    async function onCheckoutInitiate() {
  3162.  
  3163.      const cart = await getCart()
  3164.  
  3165.      EasyStore.Event.dispatch('checkouts/initiated', { cart })
  3166.  
  3167.    }
  3168.  
  3169.    async function onShippingInfoAdded(form) {
  3170.      let checkout = getCheckout()
  3171.  
  3172.      let form_data = {}
  3173.      new FormData(form).forEach((value, key) => form_data[key] = value)
  3174.  
  3175.      let shipping_tier = null
  3176.  
  3177.      if (form_data.type && form_data.type.startsWith("r_pickup")) {
  3178.        shipping_tier = `Pickup - ${form_data.pick_location}`
  3179.      }
  3180.  
  3181.      if (form_data.s_id) {
  3182.        shipping_tier = _selector(`input[id='`+form_data.s_id+`']`).getAttribute("data-shipping-name")
  3183.      }
  3184.  
  3185.      if (!shipping_tier) return
  3186.  
  3187.      EasyStore.Event.dispatch('checkouts/shipping_info_added', { checkout, shipping_tier })
  3188.  
  3189.    }
  3190.  
  3191.    async function onPaymentInfoAdded(form) {
  3192.  
  3193.      let checkout = getCheckout()
  3194.  
  3195.      let payment_type = new FormData(form).get('payment_method')
  3196.  
  3197.      EasyStore.Event.dispatch("checkouts/payment_info_added", { checkout, payment_type })
  3198.  
  3199.    }
  3200.  
  3201.    async function onOrderPlace() {
  3202.  
  3203.      let cart_token  = getCookie("cart_js")
  3204.      let previous_cart_token = getCookie("previous_cart_ga4_js")
  3205.  
  3206.      if (previous_cart_token && previous_cart_token == cart_token) {
  3207.        // Prevent duplicate purchase tracking
  3208.        return
  3209.      }
  3210.  
  3211.      let order = getOrder()
  3212.  
  3213.      EasyStore.Event.dispatch('orders/placed', { order })
  3214.  
  3215.      if(order.is_manual_payment) {
  3216.  
  3217.        EasyStore.Event.dispatch('orders/purchased', { order })
  3218.  
  3219.      }
  3220.  
  3221.      const last_transaction = order.transactions.last()
  3222.  
  3223.      if (last_transaction.status) {
  3224.  
  3225.        EasyStore.Event.dispatch('orders/purchased', { order })
  3226.        EasyStore.Event.dispatch('payments/captured', { order })
  3227.  
  3228.      }
  3229.  
  3230.    }
  3231.  
  3232.    async function onPaymentFail() {
  3233.  
  3234.      const order = getOrder()
  3235.  
  3236.      EasyStore.Event.dispatch('payments/failed', { order })
  3237.  
  3238.    }
  3239.  
  3240.    async function onCheckoutComplete(form) {
  3241.  
  3242.      onPaymentInfoAdded(form)
  3243.  
  3244.      const checkout = getCheckout()
  3245.  
  3246.      EasyStore.Event.dispatch('checkouts/completed', { checkout })
  3247.  
  3248.    }
  3249.  
  3250.    async function onSinglePageCheckout() {
  3251.  
  3252.      // let checkout = $("[data-app-checkout]").data("app-checkout")
  3253.  
  3254.      let checkout = getCheckout()
  3255.  
  3256.      // const payment_type = _selector("#app_spc_payment_method").find(`[class*="label-content"]`).first().find("b").first().text()
  3257.      const payment_type = _selector("#app_spc_payment_method").getElementsByClassName('label-content')[0].getElementsByTagName('b')[0].innerHTML
  3258.  
  3259.      const shipping_method = _selector("#delivery_method").value
  3260.  
  3261.      let shipping_tier = null
  3262.      let app_spc_customer_info_label = _selector("#app_spc_customer_info").getElementsByClassName('label-content')
  3263.      if (shipping_method == "shipping") {
  3264.        shipping_tier = app_spc_customer_info_label[app_spc_customer_info_label.length - 1].getElementsByTagName('b')[0].innerHTML
  3265.      }
  3266.  
  3267.      if (shipping_method == "pickup") {
  3268.        shipping_tier = app_spc_customer_info_label[0].innerHTML
  3269.      }
  3270.  
  3271.      if (shipping_tier) {
  3272.  
  3273.        EasyStore.Event.dispatch('checkouts/shipping_info_added', {
  3274.          checkout,
  3275.          shipping_tier,
  3276.        })
  3277.  
  3278.      }
  3279.  
  3280.      if (payment_type) {
  3281.  
  3282.        EasyStore.Event.dispatch('checkouts/payment_info_added', {
  3283.          checkout,
  3284.          payment_type,
  3285.        })
  3286.  
  3287.      }
  3288.  
  3289.      EasyStore.Event.dispatch('checkouts/completed', { checkout })
  3290.  
  3291.    }
  3292.  
  3293.  })
  3294.  
  3295.  
  3296.  //-----------------------//
  3297.  //       Functions       //
  3298.  //-----------------------//
  3299.  
  3300.  function getCookie(name) {
  3301.  
  3302.    name += "="
  3303.  
  3304.    decodedCookie = decodeURIComponent(document.cookie)
  3305.  
  3306.    ca = decodedCookie.split(";")
  3307.  
  3308.    for(i = 0; i < ca.length; i++) {
  3309.      c = ca[i]
  3310.      while (c.charAt(0) == " ") {
  3311.        c = c.substring(1)
  3312.      }
  3313.      if (c.indexOf(name) == 0) {
  3314.        return c.substring(name.length, c.length)
  3315.      }
  3316.    }
  3317.  
  3318.    return ""
  3319.  
  3320.  }
  3321.  
  3322.  const parsePrice = price => {
  3323.    if(typeof price === 'string') {
  3324.      return parseFloat(price.split(',').join(''))
  3325.    }
  3326.  
  3327.    return price
  3328.  }
  3329.  
  3330.  const requestCart = async (method, data) => {
  3331.  
  3332.  let response = await fetch('/cart.json', {method: 'GET',headers: {'Content-Type': 'application/json'}})
  3333.    result = await response.json()
  3334.  
  3335.    return result.cart
  3336.  
  3337.  }
  3338.  const getCart = async (latest = false) => {
  3339.  
  3340.    let cart = window.__latest_cart
  3341.  
  3342.    const cart_invalid = !cart || !cart.items || (cart.total_price > 0 && !cart.items.length)
  3343.  
  3344.    if(latest || cart_invalid) {
  3345.      cart = await requestCart()
  3346.    }
  3347.  
  3348.    cart.items = cart.items || []
  3349.  
  3350.    return mapCart(cart)
  3351.  
  3352.  }
  3353.  
  3354.  const getCheckout = async () => {
  3355.    mapCheckout(window.__latest_cart || await requestCart())
  3356.  }
  3357.  
  3358.  const getOrder = async () => {
  3359.    mapOrder(window.__latest_cart || await requestCart())
  3360.  }
  3361.  
  3362.  //-----------------------//
  3363.  //        Mappers        //
  3364.  //-----------------------//
  3365.  
  3366.  const fallbackAttribute = (object, attribute) => {
  3367.  
  3368.    if(!Array.isArray(attribute)) {
  3369.      attribute = [attribute]
  3370.    }
  3371.  
  3372.    let final_value = null
  3373.  
  3374.    do {
  3375.  
  3376.      final_value = object[attribute.shift()]
  3377.  
  3378.    } while(!final_value && attribute.length)
  3379.  
  3380.    return final_value
  3381.  
  3382.  }
  3383.  
  3384.  const map = (object, mapper) => {
  3385.  
  3386.    const newObject = {}
  3387.  
  3388.    for(const key in mapper) {
  3389.  
  3390.      // Handle different keys between new and old format
  3391.      newObject[key] = fallbackAttribute(object, mapper[key])
  3392.  
  3393.      // Cast price to float
  3394.      if(newObject[key] && ['price', 'amount', 'discount', 'discounts'].some(x => key.endsWith(x))) {
  3395.        newObject[key] = parsePrice(newObject[key])
  3396.      }
  3397.  
  3398.      if(newObject[key] === undefined) {
  3399.        delete newObject[key]
  3400.      }
  3401.  
  3402.    }
  3403.  
  3404.    return newObject
  3405.  
  3406.  }
  3407.  
  3408.  const mapCart = cart => {
  3409.  
  3410.    const oldCart = cart
  3411.  
  3412.    const mapper = {
  3413.      id: 'id',
  3414.      currency: 'currency',
  3415.      item_count: 'item_count',
  3416.      items: 'items',
  3417.      total_price: 'total_price',
  3418.      latest_items: 'latest_items'
  3419.    }
  3420.  
  3421.    cart = map(cart, mapper)
  3422.  
  3423.    const discounts = (oldCart.storewide_discounts || []).concat((oldCart.voucher_discounts || []))
  3424.  
  3425.    cart.discount_applications = discounts.map(discount => ({
  3426.      title: discount.voucher_code || null,
  3427.      value: parsePrice(discount.amount),
  3428.    }))
  3429.  
  3430.    cart.original_total_price = cart.items.length
  3431.    ? cart.items
  3432.      .map(item => item.original_price)
  3433.      .reduce((sum, price) => sum + price)
  3434.    : 0
  3435.  
  3436.    cart.total_discount = cart.discount_applications.length
  3437.    ? cart.discount_applications
  3438.      .map(discount => parsePrice(discount.value))
  3439.      .reduce((sum, value) => sum + value)
  3440.    : 0
  3441.  
  3442.    cart.items = cart.items.map(item => mapLineItem(item))
  3443.  
  3444.    return cart
  3445.  
  3446.  }
  3447.  
  3448.  const mapCheckout = checkout => {
  3449.  
  3450.    const mapper = {
  3451.      note: 'note',
  3452.      attributes: 'note_attributes',
  3453.      billing_address: 'billing_address',
  3454.      currency: 'currency',
  3455.      customer_id: 'customer_id',
  3456.      discounts_amount: 'total_discount',
  3457.      id: 'id',
  3458.      line_items: 'order_item',
  3459.      order_number: 'order_number',
  3460.      shipping_address: 'shipping_address',
  3461.      shipping_price: 'shipping_tax',
  3462.      shipping_method: 'shipping_method_name',
  3463.      tax_price: 'total_tax',
  3464.    }
  3465.  
  3466.    checkout = map(checkout, mapper)
  3467.  
  3468.    checkout.requires_shipping = checkout.line_items.some(item => item.shipping_required)
  3469.  
  3470.    checkout.line_items = checkout.line_items.map(item => mapLineItem(item))
  3471.  
  3472.    return checkout
  3473.  
  3474.  }
  3475.  
  3476.  const mapOrder = order => {
  3477.  
  3478.    const mapper = {
  3479.      attributes: 'note_attributes',
  3480.      billing_address: 'billing_address',
  3481.      cancelled: 'is_cancelled',
  3482.      cancelled_at: 'cancelled_at',
  3483.      created_at: 'created_at',
  3484.      customer_id: 'customer_id',
  3485.      // discount_applications: 'discount_applications',
  3486.      email: 'email',
  3487.      financial_status: 'financial_status',
  3488.      fulfillment_status: 'fulfillment_status',
  3489.      line_items: 'order_item',
  3490.      note: 'note',
  3491.      order_number: 'order_number',
  3492.      phone: 'phone',
  3493.      shipping_address: 'shipping_address',
  3494.      shipping_methods: 'shipping_methods',
  3495.      shipping_price: 'total_shipping',
  3496.      subtotal_price: 'subtotal_price',
  3497.      // tax_lines: 'tax_lines',
  3498.      tax_price: 'total_tax',
  3499.      total_discounts: 'total_discount',
  3500.      total_net_amount: 'total_amount_include_transaction',
  3501.      total_price: 'total_price',
  3502.      transactions: 'transaction_records',
  3503.      is_manual_payment: 'is_manual_payment',
  3504.    }
  3505.  
  3506.    order.email = order.billing_address.email
  3507.    order.phone = order.billing_address.phone
  3508.    order.shipping_method = order.shipping_method_name
  3509.  
  3510.    order = map(order, mapper)
  3511.  
  3512.    order.line_items = order.line_items.map(item => mapLineItem(item))
  3513.    order.transactions = order.transactions.map(transaction => mapTransaction(transaction))
  3514.  
  3515.    return order
  3516.  
  3517.  }
  3518.  
  3519.  const mapLineItem = line_item => {
  3520.  
  3521.    const old_line_item = line_item
  3522.  
  3523.    const mapper = {
  3524.      final_price: 'price',
  3525.      image: 'img_url',
  3526.      message: 'message',
  3527.      original_line_price: 'original_line_price',
  3528.      original_price: 'original_price',
  3529.      properties: 'properties',
  3530.      quantity: 'quantity',
  3531.      requires_shipping: 'shipping_required',
  3532.      sku: 'sku',
  3533.      taxable: 'taxable',
  3534.      title: 'product_name',
  3535.      product_name: 'product_name',
  3536.      url: 'url',
  3537.      product_id: 'product_id',
  3538.      variant_id: 'variant_id',
  3539.      id: ['id', 'i_id'],
  3540.    }
  3541.  
  3542.    line_item = map(line_item, mapper)
  3543.  
  3544.    line_item.product_id = line_item.product_id || (old_line_item.product && old_line_item.product.id) || null
  3545.    line_item.variant_id = line_item.variant_id || (old_line_item.variant && old_line_item.variant.id) || null
  3546.    line_item.image      = line_item.image || (old_line_item.image && old_line_item.image.url) || null
  3547.  
  3548.    return line_item
  3549.  
  3550.  }
  3551.  
  3552.  const mapTransaction = transaction => {
  3553.  
  3554.    const mapper = {
  3555.      amount: 'amount',
  3556.      created_at: 'created_at',
  3557.      gateway: 'gateway_type',
  3558.      id: 'id',
  3559.      status: 'status',
  3560.    }
  3561.  
  3562.    transaction = map(transaction, mapper)
  3563.  
  3564.    return transaction
  3565.  
  3566.  }
  3567.  
  3568.  
  3569. </script>
  3570.  
  3571. </body>
  3572. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda