PageSourceSearch

https://workapes.com/store-locator

html workapes.com collected 2026-09-25 03:01:42 UTC 227,240 bytes, 3,797 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8"/>
5    <meta http-equiv="X-UA-Compatible"
6          content="IE=edge"/>
7    <meta name="viewport"
8          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
9    <link rel="stylesheet" href="/public/102347045/hawaii/css/splide.min.css?ver=sceptre:0abf2a4" as="" onload="">
10        <noscript><link rel="stylesheet" href="styles.css"></noscript>
11    <link rel="stylesheet" href="/public/102347045/hawaii/css/octarine.css?ver=sceptre:0abf2a4" as="" onload="">
12        <noscript><link rel="stylesheet" href="styles.css"></noscript>
13    <link rel="stylesheet" href="/public/102347045/hawaii/css/layout.css?ver=sceptre:0abf2a4" as="" onload="">
14        <noscript><link rel="stylesheet" href="styles.css"></noscript>
15    <link rel="stylesheet" href="/public/102347045/hawaii/css/styles.css?ver=sceptre:0abf2a4" as="" onload="">
16        <noscript><link rel="stylesheet" href="styles.css"></noscript>
17    <link rel="stylesheet" href="/public/102347045/hawaii/css/wishlist-utils.css?ver=sceptre:0abf2a4" as="" onload="">
18        <noscript><link rel="stylesheet" href="styles.css"></noscript>
19    <link rel="stylesheet" href="/public/102347045/hawaii/css/wishlist.css?ver=sceptre:0abf2a4" as="" onload="">
20        <noscript><link rel="stylesheet" href="styles.css"></noscript>
21    
22
23
24
25
26
27
28
29
30
31
32
33
34<meta name="theme-color" content="#000000" />
35
36<link rel="shortcut icon"
37      type="image/x-icon"
38      href="https://dukaan.b-cdn.net/64x64/webp/media/9015f314-5d28-4a57-8fcd-ef6b9b22906a.png"/>
39
40
41
42
43
44
45
46<!--Prefetch-->
47<link rel="dns-prefetch"
48      href="https://www.googletagmanager.com/">
49<link rel="dns-prefetch"
50      href="https://connect.facebook.net/">
51
52
53<link href="https://www.googletagmanager.com/gtag/js?id=G-Z3PK9VBYX2"
54      rel="preload"
55      as="script">
56
57
58
59
60    <style>
61  
62  
63  
64  :root {
65    --primary: #D27335;
66    --secondary: #1A181E;
67    --menu-bar-color: #146eb4;
68    --primary-rgb: 210,115,53;
69    --secondary-rgb: 26,24,30;
70    --primary-background: rgba(210,115,53, .15);
71    --primary-hover: #c2672b;
72  }
73
74  :root {
75    --border-radius-small: 4px;
76    --border-radius-medium: 6px;
77    --border-radius-large: 8px;
78    --border-radius-modal: 16px;
79
80    --white: #ffffff;
81    --black-100: var(--white);
82    --black-12: #1a181e;
83    --black-25: #353535;
84    --black-30: #4d4d4d;
85    --black-50: #808080;
86    --black-55: #989898;
87    --black-60: #999999;
88    --black-70: #b2b2b2;
89    --black-80: #cccccc;
90    --black-85: #d9d9d9;
91    --black-90: #e6e6e6;
92    --black-95: #f2f2f2;
93    --black-96: #f5f5f5;
94    --black-98: #fafafa;
95
96    --brand-primary: #146eb4;
97    --brand-secondary: #ee741f;
98    --primary-black: var(--black-12);
99    --secondary-raspberry: #df1e5b;
100    --secondary-yellow: #fab73b;
101    --secondary-green: #17b31b;
102    --secondary-red: #e50b20;
103    --secondary-orange: #db6b1d;
104    --secondary-navyblue: #1e2640;
105    --green-hover: #149917;
106    --red-hover: #cc0a1d;
107
108    --black-hover: var(--black-30);
109    --secondary-red-a10: rgba(229, 11, 32, 0.1);
110    --white-a10: rgba(255, 255, 255, 0.1);
111    --secondary-green-rgb: 23, 179, 27;
112    --brand-secondary-rgb: 238, 116, 31;
113    --offers-shadow: rgba(26, 24, 30, 0.24);
114    --division-primary: var(--black-90);
115    --shimmer-gradient: linear-gradient(to right,
116        var(--black-95) 8%,
117        var(--black-85) 18%,
118        var(--black-95) 33%);
119
120    --theme-secondary-green: #17b31b;
121    --theme-secondary-red: #e50b20;
122    --theme-variable-white: var(--white);
123    --theme-primary: var(--primary);
124    --theme-primary-black: var(--primary-black);
125    --theme-primary-black-hover: var(--primary-black);
126    --theme-primary-black-30: #4d4d4d;
127
128    --theme-pimrary-button-color: var(--primary);
129    --navicon-hover: var(--black-95);
130    --drawer-background-primary: var(--white);
131    --search-background: var(--black-95);
132    --odd-background: var(--black-98);
133    --trusted-illustration-color: #999999;
134
135    --regular-font-weight: 400;
136    --medium-font-weight: 500;
137    --bold-font-weight: 600;
138
139    --bxgy-green: #17b31b;
140
141    --container-bottom-sticky: 0px;
142
143  }
144</style>
145
146    
147<link rel="stylesheet" href="/public/102347045/hawaii/css/store-locator.css?ver=sceptre:0abf2a4" as="" onload="">
148        <noscript><link rel="stylesheet" href="styles.css"></noscript>
149
150    <meta name="theme-color" content="#000000" />
151<meta charset="UTF-8" />
152<link rel="shortcut icon"
153      type="image/x-icon"
154      href="https://dukaan.b-cdn.net/64x64/webp/media/9015f314-5d28-4a57-8fcd-ef6b9b22906a.png"/>
155<link rel="dns-prefetch"
156      href="https://www.googletagmanager.com/">
157<link rel="dns-prefetch"
158      href="https://connect.facebook.net/">
159<link rel="canonical" href="https://workapes.com/store-locator" />
160<style>
161            @media (max-width: 767px) {
162              .product-details-section .pdp-button-wrapper {
163                position: fixed !important;
164                width: 100% !important;
165                z-index: 2;
166                margin-top: 0 !important;
167              }
168            }
169           </style>
170<style>
171  
172  :root {
173    --primary: #D27335;
174    --secondary: #1A181E;
175    --menu-bar-color: #146eb4;
176    --primary-rgb: 210,115,53;
177    --secondary-rgb: 26,24,30;
178    --primary-background: rgba(210,115,53, 0.15);
179    --primary-hover: #c2672b;
180  }
181
182  :root {
183    --border-radius-small: 4px;
184    --border-radius-medium: 6px;
185    --border-radius-large: 8px;
186    --border-radius-modal: 16px;
187
188    --white: #ffffff;
189    --black-100: var(--white);
190    --black-12: #1a181e;
191    --black-25: #353535;
192    --black-30: #4d4d4d;
193    --black-50: #808080;
194    --black-55: #989898;
195    --black-60: #999999;
196    --black-70: #b2b2b2;
197    --black-80: #cccccc;
198    --black-85: #d9d9d9;
199    --black-90: #e6e6e6;
200    --black-95: #f2f2f2;
201    --black-96: #f5f5f5;
202    --black-98: #fafafa;
203
204    --brand-primary: #146eb4;
205    --brand-secondary: #ee741f;
206    --primary-black: var(--black-12);
207    --secondary-raspberry: #df1e5b;
208    --secondary-yellow: #fab73b;
209    --secondary-green: #17b31b;
210    --secondary-red: #e50b20;
211    --secondary-orange: #db6b1d;
212    --secondary-navyblue: #1e2640;
213    --green-hover: #149917;
214    --red-hover: #cc0a1d;
215
216    --black-hover: var(--black-30);
217    --secondary-red-a10: rgba(229, 11, 32, 0.1);
218    --white-a10: rgba(255, 255, 255, 0.1);
219    --secondary-green-rgb: 23, 179, 27;
220    --brand-secondary-rgb: 238, 116, 31;
221    --offers-shadow: rgba(26, 24, 30, 0.24);
222    --division-primary: var(--black-90);
223    --shimmer-gradient: linear-gradient(to right,
224        var(--black-95) 8%,
225        var(--black-85) 18%,
226        var(--black-95) 33%);
227
228    --theme-secondary-green: #17b31b;
229    --theme-secondary-red: #e50b20;
230    --theme-variable-white: var(--white);
231    --theme-primary: var(--primary);
232    --theme-primary-black: var(--primary-black);
233    --theme-primary-black-hover: var(--primary-black);
234    --theme-primary-black-30: #4d4d4d;
235
236    --theme-pimrary-button-color: var(--primary);
237    --navicon-hover: var(--black-95);
238    --drawer-background-primary: var(--white);
239    --search-background: var(--black-95);
240    --odd-background: var(--black-98);
241    --trusted-illustration-color: #999999;
242
243    --regular-font-weight: 400;
244    --medium-font-weight: 500;
245    --bold-font-weight: 600;
246
247    --bxgy-green: #17b31b;
248
249    --container-bottom-sticky: 0px;
250
251  }
252</style>
253<style>
254	* {
255	   font-family: var(--font-family);
256	 }
257 </style>
258 <link rel="preconnect" href="https://fonts.googleapis.com">
259		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
260		<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap">
261		<link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap">
262		<style>
263		  :root {
264			--font-family: Space Grotesk;
265		  }
266		</style>
267<style>
268      @-webkit-keyframes spinner-border {
269        to {
270          -webkit-transform: rotate(360deg);
271          transform: rotate(360deg);
272        }
273      }
274    
275      @keyframes spinner-border {
276        to {
277          -webkit-transform: rotate(360deg);
278          transform: rotate(360deg);
279        }
280      }
281    
282      .loader {
283        display: inline-block;
284        width: 20px;
285        height: 20px;
286        vertical-align: text-bottom;
287        border: 3px solid currentColor;
288        border-right-color: transparent;
289        border-radius: 50%;
290        -webkit-animation: spinner-border 0.75s linear infinite;
291        animation: spinner-border 0.75s linear infinite;
292      }
293      .loaderContainer {
294        position: absolute;
295        top: 0;
296        left: 0;
297        right: 0;
298        bottom: 0;
299      }
300    </style>
301<style>
302    .bounceLoaderWrap {
303      position: relative;
304      height: 100%;
305      width: 100%;
306      background-color: var(--white);
307    }
308    .bounceLoaderWrap.overlay {
309      top: 0;
310      bottom: 0;
311      left: 0;
312      right: 0;
313      position: fixed;
314      background-color: rgba(0, 0, 0, 0.6);
315      backdrop-filter: blur(24px);
316      z-index: 10;
317    }
318    .bounceLoaderWrap.overlay.highZIndex {
319      z-index: 10000;
320    }
321    
322    .bounceLoader {
323      display: flex;
324      align-items: center;
325      flex-direction: column;
326      position: absolute;
327      top: 0;
328      left: 0;
329      right: 0;
330      bottom: 0;
331      pointer-events: all;
332    }
333    .bounceLoader.absoluteCenter {
334      position: absolute;
335      top: 50%;
336      left: 50%;
337      transform: translate(-50%, -50%);
338    }
339    .bounceLoader .spinner {
340      text-align: center;
341    }
342    .bounceLoader .spinner > .bounce {
343      width: 20px;
344      height: 20px;
345      background-color: #ccc;
346      border-radius: 100%;
347      display: inline-block;
348      -webkit-animation: bounce-delay 1.4s infinite ease-in-out both;
349      animation: bounce-delay 1.4s infinite ease-in-out both;
350    }
351    .bounceLoader .spinner > .bounce.bounce1 {
352      -webkit-animation-delay: -0.32s;
353      animation-delay: -0.32s;
354      margin-right: 8px;
355    }
356    .bounceLoader .spinner > .bounce.bounce2 {
357      -webkit-animation-delay: -0.16s;
358      animation-delay: -0.16s;
359      margin-right: 8px;
360    }
361    
362    @keyframes bounce-delay {
363      0%, 80%, 100% {
364        -webkit-transform: scale(0);
365        transform: scale(0);
366      } 40% {
367        -webkit-transform: scale(1.0);
368        transform: scale(1.0);
369      }
370    }
371    
372    </style>
373
374  <link rel="preconnect" href="https://fonts.googleapis.com">
375<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
376<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
377  </head>
378  
379<style>
380  @-webkit-keyframes spinner-border {
381    to {
382      -webkit-transform: rotate(360deg);
383      transform: rotate(360deg);
384    }
385  }
386
387  @keyframes spinner-border {
388    to {
389      -webkit-transform: rotate(360deg);
390      transform: rotate(360deg);
391    }
392  }
393
394  .loader {
395    display: inline-block;
396    width: 20px;
397    height: 20px;
398    vertical-align: text-bottom;
399    border: 3px solid currentColor;
400    border-right-color: transparent;
401    border-radius: 50%;
402    -webkit-animation: spinner-border 0.75s linear infinite;
403    animation: spinner-border 0.75s linear infinite;
404  }
405  .loaderContainer {
406    position: absolute;
407    top: 0;
408    left: 0;
409    right: 0;
410    bottom: 0;
411  }
412</style>
413
414<div class="fB a-c j-c w100 h100 loaderContainer hidden">
415  <div class="loader"></div>
416</div>
417
418
419  <body>
420    
421
422
423
424    <!-- header -->
425    <style>
426  .header-section {
427    /* border: 1px solid #E5E5E5; */
428    z-index: 999;
429  }
430
431  @media only screen and (max-width: 992px) {
432    .mobile-side-menu-offcanvas {
433      width: 100% !important;
434    }
435  }
436
437  .mobile-side-menu-offcanvas {
438    z-index: 9999;
439  }
440
441  .header-section .dkn-header-menu-item-hamburger::before {
442    content: '';
443    height: 100%;
444    width: 40px;
445    background: linear-gradient(90deg,
446        rgba(255, 255, 255, 0) 0,
447        var(--white) 86.33%);
448    z-index: 1020;
449    position: absolute;
450    right: 100%;
451  }
452
453  .header-section .dkn-header-menu-item .dkn-header-menu-item-label {
454    border-bottom: 1px solid transparent;
455    /* padding: 8px 0; */
456  }
457
458  .header-section .dkn-header-menu-item.dkn-header-menu-item-active .dkn-header-menu-item-label,
459  .header-section .dkn-header-menu-item:hover .dkn-header-menu-item-label {
460    border-bottom: 1px solid var(--black-12);
461    /* color: var(--primary) !important; */
462    font-weight: 600;
463  }
464</style>
465<!-- header for desktop -->
466<header id="dkn-desktop-header" class="header-section sticky-top bg-white d-none d-lg-block" >
467  <div class="header-outer-wrapper">
468    <!-- desktop header -->
469    <div class="header-main position-relative" id="desktop-header">
470      <div class="sc-container px-0 d-flex justify-content-center align-items-center">
471        <!-- header logo -->
472        <div class="header-logo" style="max-width: 300px">
473          <a href="/" class="d-flex align-items-center">
474            <img id="logo" class="me-2" src="https://dukaan.b-cdn.net/200x200/webp/media/12fb0e72-8491-420a-a280-d503ddb00da3.png" onerror="imageOnError(event)"
475              style="max-height: 52px" />
476            <div style="font-weight: 700;
477              font-size: 32px;
478              line-height: 40px;"></div>
479            
480            <h6 class="text-color-white font-bold text-nowrap">Workapes</h6>
481            
482          </a>
483        </div>
484        <!-- header menu -->
485        <div class="dkn-header-menu position-relative d-flex align-items-center p-0 overflow-hidden w-100"
486          style="margin-left: 78px;">
487          <ul class="dkn-header-menu-list d-inline-flex align-items-center flex-shrink-0 my-auto">
488            <li class="dkn-header-menu-item me-4 position-relative d-none" data-menu-id="home">
489              <a href="/">
490                <h5 class="dkn-header-menu-item-label font-semibold" style="color: var(--black-12)">Home</h5>
491              </a>
492            </li>
493            <li class="dkn-header-menu-item me-4 position-relative d-none" data-menu-id="categories"
494              data-dropdown-id="shop-dropdown">
495              <a href="/categories">
496                <div class="d-flex align-items-center gap-1">
497                  <h5 class="dkn-header-menu-item-label font-semibold" style="color: var(--black-12)">Shop</h5>
498                  
499                  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
500                    <path fill-rule="evenodd" clip-rule="evenodd"
501                      d="M2.55806 5.55806C2.80214 5.31398 3.19786 5.31398 3.44194 5.55806L8 10.1161L12.5581 5.55806C12.8021 5.31398 13.1979 5.31398 13.4419 5.55806C13.686 5.80214 13.686 6.19786 13.4419 6.44194L8.44194 11.4419C8.19786 11.686 7.80214 11.686 7.55806 11.4419L2.55806 6.44194C2.31398 6.19786 2.31398 5.80214 2.55806 5.55806Z"
502                      fill="#4D4D4D" />
503                  </svg>
504                  
505                </div>
506              </a>
507            </li>
508            
509            
510            <li class="dkn-header-menu-item me-4 position-relative" data-menu-id="apple-freeform"
511              data-dropdown-id="false">
512              <a href="/categories/apple-freeform">
513                <div class="d-flex align-items-center gap-1">
514                  <h5 class="dkn-header-menu-item-label font-semibold" style="color: var(--black-12)"
515                    data-button="categories" data-language="false">
516                    Apple Freeform
517                  </h5>
518                  
519                </div>
520              </a>
521            </li>
522            
523            
524            <li class="dkn-header-menu-item me-4 position-relative" data-menu-id="apple-notes"
525              data-dropdown-id="false">
526              <a href="/categories/apple-notes">
527                <div class="d-flex align-items-center gap-1">
528                  <h5 class="dkn-header-menu-item-label font-semibold" style="color: var(--black-12)"
529                    data-button="categories" data-language="false">
530                    Apple Notes
531                  </h5>
532                  
533                </div>
534              </a>
535            </li>
536            
537            
538            <li class="dkn-header-menu-item me-4 position-relative" data-menu-id=""
539              data-dropdown-id="false">
540              <a href="https://help.workapes.com/">
541                <div class="d-flex align-items-center gap-1">
542                  <h5 class="dkn-header-menu-item-label font-semibold" style="color: var(--black-12)"
543                    data-button="categories" data-language="false">
544                    Contact Us
545                  </h5>
546                  
547                </div>
548              </a>
549            </li>
550            
551            <li class="dkn-header-menu-item store-locator-link dkn-store-locator-link hidden position-relative">
552              <a href="/store-locator">
553                <h5 data-menu-id="store-locator" class="dkn-header-menu-item-label font-semibold"
554                  style="color: var(--black-12)">
555                  Store locator
556                </h5>
557              </a>
558            </li>
559            <li class="dkn-header-menu-item-hamburger position-absolute end-0 bg-white d-flex m-0 p-0 hidden">
560              <button class="btn-transparent" data-bs-toggle="offcanvas" data-bs-target="#dknHeaderHamburgerMenu"
561                aria-controls="dknHeaderHamburgerMenu">
562                <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
563                  <path fill-rule="evenodd" clip-rule="evenodd"
564                    d="M8.3125 18C8.3125 17.6 8.63678 17.2757 9.0368 17.2757H26.9632C27.3632 17.2757 27.6875 17.6 27.6875 18C27.6875 18.4 27.3632 18.7243 26.9632 18.7243H9.0368C8.63678 18.7243 8.3125 18.4 8.3125 18Z"
565                    fill="currentColor" />
566                  <path fill-rule="evenodd" clip-rule="evenodd"
567                    d="M8.3125 11.4813C8.3125 11.0813 8.63678 10.757 9.0368 10.757H26.9632C27.3632 10.757 27.6875 11.0813 27.6875 11.4813C27.6875 11.8813 27.3632 12.2056 26.9632 12.2056H9.0368C8.63678 12.2056 8.3125 11.8813 8.3125 11.4813Z"
568                    fill="currentColor" />
569                  <path fill-rule="evenodd" clip-rule="evenodd"
570                    d="M8.3125 24.5187C8.3125 24.1187 8.63678 23.7944 9.0368 23.7944H26.9632C27.3632 23.7944 27.6875 24.1187 27.6875 24.5187C27.6875 24.9187 27.3632 25.243 26.9632 25.243H9.0368C8.63678 25.243 8.3125 24.9187 8.3125 24.5187Z"
571                    fill="currentColor" />
572                </svg>
573              </button>
574            </li>
575          </ul>
576        </div>
577
578        <!-- sub menu dropdowns -->
579
580        <!-- dropdown -->
581        <style>
582  .accordion-header:has(~ .accordion-collapse.collapse.show) a{
583color: var(--primary) !important;
584}
585.accordion-header:has(~ .accordion-collapse.collapse.show) svg path{
586fill: var(--primary) !important;
587}
588.menu-sidebar-item:hover a,
589.menu-sidebar-item:hover
590{
591  color: var(--primary) !important;
592}
593.menu-sidebar-item:hover svg path{
594  fill: var(--primary) !important;
595}
596.header-menu-item-dropdown.header-fixed-mega-menu{
597  box-shadow: 0px 4px 12px rgba(26, 24, 30, 0.1);
598}
599.mega-menu-items a{
600  width: 95%;
601}
602.header-menu-item-dropdown{
603  padding: 16px 16px 0 16px;
604}
605.header-menu-item-single-dropdown{
606  max-width: 300px;
607  width: 100%;
608}
609
610</style>
611
612
613
614
615  
616
617  
618
619  
620
621
622<script   src="/public/102347045/hawaii/js/desktop-mega-menu.js?ver=sceptre:0abf2a4"></script>
622
623
624
625        <!-- categories dropdown -->
626        <div id="header-all-category-list-load-point">
627          
628          <ul class="header-menu-item-dropdown dkn-header-menu-item-dropdown bg-white p-2 hidden" id="shop-dropdown">
629            
630            <li id="1-dropdown" data-category-count="2"
631              data-category-slug="apple-freeform" class="mb-2">
632              <a class="d-flex justify-content-between align-items-center"
633                href="/categories/apple-freeform">
634                <p class="sub-body text-wrap lineClamp header-dropdown-item font-medium" style="color: var(--black-12)">
635                  Apple Freeform
636                </p>
637                
638                <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
639                  <path fill-rule="evenodd" clip-rule="evenodd"
640                    d="M6.91107 15.5894C6.58563 15.264 6.58563 14.7363 6.91107 14.4109L11.3218 10.0002L6.91107 5.58942C6.58563 5.26398 6.58563 4.73634 6.91107 4.41091C7.23651 4.08547 7.76414 4.08547 8.08958 4.41091L13.0896 9.41091C13.415 9.73634 13.415 10.264 13.0896 10.5894L8.08958 15.5894C7.76414 15.9149 7.23651 15.9149 6.91107 15.5894Z"
641                    fill="var(--primary)" />
642                </svg>
643                
644              </a>
645            </li>
646            
647            <li id="2-dropdown" data-category-count="0"
648              data-category-slug="apple-notes" class="mb-2">
649              <a class="d-flex justify-content-between align-items-center"
650                href="/categories/apple-notes">
651                <p class="sub-body text-wrap lineClamp header-dropdown-item font-medium" style="color: var(--black-12)">
652                  Apple Notes
653                </p>
654                
655              </a>
656            </li>
657            
658            <li id="3-dropdown" data-category-count="0"
659              data-category-slug="google-sheet-apps" class="mb-2">
660              <a class="d-flex justify-content-between align-items-center"
661                href="/categories/google-sheet-apps">
662                <p class="sub-body text-wrap lineClamp header-dropdown-item font-medium" style="color: var(--black-12)">
663                  Google Sheet Apps
664                </p>
665                
666              </a>
667            </li>
668            
669            <li id="4-dropdown" data-category-count="0"
670              data-category-slug="supernote" class="mb-2">
671              <a class="d-flex justify-content-between align-items-center"
672                href="/categories/supernote">
673                <p class="sub-body text-wrap lineClamp header-dropdown-item font-medium" style="color: var(--black-12)">
674                  Supernote
675                </p>
676                
677              </a>
678            </li>
679            
680            <li id="5-dropdown" data-category-count="0"
681              data-category-slug="apple-freefrom-productivity" class="mb-2">
682              <a class="d-flex justify-content-between align-items-center"
683                href="/categories/apple-freefrom-productivity">
684                <p class="sub-body text-wrap lineClamp header-dropdown-item font-medium" style="color: var(--black-12)">
685                  Productivity: Apple Freefrom
686                </p>
687                
688              </a>
689            </li>
690            
691            <li id="6-dropdown" data-category-count="0"
692              data-category-slug="apple-freefrom-creative" class="mb-2">
693              <a class="d-flex justify-content-between align-items-center"
694                href="/categories/apple-freefrom-creative">
695                <p class="sub-body text-wrap lineClamp header-dropdown-item font-medium" style="color: var(--black-12)">
696                  Creative: Apple Freefrom
697                </p>
698                
699              </a>
700            </li>
701            
702          </ul>
703          
704          <ul onmouseleave="dropDownClose()" class="header-sub-category-item-dropdown position-absolute hidden" style="top: clac(100%-20px);
705                     left: 51%">
706            <header-all-sub-category-list-load-point>
707            </header-all-sub-category-list-load-point>
708          </ul>
709        </div>
710
711        <!-- header buttons -->
712        <div class="dkn-header-button-list d-flex justify-content-center align-items-center" style="max-width: 168px">
713          <!-- wishlist -->
714          <div class="me-4 dkn-wishlist-page-navigation-button" onclick="initDukaanAuth(redirectToWishlistPage)"
715            role="button">
716            <svg class="dkn-header-wishlist-icon" width="24" height="24" viewBox="0 0 24 24" fill="none"
717              xmlns="http://www.w3.org/2000/svg">
718              <path fill-rule="evenodd" clip-rule="evenodd"
719                d="M15.1523 3.40527C15.9187 3.10041 16.7391 2.955 17.5636 2.97793C18.3881 3.00086 19.1992 3.19166 19.9474 3.53865C20.6954 3.88553 21.3649 4.38122 21.9149 4.99545C24.1366 7.4661 23.7564 11.2628 21.4773 13.5532L13.1199 21.9107L12.623 21.4137L13.1175 21.913C12.8295 22.1983 12.4404 22.3584 12.035 22.3584C11.6295 22.3584 11.2405 22.1983 10.9524 21.913L10.95 21.9107L2.37722 13.3378C1.79422 12.7544 1.33612 12.0581 1.03125 11.2917C0.726385 10.5253 0.580976 9.70484 0.603908 8.88037C0.62684 8.05591 0.817632 7.24478 1.16463 6.49654C1.5115 5.74855 2.00719 5.07912 2.62143 4.52911C5.09208 2.30735 8.88873 2.68762 11.1792 4.96664L11.1823 4.96976L12.0352 5.82918L13.1045 4.75287L13.1063 4.75106C13.6897 4.16806 14.3859 3.71014 15.1523 3.40527ZM12.1285 20.9145C12.1287 20.9142 
71912.1283 20.9147 12.1285 20.9145L20.481 12.5619C20.4812 12.5617 20.4808 12.5621 20.481 12.5619C22.3072 10.726 22.5257 7.77614 20.8694 5.93476L20.8682 5.9335C20.4456 5.46133 19.931 5.0803 19.3561 4.81369C18.7812 4.54707 18.158 4.40048 17.5245 4.38286C16.891 4.36524 16.2606 4.47696 15.6718 4.71121C15.0833 4.9453 14.5487 5.29684 14.1006 5.74437C14.1004 5.74466 14.1001 5.74495 14.0998 5.74524L12.5335 7.32181C12.4015 7.45465 12.222 7.52932 12.0348 7.52927C11.8476 7.52922 11.6681 7.45445 11.5362 7.32155L10.1879 5.96294C10.1874 5.96243 10.1869 5.96192 10.1863 5.96141C8.35038 4.13615 5.40178 3.91854 3.56073 5.5746L3.55948 5.57573C3.08731 5.99841 2.70627 6.51292 2.43966 7.08783C2.17305 7.66274 2.02645 8.28597 2.00883 8.91945C1.99121 9.55293 2.10294 10.1833 2.33718 10.7722C2.57143 11.361 2.92327 11.8959 3.37121 12.3442L11.9415 20.9145C11.9417 20.9147 11.9412 20.9142 11.9415 20.9145C11.9663 20.9387 12.0003 20.9529 12.035 20.9529C12.0697 20.9529 12.1037 20.9387 12.1285 20.9145Z"
720                fill="#1A181E" />
721            </svg>
722            <svg class="dkn-header-wishlist-icon-filled d-none" width="24" height="24" viewBox="0 0 24 24" fill="none"
723              xmlns="http://www.w3.org/2000/svg">
724              <path fill-rule="evenodd" clip-rule="evenodd"
725                d="M15.1523 3.40527C15.9186 3.10041 16.7391 2.955 17.5636 2.97793C18.3881 3.00086 19.1992 3.19166 19.9474 3.53865C20.6954 3.88553 21.3649 4.38122 21.9149 4.99545C24.1366 7.4661 23.7564 11.2628 21.4773 13.5532L13.1199 21.9107L12.623 21.4137L13.1175 21.913C12.8295 22.1983 12.4404 22.3584 12.035 22.3584C11.6295 22.3584 11.2405 22.1983 10.9524 21.913L10.95 21.9107L2.37722 13.3378C1.79422 12.7544 1.33612 12.0581 1.03125 11.2917C0.726385 10.5253 0.580976 9.70484 0.603908 8.88037C0.62684 8.05591 0.817632 7.24478 1.16463 6.49654C1.5115 5.74855 2.00719 5.07912 2.62143 4.52911C5.09208 2.30735 8.88873 2.68762 11.1792 4.96664L11.1823 4.96976L12.0352 5.82918L13.1045 4.75287L13.1063 4.75106C13.6897 4.16806 14.3859 3.71014 15.1523 3.40527ZM12.1285 20.9145L20.481 12.5619C22.3072 10.726 22.5257 7.77614 20.8694 5.93476L20.8682 5.9335C20.4456 5.46133 19.931 5.0803 19.3561 4.81369C18.7812 4.54707 18.158 4.40048 17.5245 4.38286C16.891 4.36524 16.2606 4.47696 15.6718 4.71121C15.0833 4.9453 14.5487 5.29684 14.1006 5.74437L14.0998 5.74524L12.5335 7.32181C12.4015 7.45465 12.222 7.52932 12.0348 7.52927C11.8476 7.52922 11.6681 7.45445 11.5362 7.32155L10.1879 5.96294L10.1863 5.96141C8.35038 4.13616 5.40178 3.91854 3.56073 5.5746L3.55948 5.57573C3.08731 5.99841 2.70627 6.51292 2.43966 7.08783C2.17305 7.66274 2.02645 8.28597 2.00883 8.91945C1.99121 9.55293 2.10294 10.1833 2.33718 10.7722C2.57143 11.361 2.92327 11.8959 3.37121 12.3442L11.9415 20.9145C11.9663 20.9387 12.0003 20.9529 12.035 20.9529C12.0697 20.9529 12.1037 20.9387 12.1285 20.9145Z"
726                fill="var(--primary)" />
727              <path
728                d="M8.5 4L11.9997 6.5L17.4997 3.5L21.4997 5.5L22.4997 9L21.4997 13L11.9997 22L1.4997 11.5L0.999696 8L3.9997 4.5L8.5 4Z"
729                fill="var(--primary)" />
730            </svg>
731          </div>
732          <!-- search icon -->
733          <div onclick="openSearchDrawer()" role="button" class="me-4">
734            <svg class="dkn-header-search-icon" width="24" height="24" viewBox="0 0 24 24" fill="none"
735              xmlns="http://www.w3.org/2000/svg">
736              <g clip-path="url(#clip0_1133_513)">
737                <path fill-rule="evenodd" clip-rule="evenodd"
738                  d="M10.875 3.75C6.93997 3.75 3.75 6.93997 3.75 10.875C3.75 14.81 6.93997 18 10.875 18C14.81 18 18 14.81 18 10.875C18 6.93997 14.81 3.75 10.875 3.75ZM2.25 10.875C2.25 6.11154 6.11154 2.25 10.875 2.25C15.6385 2.25 19.5 6.11154 19.5 10.875C19.5 15.6385 15.6385 19.5 10.875 19.5C6.11154 19.5 2.25 15.6385 2.25 10.875Z"
739                  fill="#1A181E" />
740                <path fill-rule="evenodd" clip-rule="evenodd"
741                  d="M15.9133 15.9135C16.2062 15.6206 16.681 15.6206 16.9739 15.9135L21.5302 20.4698C21.8231 20.7627 21.8231 21.2375 21.5302 21.5304C21.2373 21.8233 20.7624 21.8233 20.4695 21.5304L15.9133 16.9742C15.6204 16.6813 15.6204 16.2064 15.9133 15.9135Z"
742                  fill="#1A181E" />
743              </g>
744              <defs>
745                <clipPath id="clip0_1133_513">
746                  <rect width="24" height="24" fill="white" />
747                </clipPath>
748              </defs>
749            </svg>
750            <svg class="dkn-header-search-icon-filled d-none" width="24" height="24" viewBox="0 0 24 24" fill="none"
751              xmlns="http://www.w3.org/2000/svg">
752              <path fill-rule="evenodd" clip-rule="evenodd"
753                d="M10.875 3.75C6.93997 3.75 3.75 6.93997 3.75 10.875C3.75 14.81 6.93997 18 10.875 18C14.81 18 18 14.81 18 10.875C18 6.93997 14.81 3.75 10.875 3.75ZM2.25 10.875C2.25 6.11154 6.11154 2.25 10.875 2.25C15.6385 2.25 19.5 6.11154 19.5 10.875C19.5 15.6385 15.6385 19.5 10.875 19.5C6.11154 19.5 2.25 15.6385 2.25 10.875Z"
754                fill="var(--primary)" />
755              <path fill-rule="evenodd" clip-rule="evenodd"
756                d="M15.9133 15.9135C16.2062 15.6206 16.681 15.6206 16.9739 15.9135L21.5302 20.4697C21.8231 20.7626 21.8231 21.2375 21.5302 21.5304C21.2373 21.8233 20.7624 21.8233 20.4695 21.5304L15.9133 16.9741C15.6204 16.6812 15.6204 16.2064 15.9133 15.9135Z"
757                fill="var(--primary)" />
758              <path
759                d="M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 
7596.58172 19 11Z"
760                fill="" />
761            </svg>
762          </div>
763          <!-- account icon -->
764          <div onclick="initDukaanAuth(redirectToAccount)" role="button" class="me-4">
765            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
766              <g clip-path="url(#clip0_1133_517)">
767                <path fill-rule="evenodd" clip-rule="evenodd"
768                  d="M12 3.75C9.1005 3.75 6.75 6.1005 6.75 9C6.75 11.8995 9.1005 14.25 12 14.25C14.8995 14.25 17.25 11.8995 17.25 9C17.25 6.1005 14.8995 3.75 12 3.75ZM5.25 9C5.25 5.27208 8.27208 2.25 12 2.25C15.7279 2.25 18.75 5.27208 18.75 9C18.75 12.7279 15.7279 15.75 12 15.75C8.27208 15.75 5.25 12.7279 5.25 9Z"
769                  fill="#1A181E" />
770                <path fill-rule="evenodd" clip-rule="evenodd"
771                  d="M12.0001 15.7493C10.2885 15.7493 8.60702 16.1999 7.12474 17.0557C5.64246 17.9116 4.41161 19.1426 3.55593 20.625C3.34886 20.9838 2.89017 21.1067 2.53144 20.8997C2.1727 20.6926 2.04975 20.2339 2.25682 19.8752C3.24415 18.1647 4.66435 16.7443 6.37468 15.7567C8.085 14.7692 10.0252 14.2493 12.0001 14.2493C13.9751 14.2493 15.9153 14.7692 17.6256 15.7567C19.3359 16.7443 20.7561 18.1647 21.7434 19.8752C21.9505 20.2339 21.8276 20.6926 21.4688 20.8997C21.1101 21.1067 20.6514 20.9838 20.4443 20.625C19.5886 19.1426 18.3578 17.9116 16.8755 17.0557C15.3932 16.1999 13.7118 15.7493 12.0001 15.7493Z"
772                  fill="#1A181E" />
773              </g>
774              <defs>
775                <clipPath id="clip0_1133_517">
776                  <rect width="24" height="24" fill="white" />
777                </clipPath>
778              </defs>
779            </svg>
780          </div>
781          <!-- bag -->
782          <div>
783            <a href="/templatestore/bag" class="position-relative">
784              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
785                <g clip-path="url(#clip0_1133_521)">
786                  <path fill-rule="evenodd" clip-rule="evenodd"
787                    d="M3.92004 6H20.08V6.8L20.0838 6.00001C20.4751 6.00185 20.8523 6.14611 21.1449 6.40583C21.4376 6.66555 21.6256 7.02296 21.6739 7.41124L21.6752 7.42178L23.095 20.22C23.095 20.2202 23.0949 20.2198 23.095 20.22C23.1201 20.4429 23.0982 20.6691 23.0305 20.8829C22.9628 21.0969 22.8507 21.2943 22.7017 21.4622C22.5527 21.63 22.37 21.7647 22.1656 21.8573C21.9611 21.95 21.7394 21.9986 21.515 22L21.51 22H2.48512C2.26064 21.9986 2.03897 21.95 1.83452 21.8573C1.63005 21.7647 1.44738 21.63 1.29836 21.4622C1.14935 21.2943 1.03732 21.0969 0.969571 20.8829C0.901936 20.6693 0.879936 20.4438 0.904991 20.2211C0.905033 20.2207 0.905076 20.2204 0.905119 20.22L2.32609 7.41123C2.37439 7.02295 2.56251 6.66555 2.85515 6.40583C3.1478 6.14611 3.52501 6.00185 3.91628 6.00001L3.92004 6ZM20.0767 7.6H3.92342C3.92113 7.6001 3.91893 7.60098 3.91721 7.60251C3.91565 7.60389 3.91458 7.60571 3.91411 7.60771L2.49496 20.4H21.5051L20.086 7.60771C20.0855 7.60571 20.0844 7.60389 20.0829 7.60251C20.0812 7.60098 20.079 7.6001 20.0767 7.6Z"
788                    fill="#1A181E" />
789                  <path fill-rule="evenodd" clip-rule="evenodd"
790                    d="M12 3.6C11.1513 3.6 10.3374 3.93714 9.73727 4.53726C9.13715 5.13737 8.80001 5.95131 8.80001 6.8C8.80001 7.24183 8.44184 7.6 8.00001 7.6C7.55818 7.6 7.20001 7.24183 7.20001 6.8C7.20001 5.52696 7.70573 4.30606 8.6059 3.40589C9.50607 2.50571 10.727 2 12 2C13.2731 2 14.4939 2.50571 15.3941 3.40589C16.2943 4.30606 16.8 5.52696 16.8 6.8
790C16.8 7.24183 16.4418 7.6 16 7.6C15.5582 7.6 15.2 7.24183 15.2 6.8C15.2 5.95131 14.8629 5.13737 14.2628 4.53726C13.6626 3.93714 12.8487 3.6 12 3.6Z"
791                    fill="#1A181E" />
792                </g>
793                <defs>
794                  <clipPath id="clip0_1133_521">
795                    <rect width="24" height="24" fill="white" />
796                  </clipPath>
797                </defs>
798              </svg>
799              <span class="bubble header-bubble d-flex position-absolute justify-content-center align-items-center"
800                style="top: -10px;
801                           right: -5px" data-subscribe="products" data-entity-type="bag-count"></span>
802            </a>
803          </div>
804        </div>
805      </div>
806    </div>
807  </div>
808</header>
809<!-- header for mobile -->
810<header id="dkn-mobile-header" class="header-section sticky-top bg-white d-lg-none d-block scroller-mob-header"
811  style="z-index: 999;">
812  <div class="header-outer-wrapper">
813    <div class="header-main">
814      <div class="sc-container d-flex justify-content-between align-items-center gap-1">
815        <button class="dkn-mobile-menu-hamburger px-0" style="background-color: transparent;
816                       border: none" data-bs-toggle="offcanvas" data-bs-target="#dknHeaderHamburgerMenu"
817          aria-controls="dknHeaderHamburgerMenu">
818          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
819            <path fill-rule="evenodd" clip-rule="evenodd"
820              d="M2.25 12C2.25 11.5858 2.58579 11.25 3 11.25H21C21.4142 11.25 21.75 11.5858 21.75 12C21.75 12.4142 21.4142 12.75 21 12.75H3C2.58579 12.75 2.25 12.4142 2.25 12Z"
821              fill="#1A181E" />
822            <path fill-rule="evenodd" clip-rule="evenodd"
823              d="M2.25 6C2.25 5.58579 2.58579 5.25 3 5.25H21C21.4142 5.25 21.75 5.58579 21.75 6C21.75 6.41421 21.4142 6.75 21 6.75H3C2.58579 6.75 2.25 6.41421 2.25 6Z"
824              fill="#1A181E" />
825            <path fill-rule="evenodd" clip-rule="evenodd"
826              d="M2.25 18C2.25 17.5858 2.58579 17.25 3 17.25H21C21.4142 17.25 21.75 17.5858 21.75 18C21.75 18.4142 21.4142 18.75 21 18.75H3C2.58579 18.75 2.25 18.4142 2.25 18Z"
827              fill="#1A181E" />
828          </svg>
829        </button>
830        <div class="header-logo">
831          <a href="/" class="d-flex align-items-center">
832            <img id="logo" class="me-2" src="https://dukaan.b-cdn.net/200x200/webp/media/12fb0e72-8491-420a-a280-d503ddb00da3.png" onerror="imageOnError(event)"
833              style="max-height: 48px" />
834            
835            <h6 class="text-color-white font-bold text-nowrap">Workapes</h6>
836            
837          </a>
838        </div>
839        <div onclick="openSearchDrawer()" class="d-flex">
840          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
841            <g clip-path="url(#clip0_1133_2097)">
842              <path fill-rule="evenodd" clip-rule="evenodd"
843                d="M10.875 3.75C6.93997 3.75 3.75 6.93997 3.75 10.875C3.75 14.81 6.93997 18 10.875 18C14.81 18 18 14.81 18 10.875C18 6.93997 14.81 3.75 10.875 3.75ZM2.25 10.875C2.25 6.11154 6.11154 2.25 10.875 2.25C15.6385 2.25 19.5 6.11154 19.5 10.875C19.5 15.6385 15.6385 19.5 10.875 19.5C6.11154 19.5 2.25 15.6385 2.25 10.875Z"
844                fill="#1A181E" />
845              <path fill-rule="evenodd" clip-rule="evenodd"
846                d="M15.9133 15.9135C16.2062 15.6206 16.681 15.6206 16.9739 15.9135L21.5302 20.4698C21.8231 20.7627 21.8231 21.2375 21.5302 21.5304C21.2373 21.8233 20.7624 21.8233 20.4695 21.5304L15.9133 16.9742C15.6204 16.6813 15.6204 16.2064 15.9133 15.9135Z"
847                fill="#1A181E" />
848            </g>
849            <defs>
850              <clipPath id="clip0_1133_2097">
851                <rect width="24" height="24" fill="white" />
852              </clipPath>
853            </defs>
854          </svg>
855        </div>
856      </div>
857    </div>
858  </div>
859</header>
860<!-- hamburger sidebar MENU-->
861<div id="dknHeaderHamburgerMenu"
862  class="offcanvas offcanvas-start mobile-side-menu-offcanvas offcanvas-lg-end h-100 border-none p-0 bg-white"
863  tabindex="-1" aria-labelledby="offcanvasLeftLabel" style="background-color: var(--light-grey);">
864  
865
866
867
868<div class="offcanvas-header px-4 pt-4"
869     id="offcanvasLeftMenu">
870  <div style="border-bottom:1px solid var(--black-90)"
871       class="py-12 d-flex pb-3 pb-lg-4 justify-content-between align-items-center w-100">
872    <h4 class="offcanvas-title text-primary font-bold text-black12"
873        id="offcanvasRightLabel">Menu</h4>
874    <button type="button"
875            style="background-color: transparent !important;
876                   border: none !important"
877            class="px-0 d-flex justify-content-center align-items-center"
878            data-bs-dismiss="offcanvas"
879            aria-label="Close"
880            onclick="removeOverflowFromBody()">
881      <svg color="#1A181E"
882           width="24"
883           height="24"
884           viewBox="0 0 24 24"
885           fill="none"
886           xmlns="http://www.w3.org/2000/svg">
887        <path fill-rule="evenodd" clip-rule="evenodd" d="M19.2803 4.71967C19.5732 5.01256 19.5732 5.48744 19.2803 5.78033L5.78033 19.2803C5.48744 19.5732 5.01256 19.5732 4.71967 19.2803C4.42678 18.9874 4.42678 18.5126 4.71967 18.2197L18.2197 4.71967C18.5126 4.42678 18.9874 4.42678 19.2803 4.71967Z" fill="currentColor"/>
888        <path fill-rule="evenodd" clip-rule="evenodd" d="M4.71967 4.71967C5.01256 4.42678 5.48744 4.42678 5.78033 4.71967L19.2803 18.2197C19.5732 18.5126 19.5732 18.9874 19.2803 19.2803C18.9874 19.5732 18.5126 19.5732 18.2197 19.2803L4.71967 5.78033C4.42678 5.48744 4.42678 5.01256 4.71967 4.71967Z" fill="currentColor"/>
889      </svg>
890    </button>
891  </div>
892</div>
893<div class="offcanvas-body d-flex flex-column justify-content-between p-0 border-none">
894  <div class="px-4">
895    <div class="mobile-nav-items font-regular mb-3 menu-sidebar-item default-menu-sidebar-item d-none">
896      <a href="/"
897         class="text-black12">Home</a>
898    </div>
899    <div class="mobile-nav-items font-regular mb-3 default-menu-sidebar-item d-none">
900      <div class="accordion mb-3"
901           id="shop-dropdown">
902        <!-- shop | category list shown here -->
903        <div class="accordion-item">
904          <div class="accordion-header menu-sidebar-item d-flex align-items-center justify-content-between"
905               id="shop-dropdown-heading">
906            <a style="background-color: transparent !important;
907                      border: none !important;
908                      color: var(--black-12)">
909              Shop
910            </a>
911            <span class="collapse-icon-wrapper accordion-button collapsed"
912                  type="button"
913                  data-bs-toggle="collapse"
914                  style="color: var(--black-12) !important"
915                  data-bs-target="#shop-dropdown-collapse"
916                  aria-expanded="false"
917                  aria-controls="shop-dropdown-collapse">
918              <svg width="24"
919                   height="24"
920                   viewBox="0 0 24 24"
921                   fill="none"
922                   xmlns="http://www.w3.org/2000/svg">
923                <path fill-rule="evenodd" clip-rule="evenodd" d="M3.83709 8.33709C4.2032 7.97097 4.7968 7.97097 5.16291 8.33709L12 15.1742L18.8371 8.33709C19.2032 7.97097 19.7968 7.97097 20.1629 8.33709C20.529 8.7032 20.529 9.2968 20.1629 9.66291L12.6629 17.1629C12.2968 17.529 11.7032 17.529 11.3371 17.1629L3.83709 9.66291C3.47097 9.2968 3.47097 8.7032 3.83709 8.33709Z" fill="#1A181E"/>
924              </svg>
925            </span>
926          </div>
927          <div id="shop-dropdown-collapse"
928               class="accordion-collapse collapse hide px-2"
929               aria-labelledby="shop-dropdown-heading"
930               data-bs-parent="#shop-dropdown">
931            <div class="accordion-body mt-2">
932              
933                <div class="d-flex gap-2 mb-2">
934                  <a href="/categories/apple-freeform"
935                     class="text-black12">
936                    <div class="d-flex align-items-center">
937                      <div class="category-name text-18-32 ms-1">Apple Freeform</div>
938                    </div>
939                  </a>
940                </div>
941              
942                <div class="d-flex gap-2 mb-2">
943                  <a href="/categories/apple-notes"
944                     class="text-black12">
945                    <div class="d-flex align-items-center">
946                      <div class="category-name text-18-32 ms-1">Apple Notes</div>
947                    </div>
948                  </a>
949                </div>
950              
951                <div class="d-flex gap-2 mb-2">
952                  <a href="/categories/google-sheet-apps"
953                     class="text-black12">
954                    <div class="d-flex align-items-center">
955                      <div class="category-name text-18-32 ms-1">Google Sheet Apps</div>
956                    </div>
957                  </a>
958                </div>
959              
960                <div class="d-flex gap-2 mb-2">
961                  <a href="/categories/supernote"
962                     class="text-black12">
963                    <div class="d-flex align-items-center">
964                      <div class="category-name text-18-32 ms-1">Supernote</div>
965                    </div>
966                  </a>
967                </div>
968              
969                <div class="d-flex gap-2 mb-2">
970                  <a href="/categories/apple-freefrom-productivity"
971                     class="text-black12">
972                    <div class="d-flex align-items-center">
973                      <div class="category-name text-18-32 ms-1">Productivity: Apple Freefrom</div>
974                    </div>
975                  </a>
976                </div>
977              
978                <div class="d-flex gap-2 mb-2">
979                  <a href="/categories/apple-freefrom-creative"
980                     class="text-black12">
981                    <div class="d-flex align-items-center">
982                      <div class="category-name text-18-32 ms-1">Creative: Apple Freefrom</div>
983                    </div>
984                  </a>
985                </div>
986              
987            </div>
988          </div>
989        </div>
990      </div>
991    </div>
992    <a class="dkn-wishlist-page-navigation-button hidden default-menu-sidebar-item"
993       onclick="closeMobileModal('dknHeaderHamburgerMenu'); initDukaanAuth(redirectToWishlistPage)">
994      <div class="mobile-nav-items menu-sidebar-item mb-3 mt-2 text-black12">Wishlist</div>
995    </a>
996    <a class="default-menu-sidebar-item"
997       onclick="closeMobileModal('dknHeaderHamburgerMenu'); initDukaanAuth(redirectToAccount)">
998      <div class="mobile-nav-items mb-3 mt-2 text-black12 menu-sidebar-item">Account</div>
999    </a>
1000    <a class="default-menu-sidebar-item store-locator-link dkn-store-locator-link hidden" href="/store-locator">
1001      <div data-menu-id="store-locator" class="mobile-nav-items mb-3 mt-2 text-black12 menu-sidebar-item"
1002        style="color: var(--black-30)">
1003        Store locator
1004      </div>
1005    </a>
1006    
1007      
1008        
1009  <div class="mobile-nav-items font-regular mb-3 menu-sidebar-item">
1010    <a target=""
1011       data-language="false"
1012       href="/categories/apple-freeform"
1013       data-button="apple-freeform"
1014       style="background-color: transparent !important;
1015              border: none !important;
1016              color: var(--black-12)">
1017      Apple Freeform
1018    </a>
1019  </div>
1020
1021      
1022    
1023      
1024        
1025  <div class="mobile-nav-items font-regular mb-3 menu-sidebar-item">
1026    <a target=""
1027       data-language="false"
1028       href="/categories/apple-notes"
1029       data-button="apple-notes"
1030       style="background-color: transparent !important;
1031              border: none !important;
1032              color: var(--black-12)">
1033      Apple Notes
1034    </a>
1035  </div>
1036
1037      
1038    
1039      
1040        
1041  <div class="mobile-nav-items font-regular mb-3 menu-sidebar-item">
1042    <a target="_blank"
1043       data-language="false"
1044       href="https://help.workapes.com/"
1045       data-button=""
1046       style="background-color: transparent !important;
1047              border: none !important;
1048              color: var(--black-12)">
1049      Contact Us
1050    </a>
1051  </div>
1052
1053      
1054    
1055  </div>
1056  <!-- social media links -->
1057  
1058</div>
1059
1060</div>
1061<!-- mobile top bar -->
1062<div class="scroller-mob-topbar sticky-top d-lg-none d-none" style="background-color: var(--white); display: none;">
1063  <div class="sc-container py-3" style="border-bottom: 1px solid var(--black-90)">
1064    <div>
1065      <div class="d-flex justify-content-between mobile-top-nav align-items-center">
1066        <div class="d-flex align-items-center" style="font-size: 18px;
1067                    line-height:26px">
1068          <span class="d-inline-flex" onclick="handleBackClick()" role="button">
1069            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1070              <g clip-path="url(#clip0_2190_4656)">
1071                <path fill-rule="evenodd" clip-rule="evenodd"
1072                  d="M3 12C3 11.5858 3.33579 11.25 3.75 11.25H20.25C20.6642 11.25 21 11.5858 21 12C21 12.4142 20.6642 12.75 20.25 12.75H3.75C3.33579 12.75 3 12.4142 3 12Z"
1073                  fill="#1A181E" />
1074                <path fill-rule="evenodd" clip-rule="evenodd"
1075                  d="M11.0303 4.71967C11.3232 5.01256 11.3232 5.48744 11.0303 5.78033L4.81066 12L11.0303 18.2197C11.3232 18.5126 11.3232 18.9874 11.0303 19.2803C10.7374 19.5732 10.2626 19.5732 9.96967 19.2803L3.21967 12.5303C2.92678 12.2374 2.92678 11.7626 3.21967 11.4697L9.96967 4.71967C10.2626 4.42678 10.7374 4.42678 11.0303 4.71967Z"
1076                  fill="#1A181E" />
1077              </g>
1078              <defs>
1079                <clipPath id="clip0_2190_4656">
1080                  <rect width="24" height="24" fill="white" />
1081                </clipPath>
1082              </defs>
1083            </svg>
1084          </span>
1085          <div class="d-flex flex-column" style="margin-left:12px">
1086            <h4 class="line-clamp font-bold product-category-name"></h4>
1087            <small class="product-count"></small>
1088          </div>
1089        </div>
1090        <div class="d-flex align-items-center">
1091          <!-- search -->
1092          <button onclick="openSearchDrawer()" class="me-3 btn-transparent">
1093            <svg class="header-search-icon" width="24" height="24" viewBox="0 0 24 24" fill="none"
1094              xmlns="http://www.w3.org/2000/svg">
1095              <g clip-path="url(#clip0_1133_513)">
1096                <path fill-rule="evenodd" clip-rule="evenodd"
1097                  d="M10.875 3.75C6.93997 3.75 3.75 6.93997 3.75 10.875C3.75 14.81 6.93997 18 10.875 18C14.81 18 18 14.81 18 10.875C18 6.93997 14.81 3.75 10.875 3.75ZM2.25 10.875C2.25 6.11154 6.11154 2.25 10.875 2.25C15.6385 2.25 19.5 6.11154 19.5 10.875C19.5 15.6385 15.6385 19.5 10.875 19.5C6.11154 19.5 2.25 15.6385 2.25 10.875Z"
1098                  fill="#1A181E" />
1099                <path fill-rule="evenodd" clip-rule="evenodd"
1100                  d="M15.9133 15.9135C16.2062 15.6206 16.681 15.6206 16.9739 15.9135L21.5302 20.4698C21.8231 20.7627 21.8231 21.2375 21.5302 21.5304C21.2373 21.8233 20.7624 21.8233 20.4695 21.5304L15.9133 16.9742C15.6204 16.6813 15.6204 16.2064 15.9133 15.9135Z"
1101                  fill="#1A181E" />
1102              </g>
1103              <defs>
1104                <clipPath id="clip0_1133_513">
1105                  <rect width="24" height="24" fill="white" />
1106                </clipPath>
1107              </defs>
1108            </svg>
1109          </button>
1110          <!-- bag -->
1111          <a href="/templatestore/bag" class="position-relative me-3">
1112            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1113              <g clip-path="url(#clip0_2190_4666)">
1114                <path fill-rule="evenodd" clip-rule="evenodd"
1115                  d="M7.2164 5.92399C7.36456 4.89743 7.8404 3.93892 8.58246 3.19686C9.48886 2.29046 10.7182 1.78125 12 1.78125C13.2819 1.78125 14.5112 2.29046 15.4176 3.19686C16.1597 3.93892 16.6355 4.89743 16.7837 5.92399H21.8535C22.0666 5.92532 22.2771 5.97145 22.4712 6.05942C22.6653 6.14739 22.8387 6.27522 22.9802 6.4346C23.1217 6.59399 23.228 6.78135 23.2923 6.98453C23.3566 7.18738 23.3774 7.40147 23.3536 7.61291L21.882 20.8782C21.8361 21.247 21.6574 21.5865 21.3795 21.8333C21.1015 22.08 20.7431 22.217 20.3715 22.2187L20.3682 21.5283V22.2188H3.63157L3.62833 22.2187C3.25665 22.217 2.89834 22.08 2.62035 21.8333C2.34236 21.5865 2.16373 21.247 2.11785 20.8782L2.11672 20.8691L0.646281 7.6139C0.622464 7.40243 0.643241 7.18741 0.70747 6.98453C0.77179 6.78135 0.878143 6.59398 1.01962 6.4346C1.16109 6.27522 1.33452 6.14739 1.52863 6.05942C1.72274 5.97145 1.93319 5.92532 2.1463 5.92401L2.15054 5.92399H7.2164ZM9.55891 4.17331C10.2063 3.52588 11.0844 3.16216 12 3.16216C12.9156 3.16216 13.7937 3.52588 14.4412 4.17331C14.9234 4.65552 15.2482 5.26568 15.3826 5.92399H8.6175C8.75188 5.26568 9.07671 4.65552 9.55891 4.17331ZM7.16685 7.3049V9.92863C7.16685 10.31 7.47598 10.6191 7.8573 10.6191C8.23863 10.6191 8.54776 10.31 8.54776 9.92863V7.3049H15.4523V9.92863C15.4523 10.31 15.7614 10.6191 16.1428 10.6191C16.5241 10.6191 16.8332 10.31 16.8332 9.92863V7.3049H21.8462C21.8652 7.30519 21.8839 7.30937 21.9012 7.3172C2
11151.9188 7.3252 21.9346 7.33682 21.9474 7.35131C21.9603 7.3658 21.97 7.38283 21.9758 7.4013C21.9817 7.41978 21.9836 7.43927 21.9814 7.45852L21.9812 7.46008L20.5112 20.7104C20.5063 20.7452 20.4891 20.7771 20.4628 20.8004C20.4361 20.8242 20.4017 20.8375 20.3659 20.8378H3.63388C3.59813 20.8375 3.56372 20.8242 3.53697 20.8004C3.51067 20.7771 3.49353 20.7452 3.48856 20.7104L2.0186 7.46008L2.01842 7.45852C2.01624 7.43927 2.01814 7.41977 2.02399 7.4013C2.02983 7.38283 2.0395 7.3658 2.05236 7.35131C2.06522 7.33682 2.08099 7.3252 2.09864 7.3172C2.11591 7.30937 2.1346 7.30519 2.15356 7.3049H7.16685Z"
1116                  fill="#1A181E" />
1117              </g>
1118              <defs>
1119                <clipPath id="clip0_2190_4666">
1120                  <rect width="24" height="24" fill="white" />
1121                </clipPath>
1122              </defs>
1123            </svg>
1124            <span class="bubble header-bubble d-flex position-absolute justify-content-center align-items-center" style="top: -10px;
1125                         right: -5px" data-subscribe="products" data-entity-type="bag-count"></span>
1126          </a>
1127          <!-- sidebar -->
1128          <button class="dkn-mobile-menu-hamburger px-0" style="background-color: transparent;
1129                         border: none" data-bs-toggle="offcanvas" data-bs-target="#dknHeaderHamburgerMenu"
1130            aria-controls="dknHeaderHamburgerMenu">
1131            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1132              <path fill-rule="evenodd" clip-rule="evenodd"
1133                d="M2.25 12C2.25 11.5858 2.58579 11.25 3 11.25H21C21.4142 11.25 21.75 11.5858 21.75 12C21.75 12.4142 21.4142 12.75 21 12.75H3C2.58579 12.75 2.25 12.4142 2.25 12Z"
1134                fill="#1A181E" />
1135              <path fill-rule="evenodd" clip-rule="evenodd"
1136                d="M2.25 6C2.25 5.58579 2.58579 5.25 3 5.25H21C21.4142 5.25 21.75 5.58579 21.75 6C21.75 6.41421 21.4142 6.75 21 6.75H3C2.58579 6.75 2.25 6.41421 2.25 6Z"
1137                fill="#1A181E" />
1138              <path fill-rule="evenodd" clip-rule="evenodd"
1139                d="M2.25 18C2.25 17.5858 2.58579 17.25 3 17.25H21C21.4142 17.25 21.75 17.5858 21.75 18C21.75 18.4142 21.4142 18.75 21 18.75H3C2.58579 18.75 2.25 18.4142 2.25 18Z"
1140                fill="#1A181E" />
1141            </svg>
1142          </button>
1143        </div>
1144      </div>
1145    </div>
1146  </div>
1147</div>
1148
1149<template id="header-all-category-card-template">
1150  <li id="-dropdown" class="mb-2">
1151    <a href>
1152      <p class="sub-body text-wrap lineClamp2 header-dropdown-item font-medium"></p>
1153    </a>
1154  </li>
1155</template>
1156
1157    <main class="main">
1158      
1159<section class="container store-locator">
1160  <h1 class="store-locator__title">Store locator</h1>
1161  <div class="store-locator__cards-wrapper">
1162    
1163    <div class="col-12 col-lg-6 px-3 d-flex flex-column product-categories-card">
1164      <div class="w-100" style="height: 300px;">
1165        <div class="shimmer mt-2 w-100" style="height: 85%;">
1166        </div>
1167        <div class="shimmer mt-2 w-100" style="height: 10%;">
1168        </div>
1169      </div>
1170    </div>
1171    
1172    <div class="col-12 col-lg-6 px-3 d-flex flex-column product-categories-card">
1173      <div class="w-100" style="height: 300px;">
1174        <div class="shimmer mt-2 w-100" style="height: 85%;">
1175        </div>
1176        <div class="shimmer mt-2 w-100" style="height: 10%;">
1177        </div>
1178      </div>
1179    </div>
1180    
1181    <div class="col-12 col-lg-6 px-3 d-flex flex-column product-categories-card">
1182      <div class="w-100" style="height: 300px;">
1183        <div class="shimmer mt-2 w-100" style="height: 85%;">
1184        </div>
1185        <div class="shimmer mt-2 w-100" style="height: 10%;">
1186        </div>
1187      </div>
1188    </div>
1189    
1190    <div class="col-12 col-lg-6 px-3 d-flex flex-column product-categories-card">
1191      <div class="w-100" style="height: 300px;">
1192        <div class="shimmer mt-2 w-100" style="height: 85%;">
1193        </div>
1194        <div class="shimmer mt-2 w-100" style="height: 10%;">
1195        </div>
1196      </div>
1197    </div>
1198    
1199    <div class="col-12 col-lg-6 px-3 d-flex flex-column product-categories-card">
1200      <div class="w-100" style="height: 300px;">
1201        <div class="shimmer mt-2 w-100" style="height: 85%;">
1202        </div>
1203        <div class="shimmer mt-2 w-100" style="height: 10%;">
1204        </div>
1205      </div>
1206    </div>
1207    
1208    <div class="col-12 col-lg-6 px-3 d-flex flex-column product-categories-card">
1209      <div class="w-100" style="height: 300px;">
1210        <div class="shimmer mt-2 w-100" style="height: 85%;">
1211        </div>
1212        <div class="shimmer mt-2 w-100" style="height: 10%;">
1213        </div>
1214      </div>
1215    </div>
1216    
1217    <div class="col-12 col-lg-6 px-3 d-flex flex-column product-categories-card">
1218      <div class="w-100" style="height: 300px;">
1219        <div class="shimmer mt-2 w-100" style="height: 85%;">
1220        </div>
1221        <div class="shimmer mt-2 w-100" style="height: 10%;">
1222        </div>
1223      </div>
1224    </div>
1225    
1226    <div class="col-12 col-lg-6 px-3 d-flex flex-column product-categories-card">
1227      <div class="w-100" style="height: 300px;">
1228        <div class="shimmer mt-2 w-100" style="height: 85%;">
1229        </div>
1230        <div class="shimmer mt-2 w-100" style="height: 10%;">
1231        </div>
1232      </div>
1233    </div>
1234    
1235    <div class="col-12 col-lg-6 px-3 d-flex flex-column product-categories-card">
1236      <div class="w-100" style="height: 300px;">
1237        <div class="shimmer mt-2 w-100" style="height: 85%;">
1238        </div>
1239        <div class="shimmer mt-2 w-100" style="height: 10%;">
1240        </div>
1241      </div>
1242    </div>
1243    
1244  </div>
1245</section>
1246
1247<template id="store-locator-card">
1248  <div class="store-locator__card">
1249    <div class="store-locator__card-data">
1250      <div class="store-locator__card-title"></div>
1251      <address class="store-locator__card-address"></address>
1252      <div class="store-locator__card-sub-title hidden">Store Hours:</div>
1253      <ul class="store-locator__timing-list">
1254      </ul>
1255      <div class="store-locator__card-sub-title contact-no-title">Contact Number:</div>
1256      <a href="" class="store-locator__card-contact-no"></a>
1257    </div>
1258    <a class="store-locator__card-direction hidden" href="" target="_blank" rel="noopener noreferrer">
1259      <span>Get Directions</span>
1260      <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1261        <path fill-rule="evenodd" clip-rule="evenodd"
1262          d="M6.91058 16.0059C6.58514 15.6805 6.58514 15.1528 6.91058 14.8274L12.1547 9.58333L6.91058 4.33925C6.58514 4.01382 6.58514 3.48618 6.91058 3.16074C7.23602 2.83531 7.76366 2.83531 8.08909 3.16074L13.9224 8.99408C14.2479 9.31951 14.2479 9.84715 13.9224 10.1726L8.08909 16.0059C7.76366 16.3314 7.23602 16.3314 6.91058 16.0059Z"
1263          fill="var(--primary)" />
1264      </svg>
1265    </a>
1266  </div>
1267</template>
1268
1269<template id="timing-li">
1270  <li class="store-locator__card-timing"><span class="store-locator__card-day"></span></li>
1271</template>
1272
1273
1274    </main>
1275    <!-- footer -->
1276    <style>
1277    .contacts-info-box a {
1278        margin-left: 10px;
1279        color: var(--black-12);
1280    }
1281
1282    .socialMedia-section {
1283        gap: 18px;
1284    }
1285
1286    /* .sm-section {
1287        gap: 20px;
1288    } */
1289
1290    .link-items {
1291        width: 166px;
1292        gap: 12px;
1293    }
1294
1295    .link-items a {
1296        font-weight: 400;
1297        font-size: 14px;
1298        line-height: 20px;
1299        color: var(--black-12);
1300    }
1301
1302    /* Email Section  */
1303    .subscribe-section input {
1304        border-width: var(--dukaan-border-width);
1305        border-style: var(--dukaan-border-style);
1306        border-color: var(--black-70);
1307        padding: 12px 16px;
1308    }
1309
1310    .new-letter-section-heading {
1311        font-size: 18px;
1312        line-height: 26px;
1313        font-weight: 700;
1314    }
1315
1316    .newsletter-input {
1317        font-size: 16px;
1318        line-height: 24px;
1319        font-weight: 400;
1320    }
1321
1322    .links-section-heading {
1323        font-size: 20px;
1324        line-height: 28px;
1325        font-weight: 700;
1326    }
1327
1328    .link-menu-items {
1329        font-size: 14px;
1330        line-height: 20px;
1331        font-weight: 400;
1332    }
1333
1334    @media screen and (min-width: 992px) {
1335        .hw-footer {
1336            background-color: #fafafa;
1337            border-top: 1px solid var(--black-12);
1338        }
1339
1340        .footer-brand-name{
1341            font-size: 32px !important;
1342            line-height: 40px !important;
1343        }
1344
1345        .footer-paymentmode {
1346            border-top: 1px solid var(--black-12);
1347        }
1348
1349        .link-menu-items {
1350            font-size: 14px;
1351            line-height: 20px;
1352            font-weight: 400;
1353        }
1354
1355
1356        .links-section-heading {
1357            font-size: 20px;
1358            line-height: 28px;
1359            font-weight: 700;
1360        }
1361
1362        .new-letter-section-heading {
1363            font-size: 20px;
1364            line-height: 28px;
1365            font-weight: 500;
1366        }
1367
1368        .newsletter-input {
1369            font-size: 16px;
1370            line-height: 24px;
1371            font-weight: 400;
1372        }
1373
1374        .hw-footer .footer-head {
1375            max-width: 1440px !important;
1376            margin: 0 auto !important;
1377
1378            background-color: var(--black-98);
1379        }
1380
1381        .footer-data-container h5 {
1382            font-weight: 500;
1383            font-size: 20px;
1384            line-height: 28px;
1385            color: var(--black-12);
1386        }
1387
1388
1389    }
1390
1391    @media screen and (max-width: 992px) {
1392        .hw-footer .footer-head {
1393            background-color: var(--white-100);
1394        }
1395
1396        .hw-footer .footer-head {
1397            border-top: 1px solid var(--black-12);
1398            background-color: var(--black-98);
1399        }
1400
1401        .footer-data-container {
1402            border-bottom: 1px solid var(--black-12);
1403            border-right: 0 !important;
1404            border-left: 0 !important;
1405        }
1406
1407        .footer-data-container h5 {
1408            font-weight: 700;
1409            font-size: 18px;
1410            line-height: 26px;
1411            color: var(--black-12);
1412        }
1413    }
1414
1415    /* payment mode section css  */
1416    .footer-paymentmode {
1417        background-color: var(--white-100);
1418        border-bottom: 1px;
1419        border-style: var(--dukaan-border-style);
1420        border-color: var(--black-12);
1421    }
1422</style>
1423<footer class="w-100">
1424  <div class="hw-footer mb-3 mb-lg-0">
1425    <div class="footer-head px-lg-4 row m-0">
1426      <div class="col-12 col-lg-8 d-lg-flex flex-lg-row-reverse p-0 p-lg-0">
1427        <!-- newsletter section -->
1428        
1429        <!-- Query Section  -->
1430        <div class="footer-data-container p-4 ps-lg-0 d-flex flex-column gap-32 w-100">
1431          <div class="footer-logo">
1432            <a href="/"
1433               class="d-flex align-items-center">
1434              <img id="logo"
1435                   class="me-2"
1436                   src="https://dukaan.b-cdn.net/200x200/webp/media/12fb0e72-8491-420a-a280-d503ddb00da3.png"
1437                   onerror="imageOnError(event)"
1438                   style="height: 52px;
1439                          width: auto" />
1440              
1441                <div class="font-bold text-nowrap text-20_28 footer-brand-name">Workapes</div>
1442              
1443            </a>
1444          </div>
1445          
1446            <div class="contacts-info-box d-flex flex-column">
1447              <h5 class="mb-12 mb-lg-3">For queries and help</h5>
1448              <div class="d-inline-flex align-items-center">
1449                <svg width="24"
1450                     height="24"
1451                     viewBox="0 0 24 24"
1452                     fill="none"
1453                     xmlns="http://www.w3.org/2000/svg">
1454                  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.59264 5.33352C3.98322 5.33352 3.48153 5.83521 3.48153 6.44462V17.5556C3.48153 18.1651 3.98322 18.6667 4.59264 18.6667H19.4073C20.0167 18.6667 20.5184 18.1651 20.5184 17.5556V6.44462C20.5184 5.83521 20.0167 5.33352 19.4073 5.33352H4.59264ZM2.00006 6.44462C2.00006 5.01702 3.16503 3.85205 4.59264 3.85205H19.4073C20.8349 3.85205 21.9999 5.01702 21.9999 6.44462V17.5556C21.9999 18.9832 20.8349 20.1482 19.4073 20.1482H4.59264C3.16503 20.1482 2.00006 18.9832 2.00006 17.5556V6.44462Z" fill="#1A181E" />
1455                  <path fill-rule="evenodd" clip-rule="evenodd" d="M2.13396 6.01984C2.36857 5.68469 2.83044 5.60319 3.16558 5.83779L12 12.0219L20.8344 5.83779C21.1695 5.60319 21.6314 5.68469 21.866 6.01984C22.1006 6.35498 22.0191 6.81685 21.6839 7.05146L12.4248 13.5329C12.1697 13.7114 11.8302 13.7114 11.5752 13.5329L2.31601 7.05146C1.98087 6.81685 1.89936 6.35498 2.13396 6.01984Z" fill="#1A181E" />
1456                </svg>
1457                <a href="/cdn-cgi/l/email-protection#b3dbd6dfdfdcc4dcc1d8d2c3d6c0f3d4ded2dadf9dd0dcde" class="sub-body"><span class="__cf_email__" data-cfemail="4028252c2c2f372f322b2130253300272d21292c6e232f2d">[email&#160;protected]</span></a>
1458              </div>
1459            </div>
1460          
1461          <!-- social media icons  -->
1462          <div class="d-flex flex-wrap flex-column gap-2">
1463            <div>
1464              <h5>Stay Connected</h5>
1465            </div>
1466            <div class="d-flex gap-3">
1467              
1468              
1469              
1470              
1471            </div>
1472          </div>
1473        </div>
1474      </div>
1475      <!-- links section -->
1476      
1477        <div class="footer-data-container p-4 pe-lg-0 m-0 col-lg-4"
1478             id="link-container">
1479          <div class="d-flex flex-column gap-4">
1480            <div class="links-section-heading">Links</div>
1481            <div class="d-flex">
1482              <div class="d-flex gap-32">
1483                <div class="link-items d-flex flex-column">
1484                  
1485                    
1486                      <li class="list-group-item">
1487                        <a href="/p/privacy-policy">
1488                          <div style="font-weight: 500"
1489                               class="link-menu-items">Privacy Policy</div>
1490                        </a>
1491                      </li>
1492                    
1493                  
1494                    
1495                      <li class="list-group-item">
1496                        <a href="/p/terms-conditions">
1497                          <div style="font-weight: 500"
1498                               class="link-menu-items">Terms &amp; Conditions</div>
1499                        </a>
1500                      </li>
1501                    
1502                  
1503                    
1504                      <li class="list-group-item">
1505                        <a href="/p/about-us">
1506                          <div style="font-weight: 500"
1507                               class="link-menu-items">About Us</div>
1508                        </a>
1509                      </li>
1510                    
1511                  
1512                </div>
1513              </div>
1514              
1515            </div>
1516          </div>
1517        </div>
1518      
1519    </div>
1520    <!-- footer paymentmode section  -->
1521    <div class="footer-paymentmode d-flex flex-column align-items-center justify-content-center p-4 gap-12 gap-lg-2">
1522      <div class="section-heading">- 100% PAYMENT PROTECTION -</div>
1523      
1524
1525
1526
1527<style>
1528  .payment-banner-wrapper svg {
1529    margin: 0px 4px;
1530  }
1531
1532  @media screen and (max-width: 1024px) {
1533    .payment-banner-wrapper svg {
1534      width: 48px;
1535      margin: 0px 2px;
1536    }
1537  }
1538</style>
1539<div class="d-flex flex-wrap justify-content-center align-items-center payment-banner-wrapper">
1540  <!-- stripe -->
1541  
1542    <svg width="62"
1543         height="38"
1544         viewBox="0 0 62 38"
1545         fill="none"
1546         xmlns="http://www.w3.org/2000/svg">
1547      <path d="M59 1H3C1.89543 1 1 1.89543 1 3V35C1 36.1046 1.89543 37 3 37H59C60.1046 37 61 36.1046 61 35V3C61 1.89543 60.1046 1 59 1Z" stroke="#E6E6E6" />
1548      <path fill-rule="evenodd" clip-rule="evenodd" d="M49 19.7506C49 17.1873 47.76 15.1647 45.39 15.1647C43.01 15.1647 41.57 17.1873 41.57 19.7306C41.57 22.7445 43.27 24.2665 45.71 24.2665C46.9 24.2665 47.8 23.9961 48.48 23.6156V21.613C47.8 21.9535 47.02 22.1637 46.03 22.1637C45.06 22.1637 44.2 21.8233 44.09 20.6418H48.98C48.98 20.5116 49 19.9909 49 19.7506ZM44.06 18.7994C44.06 17.6679 44.75 17.1973 45.38 17.1973C45.99 17.1973 46.64 17.6679 46.64 18.7994H44.06Z" fill="#635BFF" />
1549      <path fill-rule="evenodd" clip-rule="evenodd" d="M37.7102 15.1647C36.7302 15.1647 36.1002 15.6253 35.7502 15.9457L35.6202 15.3249H33.4202V27L35.9202 26.4693L35.9302 23.6356C36.2902 23.896 36.8202 24.2665 37.7002 24.2665C39.4902 24.2665 41.1202 22.8246 41.1202 19.6505C41.1102 16.7467 39.4602 15.1647 37.7102 15.1647ZM37.1102 22.0636C36.5202 22.0636 36.1702 21.8533 35.9302 21.593L35.9202 17.8782C36.1802 17.5878 36.5402 17.3875 37.1102 17.3875C38.0202 17.3875 38.6502 18.4089 38.6502 19.7206C38.6502 21.0623 38.0302 22.0636 37.1102 22.0636Z" fill="#635BFF" />
1550      <path fill-rule="evenodd" clip-rule="evenodd" d="M29.98 14.5733L32.49 14.0326V12L29.98 12.5307V14.5733Z" fill="#635BFF" />
1551      <path d="M32.49 15.3353H29.98V24.0966H32.49V15.3353Z" fill="#635BFF" />
1552      <path fill-rule="evenodd" clip-rule="evenodd" d="M27.29 16.076L27.13 15.335H24.97V24.0963H27.47V18.1587C28.06 17.3877 29.06 17.5278 29.37 17.638V15.335C29.05 15.2148 27.88 14.9946 27.29 16.076Z" fill="#635BFF" />
1553      <path fill-rule="evenodd" clip-rule="evenodd" d="M22.29 13.1612L19.85 13.6819L19.84 21.7023C19.84 23.1842 20.95 24.2756 22.43 24.2756C23.25 24.2756 23.85 24.1254 24.18 23.9452V21.9125C23.86 22.0427 22.28 22.5033 22.28 21.0214V17.4668H24.18V15.334H22.28L22.29 13.1612Z" fill="#635BFF" />
1554      <path fill-rule="evenodd" clip-rule="evenodd" d="M15.53 17.8781C15.53 17.4876 15.85 17.3374 16.38 17.3374C17.14 17.3374 18.1 17.5677 18.86 17.9783V15.6252C18.03 15.2948 17.21 15.1646 16.38 15.1646C14.35 15.1646 13 16.226 13 17.9983C13 20.7619 16.8 20.3213 16.8 21.5128C16.8 21.9734 16.4 22.1236 15.84 22.1236C15.01 22.1236 13.95 21.7832 13.11 21.3226V23.7057C14.04 24.1062 14.98 24.2764 15.84 24.2764C17.92 24.2764 19.35 23.2451 19.35 21.4528C19.34 18.4689 15.53 18.9996 15.53 17.8781Z" fill="#635BFF" />
1555    </svg>
1556  
1557  <!-- paypal -->
1558  
1559  <!-- visa -->
1560  
1561    <svg width="62"
1562         height="38"
1563         viewBox="0 0 62 38"
1564         fill="none"
1565         xmlns="http://www.w3.org/2000/svg">
1566      <path d="M59 1H3C1.89543 1 1 1.89543 1 3V35C1 36.1046 1.89543 37 3 37H59C60.1046 37 61 36.1046 61 35V3C61 1.89543 60.1046 1 59 1Z" stroke="#E5E5E5" />
1567      <path fill-rule="evenodd" clip-rule="evenodd" d="M22.2504 24.9065H19.0483L16.6471 15.5973C16.5331 15.1691 16.2911 14.7905 15.9351 14.6121C15.0468 14.1637 14.0679 13.8068 13 13.6268V13.2684H18.1584C18.8703 13.2684 19.4042 13.8068 19.4932 14.4321L20.7391 21.1472L23.9397 13.2684H27.0528L22.2504 24.9065ZM28.8326 24.9065H25.8085L28.2987 13.2684H31.3228L28.8326 24.9065ZM35.2353 16.4925C35.3243 15.8657 35.8582 15.5073 36.4812 15.5073C37.4601 15.4173 38.5264 15.5973 39.4163 16.0441L39.9503 13.5384C39.0603 13.18 38.0814 13 37.1931 13C34.2579 13 32.1222 14.6121 32.1222 16.8494C32.1222 18.5514 33.635 19.4451 34.7029 19.9835C35.8582 20.5203 36.3032 20.8787 36.2142 21.4156C36.2142 22.2208 35.3243 22.5792 34.4359 22.5792C33.368 22.5792 32.3001 22.3108 31.3228 21.8624L30.7889 24.3697C31.8567 24.8166 33.0121 24.9965 34.08 24.9965C37.3711 25.085 39.4163 23.4745 39.4163 21.0572C39.4163 18.013 35.2353 17.8346 35.2353 16.4925ZM50 24.9065L47.5988 13.2684H45.0196C44.4857 13.2684 43.9517 13.6268 43.7737 14.1637L39.3273 24.9065H42.4404L43.0618 23.2061H46.8869L47.2428 24.9065H50ZM45.4646 16.4025L46.3529 20.7887H43.8627L45.4646 16.4025Z" fill="#224DBA" />
1568    </svg>
1569    <!-- master card -->
1570    <svg width="62"
1571         height="38"
1572         viewBox="0 0 62 38"
1573         fill="none"
1574         xmlns="http://www.w3.org/2000/svg">
1575      <path fill-rule="evenodd" clip-rule="evenodd" d="M37.5984 10C42.7907 10 47 14.2533 47 19.5C47 24.7467 42.7907 29 37.5984 29C35.2717 29 33.1424 28.146 31.5008 26.7312C29.8585 28.1456 27.7288 29 25.4016 29C20.2093 29 16 24.7467 16 19.5C16 14.2533 20.2093 10 25.4016 10C27.7288 10 29.8585 10.8544 31.5002 12.2696C33.1424 10.854 35.2717 10 37.5984 10Z" fill="#FF5E00" />
1576      <path fill-rule="evenodd" clip-rule="evenodd" d="M25.4016 10C27.7288 10 29.8585 10.8544 31.5002 12.2696C29.4789 14.0112 28.1967 16.6043 28.1967 19.5C28.1967 22.3957 29.4789 24.9888 31.5008 26.7312C29.8585 28.1456 27.7288 29 25.4016 29C20.2093 29 16 24.7467 16 19.5C16 14.2533 20.2093 10 25.4016 10Z" fill="#ED0006" />
1577      <path fill-rule="evenodd" clip-rule="evenodd" d="M37.5986 10C42.791 10 47.0002 14.2533 47.0002 19.5C47.0002 24.7467 42.791 29 37.5986 29C35.2714 29 33.1417 28.1456 31.5 26.7304C33.5218 24.9879 34.8035 22.3952 34.8035 19.5C34.8035 16.6048 33.5218 14.0121 31.5004 12.2696C33.1418 10.8544 35.2714 10 37.5986 10V10Z" fill="#F9A000" />
1578      <path d="M59 1H3C1.89543 1 1 1.89543 1 3V35C1 36.1046 1.89543 37 3 37H59C60.1046 37 61 36.1046 61 35V3C61 1.89543 60.1046 1 59 1Z" stroke="#E5E5E5" />
1579    </svg>
1580    <!-- american express -->
1581    
1582      <svg width="62"
1583           height="38"
1584           viewBox="0 0 62 38"
1585           fill="none"
1586           xmlns="http://www.w3.org/2000/svg">
1587        <path d="M59 1H3C1.89543 1 1 1.89543 1 3V35C1 36.1046 1.89543 37 3 37H59C60.1046 37 61 36.1046 61 35V3C61 1.89543 60.1046 1 59 1Z" stroke="#E5E5E5" />
1588        <path fill-rule="evenodd" clip-rule="evenodd" d="M53.8044 25.9804H51.1155V24.6262H53.4623C53.4623 24.6262 54.318 24.7257 54.318 24.1604C54.318 23.6307 53.0387 23.6718 53.0387 23.6718C53.0387 23.6718 50.9539 23.8512 50.9539 21.9203C50.9539 19.9996 52.8373 20.1093 52.8373 20.1093H55.7295V21.4825H53.4017C53.4017 21.4825 52.5955 21.3221 52.5955 21.9013C52.5955 22.3867 53.6936 22.3177 53.6936 22.3177C53.6936 22.3177 56 22.1491 56 23.9202C56 25.8188 54.5141 25.988 53.9869 25.988C53.8735 25.988 53.8044 25.9804 53.8044 25.9804ZM40.3892 25.9899V20.1194H45.1016V21.4825H41.9089V22.3867H45.0221V23.7213H41.9089V24.7174H45.1016V25.9899H40.3892ZM48.4768 25.9804H45.7872V24.6262H48.1444C48.1444 24.6262 48.9903 24.7257 48.9903 24.1604C48.9903 23.6307 47.711 23.6718 47.711 23.6718C47.711 23.6718 45.6262 23.8512 45.6262 21.9203C45.6262 19.9996 47.5097 20.1093 47.5097 20.1093H50.4117V21.4825H48.0747C48.0747 21.4825 47.2679 21.3221 47.2679 21.9013C47.2679 22.3867 48.3647 22.3177 48.3647 22.3177C48.3647 22.3177 50.6724 22.1491 50.6724 23.9202C50.6724 25.8188 49.1865 25.988 48.6593 25.988C48.5452 25.988 48.4768 25.9804 48.4768 25.9804ZM28.1007 25.9905H26.7817L25.1798 24.2479L23.5688 25.9905H22.6519H17.9486V20.0998H22.6519H23.4476L25.1798 21.9704L26.9225 20.1099H28.0812V20.0998H31.747C31.747 20.0998 33.661 19.8906 33.661 21.8297C33.661 23.5616 33.025 24.0996 31.0725 24.0996H29.5918V25.9905H28.1007ZM26.2075 23.0958L28.0812 25.1445V21.0547L26.2075 23.0958ZM19.4696 24.7168H22.6519L24.143 23.0958L22.6519 21.4831H19.4696V22.3874H22.5717V23.7219H19.4696V24.7168ZM29.5918 22.5661H31.1526C31.6062 22.5661 31.979 22.3177 31.979 22.0091C31.979 21.7017 31.6062 21.452 31.1526 21.452H29.5918V22.5661ZM38.1734 26V24.8556C38.1734 24.8556 38.1115 23.9602 37.1646 23.9602H35.6956V26H34.1837V20.1194H37.8508C37.8508 20.1194 39.7642 19.8906 39.7642 21.8405C39.7642 22.8557 38.9183 23.2137 38.9183 23.2137C38.9183 23.2137 39.6436 23.5521 39.6436 24.5463V26H38.1734ZM35.6956 22.5768H37.2565C37.71 22.5768 38.0822 22.3284 38.0822 22.0198C38.0822 21.7112 37.71 21.4628 37.2565 21.4628H35.6956V22.5768ZM34.5571 17.9503H36.0769V12.0507H34.5571V17.9503ZM22.8532 17.93V12.0501H27.567V13.4226H24.3743V14.3282H27.4868V15.6614H24.3743V16.6576H27.567V17.93H22.8532ZM20.4863 17.9307V13.8706L18.5931 17.9307H17.3542L15.4506 13.8903V17.9307H14.1309H13.9295H12.4691L11.9451 16.6969H9.1858L8.65206 17.9307H7L9.50774 12.0494H11.6329L13.9295 17.4529V12.0494H16.3167L17.9785 15.7014L19.6299 12.0494H22.0171V17.9307H20.4863ZM9.83033 15.1938H11.3006L10.5654 13.4429L9.83033 15.1938ZM50.1679 17.9307L47.7723 13.9999V17.9307H46.4728H46.2297H44.811L44.2772 16.6969H41.5173L40.9927 17.9307H39.6026H39.351H38.6257C38.6257 17.9307 36.5924 17.6417 36.5924 15.1545C36.5924 11.8904 38.8987 12.0196 38.9783 12L40.8415 12.0494V13.3732L39.3119 13.3928C39.3119 13.3928 38.3142 13.3928 38.1923 14.6767C38.1793 14.825 38.1721 14.9593 38.1734 15.0854C38.1793 17.0733 39.9193 16.4567 39.9767 16.4377L41.8496 12.0494H43.9638L46.2297 17.3832V12.0494H48.3653L50.7323 15.9206V12.0494H52.254V17.9307H50.1679ZM42.1618 15.1938H43.6327L42.9074 13.4429L42.1618 15.1938ZM32.3407 17.9307V16.7862C32.3407 16.7862 32.2807 15.8908 31.3338 15.8908H29.8636V17.9307H28.3523V12.0494H32.0188C32.0188 12.0494 33.9321 11.8207 33.9321 13.7711C33.9321 14.7863 33.0862 15.1443 33.0862 15.1443C33.0862 15.1443 33.8214 15.4827 33.8214 16.4776V17.9307H32.3407ZM29.8636 14.5075H31.4244C31.878 14.5075 32.2501 14.2585 32.2501 13.9498C32.2501 13.6419 31.878 13.3928 31.4244 13.3928H29.8636V14.5075Z" fill="#007ECD" />
1589      </svg>
1590    
1591    
1592  
1593  
1594</div>
1595
1596    </div>
1597  </div>
1598</footer>
1599
1600    <!-- mobile bottom nav bar -->
1601    
1602<div data-subscribe="products" data-entity-type="bxgy-footer"
1603  class="coupon-sticky full-width flex d-row j-center a-center hidden" id="coupon-sticky">
1604  <div class="bxgy-text"></div>
1605  <a>
1606    <div class="add-text flex d-row a-center hide-on-mobile">
1607      <div class="sticky-text">Add More</div> <svg class="goToBagIcon " xmlns="http://www.w3.org/2000/svg" width="18"
1608        height="18" viewBox="0 0 26 26">
1609        <path fill="currentColor"
1610          d="M13 0C5.832 0 0 5.86 0 13.061c0 7.202 5.832 13.062 13 13.062s13-5.86 13-13.062C26 5.86 20.168 0 13 0z">
1611        </path>
1612        <path fill="currentColor"
1613          d="M14.764 13.061l-4.437-4.726c-.48-.512-.48-1.344 0-1.856s1.261-.512 1.742 0l5.357 5.708c.454.483.454 1.266 0 1.749l-5.357 5.707c-.48.512-1.261.512-1.742 0-.48-.512-.48-1.343 0-1.855l4.437-4.727z">
1614        </path>
1615      </svg>
1616    </div>
1617  </a>
1618</div>
vendor: 111 bytes, lines 1618-1621
1618
1619
1620
1621<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1621<script defer  src="/public/102347045/hawaii/js/bxgy_sticky_footer.js?ver=sceptre:0abf2a4"></script>
1621
1622
1623    
1624
1625    <div id="mobile-bottom-nav-bar"
1626         class="sticky-bottom d-lg-none mob-navbar d-flex justify-content-between bg-white py-2"
1627         style="border-top: 1px solid #D9D9D9">
1628      <a href="/"
1629         id="od-mob-home"
1630         class="col-3 d-flex flex-column align-items-center justify-content-center mob-nav-link mob-nav-link-active">
1631        <div class="flex">
1632          <svg class="home-svg-mobile-nav"
1633               width="24"
1634               height="24"
1635               viewBox="0 0 24 24"
1636               fill="none"
1637               xmlns="http://www.w3.org/2000/svg">
1638            <g clip-path="url(#clip0_2960_13597)">
1639            <path
1640            d="M14.25 19.5V15C14.25 14.801 14.171 14.6103 14.0303 14.4696C13.8897 14.329 13.6989 14.25 13.5 14.25H10.5C10.3011 14.25 10.1103 14.329 9.96967 14.4696C9.82902 14.6103 9.75 14.801 9.75 15V19.5C9.75 19.6989 9.67098 19.8896 9.53033 20.0303C9.38968 20.1709 9.19891 20.25 9 20.25H4.5C4.30109 20.25 4.11032 20.1709 3.96967 20.0303C3.82902 19.8896 3.75 19.6989 3.75 19.5V10.8281C3.75168 10.7243 3.77411 10.6219 3.81597 10.5269C3.85783 10.4319 3.91828 10.3462 3.99375 10.275L11.4937 3.45933C11.632 3.33284 11.8126 3.2627 12 3.2627C12.1874 3.2627 12.368 3.33284 12.5062 3.45933L20.0062 10.275C20.0817 10.3462 20.1422 10.4319 20.184 10.5269C20.2259 10.6219 20.2483 10.7243 20.25 10.8281V19.5C20.25 19.6989 20.171 19.8896 20.0303 20.0303C19.8897 20.1709 19.6989 20.25 19.5 20.25H15C14.8011 20.25 14.6103 20.1709 14.4697 20.0303C14.329 19.8896 14.25 19.6989 14.25 19.5Z"
1641            stroke="#999999" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" />
1642            </g>
1643            <defs>
1644            <clipPath id="clip0_2960_13597">
1645            <rect width="24" height="24" fill="white" />
1646            </clipPath>
1647            </defs>
1648          </svg>
1649          <svg class="home-svg-mobile-nav-filled hidden"
1650               width="24"
1651               height="24"
1652               viewBox="0 0 24 24"
1653               fill="none"
1654               xmlns="http://www.w3.org/2000/svg">
1655            <g clip-path="url(#clip0_1632_8370)">
1656            <path
1657            d="M20.5122 9.72159L13.0122 2.90597C12.7357 2.65299 12.3745 2.5127 11.9997 2.5127C11.6249 2.5127 11.2637 2.65299 10.9872 2.90597L3.48721 9.72159C3.33365 9.86208 3.21101 10.033 3.12708 10.2234C3.04315 10.4139 2.99978 10.6197 2.99971 10.8278V19.4622C2.99361 19.8404 3.12712 20.2075 3.37471 20.4935C3.51523 20.6533 3.68833 20.7811 3.88238 20.8684C4.07643 20.9558 4.28692 21.0005 4.49971 20.9997H8.99971C9.19862 20.9997 9.38939 20.9207 9.53004 20.7801C9.67069 20.6394 9.74971 20.4486 9.74971 20.2497V15.7497C9.74971 15.5508 9.82873 15.36 9.96938 15.2194C10.11 15.0787 10.3008 14.9997 10.4997 14.9997H13.4997C13.6986 14.9997 13.8894 15.0787 14.03 15.2194C14.1707 15.36 14.2497 15.5508 14.2497 15.7497V20.2497C14.2497 20.4486 14.3287 20.6394 14.4694 20.7801C14.61 20.9207 14.8008 20.9997 14.9997 20.9997H19.4997C19.7485 21.0019 19.9937 20.9406 20.2122 20.8216C20.45 20.6921 20.6485 20.5011 20.787 20.2685C20.9256 20.036 20.9991 19.7704 20.9997 19.4997V10.8278C20.9996 10.6197 20.9563 10.4139 20.8723 10.2234C20.7884 10.033 20.6658 9.86208 20.5122 9.72159Z"
1658            fill="var(--primary)" />
1659            </g>
1660            <defs>
1661            <clipPath id="clip0_1632_8370">
1662            <rect width="24" height="24" fill="white" />
1663            </clipPath>
1664            </defs>
1665          </svg>
1666        </div>
1667        <div class="text-12 font-semibold mob-nav-label home-mob-nav-label"
1668             style="color: var(--black-50);">Home</div>
1669      </a>
1670  
1671      <a href="/templatestore/bag"
1672         id="od-mob-bag"
1673         class="col-3 mob-nav-link d-flex align-items-center justify-content-center">
1674        <div class="position-relative d-flex flex-column align-items-center justify-content-center"
1675             style="width: fit-content;">
1676          <div >
1677            <svg id="bag-svg-mobile-nav"
1678                 width="24"
1679                 height="24"
1680                 viewBox="0 0 24 24"
1681                 fill="none"
1682                 xmlns="http://www.w3.org/2000/svg"
1683                 class="mob-nav-icon">
1684              <path
1685              d="M19.5749 20.25H4.42488C4.24033 20.2491 4.06242 20.1811 3.92439 20.0586C3.78636 19.9361 3.69766 19.7675 3.67488 19.5844L2.34363 7.58438C2.33179 7.47982 2.34208 7.37394 2.37384 7.27363C2.4056 7.17331 2.45811 7.0808 2.52796 7.0021C2.59781 6.92341 2.68344 6.8603 2.77928 6.81686C2.87513 6.77343 2.97903 6.75065 3.08426 6.75H20.9155C21.0207 6.75065 21.1246 6.77343 21.2205 6.81686C21.3163 6.8603 21.4019 6.92341 21.4718 7.0021C21.5417 7.0808 21.5942 7.17331 21.6259 7.27363C21.6577 7.37394 21.668 7.47982 21.6561 7.58438L20.3249 19.5844C20.3021 19.7675 20.2134 19.9361 20.0754 20.0586C19.9373 20.1811 19.7594 20.2491 19.5749 20.25V20.25Z"
1686              stroke="#808080" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round">
1687              </path>
1688              <path
1689              d="M8.25 9.75V6.75C8.25 5.75544 8.64509 4.80161 9.34835 4.09835C10.0516 3.39509 11.0054 3 12 3C12.9946 3 13.9484 3.39509 14.6517 4.09835C15.3549 4.80161 15.75 5.75544 15.75 6.75V9.75"
1690              stroke="#808080" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round">
1691              </path>
1692            </svg>
1693          </div>
1694          <div class="text-12 font-semibold mob-nav-label bag-mob-nav-label"
1695               style="color: var(--black-50);">Bag</div>
1696          <span class="text-10 text-white d-flex justify-content-center align-items-center font-medium position-absolute bubble header-bubble"
1697                style="top: -3px;
1698                       right: -11px;"
1699                data-subscribe="products"
1700                data-entity-type="bag-count"></span>
1701        </div>
1702      </a>
1703      <a id="od-mob-account"
1704         class="col-3 d-flex flex-column align-items-center justify-content-center mob-nav-link"
1705         onclick="initDukaanAuth(redirectToAccount)">
1706        <div >
1707          <svg width="24"
1708               height="24"
1709               viewBox="0 0 24 24"
1710               fill="none"
1711               xmlns="http://www.w3.org/2000/svg"
1712               class="mob-nav-icon">
1713            <path
1714            d="M12 15C15.3137 15 18 12.3137 18 9C18 5.68629 15.3137 3 12 3C8.68629 3 6 5.68629 6 9C6 12.3137 8.68629 15 12 15Z"
1715            stroke="#808080" stroke-width="1.25" stroke-miterlimit="10">
1716            </path>
1717            <path
1718            d="M2.90625 20.2499C3.82775 18.6534 5.15328 17.3277 6.74958 16.406C8.34588 15.4843 10.1567 14.999 12 14.999C13.8433 14.999 15.6541 15.4843 17.2504 16.406C18.8467 17.3277 20.1722 18.6534 21.0938 20.2499"
1719            stroke="#808080" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round">
1720            </path>
1721          </svg>
1722        </div>
1723        <div class="text-12 font-semibold mob-nav-label"
1724             style="color: var(--black-50);">Account</div>
1725      </a>
1726    </div>
1727    <product-variant-selection-modal data-product-uuid=""></product-variant-selection-modal>
1728    <!-- buttons -->
1729    <template id="add-to-bag-button-without-variant">
1730      <div class="add-to-bag-button-wrapper">
1731        <button class="without-cart-add-to-bag-button btn-outline-primary btn-lg">
1732          
1733          Add to cart
1734        </button>
1735        <button class="with-cart-add-to-bag-button fB a-s j-c h100 hidden btn-outline-primary w-100  btn-lg"
1736                style="">
1737          <div class="remove-button flex-1 fB a-c j-c">
1738            <svg xmlns="http://www.w3.org/2000/svg"
1739                 width="12"
1740                 height="14"
1741                 viewBox="0 0 12 12"
1742                 alt="-">
1743              <g fill="none" fill-rule="evenodd">
1744              <g fill="var(--primary)" fill-rule="nonzero">
1745              <g>
1746              <g>
1747              <path
1748              d="M11.25 5.25c.414 0 .75.336.75.75 0 .385-.29.702-.663.745l-.087.005H.75C.336 6.75 0 6.414 0 6c0-.385.29-.702.663-.745L.75 5.25h10.5z"
1749              transform="translate(-1181 -300) translate(1173 292) translate(8 8)">
1750              </path>
1751              </g>
1752              </g>
1753              </g>
1754              </g>
1755            </svg>
1756          </div>
1757          <p class="product-qty fB j-c a-c flex-1"></p>
1758          <div class="add-button flex-1 fB a-c j-c">
1759            <svg xmlns="http://www.w3.org/2000/svg"
1760                 width="12"
1761                 height="12"
1762                 viewBox="0 0 12 12"
1763                 alt="+">
1764              <g fill="none" fill-rule="evenodd">
1765              <g fill="var(--primary)" fill-rule="nonzero">
1766              <g>
1767              <g>
1768              <path
1769              d="M6 0c.385 0 .702.29.745.663L6.75.75v10.5c0 .414-.336.75-.75.75-.385 0-.702-.29-.745-.663l-.005-.087V.75C5.25.336 5.586 0 6 0z"
1770              transform="translate(-1235 -300) translate(1173 292) translate(62 8)">
1771              </path>
1772              <path
1773              d="M11.25 5.25c.414 0 .75.336.75.75 0 .385-.29.702-.663.745l-.087.005H.75C.336 6.75 0 6.414 0 6c0-.385.29-.702.663-.745L.75 5.25h10.5z"
1774              transform="translate(-1235 -300) translate(1173 292) translate(62 8)">
1775              </path>
1776              </g>
1777              </g>
1778              </g>
1779              </g>
1780            </svg>
1781          </div>
1782        </button>
1783      </div>
1784    </template>
1785    <template id="add-to-bag-button-with-variant">
1786      <div class="add-to-bag-button-wrapper">
1787        <button class="without-cart-add-to-bag-button font-bold btn-outline-primary text-lowercase btn-lg">
1788          
1789          Add to cart
1790        </button>
1791        <button class="with-cart-add-to-bag-button fB a-s j-c hidden btn-outline-primary btn-lg">
1792          <div class="remove-button flex-1 fB a-c j-c">
1793            <svg xmlns="http://www.w3.org/2000/svg"
1794                 width="12"
1795                 height="14"
1796                 viewBox="0 0 12 12"
1797                 alt="-">
1798              <g fill="none" fill-rule="evenodd">
1799              <g fill="var(--primary)" fill-rule="nonzero">
1800              <g>
1801              <g>
1802              <path
1803              d="M11.25 5.25c.414 0 .75.336.75.75 0 .385-.29.702-.663.745l-.087.005H.75C.336 6.75 0 6.414 0 6c0-.385.29-.702.663-.745L.75 5.25h10.5z"
1804              transform="translate(-1181 -300) translate(1173 292) translate(8 8)">
1805              </path>
1806              </g>
1807              </g>
1808              </g>
1809              </g>
1810            </svg>
1811          </div>
1812          <p class="product-qty fB a-c j-c flex-1"></p>
1813          <div class="add-button flex-1 fB a-c j-c">
1814            <svg xmlns="http://www.w3.org/2000/svg"
1815                 width="12"
1816                 height="12"
1817                 viewBox="0 0 12 12"
1818                 alt="+">
1819              <g fill="none" fill-rule="evenodd">
1820              <g fill="var(--primary)" fill-rule="nonzero">
1821              <g>
1822              <g>
1823              <path
1824              d="M6 0c.385 0 .702.29.745.663L6.75.75v10.5c0 .414-.336.75-.75.75-.385 0-.702-.29-.745-.663l-.005-.087V.75C5.25.336 5.586 0 6 0z"
1825              transform="translate(-1235 -300) translate(1173 292) translate(62 8)">
1826              </path>
1827              <path
1828              d="M11.25 5.25c.414 0 .75.336.75.75 0 .385-.29.702-.663.745l-.087.005H.75C.336 6.75 0 6.414 0 6c0-.385.29-.702.663-.745L.75 5.25h10.5z"
1829              transform="translate(-1235 -300) translate(1173 292) translate(62 8)">
1830              </path>
1831              </g>
1832              </g>
1833              </g>
1834              </g>
1835            </svg>
1836          </div>
1837        </button>
1838      </div>
1839    </template>
1840    <template id="out-of-stock-button">
1841      <div class="add-to-bag-button-wrapper m-mt4_i mt10_i">
1842        <button disabled
1843                class="btn-out-stock btn-out-stock__normal btn-lg">
1844          <p>
1845            
1846            Out of stock
1847          </p>
1848        </button>
1849      </div>
1850    </template>
1851    <template id="out-of-stock-button-modal">
1852      <div class="add-to-bag-button-wrapper">
1853        <button disabled
1854                class="btn-out-stock btn-out-stock__modal btn-lg">
1855          <p>
1856            
1857            This product is out of stock.
1858          </p>
1859        </button>
1860      </div>
1861    </template>
1862    <template id="buy-now-button-template">
1863      <div class="buy-now-button-wrapper w-100">
1864        <button type="button"
1865                class="btn-secondary w-100 text-14_20 text-lg-16_24 btn-lg">
1866          <p>
1867            
1868            Buy now
1869          </p>
1870        </button>
1871      </div>
1872    </template>
1873
1874    <!-- variant modal -->
1875    <template id="product-modal-splide-container">
1876      <li class="splide__slide">
1877        <div class="image-wrapper h-100">
1878          <img loading="lazy"
1879               alt=""
1880               class="product-image h-100 w100 ar-100 product-modal-splide-image"/>
1881        </div>
1882      </li>
1883    </template>
1884    <template id="product-modal-splide-container_thumbnail">
1885      <li class="splide__slide">
1886        <div class="image-wrapper h-100">
1887          <img loading="lazy"
1888               alt=""
1889               class="product-image h-100 w100 ar-100 product-modal-splide-image"/>
1890        </div>
1891      </li>
1892    </template>
1893    <template id="product-variant-selection-modal">
1894      <div id="product-variant-selection-modal"
1895           class="modal product-variant-selection-modal hidden"
1896           onclick="closeProductVariantModal()">
1897        <div class="modal-content w-auto"
1898             onclick="event.stopPropagation()"
1899             style="max-width: 960px;
1900                    max-height: fit-content;
1901                    border-radius: 0;
1902                    max-height: 595px;">
1903          <div class="product-modal-content f-row h-100">
1904            <div class="h-100 d-sm-none"
1905                 style="padding-bottom: 82px">
1906              <div class="d-lg-flex flex-row-reverse p-4 product-images">
1907                <div class="h-100">
1908                  <section class="splide h-100"
1909                           id="splide-product-modal-images">
1910                    <div class="splide__track h-100">
1911                      <ul class="splide__list">
1912                        <!-- product-splide-images will come here -->
1913                      </ul>
1914                    </div>
1915                  </section>
1916                </div>
1917                <!-- thumbnail slider -->
1918                <div>
1919                  <section id="splide-product-thumbnail-image"
1920                           class="splide position-relative d-flex justify-content-center align-items-center">
1921                    <div class="splide__track">
1922                      <ul class="splide__list_thumbnail splide__list me-3 d-flex flex-column gap-3 "
1923                          style="overflow:auto">
1924                        <!-- product-splide-images will come here -->]
1925                      </ul>
1926                    </div>
1927                  </section>
1928                </div>
1929              </div>
1930            </div>
1931            <div class="modal-contents position-relative"
1932                 style="background: var(--black-98);">
1933              <div class="product-information p-0 d-flex flex-column align-items-start">
1934                <div class="pt-32 w-100 d-flex flex-column h-100">
1935                  <div class="badge-container product-modal-badge px-3 px-lg-4 mb-4">
1936                    <!-- coupon badge -->
1937                    <div class="bxgy-badge bxgy-badge-oxford-box mb12">
1938                    </div>
1939                    <!-- product name -->
1940                    <div class="d-flex justify-content-between">
1941                      <h3 class="product-name product-description-title mb-12 mb-lg-2 font-bold"
1942                          style="color:var(--black-12)">
1943                      </h3>
1944                      <div class="modal-cross-button position-absolute"
1945                           style="right: 16px; top: 16px">
1946                        <button onclick="closeProductVariantModal()"
1947                                class="px-0"
1948                                style="border:none; background:var(--black-98)">
1949                          <svg width="24"
1950                               height="24"
1951                               viewBox="0 0 24 24"
1952                               fill="none"
1953                               xmlns="http://www.w3.org/2000/svg">
1954                            <path
1955                            d="M18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.29289 17.2929C4.90237 17.6834 4.90237 18.3166 5.29289 18.7071C5.68342 19.0976 6.31658 19.0976 6.70711 18.7071L12 13.4142L17.2929 18.7071C17.6834 19.0976 18.3166 19.0976 18.7071 18.7071C19.0976 18.3166 19.0976 17.6834 18.7071 17.2929L13.4142 12L18.7071 6.70711Z"
1956                            fill="#1A181E" />
1957                          </svg>
1958                        </button>
1959                      </div>
1960                    </div>
1961                    <!-- product ratings -->
1962                    <div class="d-flex flex-sm-column mb-lg-3 mb-1">
1963                      <div>
1964                        <!-- <p class="sub-body">rating</p> -->
1965                        <div class="dkn-product-card-review-info"
1966                             data-product-id>
1967                        </div>
1968                      </div>
1969                      <div class="text-14">
1970                        <div class="nirvana-rating-info">
1971                          <!-- <link rel="stylesheet" href="/public/102347045/hawaii/css/ratings.css?ver=sceptre:0abf2a4" as="" onload="">
1972        <noscript><link rel="stylesheet" href="styles.css"></noscript> -->
1973
1974<div class="rating-info-pdp flex d-row j-start a-center hidden" id="rating-info-pdp">
1975  <div class="flex rating-info-star-list">
1976  </div>
1977  <a href="#ratings-plugin-container" class="scroll-to-plugin"></a>
1978</div>
1979                        </div>
1980                      </div>
1981                    </div>
1982                    <div class="stock-left-message mb-2 font-medium hidden"
1983                         style="color: var(--secondary-red)">
1984                    </div>
1985                    <div class="product-price-information product-price-container d-flex align-item-center gap-2">
1986                      <h4 class="product-selling-price font-bold"
1987                          style="color:var(--black-12)">
1988                      </h4>
1989                      <h4 class="product-original-price hidden text-decoration-line-through"
1990                          style="color:var(--black-50)">
1991                      </h4>
1992                      <h4 class="product-discount-badge s-green hidden"
1993                          style="color: var(--secondary-green)">
1994                      </h4>
1995                    </div>
1996                  </div>
1997                  <form class="variant-selection-form-wrapper w-100 px-3 px-lg-4 mb-4">
1998                  </form>
1999                  <div class="dkn-action-button-wrapper variant-button-wrapper p-3 d-flex justify-content-center gap-3 w-100"
2000                       style="background-color: var(--black-98);">
2001                  </div>
2002                </div>
2003              </div>
2004            </div>
2005          </div>
2006        </div>
2007      </div>
2008    </template>
2009    <template id="category-list-item">
2010      <a class="category-list-item " >
2011        <div class="position-relative">
2012          <img loading="lazy"
2013               class="category-image"
2014               onerror="imageOnError(event)"/>
2015          <div class=""
2016               style="left: 0%;
2017                      right: 0%;
2018                      top: 0%;
2019                      bottom: 0%;
2020                      background: transparent">
2021          </div>
2022          <div class="category-lists"
2023               style="bottom:0;
2024                      width:100%;">
2025            <span class="category-name text-12 font-bold lineClamp" style="color: var(--black-12) !important;">
2026            </span>
2027          </div>
2028        </div>
2029      </a>
2030    </template>
2031    <template id="category-sidebar-list-item">
2032      <li class="mb16">
2033        <div class="align-center">
2034          <a class="f1">
2035            <div class="fB j-fs a-c">
2036              <div class="align-center sidebar-category-container">
2037                <img src=""
2038                     class="category-image"
2039                     alt=""/>
2040              </div>
2041              <div class="align-center width-250 ml-16">
2042                <div class="t-black category-name t-16_24">
2043                </div>
2044              </div>
2045              <div class="fB f1 j-fe">
2046                <svg width="24"
2047                     height="17"
2048                     viewBox="0 0 9 17"
2049                     fill="none"
2050                     xmlns="http://www.w3.org/2000/svg">
2051                  <path fill-rule="evenodd" clip-rule="evenodd"
2052                  d="M0.292893 16.2071C-0.0976311 15.8166 -0.0976312 15.1834 0.292893 14.7929L6.58579 8.5L0.292893 2.20711C-0.0976317 1.81658 -0.0976318 1.18342 0.292893 0.792893C0.683417 0.402369 1.31658 0.402368 1.70711 0.792893L8.70711 7.79289C9.09763 8.18342 9.09763 8.81658 8.70711 9.20711L1.70711 16.2071C1.31658 16.5976 0.683418 16.5976 0.292893 16.2071Z"
2053                  fill="var(--black-50)" />
2054                </svg>
2055              </div>
2056            </div>
2057          </a>
2058        </div>
2059      </li>
2060    </template>
2061    <!-- search prediction -->
2062    <template id="search-prediction-item">
2063      <a class="search-prediction-item d-flex flex-row justify-content-between">
2064        <div class="prediction-content d-flex flex-row align-items-center justify-content-start"
2065             style="margin-right: 12px;">
2066          <img class="prediction-image"
2067               style="margin-right: 12px; height: 60px; width: 48px;border: 1px solid #E6E6E6; "/>
2068          <div class="d-flex flex-column gap-2">
2069            <div class="prediction-label text-c-black">
2070            </div>
2071            <div class="prediction-subcategory">
2072            </div>
2073          </div>
2074        </div>
2075        <svg class="fill-prediction"
2076             width="24"
2077             height="24"
2078             viewBox="0 0 24 24"
2079             fill="none"
2080             xmlns="http://www.w3.org/2000/svg">
2081          <g clip-path="url(#clip0_1431_7954)">
2082          <path fill-rule="evenodd" clip-rule="evenodd"
2083          d="M21 12.2812C21 12.6955 20.6642 13.0312 20.25 13.0312L3.75 13.0313C3.33579 13.0313 3 12.6955 3 12.2813C3 11.867 3.33579 11.5313 3.75 11.5313L20.25 11.5312C20.6642 11.5312 21 11.867 21 12.2812Z"
2084          fill="#808080" />
2085          <path fill-rule="evenodd" clip-rule="evenodd"
2086          d="M12.9697 19.5616C12.6768 19.2687 12.6768 18.7938 12.9697 18.5009L19.1893 12.2812L12.9697 6.06158C12.6768 5.76869 12.6768 5.29381 12.9697 5.00092C13.2626 4.70803 13.7374 4.70803 14.0303 5.00092L20.7803 11.7509C21.0732 12.0438 21.0732 12.5187 20.7803 12.8116L14.0303 19.5616C13.7374 19.8545 13.2626 19.8545 12.9697 19.5616Z"
2087          fill="#808080" />
2088          </g>
2089          <defs>
2090          <clipPath id="clip0_1431_7954">
2091          <rect width="24" height="24" fill="white" />
2092          </clipPath>
2093          </defs>
2094        </svg>
2095      </a>
2096    </template>
2097    <!-- recent searches -->
2098    <template id="recent-searches-template">
2099      <div class="pointer d-flex align-items-center recent-search-item pt-8">
2100        <svg class="me-2"
2101             width="24"
2102             height="24"
2103             viewBox="0 0 24 24"
2104             fill="none"
2105             xmlns="http://www.w3.org/2000/svg">
2106          <path fill-rule="evenodd" clip-rule="evenodd"
2107          d="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12Z"
2108          fill="#808080" />
2109          <path fill-rule="evenodd" clip-rule="evenodd"
2110          d="M12 6C12.4142 6 12.75 6.33579 12.75 6.75V11.25H17.25C17.6642 11.25 18 11.5858 18 12C18 12.4142 17.6642 12.75 17.25 12.75H12C11.5858 12.75 11.25 12.4142 11.25 12V6.75C11.25 6.33579 11.5858 6 12 6Z"
2111          fill="#808080" />
2112        </svg>
2113        <span class="text-16 c-black regular recent-search-item-text"> </span>
2114      </div>
2115    </template>
2116    <!-- Search Modal -->
2117    <div class="modal search-modal hidden"
2118         id="search-drawer"
2119         onclick="closeSearchDrawer()">
2120      <div class="modal-content modal-overflow-container rounded-0"
2121           onclick="event.stopPropagation()">
2122        <div class="my-4 mb-lg-32">
2123          <div class="d-flex justify-content-between align-items-center pb-lg-32">
2124            <div class="side-bar-search font-bold search-text text-uppercase">
2125              Search
2126            </div>
2127            <div>
2128              <svg onclick="closeSearchDrawer()" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2129                <path d="M24.9426 8.9428C25.4633 8.4221 25.4633 7.57788 24.9426 7.05718C24.4219 6.53648 23.5777 6.53648 23.057 7.05718L15.9998 14.1144L8.94265 7.05718C8.42195 6.53648 7.57773 6.53648 7.05703 7.05718C6.53633 7.57788 6.53633 8.4221 7.05703 8.9428L14.1142 16L7.05703 23.0572C6.53633 23.5779 6.53633 24.4221 7.05703 24.9428C7.57773 25.4635 8.42195 25.4635 8.94265 24.9428L15.9998 17.8856L23.057 24.9428C23.5777 25.4635 24.4219 25.4635 24.9426 24.9428C25.4633 24.4221 25.4633 23.5779 24.9426 23.0572L17.8855 16L24.9426 8.9428Z" fill="#1A181E"/>
2130                </svg>
2131                
2132            </div>
2133          </div>
2134          <form id="search-form"
2135                class="full-width"
2136                onsubmit="redirectToSearchPageOnSubmit(event)">
2137            <div class="input-wrapper d-flex align-items-center" style="height: 48px !important;;">
2138              <div class="me-1">
2139                <svg width="24"
2140                     height="24"
2141                     viewBox="0 0 24 24"
2142                     fill="none"
2143                     xmlns="http://www.w3.org/2000/svg">
2144                  <path fill-rule="evenodd" clip-rule="evenodd"
2145                  d="M11.0724 5.15966C7.80675 5.15966 5.15942 7.80699 5.15942 11.0726C5.15942 14.3383 7.80675 16.9856 11.0724 16.9856C14.338 16.9856 16.9854 14.3383 16.9854 11.0726C16.9854 7.80699 14.338 5.15966 11.0724 5.15966ZM4 11.0726C4 7.16666 7.16642 4.00024 11.0724 4.00024C14.9784 4.00024 18.1448 7.16666 18.1448 11.0726C18.1448 14.9786 14.9784 18.145 11.0724 18.145C7.16642 18.145 4 14.9786 4 11.0726Z"
2146                  fill="#999999" />
2147                  <path fill-rule="evenodd" clip-rule="evenodd"
2148                  d="M15.2538 15.2535C15.4802 15.0271 15.8472 15.0271 16.0736 15.2535L19.8301 19.01C20.0565 19.2364 20.0565 19.6035 19.8301 19.8299C19.6037 20.0562 19.2367 20.0562 19.0103 19.8299L15.2538 16.0734C15.0274 15.847 15.0274 15.4799 15.2538 15.2535Z"
2149                  fill="#999999" />
2150                </svg>
2151              </div>
2152              <input type="text"
2153                     class="search-input"
2154                     id="search-input"
2155                     name="search"
2156                     onkeyup="onInputChange(event)"
2157                     placeholder="What are you looking for?"
2158                     autofocus/>
2159              <svg class="cancel-btn hidden cur-p"
2160                   xmlns="http://www.w3.org/2000/svg"
2161                   width="12"
2162                   height="12"
2163                   viewBox="0 0 12 12"
2164                   fill="none"
2165                   onclick="clearInputSearch()">
2166                <path fill-rule="evenodd" clip-rule="evenodd"
2167                d="M11.5896 1.58909C11.915 1.26366 11.915 0.736018 11.5896 0.410582C11.2641 0.0851445 10.7365 0.0851445 10.4111 0.410582L6.00033 4.82133L1.58958 0.410582C1.26414 0.0851445 0.736507 0.0851445 0.41107 0.410582C0.0856328 0.736018 0.0856328 1.26366 0.41107 1.58909L4.82181 5.99984L0.41107 10.4106C0.0856328 10.736 0.0856328 11.2637 0.41107 11.5891C0.736507 11.9145 1.26414 11.9145 1.58958 11.5891L6.00033 7.17835L10.4111 11.5891C10.7365 11.9145 11.2641 11.9145 11.5896 11.5891C11.915 11.2637 11.915 10.736 11.5896 10.4106L7.17884 5.99984L11.5896 1.58909Z"
2168                fill="#1A181E" />
2169              </svg>
2170            </div>
2171            <input type="submit"
2172                   class="hidden"/>
2173          </form>
2174        </div>
2175        <div class="search-meta">
2176          <div class="recent-searches hidden">
2177            <div>
2178              <div class="section-heading fB j-sb a-c mb-3"
2179                   style="color:var(--dukaan-black)">
2180                <span class="c-black medium text-black12">Recent searches</span>
2181                <span class="clear-text t-14 mt-14 font-regular pointer text-decoration-underline "
2182                      onclick="clearRecentSearches()"
2183                      style="color: #808080">Clear all</span>
2184              </div>
2185              <div class="recent-searches-list text-black12"
2186                   style="color:var(--dukaan-black)">
2187              </div>
2188            </div>
2189          </div>
2190          <h6 class="section-heading  top-categories-heading mb-3">
2191            Top categories
2192          </h6>
2193          <div class="category-list mt-3">
2194            
2195              <div class="search-category-item-shimmer flex d-column shimmer">
2196              </div>
2197            
2198              <div class="search-category-item-shimmer flex d-column shimmer">
2199              </div>
2200            
2201              <div class="search-category-item-shimmer flex d-column shimmer">
2202              </div>
2203            
2204              <div class="search-category-item-shimmer flex d-column shimmer">
2205              </div>
2206            
2207              <div class="search-category-item-shimmer flex d-column shimmer">
2208              </div>
2209            
2210              <div class="search-category-item-shimmer flex d-column shimmer">
2211              </div>
2212            
2213          </div>
2214        </div>
2215        <div class="prediction-section-heading text-black12 hidden">
2216          Showing products
2217        </div>
2218        <div class="search-predictions hidden"
2219             style="color:var(--dukaan-black)">
2220        </div>
2221      </div>
2222    </div>
2223    <!-- search modal ends -->
2224    <template id="search-prediction-failed">
2225      <div class="no-prediction">
2226      </div>
2227    </template>
2228    <!-- <template id="categories-card-shimmer">
2229    <div class="cards_item testimonials-card category-list-shimmer-item">
2230      <div class="product-image-wrapper br-l">
2231        <div class="square shimmer">
2232          <div class="square-children">
2233          </div>
2234        </div>
2235      </div>
2236      <div class="shimmer shimmer-text">
2237      </div>
2238      <div class="shimmer shimmer-text">
2239      </div>
2240    </div>
2241  </template> -->
2242    <!-- <template id="categories-card-template">
2243    <a href="">
2244      <div class="w100">
2245        <div class="product-category-image">
2246          <img class="brmd bordered" src="" alt="Luxury Suits Women" height="100%" width="100%" loading="lazy">
2247        </div>
2248        <span class="t-18_26 mt-14_20 pt12 c-black medium textCenter lineClamp2 product-category-name">
2249        </span>
2250      </div>
2251    </a>
2252</template> -->
2253    <template id="bestseller-shimmer">
2254      <div class="shimmer"
2255           style="height: 300px;
2256                  width: 100%;">
2257        Shimmer
2258      </div>
2259    </template>
2260
2261    <template id="hw-home-page-product-card-template">
2262      <div class="hw-home-page-product-card-container col-6 col-lg-3 px-0">
2263        <div class="cards_item dkn-product-card scroller-product-card d-flex flex-column justify-content-between">
2264          <!-- product card content -->
2265          <div>
2266            <div class="card">
2267              <div class="card_image">
2268                <a>
2269                  <!-- <div class="product-card-image-container">
2270                  <div class="image-wrapper position-relative">
2271                    <img loading="lazy" src="" alt="" id=" dkn-product-card-only-image-wrapper" class="dkn-product-card-image img-fluid " style="aspect-ratio: .8/1;" />
2272                  </div>
2273                </div> -->
2274                   <!-- <section class="splide dkn-product-card-image-carousel-wrapper"
2275                           id="dkn-product-card-image-carousel-wrapper">
2276                    <div class="splide__track">
2277                      <ul class="splide__list dkn-product-card-image-carousel">
2278                      </ul>
2279                    </div>
2280                    <div class="splide-progress-bar dkn-product-card-image-carousel-progress-bar">
2281                    </div>
2282                  </section> -->
2283                  <div class="dkn-product-card-only-image-wrapper product-card-image-container">
2284                    <div class="image-wrapper position-relative">
2285                      <img loading="lazy"
2286                           src=""
2287                           alt=""
2288                           id=" dkn-product-card-only-image-wrapper"
2289                           class="dkn-product-card-image"
2290                           style="aspect-ratio: 1/1;"/>
2291                    </div>
2292                  </div>
2293                </a>
2294                <div class="badge-container z-ind-1 justify-content-start position-absolute d-flex top-0 start-0 end-0 ">
2295                  <div class="dkn-product-card-bxgy-badge d-flex bxgy-badge-booster font-bold position-absolute hidden"
2296                       data-product-id
2297                       data-product-uuid>
2298                  </div>
2299                  <div class="hw-product-card-badge-wrapper" style="z-index: 1">
2300                    <div class="dkn-product-card-new-badge hw-product-card-badge font-bold text-black12 text-capitalise hidden"
2301                      style="background-color: var(--yellow);">Buy 1 Get 1</div>
2302                    <div class="dkn-product-card-sold-out-badge bg-secondary-red hw-product-card-badge font-bold text-white  hidden">
2303                      Sold out
2304                    </div>
2305                    <div class="dkn-product-card-sale-badge  hw-product-card-badge font-bold text-white hidden"
2306                      style="background: var(--secondary-green)">Sale</div>
2307                  </div>
2308                </div>
2309
2310                <wishlist-button-load-point data-product-uuid="" data-template-id="heart-wishlist-button-template"
2311                data-add-event="HOME_PAGE_WISHLIST_ADDED">
2312                <div class="heart-wishlist-buttons-wrapper">
2313                  <button disabled
2314                          type="button"
2315                          data-wishlist-button-state="unselected">
2316                    <div class="wishlist-svg-wrapper">
2317                      <svg width="24"
2318                           height="24"
2319                           viewBox="0 0 24 24"
2320                           fill="none"
2321                           xmlns="http://www.w3.org/2000/svg">
2322                        <path fill-rule="evenodd" clip-rule="evenodd"
2323                        d="M14.5097 2.60872C15.2833 2.28816 16.1126 2.12317 16.95 2.12317C17.7874 2.12317 18.6166 2.28816 19.3903 2.60872C20.1639 2.92928 20.8668 3.39913 21.4589 3.99142C22.051 4.58337 22.5208 5.28618 22.8413 6.0597C23.1618 6.83334 23.3268 7.66256 23.3268 8.49999C23.3268 9.33742 23.1618 10.1666 22.8413 10.9403C22.5207 11.7139 22.0509 12.4167 21.4587 13.0087C21.4587 13.0088 21.4588 13.0087 21.4587 13.0087L12.6187 21.8487C12.277 22.1904 11.723 22.1904 11.3813 21.8487L2.54128 13.0087C1.34549 11.8129 0.673706 10.1911 0.673706 8.49999C0.673706 6.8089 1.34549 5.18706 2.54128 3.99128C3.73706 2.79549 5.3589 2.1237 7.05 2.1237C8.74109 2.1237 10.3629 2.79549 11.5587 3.99128L12 4.43256L12.4411 3.99142C13.0331 3.39913 13.7361 2.92928 14.5097 2.60872ZM20.2211 5.22857C19.7916 4.79887 19.2817 4.458 18.7204 4.22543C18.1591 3.99287 17.5575 3.87317 16.95 3.87317C16.3425 3.87317 15.7409 3.99287 15.1796 4.22543C14.6183 4.458 14.1084 4.79887 13.6789 5.22857L12.6187 6.28871C12.277 6.63042 11.723 6.63042 11.3813 6.28871L10.3213 5.22871C9.45368 4.36112 8.27697 3.8737 7.05 3.8737C5.82303 3.8737 4.64631 4.36112 3.77872 5.22871C2.91112 6.09631 2.42371 7.27303 2.42371 8.49999C2.42371 9.72696 2.91112 10.9037 3.77872 11.7713L12 19.9926L20.2213 11.7713C20.651 11.3418 20.992 10.8317 21.2246 10.2704C21.4571 9.70913 21.5768 9.10754 21.5768 8.49999C21.5768 7.89245 21.4571 7.29086 21.2246 6.72958C20.992 6.16831 20.6508 5.65807 20.2211 5.22857Z"
2324                        fill="#4D4D4D" />
2325                      </svg>
2326                    </div>
2327                  </button>
2328                </div>
2329                </wishlist-button-load-point>
2330              </div>
2331            </div>
2332            <div class="card_content mt-3 textCenter">
2333              <!-- <a> -->
2334              <div class="text-lg-16-24 text-14-20 card_text lineClamp dkn-product-card-name mb-1 text-c-black-12">
2335              </div>
2336              <!-- </a> -->
2337              <div class="d-flex mb-1">
2338                <!-- product ratings -->
2339                <div class="d-flex flex-sm-column">
2340                  <div>
2341                    <!-- <p class="sub-body">rating</p> -->
2342                    <div class="dkn-product-card-review-info"
2343                         data-product-id>
2344                    </div>
2345                  </div>
2346                  <div class="text-14">
2347                    <div class="nirvana-rating-info">
2348                      <!-- <link rel="stylesheet" href="/public/102347045/hawaii/css/ratings.css?ver=sceptre:0abf2a4" as="" onload="">
2349        <noscript><link rel="stylesheet" href="styles.css"></noscript> -->
2350
2351<div class="rating-info-pdp flex d-row j-start a-center hidden" id="rating-info-pdp">
2352  <div class="flex rating-info-star-list">
2353  </div>
2354  <a href="#ratings-plugin-container" class="scroll-to-plugin"></a>
2355</div>
2356                    </div>
2357                  </div>
2358                </div>
2359              </div>
2360              <div class="d-flex flex-column pb-2">
2361                <div class="card_text price-information dkn-product-card-price-label d-flex flex-wrap">
2362                  <p class="font-bold dkn-product-card-selling-price d-inline ">
2363                  </p>
2364                  <p class="mx-1 text-decoration-line-through d-inline font-semibold  dkn-product-card-original-price"
2365                     style="color: var(--black-50)">
2366                  </p>
2367                  <p class="discount-color font-medium product-discount textLowercase font-semibold dkn-product-card-discount"
2368                     style="color:var( --secondary-green)">
2369                  </p>
2370                </div>
2371              </div>
2372            </div>
2373          </div>
2374          <!-- product card button -->
2375          <div class="hw-add-to-bag-button-wrapper">
2376            <add-to-bag-button-with-variants data-add-event="HOME_PAGE_PRODUCT_ADDED" data-product-uuid=""
2377            class="product-card-button mt-3">
2378            
2379            Add to cart
2380            </add-to-bag-button-with-variants>
2381          </div>
2382
2383        </div>
2384      </div>
2385 
2386    </template>
2387
2388    <template id="dkn-product-card-image-slide-template">
2389      <li class="splide__slide">
2390        <img loading="lazy" class="dkn-product-card-image-carousel-item" onerror="imageOnError(event)" />
2391      </li>
2392    </template>
2393
2394
2395
2396    <template id="dkn-product-card-template">
2397      <div class="card_container col-6 col-lg-4"
2398      style="padding: 0%;margin: 0%;">
2399        <div class="cards_item dkn-product-card scroller-product-card d-flex flex-column justify-content-between p-lg-3"
2400        style="padding: 12px;">
2401          <!-- product card content -->
2402          <div>
2403            <div class="card">
2404              <div class="card_image">
2405                <a>
2406                  <!-- <div class="product-card-image-container">
2407                  <div class="image-wrapper position-relative">
2408                    <img loading="lazy" src="" alt="" id=" dkn-product-card-only-image-wrapper" class="dkn-product-card-image img-fluid " style="aspect-ratio: .8/1;" />
2409                  </div>
2410                </div> -->
2411                  <!-- <section class="splide dkn-product-card-image-carousel-wrapper"
2412                           id="dkn-product-card-image-carousel-wrapper">
2413                    <div class="splide__track">
2414                      <ul class="splide__list dkn-product-card-image-carousel">
2415                      </ul>
2416                    </div>
2417                    <div class="splide-progress-bar dkn-product-card-image-carousel-progress-bar">
2418                    </div>
2419                  </section> -->
2420                  <div class="dkn-product-card-only-image-wrapper product-card-image-container">
2421                    <div class="image-wrapper position-relative">
2422                      <img loading="lazy"
2423                           src=""
2424                           alt=""
2425                           id=" dkn-product-card-only-image-wrapper"
2426                           class="dkn-product-card-image"
2427                           style="aspect-ratio: 1/1;"/>
2428                    </div>
2429                  </div>
2430                </a>
2431                <div class="badge-container z-ind-1 justify-content-end position-absolute d-flex top-0 start-0 end-0 ">
2432                  <div class="dkn-product-card-bxgy-badge d-flex bxgy-badge-booster font-bold position-absolute hidden"
2433                       data-product-id
2434                       data-product-uuid>
2435                  </div>
2436                </div>
2437                <wishlist-button-load-point data-product-uuid="" data-template-id="heart-wishlist-button-template"
2438                data-add-event="HOME_PAGE_WISHLIST_ADDED">
2439                <div class="heart-wishlist-buttons-wrapper">
2440                  <button disabled
2441                          type="button"
2442                          data-wishlist-button-state="unselected">
2443                    <div class="wishlist-svg-wrapper">
2444                      <svg width="24"
2445                           height="24"
2446                           viewBox="0 0 24 24"
2447                           fill="none"
2448                           xmlns="http://www.w3.org/2000/svg">
2449                        <path fill-rule="evenodd" clip-rule="evenodd"
2450                        d="M14.5097 2.60872C15.2833 2.28816 16.1126 2.12317 16.95 2.12317C17.7874 2.12317 18.6166 2.28816 19.3903 2.60872C20.1639 2.92928 20.8668 3.39913 21.4589 3.99142C22.051 4.58337 22.5208 5.28618 22.8413 6.0597C23.1618 6.83334 23.3268 7.66256 23.3268 8.49999C23.3268 9.33742 23.1618 10.1666 22.8413 10.9403C22.5207 11.7139 22.0509 12.4167 21.4587 13.0087C21.4587 13.0088 21.4588 13.0087 21.4587 13.0087L12.6187 21.8487C12.277 22.1904 11.723 22.1904 11.3813 21.8487L2.54128 13.0087C1.34549 11.8129 0.673706 10.1911 0.673706 8.49999C0.673706 6.8089 1.34549 5.18706 2.54128 3.99128C3.73706 2.79549 5.3589 2.1237 7.05 2.1237C8.74109 2.1237 10.3629 2.79549 11.5587 3.99128L12 4.43256L12.4411 3.99142C13.0331 3.39913 13.7361 2.92928 14.5097 2.60872ZM20.2211 5.22857C19.7916 4.79887 19.2817 4.458 18.7204 4.22543C18.1591 3.99287 17.5575 3.87317 16.95 3.87317C16.3425 3.87317 15.7409 3.99287 15.1796 4.22543C14.6183 4.458 14.1084 4.79887 13.6789 5.22857L12.6187 6.28871C12.277 6.63042 11.723 6.63042 11.3813 6.28871L10.3213 5.22871C9.45368 4.36112 8.27697 3.8737 7.05 3.8737C5.82303 3.8737 4.64631 4.36112 3.77872 5.22871C2.91112 6.09631 2.42371 7.27303 2.42371 8.49999C2.42371 9.72696 2.91112 10.9037 3.77872 11.7713L12 19.9926L20.2213 11.7713C20.651 11.3418 20.992 10.8317 21.2246 10.2704C21.4571 9.70913 21.5768 9.10754 21.5768 8.49999C21.5768 7.89245 21.4571 7.29086 21.2246 6.72958C20.992 6.16831 20.6508 5.65807 20.2211 5.22857Z"
2451                        fill="#4D4D4D" />
2452                      </svg>
2453                    </div>
2454                  </button>
2455                </div>
2456                </wishlist-button-load-point>
2457              </div>
2458            </div>
2459            <div class="card_content mt-3 textCenter">
2460              <!-- <a> -->
2461              <div class="text-lg-16-24 text-14-20 card_text lineClamp dkn-product-card-name mb-1 text-c-black-12">
2462              </div>
2463              <!-- </a> -->
2464              <div class="d-flex mb-1">
2465                <!-- product ratings -->
2466                <div class="d-flex flex-sm-column">
2467                  <div>
2468                    <!-- <p class="sub-body">rating</p> -->
2469                    <div class="dkn-product-card-review-info"
2470                         data-product-id>
2471                    </div>
2472                  </div>
2473                  <div class="text-14">
2474                    <div class="nirvana-rating-info">
2475                      <!-- <link rel="stylesheet" href="/public/102347045/hawaii/css/ratings.css?ver=sceptre:0abf2a4" as="" onload="">
2476        <noscript><link rel="stylesheet" href="styles.css"></noscript> -->
2477
2478<div class="rating-info-pdp flex d-row j-start a-center hidden" id="rating-info-pdp">
2479  <div class="flex rating-info-star-list">
2480  </div>
2481  <a href="#ratings-plugin-container" class="scroll-to-plugin"></a>
2482</div>
2483                    </div>
2484                  </div>
2485                </div>
2486              </div>
2487              <div class="d-flex flex-column pb-2">
2488                <div class="card_text price-information dkn-product-card-price-label d-flex flex-wrap">
2489                  <p class="font-bold dkn-product-card-selling-price d-inline ">
2490                  </p>
2491                  <p class="mx-1 text-decoration-line-through d-inline font-semibold  dkn-product-card-original-price"
2492                     style="color: var(--black-50)">
2493                  </p>
2494                  <p class="discount-color font-medium product-discount textLowercase font-semibold dkn-product-card-discount"
2495                     style="color:var( --secondary-green)">
2496                  </p>
2497                </div>
2498              </div>
2499            </div>
2500          </div>
2501          <!-- product card button -->
2502          <div class="hw-add-to-bag-button-wrapper">
2503            <add-to-bag-button-with-variants data-add-event="HOME_PAGE_PRODUCT_ADDED" data-product-uuid=""
2504            class="product-card-button mt-3">
2505            
2506            Add to cart
2507            </add-to-bag-button-with-variants>
2508          </div>
2509
2510        </div>
2511      </div>
2512 
2513    </template>
2514    <template id="product-splide-container">
2515      <li class="splide__slide position-relative">
2516        <div class="image-wrapper">
2517          <img loading="lazy"
2518               alt=""
2519               class=" img-fluid w-100 product-splide-image dkn-product-card-image-carousel-item"/>
2520          <div class="position-absolute"
2521               style="left: 0%;
2522                      right: 0%;
2523                      top: 0%;
2524                      bottom: 0%;
2525                      background: linear-gradient(180deg, rgba(18, 18, 18, 0) 50%, #121212 125.35%);">
2526          </div>
2527        </div>
2528      </li>
2529    </template>
2530    <template id="dkn-coupon-page-section-template">
2531      <section class="breadcrumb-section d-sm-none mt-lg-4">
2532        <div class="sc-container">
2533          <ul class="d-flex align-items-center">
2534            <li style="margin-right: 6px;
2535                         color: #E6E6E6;" class="font-size-lg-16-24">
2536              <a href="/">
2537                <p class="sub-body" style="color: var(--black-12)">Home</p>
2538              </a>
2539            </li>
2540            <span class="me-lg-1 sub-body">
2541              <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2542                <g clip-path="url(#clip0_1110_3630)">
2543                  <path fill-rule="evenodd" clip-rule="evenodd"
2544                    d="M5.47994 13.3536C5.28468 13.1583 5.28468 12.8417 5.47994 12.6464L10.1264 8L5.47994 3.35355C5.28468 3.15829 5.28468 2.84171 5.47994 2.64645C5.6752 2.45118 5.99179 2.45118 6.18705 2.64645L11.187 7.64645C11.3823 7.84171 11.3823 8.15829 11.187 8.35355L6.18705 13.3536C5.99179 13.5488 5.6752 13.5488 5.47994 13.3536Z"
2545                    fill="#E6E6E6" />
2546                </g>
2547                <defs>
2548                  <clipPath id="clip0_1110_3630">
2549                    <rect width="16" height="16" fill="white" transform="translate(0 16) rotate(-90)" />
2550                  </clipPath>
2551                </defs>
2552              </svg>
2553            </span>
2554            <li style="margin-right: 6px;
2555                         color: #808080;">
2556              <a href="#">
2557                <p class="sub-body text-truncate" style="color: var(--black-50)"></p>
2558              </a>
2559            </li>
2560          </ul>
2561        </div>
2562      </section>
2563      <section class="shop-category-sorting my-3 my-lg-4">
2564        <div class="sc-container">
2565          <div class="d-flex align-items-center justify-content-lg-between">
2566            <div class="me-1 d-lg-none">
2567              <a href="" onclick="handleBackClick()">
2568                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2569                  <path fill-rule="evenodd" clip-rule="evenodd"
2570                    d="M3 12C3 11.5858 3.33579 11.25 3.75 11.25L20.25 11.25C20.6642 11.25 21 11.5858 21 12C21 12.4142 20.6642 12.75 20.25 12.75L3.75 12.75C3.33579 12.75 3 12.4142 3 12Z"
2571                    fill="#1A181E" />
2572                  <path fill-rule="evenodd" clip-rule="evenodd"
2573                    d="M11.0303 4.71967C11.3232 5.01256 11.3232 5.48744 11.0303 5.78033L4.81066 12L11.0303 18.2197C11.3232 18.5126 11.3232 18.9874 11.0303 19.2803C10.7374 19.5732 10.2626 19.5732 9.96967 19.2803L3.21967 12.5303C2.92678 12.2374 2.92678 11.7626 3.21967 11.4697L9.96967 4.71967C10.2626 4.42678 10.7374 4.42678 11.0303 4.71967Z"
2574                    fill="#1A181E" />
2575                </svg>
2576              </a>
2577            </div>
2578            <h2 class="second-heading hide-small-device font-bold">
2579              
2580              <span class="advance-filter__product-count"></span>
2581            </h2>
2582          </div>
2583        </div>
2584      </section>
2585      <section class="sc-container seller-section shop-categori-detail mb-40 mb-lg-64">
2586        <dkn-coupon-products-list class="dkn-coupon-products-list flex flex-row cards-row-4_lg cards-row-nooverflow">
2587          
2588          <div class="d-flex flex-column col-12 col-lg-3">
2589            <div class="shimmer" style="aspect-ratio: 1/1;"></div>
2590            <div class="shimmer mt-3" style="width: 100%; height: 80px"></div>
2591            <div class="shimmer mt-3" style="width: 100%; height: 50px"></div>
2592          </div>
2593          
2594          <div class="d-flex flex-column col-12 col-lg-3">
2595            <div class="shimmer" style="aspect-ratio: 1/1;"></div>
2596            <div class="shimmer mt-3" style="width: 100%; height: 80px"></div>
2597            <div class="shimmer mt-3" style="width: 100%; height: 50px"></div>
2598          </div>
2599          
2600          <div class="d-flex flex-column col-12 col-lg-3">
2601            <div class="shimmer" style="aspect-ratio: 1/1;"></div>
2602            <div class="shimmer mt-3" style="width: 100%; height: 80px"></div>
2603            <div class="shimmer mt-3" style="width: 100%; height: 50px"></div>
2604          </div>
2605          
2606          <div class="d-flex flex-column col-12 col-lg-3">
2607            <div class="shimmer" style="aspect-ratio: 1/1;"></div>
2608            <div class="shimmer mt-3" style="width: 100%; height: 80px"></div>
2609            <div class="shimmer mt-3" style="width: 100%; height: 50px"></div>
2610          </div>
2611          
2612          <div class="d-flex flex-column col-12 col-lg-3">
2613            <div class="shimmer" style="aspect-ratio: 1/1;"></div>
2614            <div class="shimmer mt-3" style="width: 100%; height: 80px"></div>
2615            <div class="shimmer mt-3" style="width: 100%; height: 50px"></div>
2616          </div>
2617          
2618          <div class="d-flex flex-column col-12 col-lg-3">
2619            <div class="shimmer" style="aspect-ratio: 1/1;"></div>
2620            <div class="shimmer mt-3" style="width: 100%; height: 80px"></div>
2621            <div class="shimmer mt-3" style="width: 100%; height: 50px"></div>
2622          </div>
2623          
2624          <div class="d-flex flex-column col-12 col-lg-3">
2625            <div class="shimmer" style="aspect-ratio: 1/1;"></div>
2626            <div class="shimmer mt-3" style="width: 100%; height: 80px"></div>
2627            <div class="shimmer mt-3" style="width: 100%; height: 50px"></div>
2628          </div>
2629          
2630          <div class="d-flex flex-column col-12 col-lg-3">
2631            <div class="shimmer" style="aspect-ratio: 1/1;"></div>
2632            <div class="shimmer mt-3" style="width: 100%; height: 80px"></div>
2633            <div class="shimmer mt-3" style="width: 100%; height: 50px"></div>
2634          </div>
2635          
2636        </dkn-coupon-products-list>
2637      </section>
2638    </template>
2639    <template id="add-to-bag-button-with-external-quantity-input">
2640      <div class="add-to-bag-button-wrapper w-100">
2641        <button class="without-cart-add-to-bag-button dkn-add-to-bag-button-without-cart btn-primary d-flex align-items-center justify-content-center font-semibold w-100">
2642          Add to cart
2643        </button>
2644        <button class="dkn-go-to-bag-button without-cart-add-to-bag-button btn-primary d-flex align-items-center justify-content-center font-semibold w-100">
2645          Go to cart
2646        </button>
2647      </div>
2648    </template>
2649    
2650    <template id="feature-product-card-template">
2651      <div>
2652        <div class="d-flex flex-column flex-lg-row dkn-product-card feature-product-card-home brdr-black flex-column-reverse">
2653          <div class="col-12 col-lg-6">
2654            <div class="d-flex flex-column pb-none" style="padding: 24px;">
2655              <a class="pt-lg-66">
2656                <h1 class="font-semibold mb-2 mt-3 mt-lg-0 dkn-product-card-name lineClamp3 mb-2"></h1>
2657              </a>
2658              <div class="dkn-product-card-review-info" data-product-id></div>
2659              <div class="d-flex align-items-center justify-content-start mb-2 feature-product-price">
2660                <h4 class="me-2 font-bold dkn-product-card-selling-price"></h4>
2661                <h4 class="me-2 font-regular text-color-black-60 dkn-product-card-original-price text-decoration-line-through"
2662                  style="color: var(--black-50)">
2663                </h4>
2664                <h4 class="font-bold text-color-green dkn-product-card-discount text-color-green"></h4>
2665              </div>
2666              <div class="dukaan_plugins-product_scarcity" id="dukaan_plugins-product_scarcity-below_price"></div>
2667      
2668              <div
2669                class="d-none featured-product-description-wrapper banner-text mb-32 pt12 t-16_24 mt-14_20 c-white regular block ">
2670                <p class="featured-product-description lineClamp3">
2671                </p>
2672              </div>
2673      
2674              <div class="variant-type-section h-100">
2675                <form class="variant-selection-form-wrapper h-100 d-flex flex-column justify-content-between overflow-auto">
2676                </form>
2677              </div>
2678
2679              <div style="padding-top: 66px;"
2680                class="d-none dkn-action-button-wrapper product-modal-btn-wrapper d-flex align-items-center justify-content-start detail-submit-btn mt-lg-0 mt-40 gap-3 flex-column flex-lg-row">
2681              </div>
2682
2683              <div class="jm-product-button-wrapper">
2684
2685                <div style="padding-top: 20px;" class="rf-pdp-quantity-field d-flex flex-column gap-2 text-14_20 text-lg-16_24 font-semibold mb-2">
2686                  <div>Quantity</div>
2687                  <div class="dkn-product-external-quantity-field"></div>
2688
2689
2690
2691                  <div class="d-flex gap-4" style="width: 100%;padding-top: 40px;">
2692                    <div class="rf-pdp-add-to-bag-btn h-100 w-50">
2693                      <div class="pdp-button-wrapper dkn-pdp-action-button-wrapper add-to-bag-btn">
2694                        <add-to-bag-button-with-external-quantity-input class=" addtobagExter
2694nalQuantity dkn-add-to-bag-button" data-add-event="HOME_PAGE_PRODUCT_ADDED"
2695                        data-product-uuid="" data-quantity-input-id="pdp-quantity-input"
2696                        data-sku-uuid="" data-out-stock-template-id="out-of-stock-button-modal">
2697                        </add-to-bag-button-with-external-quantity-input>
2698                      </div>
2699                    </div>
2700                    <div class="d-flex w-50">
2701                      <a href="/templatestore/bag" class="btn-secondary d-flex align-items-center justify-content-center w-100">
2702                        Buy now
2703                      </a>
2704                    </div>
2705                  </div>
2706
2707                 
2708                </div>
2709
2710          
2711              </div>
2712
2713            </div>
2714          </div>
2715          <div class="seller-img col-12 col-lg-6 d-flex justify-content-end">
2716            <div class="d-none">
2717              <section class="splide dkn-product-card-image-carousel-wrapper " id="dkn-product-card-image-carousel-wrapper">
2718                <div class="splide__arrows">
2719                  <button class="splide__arrow splide__arrow--prev">
2720                    <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
2721                      <path fill-rule="evenodd" clip-rule="evenodd"
2722                        d="M9.58978 23.3687C9.24807 23.027 9.24807 22.473 9.58978 22.1313L17.7211 14L9.58978 5.86872C9.24807 5.52701 9.24807 4.97299 9.58978 4.63128C9.93149 4.28957 10.4855 4.28957 10.8272 4.63128L19.5772 13.3813C19.9189 13.723 19.9189 14.277 19.5772 14.6187L10.8272 23.3687C10.4855 23.7104 9.93149 23.7104 9.58978 23.3687Z"
2723                        fill="#B2B2B2" />
2724                    </svg>
2725                  </button>
2726                  <button class="splide__arrow splide__arrow--next">
2727                    <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
2728                      <path fill-rule="evenodd" clip-rule="evenodd"
2729                        d="M9.58978 23.3687C9.24807 23.027 9.24807 22.473 9.58978 22.1313L17.7211 14L9.58978 5.86872C9.24807 5.52701 9.24807 4.97299 9.58978 4.63128C9.93149 4.28957 10.4855 4.28957 10.8272 4.63128L19.5772 13.3813C19.9189 13.723 19.9189 14.277 19.5772 14.6187L10.8272 23.3687C10.4855 23.7104 9.93149 23.7104 9.58978 23.3687Z"
2730                        fill="#B2B2B2" />
2731                    </svg>
2732                  </button>
2733                </div>
2734                <div class="splide__track">
2735                  <ul class="splide__list dkn-product-card-image-carousel">
2736                  </ul>
2737                </div>
2738              </section>
2739            </div>
2740      
2741            <div class="dkn-product-card-only-image-wrapper"
2742              style="height: auto;width: 544px;border: 0 !important; padding: 24px;">
2743              <img style="width: 100%;" loading="lazy" src="" id="product-card-images"
2744                class="dkn-product-card-image" alt="productImage" onerror="imageOnError(event)" />
2745            </div>
2746          </div>
2747      
2748        </div>
2749      </div>
2750
2751    </template>
2752
2753    
2754        <div class="fB a-c j-c w100 h100 loaderContainer hidden">
2755          <div class="loader"></div>
2756        </div>
2757        <div class="bounceLoader hidden">
2758            <div class="spinner">
2759                <div class="bounce bounce1"></div>
2760                <div class="bounce bounce2"></div>
2761                <div class="bounce bounce3"></div>
2762            </div>
2763        </div>
2764        
2764<script type="application/json" id="__DUKAAN_DATA__">
2765          {"DUKAAN_STORE":{"id":102347045,"is_active":true,"uuid":"ef3bd327-200c-4797-8edc-a10304a7a34a","name":"Workapes","link":"templatestore","image":"https://dms.mydukaan.io/original/webp/media/12fb0e72-8491-420a-a280-d503ddb00da3.png","whatsapp_chat_support":false,"address":{"full_address":"2622, 21st street, San Francisco"},"min_order_value":null,"max_order_value":null,"seller":4831056,"payment_mode":1,"type":0,"max_online_order_val":5000,"currency":{"cc":"USD","name":"United States","symbol":"$"},"country":185,"show_store_image_only":false,"seo_data":{"title":"Apple Freeform and Notes Templates : WorkApes","description":"Get started quickly with pre-built Apple Freeform, and Apple Notes templates. 10+ templates to jump-start your next Freeform collaboration session.","og_image":"https://og-image.mydukaan.io/og-image?from=store&image_url=https://dms.mydukaan.io/original/webp/media/12fb0e72-8491-420a-a280-d503ddb00da3.png"},"custom_domain":"workapes.com","blog_present":false,"customer_wallet_plugin_config":null,"meta":{"is_online":true,"store_opens_at":null,"online_payment_activated":true,"misc_data":{"plugins":{"trusted_badges":[{"id":1,"imgUrl":"https://dukaan-us.s3.us-west-2.amazonaws.com/plugins/trusted_badges/secure-checkout.svg","isActive":true,"position":0},{"id":2,"depth":null,"imgUrl":"https://dukaan-us.s3.us-west-2.amazonaws.com/plugins/trusted_badges/satisfaction-guaranteed.svg","isActive":true,"position":1},{"id":3,"depth":null,"imgUrl":"https://dukaan-us.s3.us-west-2.amazonaws.com/plugins/trusted_badges/privacy-protected.svg","isActive":true,"position":2}]},"gmcv_code":null,"google_analytics_property_id":"G-Z3PK9VBYX2"},"whatsapp_chat_support_number":null,"disable_anonymous_order":null,"apply_delivery_charge":true},"preferences":{},"store_category":51,"payment_keys":[{"provider":"stripe","public_key":"pk_live_51L5PIYJWSZXJrl3UPyOhl78h9lvS8k6PIcZg0NnEH3zj7UvSLN2qayRzAjCb6jzJG1OdHv32BsSoNxYHWyBRNiED004QBCcffV","credentials":null},{"provider":"inai","client_username":"ci_7p68iNGNfEAonrce7MRGtb2XC14L1DGS797e9u4ST1pC"}],"has_coupons":true,"store_languages":[{"name":"English","code_3":"eng","is_default":true,"local_name":""}],"show_store_name":true,"badge_status":false,"is_kiosk_store":false,"delivery_free_above":0,"delivery_charges":0,"additional_meta":{},"theme_session_uuid":"-Purzf8gSGm5LnT4GgkyHDJWkWbnbMvLm3ehF1oR.0nMwMTNwMDM5cTM6ICdhlmIsgDOxIDM1ITMzATO3EjOiAXbhR3cl1Wa0Jye.9JCVXpkI6ICc5RnIsIiN1IzUIJiOicGbhJye","store_version":"ICl"},"STORE_MENU":[{"id":879513,"position":0,"label":"Apple Freeform","url":null,"content_type":"productcategory","store_menu_type":"header","file_url":null,"content_object":{"id":12009814,"slug":"apple-freeform","image":"https://dukaan-core-file-service.s3.ap-southeast-1.amazonaws.com/upload_file_service/495d10fc-0a82-46d5-a613-345b141b6c22/b5c2b465bae257f22dc2666e91f438860b8031380a9984.png"},"name":"Apple Freeform","child":[]},{"id":879514,"position":0,"label":"Apple Notes","url":null,"content_type":"productcategory","store_menu_type":"header","file_url":null,"content_object":{"id":12041979,"slug":"apple-notes","image":"https://dms.mydukaan.io/original/webp/media/29839e89-6885-405f-b459-6575248af557.png"},"name":"Apple Notes","child":[]},{"id":879515,"position":0,"label":"Contact Us","url":"https://help.workapes.com/","content_type":"url","store_menu_type":"header","file_url":null,"content_object":null,"name":null,"child":[]}],"DUKAAN_HEADER_MENU":[{"id":879513,"position":0,"label":"Apple Freeform","url":null,"content_type":"productcategory","store_menu_type":"header","file_url":null,"content_object":{"id":12009814,"slug":"apple-freeform","image":"https://dukaan-core-file-service.s3.ap-southeast-1.amazonaws.com/upload_file_service/495d10fc-0a82-46d5-a613-345b141b6c22/b5c2b465bae257f22dc2666e91f438860b8031380a9984.png"},"name":"Apple Freeform","child":[]},{"id":879514,"position":0,"label":"Apple Notes","url":null,"content_type":"productcategory","store_menu_type":"header","file_url":null,"content_object":{"id":12041979,"slug":"apple-notes","image":"https://dms.mydukaan.io/original/webp/media/29839e89-6885-4
276505f-b459-6575248af557.png"},"name":"Apple Notes","child":[]},{"id":879515,"position":0,"label":"Contact Us","url":"https://help.workapes.com/","content_type":"url","store_menu_type":"header","file_url":null,"content_object":null,"name":null,"child":[]}],"DUKAAN_FOOTER_MENU":[{"id":737600,"position":0,"label":"Privacy Policy","url":null,"content_type":"storepage","store_menu_type":"footer","file_url":null,"content_object":{"id":72429,"slug":"privacy-policy","image":""},"name":"Privacy Policy","child":[]},{"id":737601,"position":0,"label":"Terms & Conditions","url":null,"content_type":"storepage","store_menu_type":"footer","file_url":null,"content_object":{"id":72431,"slug":"terms-conditions","image":""},"name":"Terms & Conditions","child":[]},{"id":737602,"position":0,"label":"About Us","url":null,"content_type":"storepage","store_menu_type":"footer","file_url":null,"content_object":{"id":72432,"slug":"about-us","image":""},"name":"About Us","child":[]}],"DUKAAN_ALL_STORE_MENU":{"header":[{"id":879513,"position":0,"label":"Apple Freeform","url":null,"content_type":"productcategory","store_menu_type":"header","file_url":null,"content_object":{"id":12009814,"slug":"apple-freeform","image":"https://dukaan-core-file-service.s3.ap-southeast-1.amazonaws.com/upload_file_service/495d10fc-0a82-46d5-a613-345b141b6c22/b5c2b465bae257f22dc2666e91f438860b8031380a9984.png"},"name":"Apple Freeform","child":[]},{"id":879514,"position":0,"label":"Apple Notes","url":null,"content_type":"productcategory","store_menu_type":"header","file_url":null,"content_object":{"id":12041979,"slug":"apple-notes","image":"https://dms.mydukaan.io/original/webp/media/29839e89-6885-405f-b459-6575248af557.png"},"name":"Apple Notes","child":[]},{"id":879515,"position":0,"label":"Contact Us","url":"https://help.workapes.com/","content_type":"url","store_menu_type":"header","file_url":null,"content_object":null,"name":null,"child":[]}],"footer":[{"id":737600,"position":0,"label":"Privacy Policy","url":null,"content_type":"storepage","store_menu_type":"footer","file_url":null,"content_object":{"id":72429,"slug":"privacy-policy","image":""},"name":"Privacy Policy","child":[]},{"id":737601,"position":0,"label":"Terms & Conditions","url":null,"content_type":"storepage","store_menu_type":"footer","file_url":null,"content_object":{"id":72431,"slug":"terms-conditions","image":""},"name":"Terms & Conditions","child":[]},{"id":737602,"position":0,"label":"About Us","url":null,"content_type":"storepage","store_menu_type":"footer","file_url":null,"content_object":{"id":72432,"slug":"about-us","image":""},"name":"About Us","child":[]}]},"DUKAAN_THEME_DATA":{"store":102347045,"payment_done":true,"meta":{"config":[{"key":"A6xyqm05dgsdgAJCpaAdsgsdjB3qQR5","title":"Homepage","sections":[{"title":"Category Product List Section 1","fields":[{"type":"categories_picker","label":"Select categories","value":[{"id":12314037,"name":"Productivity: Apple Freefrom","slug":"apple-freefrom-productivity","type":"category","uuid":"73f4df9a-8f72-4728-a011-25a95cd0b0d1","images":"https://dms.mydukaan.io/original/jpeg/upload_file_service/189affb3-9059-44ad-b75b-716ce4905bce/frame-12.png"},{"id":12041979,"name":"Apple Notes","slug":"apple-notes","type":"category","uuid":"b6d6f4d6-73dd-4868-9fc1-e581c095fa06","images":"https://dms.mydukaan.io/original/jpeg/media/29839e89-6885-405f-b459-6575248af557.png"}],"placeholder":"","category_names":"Productivity: Apple Freefrom, Apple Notes"}],"isActive":true,"description":"Chose the categories from which you want to list products","activationSupported":true},{"title":"Category Product List Section 2","fields":[{"type":"categories_picker","label":"Select categories","value":[{"id":12314021,"name":"Creative: Apple Freefrom","slug":"apple-freefrom-creative","type":"category","uuid":"ab5af15c-58a9-44d3-a755-99bdb2a35938","images":"https://dms.mydukaan.io/original/jpeg/media/fdcb9436-089c-46d7-8c5f-8e1dfd353eaf.png"},{"id":12041979,"name":"Apple Notes","slug":"apple-notes","type":"category","uuid":"b6d6f4d6-73dd-4868-9fc1-e581c095fa06","images":"https://dms.mydukaan.io/original/jpeg/media/29839e89-6885-4
276505f-b459-6575248af557.png"},{"id":12641655,"name":"Supernote","slug":"supernote","type":"category","uuid":"eb769862-732f-440e-9c99-dd4a480d0667","images":"https://dms.mydukaan.io/original/jpeg/media/047a2078-7371-4aa1-b1a0-15ae924be251.jpg"}],"placeholder":"","category_names":"Creative: Apple Freefrom, Apple Notes, Supernote"}],"isActive":true,"description":"Chose the categories from which you want to list products","activationSupported":true},{"title":"Featured Product Section","fields":[{"type":"products","label":"Product","value":[41951948],"placeholder":"Select 1 product"}],"isActive":true,"description":"","activationSupported":true},{"title":"Image with overlay section","fields":[{"meta":{"label":""},"type":"image","label":"image","value":"","imageUrl":""},{"type":"text","label":"CTA label","value":"","placeholder":"Enter label","defaultValue":""}],"isActive":false,"description":"","activationSupported":true}]},{"key":"1IpPmakiMsdgsdz3baYL9EyaRs","title":"Testimonials","sections":[{"title":"Testimonial title","fields":[{"meta":{},"type":"text","label":"Title Text","value":"CUSTOMER TESTIMONIALS"}],"isActive":false,"description":"Testimonial title","activationSupported":true},{"title":"Testimonials","fields":[{"type":"text","label":"Name 1","value":"Mary Jackson, Graphic Designer"},{"type":"textarea","label":"Review 1","value":"I'm really enjoying the Apple Notes template. It's incredibly useful and I find myself using it every day at work."},{"type":"text","label":"Name 2","value":"Carlos Rodriguez, Software Engineer"},{"type":"textarea","label":"Review 2","value":"I've been using the Apple Freeform template for a while now and it's truly unique. It has become an integral part of my daily workflow."},{"type":"text","label":"Name 3","value":"Emily Brown, Data Analyst"},{"type":"textarea","label":"Review 3","value":"What a fantastic tool! The Apple Freeform template has made a significant difference in my productivity at work."},{"type":"text","label":"Name 4","value":"Linda Moore"},{"type":"textarea","label":"Review 4","value":"I've fallen in love with the Apple Notes template. It's so intuitive and helpful, I use it daily at work."},{"type":"text","label":"Name 5","value":"David Thomas"},{"type":"textarea","label":"Review 5","value":"I couldn't be happier with the Apple Notes template. It's become an essential part of my daily work routine."},{"type":"text","label":"Name 6","value":"Sarah Johnson, Marketing Specialist"},{"type":"textarea","label":"Review 6","value":"Using the Apple Freeform template has been a game-changer for me. I can't imagine my workday without it now."},{"type":"text","label":"Name 7","value":""},{"type":"textarea","label":"Review 7","value":""},{"type":"text","label":"Name 8","value":""},{"type":"textarea","label":"Review 8","value":""},{"type":"text","label":"Name 9","value":""},{"type":"textarea","label":"Review 9","value":""}],"isActive":true,"description":"Add all reviews","activationSupported":true}]}],"header":{"showStoreImageOnly":false},"banners":{},"favicon":{"faviconUrl":"https://dms.mydukaan.io/original/webp/media/9015f314-5d28-4a57-8fcd-ef6b9b22906a.png"},"advanced":{"upsellEnabled":true,"crossSellEnabled":true,"showStickyBuyNowMobile":true},"sections":{"newsletter":{"isActive":false,"headerText":"Subscribe to our newsletter. ","description":"Stay updated on offers and more."}},"fontsAndColors":{"font":{"url":"https://fonts.googleapis.com/css2?family=Space+Grotesk:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap","name":"Space Grotesk"},"color":{"primary":"#D27335","secondary":"#1A181E"}},"1IpPmakiMsdgsdz3baYL9EyaRs-1":{},"A6xyqm05dgsdgAJCpaAdsgsdjB3qQR5-0":{}},"theme":{"id":5202,"created_at":"2024-11-26T15:18:20.49885+00:00","name":"Hawaii","key":"102347045/hawaii","thumbnail":"https://dms.mydukaan.io/original/webp/media/27d6cd32-52ed-4a22-af02-e3b33d29c01c.png","preview_url":"https://mydukaan.io/hawaiidemo","uuid":"58f2fd3e-1e60-4be6-942f-c96c2ab22bc1"},"store_theme_data":{"id":3759990,"twitterUrl":null,"instagramUrl":null,"facebookUrl":null,"linkedinUrl":null,"youtubeUrl":null,"pinterestUrl":null,"cxSupport":"[email protected]","cx_support_email":"[email protected]","cx_support_phone":null,"deliveryHappensWithIn":"30-60 minutes"}},"DUKAAN_CATEGORY_LIST":[{"id":12009814,"uuid":"60d2a5e1-dca7-40d7-ab4d-f18ff2400a82","created_at":"2023-02-18T07:27:51.449485+00:00","name":"Apple Freeform","position":0,"image":"https://dukaan-core-file-service.s3.ap-southeast-1.amazonaws.com/upload_file_service/495d10fc-0a82-46d5-a613-345b141b6c22/b5c2b465bae257f22dc2666e91f438860b8031380a9984.png","is_active":true,"show_to":3,"in_stock":true,"seo_data":{"title":"Apple Freeform Templates: from Work
2765apes","description":"These templates will help you and your team reflect, celebrate, and work on ideas with ease. Download now for free Apple Freeform Templates and gets started today"},"slug":"apple-freeform","parent_id":null,"product_count":4,"banner_images":[],"banner_images_mobile":[],"description":"","languages":{},"subcategories_count":2,"first_product_image":"https://dms.mydukaan.io/original/jpeg/upload_file_service/189affb3-9059-44ad-b75b-716ce4905bce/frame-12.png","default_name":"Apple Freeform","isLanguageSerialized":true},{"id":12041979,"uuid":"b6d6f4d6-73dd-4868-9fc1-e581c095fa06","created_at":"2023-03-07T22:56:14.392887+00:00","name":"Apple Notes","position":2,"image":"https://dms.mydukaan.io/original/webp/media/29839e89-6885-405f-b459-6575248af557.png","is_active":true,"show_to":3,"in_stock":true,"seo_data":{"image":"https://dms.mydukaan.io/original/webp/media/6f88aaf9-c8d9-43f8-aa6e-6c57d824b8ff.png","title":"Apple Notes templates for iPad, iPhone and macOS : Workapes","description":"iPad, iPhone and macOS Apple notes templates will help you and your team reflect, celebrate, and work on ideas with ease. Download now for free"},"slug":"apple-notes","parent_id":null,"product_count":6,"banner_images":[],"banner_images_mobile":[],"description":"\u003cp>Get the latest Apple Notes Templates for your iPad, iOS and MacOS with tutorials.&nbsp;\u003c/p>","languages":{},"subcategories_count":0,"first_product_image":"https://dms.mydukaan.io/original/webp/media/a3d2ce63-5be8-49c2-9454-da7f614d2635.png","default_name":"Apple Notes","isLanguageSerialized":true},{"id":12677558,"uuid":"5a31b710-9bf2-4f95-8954-4610d7b4e093","created_at":"2025-01-19T04:42:58.226852+00:00","name":"Google Sheet Apps","position":100000,"image":"https://img.youtube.com/vi/X3DJ1FBcTl0/maxresdefault.jpg","is_active":true,"show_to":3,"in_stock":true,"seo_data":{},"slug":"google-sheet-apps","parent_id":null,"product_count":1,"banner_images":null,"banner_images_mobile":null,"description":null,"languages":{},"subcategories_count":0,"first_product_image":"https://img.youtube.com/vi/X3DJ1FBcTl0/maxresdefault.jpg","default_name":"Google Sheet Apps","isLanguageSerialized":true},{"id":12641655,"uuid":"eb769862-732f-440e-9c99-dd4a480d0667","created_at":"2024-11-23T10:24:55.02584+00:00","name":"Supernote","position":100000,"image":"https://dms.mydukaan.io/original/webp/media/047a2078-7371-4aa1-b1a0-15ae924be251.jpg","is_active":true,"show_to":3,"in_stock":true,"seo_data":{"title":"Supernote wallpapers and templates","description":"Supernote notebook wallpapers, screensavers, and templates"},"slug":"supernote","parent_id":null,"product_count":3,"banner_images":null,"banner_images_mobile":null,"description":"\u003cp>Supernote notebook wallpapers, screensavers, and templates\u003c!-- notionvc: 20b2dc9d-68b1-4abc-bb18-e3665d249802 -->\u003c/p>","languages":{},"subcategories_count":0,"first_product_image":"https://dms.mydukaan.io/original/jpeg/media/51966b5e-3de7-4232-bed4-b7cbe038bd01.jpg","default_name":"Supernote","isLanguageSerialized":true},{"id":12314037,"uuid":"73f4df9a-8f72-4728-a011-25a95cd0b0d1","created_at":"2023-11-23T08:07:44.606054+00:00","name":"Productivity: Apple Freefrom","position":100000,"image":"https://dukaan-core-file-service.s3.ap-southeast-1.amazonaws.com/upload_file_service/189affb3-9059-44ad-b75b-716ce4905bce/frame-12.png","is_active":true,"show_to":3,"in_stock":true,"seo_data":{"title":"Apple Freeform: Boost Your Productivity Effortlessly","description":"Experience a new level of efficiency with Apple Freeform. Designed to enhance your productivity, it's the tool you need to stay ahead."},"slug":"apple-freefrom-productivity","parent_id":12009814,"product_count":5,"banner_images":[],"banner_images_mobile":[],"description":"\u003cp>Apple Freefrom Productivity Templates for iPad, Mac and iOS devices\u003c/p>","languages":{},"subcategories_count":0,"first_product_image":"https://dms.mydukaan.io/original/jpeg/media/ea7d8d84-1563-4dbe-a929-160f5234a8ba.png","default_name":"Productivity: Apple Freefrom","isLanguageSerialized":true},{"id":12314021,"uuid":"ab5af15c-58a9-44d3-a755-99bdb2a35938","created_at":"2023-11-23T07:52:28.385503+00:00","name":"Creative: Apple Freefrom","position":100000,"image":"https://dms.mydukaan.io/original/webp/media/fdcb9436-089c-46d7-8c5f-8e1dfd353eaf.png","is_active":true,"show_to":3,"in_stock":true,"seo_data":{},"slug":"apple-freefrom-creative","parent_id":12009814,"product_count":4,"banner_images":[],"banner_images_mobile":[],"description":"","languages":{},"subcategories_count":0,"first_product_image":"https://dms.mydukaan.io/original/jpeg/media/e8c52bc1-f417-4b95-bc85-c00fdc8c20ee.png","default_name":"Creative: Apple Freefrom","isLanguageSerialized":true}
2765],"DUKAAN_STORE_DETAIL_CACHE_STATUS":"hit","EDGE_API_ENDPOINT":"https://edge-api.mydukaan.io","ENTERPRISE_API_ENDPOINT":"https://api-enterprise.mydukaan.io","CLIENT_API_ENDPOINT":"https://api.mydukaan.io","CLIENT_API2_ENDPOINT":"https://api.mydukaan.io","DUKAAN_ADVANCED_SEARCH_API_BASE_URL":"https://api.mydukaan.io","apiRedirectionProps":{},"STORE_COUNTRY":{"id":185,"name":"United States","country_code":"US","currency_code":"USD","locale":"en-US","language":"eng"},"DEFAULT_COUNTRY":{"id":77,"name":"India","country_code":"IN","currency_code":"INR","locale":"en-IN"},"ORIGINAL_URL":"/store-locator","CURRENT_URL":"https://workapes.com/store-locator","CANONICAL_BASE_URL":"https://workapes.com","DUKAAN_BASE_URL":"","DUKAAN_CURRENT_PAGE_HOST":"workapes.com","IS_CUSTOM_DOMAIN":true,"CUSTOM_DOMAIN":"workapes.com","IS_FIRST_LOAD":true,"IS_SITE_VISITED":false,"DUKAAN_IS_SITE_VISITED_COOKIE_NAME":"v1-templatestore-is-site-visited","CLIENT_IP":"10.42.0.1","DUKAAN_LANGUAGE":{"SEARCH_FOR_PRODUCTS":"Search for products","CATEGORIES":"Categories","BAG":"Cart","ACCOUNT":"Account","YOUR_BAG_IS_EMPTY":"Your cart is empty","LOOKS_LIKE_YOU_HAVENT_MADE_YOUR_CHOICE_YET":"Looks like you haven't made your choice yet.","ADD":"ADD","CLEAR_BAG":"Clear cart","SUB_TOTAL":"Sub total","PROCEED_TO_CHECKOUT":"Proceed to checkout","OFFERS":"Offers","FREE_DELIVERY":"Free delivery","PAYMENT_OPTIONS":"Payment options","CUSTOMER_SUPPORT":"Customer support","STORE_DETAILS":"Store details","TANDC":"T&C","COPY_CODE":"Copy code","ADD_TO_BAG":"Add to cart","BUY_NOW":"Buy now","SIMILAR_PRODUCTS":"Similar products","PER_PIECE":"per piece","ABOVE":"Above","BACK_TO_HOMEPAGE":"Back to homepage","ADDRESS":"Address","PAYMENT":"Payment","SHOPPING_CART":"Shopping cart","TOTAL":"Total","QTY":"Quantity","REMOVE":"Remove","ITEM_TOTAL":"Item total","DISCOUNT":"Discount","ALL_COLLECTIONS":"All collections","DELIVERY_FEE":"Delivery fee","GRAND_TOTAL":"Grand total","INCLUSIVE_OF_ALL_TAXES":"Inclusive of all taxes","AVERAGE_DELIVERY_TIME":"Average delivery time","SHIPPING_ADDRESS":"Shipping address","ALREADY_A_USER_SIGN_IN":"Already a user? Sign in","SET_A_DELIVERY_ADDRESS":"Set a delivery address","APPLIED":"Applied","YOU_SAVED_ADDITIONAL":"You saved additional","CASH_ON_DELIVERY":"Cash on delivery","PLACE_ORDER":"Place order","YOUR_ORDER_IS_SUCCESSFUL":"Your order is successful","TRACK_ORDER":"Track order","CONTINUE_SHOPPING":"Continue shopping","MY_ORDERS":"My orders","MY_ADDRESSES":"My addresses","SIGN_OUT":"Sign out","SHOWING_ALL_ORDERS":"Showing all the orders","FILTERS":"Filters","PAYMENT_FAILED":"The payment failed","EDIT":"Edit","DELETE":"Delete","TOP_CATEGORIES":"Top categories","VIEW_ALL":"View all","QUICK_LINKS":"Quick links","GET_IMPORTANT_UPDATES":"Get important updates","PRODUCT_DESCRIPTION":"Product description","BEST_PRICE":"Best price","USE_COUPON":"Use coupon","SIZE":"Size","YOU_MIGHT_LIKE_THESE":"You might like these","CUSTOMER_RATINGS":"Customer ratings","NO_REVIEWS":"No reviews","BE_THE_FIRST_TO_REVIEW_THIS_PRODUCT":"Be the first to review this product","WHAT_ARE_YOU_LOOKING_FOR":"What are you looking for?","COLOR":"Color","FREE":"Free","FOLLOW_US":"Follow us","GO_TO_BAG":"Go to cart","SUBMIT":"Submit","LINKS":"Links","CUSTOMER_RATING":"Customer rating","CUSTOMER_REVIEWS":"Customer reviews","SOLD_OUT":"Sold out","WISHLIST":"Wishlist","WISHLISTED":"Wishlisted","WRITE_A_REVIEW":"Write a review","VERIFIED_PURCHASE":"Verified purchase","CUSTOMER_PHOTOS":"Customer photos","HATED_IT":"Hated it","DIDNT_LIKE_IT":"Didn't like it","JUST_OK":"Just ok","LIKED_IT":"Liked it","LOVED_IT":"Loved it","STARS":"Stars","STAR":"Star","STARS_ARE_REQUIRED":"Stars are required","NAME_IS_REQUIRED":"Name is required","EDIT_REVIEW":"Edit review","UPDATE":"Update","YOU_NEED_TO_PURCHASE_THE_PRODUCT_FIRST":"You need to purchase the product first","REVIEW_DELETED_SUCCESSFULLY":"Review deleted successfully","REVIEW_UPDATED_SUCCESSFULLY":"Review updated successfully","REVIEW_POSTED_SUCCESSFULLY":"Review posted successfully","YOU_HAVE_ALREADY_REVIEWED_THIS_PRODUCT":"You have already reviewed this product","ALL_RATINGS":"All ratings","NEWEST_FIRST":"Newest first","OLDEST_FIRST":"Oldest first","HIGHEST_RATED":"Highest rated","LOWEST_RATED":"Lowest rated","SORT_BY":"Sort by","SORT":"Sort","DELETE_THIS_REVIEW":"Delete this review","ADD_PHOTOS":"Add photos","OPTIONAL":"Optional","YOUR_NAME":"Your name","TELL_OTHERS_WHAT_YOU_THINK_ABOUT_THIS_PRODUCT":"Tell others what you think about this product","ENTER_A_VALID_PINCODE":"Enter a valid pincode","OUT_OF_STOCK":"Out of stock","PLEASE_ENTER_A_VALID_EMAIL_ID":"Please enter a valid email id","WE_COULD_NOT_PROCESS_YOUR_REQUEST_PLEASE_TRY_AGAIN":"We could not process your request. Please try again.","VARIANTS":"Variants","SELECT":"Select","GET_IT_FOR":"Get it for","PRICE_LOW_TO_HIGH":"Price low to high","PRICE_HIGH_TO_LOW":"Price high to low","APPLY":"Apply","FEATURED":"Featured","FILTER":"Filter","CLEAR_ALL":"Clear all","CLEAR":"Clear","SHOWING_PRODUCTS":"Showing products","RECENT_SEARCHES":"Recent searches","MENU":"Menu","HOME":"Home","SHOP":"Shop","STORE_LOCATOR":"Store locator","WE_FOUND_NO_SEARCH_RESULTS":"We found no search results","ONLY":"Only","LEFT_IN_STOCK_HURRY_UP":"Left in stock hurry up","PER":"Per","CASH_ON_DELIVERY_AVAIBALE":"Cash on delivery avaibale","PREPAID_ONLY":"Prepaid only","PRODUCT_ADDED_TO_BAG":"Product added to cart","CODE":"Code","ADD_ON":"Add on","PRICE":"Price","OUR_CUSTOMERS_LOVE_US":"Our customers love us","CONTACT_US":"Contact us","EMAIL_ADDRESS":"Email address","SIGN_IN":"Sign in","ENTER_YOUR_EMAIL_ADDRESS":"Enter your email address","ENTER_YOUR_PHONE_NUMBER":"Enter your phone number","MOBILE_NUMBER":"Mobile number","SEND_VERIFICATION_CODE":"Send verification code","SEND_OTP":"Send OTP","OR_CONTINUE_WITH":"Or continue with","RESEND_CODE_IN":"Resend code in","RESEND":"Resend","DIDNT_GET_THE_CODE":"Didn't get the code","VERIFY":"Verify","SEE_OTHER_OPTIONS":"See other options","GET_YOUR_OTP_ON":"Get your OTP on","CALL":"Call","EMAIL_IS_REQUIRED":"Email is required","OTP_IS_REQUIRED":"OTP is required","MOBILE_NUMBER_IS_REQUIRED":"Mobile number is required","PLEASE_ENTER_A_VALID_EMAIL_ADDRESS":"Please enter a valid email address","PLEASE_ENTER_A_VALID_MOBILE_NUMBER":"Please enter a valid mobile number","OTP_SENT_SUCCESSFULLY":"OTP sent successfully","SOMETHING_WENT_WRONG":"Something went wrong","TOO_MANY_ATTEMPTS_TRY_AFTER_SOMETIME":"Too many attempts. Try after sometime","OTP_SHOULD_HAVE_SIX_DIGITS":"OTP should have 6 digits","OTHER_TANDC_MAY_APPLY":"Other T&C may apply","ON_UPI_PAYMENTS":"On UPI payments","PAYMENT_OFFERS":"Payment offers","KNOW_MORE":"Know more","ON_BUY_NOW_PAY_LATER_PAYMENT":"On Buy Now Pay Later payment","COUPONS_AND_OFFERS":"Coupons and offers","AVAILABLE_COUPONS":"Available coupons","ON_USING_SIMPLE_PAY_LATER":"On using Simpl pay later","DETAILS":"Details","FAILED_TO_ADD_PRODUCT_TO_WISHLIST":"Failed to add product to wishlist","PRODUCT_ADDED_TO_WISHLIST":"Product added to wishlist","FAILED_TO_REMOVE_PRODUCT_FROM_WISHLIST":"Failed to remove product from wishlist","PRODUCT_REMOVED_FROM_WISHLIST":"Product removed from wishlist","FORM_SUBMITTED_SUCCESSFULLY":"Form submitted successfully","MESSAGE":"Message","RESET":"Reset","CASH_ON_DELIVERY_AND_ONLINE_PAYMENT":"Cash on delivery and online payment","ONLINE_PAYMENT":"Online payment","FAST_DELIVERY":"Fast delivery","FREE_SHIPPING":"Free shipping","SORRY_WERE_CURRENTLY_NOT_ACCEPTING_ORDERS":"Sorry we're currently not accepting orders","GET_FREE_DELIVERY_ON_ALL_ORDERS":"Get free delivery on all orders","GET_FREEBIE":"Get freebie","ONLY_ON_CASH_ON_DELIVERY":"Only on cash on delivery","ONLY_ON_ONLINE_PAYMENT":"Only on online payment","ON_BOTH_ONLINE_AND_COD":"On both online and COD","OFFER_NOT_APPLICABLE_FOR_SELECTED_ITEMS":"Offer not applicable for selected items","SHOW_LESS":"Show less","NO_PRODUCTS_FOUND":"No products found","PLEASE_CHECK_THE_SPELLING_OR_TRY_SEARCHING_FOR_SOMETHING_ELSE":"Please check the spelling or try searching for something else","SELECT_OPTIONS":"Select options","SELECT_SIZE":"Select size","SELECT_COLOR":"Select color","THIS_PRODUCT_IS_OUT_OF_STOCK":"This product is out of stock","ALL_CATEGORIES":"All categories","PRODUCT_DETAILS":"Product details","MOVE_TO_BAG":"Move to cart","ARE_YOU_SURE_YOU_WANT_TO_CLEAR_ALL_THE_ITEMS_FROM_THE_BAG":"Are you sure you want to clear all the items from the cart?","SEE_ALL_PRODUCTS":"See all products","VIEW_ALL_CATEGORIES":"View all categories","BESTSELLERS":"Bestsellers","ONLINE_PAYMENT_AND_CASH_ON_DELIVERY_AVAILABLE":"Online payment and cash on delivery available","ONLINE_PAYMENT_AVAILABLE":"Online payment available","COLLECTIONS":"Collections","WHAT_OUR_CUSTOMERS_ARE_SAYING":"What our customers are saying","FEATURED_IN":"Featured in","STAY_CONNECTED":"Stay connected","SEARCH":"Search","ON_SALE":"On sale","VERIFY_YOUR_EMAIL":"Verify your email","OTP_VERIFICATION":"OTP verification","CALCULATED_AFTER_ADDRESS_INPUT":"Calculated after address input","PAYMEMENT_FAILED_PLEASE_USE_A_DIFFERENT_PAYMENT_METHOD":"Payment failed. Please use a different payment method","CONTINUE":"Continue","YOUR_SHOPPING_CART":"Your shopping cart","SAVE_MORE_WITH_COUPON_AND_OFFERS":"Save more with coupon and offers","SORRY_FEW_ITEMS_ARE_NOT_AVAILABLE_PLEASE_REMOVE_THESE_ITEMS_TO_PROCEED":"Sorry few items are not available. Please remove these items to proceed","ADDITIONAL_INFORMATION":"Additional information","NO_COUPONS_FOUND":"No coupons foun
2765d","DELIVERY":"Delivery","LOYALTY_POINTS":"Loyalty points","ALLCAPS_FREE":"FREE","ALLCAPS_UPDATED":"UPDATED","BACK_TO_STORE":"Back to store","WE_ARE_CURRENTLY_CLOSED":"We are currently closed","PLEASE_TRY_PLACING_YOUR_ORDER_AFTER_THE_STORE_REOPENS":"Please try placing your order after the store reopens","SELECT_ADDRESS":"Select address","ADD_ADDRESS":"Add address","INFO":"Info","SELECT_A_DELIVERY_ADDRESS":"Select a delivery address","SORRY_WE_DONT_DELIVER_TO_YOUR_PINCODE":"Sorry we don't deliver to your pincode","CHOOSE_PAYMENT_MODE":"Choose payment mode","FILL_ADDITIONAL_INFORMATION":"Fill additional information","PAY_USING_UPI":"Pay using UPI","BUY_NOW_PAY_LATER":"Buy now pay later","PARTIAL_CASH_ON_DELIVERY":"Partial cash on delivery","PAY_IN_CASH_AT_THE_TIME_OF_DELIVERY":"Pay in cash at the time of delivery","PAY_IN_CASH_OR_PAY_IN_PERSON_AT_THE_TIME_OF_DELIVERY_WITH_GPAYPAYTMPHONEPE":"Pay in cash or pay in person at the time of delivery with GPay/PayTM/PhonePe","USE_YOUR_PAYPAL_ACCOUNT_TO_COMPLETE_THE_PAYMENT":"Use your Paypal account to complete the payment","PAY_ONLINE_USING_PAYPAL":"Pay online using Paypal","OTHER_POPULAR_PRODUCTS":"Other popular products","VIEW_PRICE_DETAILS":"View price details","USE_PHONEPEGOOGLEPAYPAYTMUPI_AND_OTHER_UPI_PLATFORMS_TO_COMPLETE_THE_PAYMENT":"Use PhonePe/GooglePay/PayTM/UPI or other UPI platforms to complete the payment","ADD_MORE":"Add more","RELEVANCE":"Relevance","VIEW_ALL_COLLECTIONS":"View all collections","VIEW_ALL_PRODUCTS":"View all products","AWESOME":"Awesome","ENTER_COUPON_CODE":"Enter coupon code","OTP_VERIFICATION_FAILED_TRY_AGAIN":"OTP verification failed, try again later","OTP_RESENT_SUCCESSFULLY":"OTP resent successfully","SOME_ERROR_OCCURED_IN_RESENDING_THE_OTP":"Some error occurred in resending the OTP","PAY_ONLINE":"Pay online","PAY_ONILNE_AND_COMPLETE_YOUR_ORDER":"Pay online and complete your order","USE_CREDITDEBIT_CARD_NETBANKING_UPI_WALLETS_TO_COMPARE_THE_PAYMENTS":"Use credit/debit card, net-banking, UPI, wallets to complete the payment","GET_CASHBACK_ON_WALLET_TRANSACTIONS":"Get cashback on wallet transactions","SAVE_AND_COUNTINUE":"Save and continue","ADD_NEW_ADDRESS":"Add new address","EDIT_ADDRESS":"Edit address","DELETE_THIS_ADDRESS":"Delete this address","TAX_INCLUDED_SHIPPING_CALCULATED_AT_THE_CHECKOUT":"Tax included. Shipping calculated at the checkout","FOR_BULK_ORDERS":"For bulk orders","BULK_ORDER_INQUIRIES":"Bulk order inquiries","SELL_ON_BIGHAAT":"Sell on Bighaat","AVAILABILITY":"Availability","IN_STOCK":"In stock","CHECK_DELIVERY":"Check delivery","ENTER_PINCODE":"Enter pincode","SORRY_THIS_PINCODE_IS_CURRENTLY_UNSERVICEABLE":"Sorry, this pin code is currently unserviceable","SEE_LESS":"See less","SEE_MORE":"See more","RECENTLY_VIEWED":"Recently viewed","BUY_IT_AGAIN":"Buy it again","MY_WISHLIST":"My wishlist","BRANDS":"Brands","YOU_MAY_ALSO_LIKE":"You may also like","CLOSE":"Close","CLICK_HERE":"Click here","NOTIFY_ME":"Notify me","SALE":"Sale","REVIEWS":"Reviews","SEARCH_FOR_PRODUCTS_BRANDS_AND_MORE":"Search for products, brands and more","CHECK":"Check","PRODUCT_QANDA":"Product Q&A","SORRY_THIS_PINCODE_IS_CURRENTLY_UNSERVICABLE":"Sorry this pincode is currently unservicable","VERIFIED_BUYER":"Verified buyer","RATINGS":"Ratings","YOU_SAVE":"You save","ABOUT_US":"About us","REACH_US":"Reach us","PRIVACY_POLICY":"Privacy policy","REFUND_POLICY":"Refund policy","TERMS_OF_SERVICE":"Terms of service","DELIVERY_POLICY":"Delivery policy","CAREERS":"Careers","CHANGE_LANGUAGE":"Change language","CONFIRM":"Confirm","CANCEL":"Cancel","LANGUAGE":"Language","LOGGED_IN_SUCCESSFULLY":"Logged in successfully","INVALID_OTP":"Invalid OTP","THE_OTP_ENTERED_IS_INVALIDINCORRECT_PLEASE_TRY_AGAIN":"The OTP entered is invalid/incorrect. Please try again","NO_RESULTS":"No results","NO_RESULTS_FOUND":"No results found","PREVIOUS":"Previous","NEXT":"Next","AVAILABLE_POINTS":"Available points","MY_LOYALTY_POINTS":"My loyalty points","CASH_ON_DELIVERY_AVAILABLE":"Cash on delivery available","CHANGE_STORE_LANGUAGE":"Change store language","GO_TO_CART":"Go to cart","ADD_TO_CART":"Add to cart","VIEW_ORDER_DETAILS":"View order details","YOU_SAVED":"You saved","FAQ":"FAQ","PROUCT_QANDA":"Product Q&A","MOVE_TO_CART":"Move to cart","CART":"Cart","MEDIA_LINKS":"Media Links","SEND_IT_ON":"Send it on","POPULAR_CATEGORY":"Popular Category","BRAND":"Brand","CAN_NOT_LOGIN_WITH__FACEBOOK_ACCOUNT_WITHOUT_EMAIL_ADDRESS":"Can not login 
2765with @Facebook account without email address","TWENTY_CASHBACK_UPTO__AMOUNT":"Twenty cashback upto @Amount","EXTRA__DISCOUNT_OFF_ON_BNPL":"Extra @Discount off on BNPL","EXTRA__DISCOUNT_OFF_ON_UPI":"Extra @Discount off on UPI","GET_EXTRA__DISCOUNT_OFF_ON_UPI_PAYMENETS":"Get extra @Discount off on UPI paymenets","EXTRA__DISCOUNT_OFF":"Extra @Discount off","GET_EXTRA__DISCOUNT_OFF_ON_BUY_NOW_PAY_LATER_PAYMENTS":"Get extra @Discount off on Buy Now Pay Later payments","OFFERS_VALID_ONLY_ON__MODE_PAYMENT_MODE":"Offers valid only on @Mode payment mode","OFFER_VALID_ON_ORDER_ABOVE__MINORDERVALUE":"Offer valid on order above @Minordervalue","MAXIMUM_INSTANT_DISCOUNT_OF__MAXDISCOUNT":"Maximum instant discount of @Maxdiscount","OFFER_VALID_TILL__EXPIRYDATE":"Offer valid till @Expirydate","ADD__MORECOUNT_MORE__COUPONTEXT_ITEM_TO_UNLOCK_THE_OFFER":"Add @Morecount more @Coupontext item to unlock the offer","CONGRATS_YOU_HAVE_UNLOCKED__COUPONCODE_OFFER":"Congrats you have unlocked @Couponcode offer","PLEASE_SELECT_ONE__ADDONNAME":"Please select one @Addonname","PLEASE_SELECT_ONLY_ONE__ADDONNAME":"Please select only one @Addonname","THE_SELLER_HAS_ONLY__INVENTORYQTY_OF_THESE_AVAILABLE":"The seller has only @Inventoryqty of these available","PRODUCT_QUANTITY_UPDATED_TO__ORDEREDQTY":"Product quantity updated to @Orderedqty","CODE__COUPONCODE_COPIED_TO_CLIPBOARD":"Code @Couponcode copied to clipboard","ONLY__INVENTORY_LEFT_IN_STOCK_HURRY_UP":"Only @Inventory left in stock Hurry up","__MONEY_PER_ORDER":"@Money per order","ABOVE__MONEY":"Above @Money","FREEBIE_ABOVE__MINORDERVALUE":"Freebie above @Minordervalue","GET__NAME_WORTH__SELLINGPRICE_FREE":"Get @Name worth @Sellingprice free","GET__NAME_WORTH__SELLINGPRICE_FREE_ON_PURCHASE_ABOVE__MINORDERVALUE":"Get @Name worth @Sellingprice free on purchase above @Minordervalue","USE__CODE":"Use @Code","YOU_WILL_SAVE__VALUE_WITH_THIS_COUPON":"You will save @Value with this coupon","APPLICABLE__MODETEXT":"Applicable @Modetext","BUY__BUYXCOUNT_GET__GETYCOUNT__ITEMTEXT_FREE":"Buy @Buyxcount get @Getycount @Itemtext free","__COUPONLISTLENGTH_MORE__COUPONLISTTEXT":"@Couponlistlength more @Couponlisttext","DELIVERY_HAPPENS_WITHIN__TIME":"Delivery happens within: @Time","BEST_PRICE__AMOUNT":"Best price @Amount","SUCCESSFULLY_SUBSCRIBED_WITH__EMAIL":"Successfully subscribed with @Email","VERIFICATION_CODE_SENT_TO__VALUE":"Verification code sent to @Value","ENTER_6DIGIT_OTP_SEND_TO__MOBILE":"Enter 6-Digit OTP sent to @Mobile","BUY__BUYXCOUNT_GET__GETYCOUNT_FREE_WITH__COUPONCODE":"Buy @Buyxcount get @Getycount free with @Couponcode","SAVE__DISCOUNT_WITH__COUPONCODE":"Save @Discount with @Couponcode","AVERAGE_DELIVERY_TIME__DAYS":"Average delivery time: @Days","__GETYCOUNT__ITEM_WORTH__DISCOUNT_FREE":"@Getycount @Item worth @Discount free","SHOPPING__BAGNAME":"Shopping @Bagname","DISCOUNT__COUPON":"Discount @Coupon","YOU_SAVED_ADDITIONAL__MONEY":"You saved additional @Money","__APPLIEDCOUPON_APPLIED":"@Appliedcoupon applied","YOU_WILL_EARN__CREDITSEARNED_ON_THIS_ORDER":"You will earn @Creditsearned on this order","DISCOUNT__COUPONCODE__COUPONMONEY":"Discount @Couponcode @Couponmoney","YOU_HAVE_EARNED__LOYALTYPOINTS_FOR_THIS_ORDER":"You have earned @Loyaltypoints for this order","YOU_HAVE_EARNED__LOYALTYPOINTS_AFTER_THIS_ORDER_IS_DELIVERED":"You have earned @Loyaltypoints after this order is delivered","FREE_DELIVERY_ON_ITEM_TOTAL_ABOVE__COSTLIMIT":"Free delivery on item total above @Costlimit","ALREADY_A_USER__LOGINHERE":"Already a user @Loginhere","__TOTALSAVINGS_SAVED_SO_FAR_ON_THIS_ORDER":"@Totalsavings saved so far on this order","SAVE__DELIVERYCOSTAPPLIED_ON_DELIVERY_FEE_BY_ADDING__DIFFERENCE_MORE_TO_BAG":"Save @Deliverycostapplied on delivery fee by adding @Difference more to bag","DELIVERY_STARTS_ON__DATE":"Delivery starts on @Date","PAY_ON_DELIVERY__MODE":"Pay on delivery @Mode","PAY__CODCONFIRMATIONCOST_ONLINE_NOW_AND_REMAINING_AMOUNT_IN_CASHGPAYPAYTMPHONEPE_AT_THE_TIME_OF_DELIVERY":"Pay @Codconfirmationcost online now and remaining amount in Cashgpaypaytmphonepe at the time of delivery","PAY__COST":"Pay @Cost","TOTAL__COST":"Total @Cost","GET_EXTRA__DISCOUNT_OFF_UPTO__MONEY_ON_YOUR_TOTAL_BILL_ON_PAYING_VIA_UPI":"Get extra @Discount off upto @Money on your total bill on paying via UPI","EXTRA__ELEMENTS_OFF":"Extra @Elements off","ADD__MORECOUNT_MORE__BUYBUYXCOUNTGETGETYCOUNT_ITEM_TO_UNLOCK_THE_OFFER":"Add @Morecount more @Buybuyxcountgetgetycount item to unlock the offer","CONGRATS_YOUVE_UNLOCKED__COUPONCODE_OFFER":"Congrats You've unlocked @Couponcode offer","WITH_THE_COUPON__COUPONCODE":"With the coupon @couponcode","UPTO__MAXDISCOUNT":"upto @maxdiscount","YOU_GET__GETYCOUNT__ITEM_FREE":"You get @getycount @item free","YOUR__BAGNAME_IS_EMPTY":"Your @bagname is empty","DELIVERY_BY__DATEESTIMATED":"Delivery by @date (estimated)","BASED_ON__REVIEWCOUNT_REVIEWS":"Based on @reviewCount reviews","SELECT__ATTRIBUTE":"Select @attribute","__COUNT_CUSTOMER__RATING":"@count customer @rating","MISSED_CALL_TO_ORDER__NUMBER":"Missed call to order - @number","DELIVERY_BY__ESTIMATED":"Delivery by @date (estimated)","BUY__BUYXCOUNT_GET__GETYCOUNT":"BUY @buyxcount GET @getycount","BUY__BUYXCOUNT_ITEM_GET__GETYCOUNT_ITEMS_FREE":"Buy @buyxcount item and get @getycount item FREE","BUY__BUYXCOUNT_GET__GETYCOUNT_FREE":"Buy @buyxcount get @getycount FREE","APPLICABLE_ONLY__USESPERCUSTOMER_PE
2765R_CUSTOMER":"Applicable only @usespercustomer per customer","ADD_ITEMS_WORTH__MONEY_MORE_TO_GET_THIS_OFFER":"Add items worth @money to get this offer","GO_TO__BAGNAME":"Go to @bagname","VERIFICATION_CODE_SENT_TO__MOBILE":"Verification code sent to @mobile","YOU_WILL_RECEIVE_A_CONFIRMATION_MESSAGE_SHORTLY_FOR_MORE_DETAILS_CHECK_ORDER_STATUS_ON_YOUR__SOURCE":"You will receive a confirmation message shortly. For more details, check order status on your @source","__DISCOUNTVALUE_OFF_ON_ITEM_TOTAL__ABOVEVALUE":"@discountvalue off on item total @abovevalue","ENTER_6DIGIT_OTP_SENT_TO__MOBILE":"Enter 6-Digit OTP sent to @Mobile","YOU_SAVED__@ADDITIONAL":"You saved @additional"},"DUKAAN_USER_SELECTED_LANGUAGE":"eng","STORE_DEFAULT_LANGUAGE":"eng","IS_COMING_FROM_APP":false,"DUKAAN_APP_VERSION":"sceptre:0abf2a4","DUKAAN_THEME_PATH":"102347045/hawaii","DUKAAN_PAGE_KEY":"store_page","CANONICAL_URL":"https://workapes.com/store-locator","DUKAAN_SESSION_ID":"G816-1790305302169","DUKAAN_LANDING_PAGE":"http://workapes.com/store-locator","DUKAAN_VISIT_COUNT":1}
2766        </script>
2766
2767      
2768    
2768<script   src="/public/102347045/hawaii/js/dukaan-utils.js?ver=sceptre:0abf2a4"></script>
2768
2769    <template id="dkn-size-variant-item-template">
2770  <div class="dkn-size-variant-item">
2771    <input class="dkn-variant-input d-none hidden"
2772           type="radio"
2773           name="size"/>
2774    <label class="dkn-variant-label d-flex flex-column">
2775      <div class="dkn-size-variant-value text-wrap"></div>
2776    </label>
2777  </div>
2778</template>
2779<template id="dkn-color-variant-item-template">
2780  <div class="dkn-color-variant-item">
2781    <input class="dkn-variant-input d-none hidden"
2782           type="radio"
2783           name="color"/>
2784    <label class="dkn-variant-label">
2785      <div class="dkn-color-variant-bg-color d-flex flex-row align-items-center justify-content-center w-100 h-100">
2786        <svg class="dkn-color-variant-tick-svg"
2787             xmlns="http://www.w3.org/2000/svg"
2788             width="24"
2789             height="24"
2790             viewBox="0 0 24 24"
2791             fill="none"
2792             color="#ffffff">
2793          <path fill-rule="evenodd" clip-rule="evenodd"
2794          d="M21.0607 4.93934C21.6464 5.52513 21.6464 6.47487 21.0607 7.06066L10.0607 18.0607C9.47487 18.6464 8.52513 18.6464 7.93934 18.0607L2.93934 13.0607C2.35355 12.4749 2.35355 11.5251 2.93934 10.9393C3.52513 10.3536 4.47487 10.3536 5.06066 10.9393L9 14.8787L18.9393 4.93934C19.5251 4.35355 20.4749 4.35355 21.0607 4.93934Z"
2795          fill="currentColor" />
2796        </svg>
2797      </div>
2798    </label>
2799  </div>
2800</template>
2801<template id="dkn-variant-section-template">
2802  <div class="dkn-variant-section d-flex flex-column variant-type-section">
2803    <div class="dkn-variant-section-heading variant-type-label"></div>
2804    <div class="dkn-variant-section-list d-flex flex-row flex-wrap"></div>
2805  </div>
2806</template>
2807<template id="dkn-addon-variant-item-template">
2808  <div class="dkn-addon-variant-item d-flex align-items-center w-100">
2809    <input class="dkn-variant-input dkn-input-checkbox me-2"
2810           type="checkbox"
2811           name="addon">
2812    <label class="dkn-variant-label dkn-addon-variant-details d-flex flex-row align-items-center justify-content-between w-100">
2813      <div class="dkn-addon-variant-name"></div>
2814      <div class="dkn-addon-variant-price"></div>
2815    </label>
2816  </div>
2817</template>
2818<template id="dkn-size-variant-section-template">
2819  <div class="dkn-variant-section d-flex flex-column variant-type-section">
2820    <div class="flex d-flex flex-row d-row j-sb justify-content-between">
2821      <div class="dkn-variant-section-heading text-14_20 text-lg-16_24 font-semibold mb-2 variant-type-label"></div>
2822      <size-chart-btn></size-chart-btn>
2823    </div>
2824    <div class="dkn-variant-section-list d-flex flex-row flex-wrap gap-2"></div>
2825  </div>
2826</template>
2827<template id="dkn-color-variant-section-template">
2828  <div class="dkn-variant-section d-flex flex-column variant-type-section">
2829    <div class="dkn-variant-section-heading text-14_20 text-lg-16_24 font-semibold mb-2 variant-type-label"></div>
2830    <div class="dkn-variant-section-list d-flex flex-row flex-wrap gap-2"></div>
2831  </div>
2832</template>
2833<template id="dkn-action-button-wrapper-template">
2834  <add-to-bag-button data-add-event="HOME_PAGE_PRODUCT_ADDED" class="flex-1 dkn-add-to-bag-button w-100" data-product-uuid="" data-sku-uuid=""
2835  data-out-stock-template-id="out-of-stock-button-modal">
2836  </add-to-bag-button>
2837  <buy-now-button-load-point data-add-event="PRODUCT_PAGE_BUY_NOW_CLICKED" class="flex-1 ml12 dkn-buy-now-button w-100"
2838  data-product-uuid="" data-sku-uuid="">
2839  </buy-now-button-load-point>
2840</template>
2841<template id="dkn-wishlist-action-button-template">
2842  <wishlist-button-load-point
2843  data-product-uuid=""
2844  data-sku-uuid=""
2845  data-template-id="modal-wishlist-button-template"
2846  data-add-event="CATEGORY_PAGE_WISHLIST_ADDED"
2847  >
2848  <button type="button"
2849          class="detail-wishlist-btn"
2850          data-wishlist-button-state="unselected">
2851    <span class="wishlist-svg-wrapper">
2852      <svg width="20"
2853           height="20">
2854        <use xlink:href="/assets/wishlist.svg#unfilled-wishlist-icon"></use>
2855      </svg>
2856    </span>
2857    <span>Wishlist</span>
2858  </button>
2859  </wishlist-button-load-point>
2860</template>
2861<template id="dkn-product-qty-field-template">
2862  <div class="dkn-product-qty-field-wrapper d-flex flex-column jm-external-input-wrapper position-relative btn-outline-secondary">
2863    <div class="dkn-product-qty-input-wrapper d-flex justify-content-center gap-3 align-items-center">
2864      <div class="dkn-decrease-product-qty-input cursor-pointer">
2865        <svg width="21"
2866             height="20"
2867             viewBox="0 0 21 20"
2868             fill="none"
2869             xmlns="http://www.w3.org/2000/svg">
2870          <path d="M4.4165 9.91187H15.6665" stroke="var(--primary)" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
2871        </svg>
2872 
2873      </div>
2874      <input name="product-qty"
2875             type="text"
2876             value="1"
2877             disabled
2878             class="dkn-product-qty-input w-100 text-center text-primary-cherry font-bold"
2879             style="max-height: 20px;
2880                    border: none;
2881                    width: 20px !important;
2882                    background: transparent"/>
2883      <div class="dkn-increase-product-qty-input cursor-pointer">
2884        <svg width="21"
2885             height="20"
2886             viewBox="0 0 21 20"
2887             fill="none"
2888             xmlns="http://www.w3.org/2000/svg">
2889          <path d="M10.1617 4.16675V15.4167M4.4165 9.91199H15.6665" stroke="var(--primary)" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/>
2890        </svg>
2891 
2892      </div>
2893    </div>
2894  </div>
2895</template>
2896<template id="dkn-action-button-wrapper-template">
2897<div class="dkn-product-external-quantity-field col-6"></div>
2898<add-to-bag-button-with-external-quantity-input class="d-flex col-6"
2899data-add-event="PRODUCT_PAGE_PRODUCT_ADDED" data-product-uuid=""
2900data-quantity-input-id="dkn-pdp-quantity-input" data-sku-uuid="">
2901</add-to-bag-button-with-external-quantity-input>
2902</template>
2903
2904    
2904<script   src="/public/102347045/hawaii/js/variant-utils.js?ver=sceptre:0abf2a4"></script>
2904
2905    
2905<script   src="/public/102347045/hawaii/js/dukaan-products.js?ver=sceptre:0abf2a4"></script>
2905
2906    
2906<script   src="/public/102347045/hawaii/js/fluidMenu.js?ver=sceptre:0abf2a4"></script>
2906
2907    
2907<script   src="/public/102347045/hawaii/js/layout.js?ver=sceptre:0abf2a4"></script>
2907
2908    
2908<script defer  src="/public/102347045/hawaii/js/dukaan-coupons.js?ver=sceptre:0abf2a4"></script>
2908
2909    
2909<script defer  src="/public/102347045/hawaii/js/dukaan-offers.js?ver=sceptre:0abf2a4"></script>
2909
2910    
2910<script defer  src="/public/102347045/hawaii/js/axios.min.js?ver=sceptre:0abf2a4"></script>
2910
2911    
2911<script   src="/public/102347045/hawaii/js/octarine.js?ver=sceptre:0abf2a4"></script>
2911
2912    
2912<script   src="/public/102347045/hawaii/js/splide.min.js?ver=sceptre:0abf2a4"></script>
2912
2913    
2913<script defer  src="/public/102347045/hawaii/js/wishlist-utils.js?ver=sceptre:0abf2a4"></script>
2913
2914    <link rel="stylesheet" href="/public/102347045/hawaii/css/common-components.css?ver=sceptre:0abf2a4" as="" onload="">
2915        <noscript><link rel="stylesheet" href="styles.css"></noscript>
2916    
2917  
2918<div id="authWrapper">
2919  <div id="loginModal" class="dukaan-auth-modal modal hidden">
2920    <div class="dukaan-auth-modal-content modal-content ">
2921      <div class="dukaan-auth-modal-header">
2922        <span class="dukaan-auth-modal-title">Sign in</span>
2923        <span class="dukaan-auth-modal-close cursor-pointer" onclick="closeModal()">
2924          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
2925            <g fill="none" fill-rule="evenodd">
2926              <g fill="#4D4D4D" fill-rule="nonzero">
2927                <g>
2928                  <g>
2929                    <path
2930                      d="M.363.363c.44-.44 1.136-.484 1.626-.11l.127.11L8 6.248 13.884.363c.452-.452 1.166-.482 1.652-.09l.101.09c.44.44.484 1.136.099 1.641l-.099.112L9.752 8l5.885 5.884c.452.452.482 1.166.09 1.652l-.09.101c-.44.44-1.136.484-1.641.099l-.112-.099L8 9.752l-5.883 5.885c-.452.452-1.166.482-1.652.09l-.101-.09c-.44-.44-.484-1.136-.099-1.64l.099-.113L6.247 8 .363 2.116C-.089 1.664-.119.95.273.464z"
2931                      transform="translate(-903 -372) translate(497 343) translate(406 29)" />
2932                  </g>
2933                </g>
2934              </g>
2935            </g>
2936          </svg>
2937        </span>
2938      </div>
2939      <div class="dukaan-auth-modal-body">
2940        <form id="loginModalForm" onsubmit="handleSubmitForm(event)" style="position: relative">
2941          
2942<style>
2943.bounceLoaderWrap {
2944  position: relative;
2945  height: 100%;
2946  width: 100%;
2947  background-color: var(--white);
2948}
2949.bounceLoaderWrap.overlay {
2950  top: 0;
2951  bottom: 0;
2952  left: 0;
2953  right: 0;
2954  position: fixed;
2955  background-color: rgba(0, 0, 0, 0.6);
2956  backdrop-filter: blur(24px);
2957  z-index: 10;
2958}
2959.bounceLoaderWrap.overlay.highZIndex {
2960  z-index: 10000;
2961}
2962
2963.bounceLoader {
2964  display: flex;
2965  align-items: center;
2966  flex-direction: column;
2967  position: absolute;
2968  top: 0;
2969  left: 0;
2970  right: 0;
2971  bottom: 0;
2972  pointer-events: all;
2973}
2974.bounceLoader.absoluteCenter {
2975  position: absolute;
2976  top: 50%;
2977  left: 50%;
2978  transform: translate(-50%, -50%);
2979}
2980.bounceLoader .spinner {
2981  text-align: center;
2982}
2983.bounceLoader .spinner > .bounce {
2984  width: 20px;
2985  height: 20px;
2986  background-color: #ccc;
2987  border-radius: 100%;
2988  display: inline-block;
2989  -webkit-animation: bounce-delay 1.4s infinite ease-in-out both;
2990  animation: bounce-delay 1.4s infinite ease-in-out both;
2991}
2992.bounceLoader .spinner > .bounce.bounce1 {
2993  -webkit-animation-delay: -0.32s;
2994  animation-delay: -0.32s;
2995  margin-right: 8px;
2996}
2997.bounceLoader .spinner > .bounce.bounce2 {
2998  -webkit-animation-delay: -0.16s;
2999  animation-delay: -0.16s;
3000  margin-right: 8px;
3001}
3002
3003@keyframes bounce-delay {
3004  0%, 80%, 100% {
3005    -webkit-transform: scale(0);
3006    transform: scale(0);
3007  } 40% {
3008    -webkit-transform: scale(1.0);
3009    transform: scale(1.0);
3010  }
3011}
3012
3013</style>
3014
3015<div class="bounceLoader hidden">
3016    <div class="spinner">
3017        <div class="bounce bounce1"></div>
3018        <div class="bounce bounce2"></div>
3019        <div class="bounce bounce3"></div>
3020    </div>
3021</div>
3022
3023
3024          <div id="mobile-form" class="mobile-form">
3025            
3026            <div class="hide-on-desktop">
3027              <label class="mui-input-field full-width ">
3028                <input class="full-width" autofocus placeholder=" " id="m-email-input" type="email">
3029                <span class="label">Email address</span>
3030              </label>
3031            </div>
3032            <div class="flex d-column hide-on-mobile">
3033              <div class="input-box">
3034                <input autofocus placeholder="Enter your email address" id="d-email-input" type="email" />
3035              </div>
3036            </div>
3037            
3038          </div>
3039          
3040          
3041          <p class="dkn-auth-privacy">
3042            By continuing, you agree to our company's <a class="dkn-auth-privacy-link" href="/p/terms-conditions">Terms and Conditions</a> and <a class="dkn-auth-privacy-link" href="/p/privacy-policy">Privacy Policy</a>
3043          </p>
3044          <div id="error-message" class="hidden error-message"></div>
3045          <div class="dukaan-auth-modal-footer">
3046            <button class="dukaan-auth-modal-btn-primary" type="submit">
3047              
3048             Send verification code
3049              
3050            </button>
3051          </div>
3052        </form>
3053         
3054        
3055        
3056      </div>
3057    </div>
3058  </div>
3059  <div id="otpModal" class="dukaan-auth-modal modal hidden">
3060    <div class="dukaan-auth-modal-content modal-content ">
3061      <div class="dukaan-auth-modal-header">
3062        <span class="dukaan-auth-modal-title">Sign in</span>
3063        <span class="dukaan-auth-modal-close cursor-pointer" onclick="closeOTPModal()">
3064          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
3065            <g fill="none" fill-rule="evenodd">
3066              <g fill="#4D4D4D" fill-rule="nonzero">
3067                <g>
3068                  <g>
3069                    <path
3070                      d="M.363.363c.44-.44 1.136-.484 1.626-.11l.127.11L8 6.248 13.884.363c.452-.452 1.166-.482 1.652-.09l.101.09c.44.44.484 1.136.099 1.641l-.099.112L9.752 8l5.885 5.884c.452.452.482 1.166.09 1.652l-.09.101c-.44.44-1.136.484-1.641.099l-.112-.099L8 9.752l-5.883 5.885c-.452.452-1.166.482-1.652.09l-.101-.09c-.44-.44-.484-1.136-.099-1.64l.099-.113L6.247 8 .363 2.116C-.089 1.664-.119.95.273.464z"
3071                      transform="translate(-903 -372) translate(497 343) translate(406 29)" />
3072                  </g>
3073                </g>
3074              </g>
3075            </g>
3076          </svg>
3077        </span>
3078      </div>
3079      <div class="dukaan-auth-modal-body">
3080        <div id="otp-form">
3081          <p id="otp-title" class="otp-title"><span class="otp-num-value"></span></p>
3082          <form id="otp-values" style="position: relative;">
3083            
3084<style>
3085.bounceLoaderWrap {
3086  position: relative;
3087  height: 100%;
3088  width: 100%;
3089  background-color: var(--white);
3090}
3091.bounceLoaderWrap.overlay {
3092  top: 0;
3093  bottom: 0;
3094  left: 0;
3095  right: 0;
3096  position: fixed;
3097  background-color: rgba(0, 0, 0, 0.6);
3098  backdrop-filter: blur(24px);
3099  z-index: 10;
3100}
3101.bounceLoaderWrap.overlay.highZIndex {
3102  z-index: 10000;
3103}
3104
3105.bounceLoader {
3106  display: flex;
3107  align-items: center;
3108  flex-direction: column;
3109  position: absolute;
3110  top: 0;
3111  left: 0;
3112  right: 0;
3113  bottom: 0;
3114  pointer-events: all;
3115}
3116.bounceLoader.absoluteCenter {
3117  position: absolute;
3118  top: 50%;
3119  left: 50%;
3120  transform: translate(-50%, -50%);
3121}
3122.bounceLoader .spinner {
3123  text-align: center;
3124}
3125.bounceLoader .spinner > .bounce {
3126  width: 20px;
3127  height: 20px;
3128  background-color: #ccc;
3129  border-radius: 100%;
3130  display: inline-block;
3131  -webkit-animation: bounce-delay 1.4s infinite ease-in-out both;
3132  animation: bounce-delay 1.4s infinite ease-in-out both;
3133}
3134.bounceLoader .spinner > .bounce.bounce1 {
3135  -webkit-animation-delay: -0.32s;
3136  animation-delay: -0.32s;
3137  margin-right: 8px;
3138}
3139.bounceLoader .spinner > .bounce.bounce2 {
3140  -webkit-animation-delay: -0.16s;
3141  animation-delay: -0.16s;
3142  margin-right: 8px;
3143}
3144
3145@keyframes bounce-delay {
3146  0%, 80%, 100% {
3147    -webkit-transform: scale(0);
3148    transform: scale(0);
3149  } 40% {
3150    -webkit-transform: scale(1.0);
3151    transform: scale(1.0);
3152  }
3153}
3154
3155</style>
3156
3157<div class="bounceLoader hidden">
3158    <div class="spinner">
3159        <div class="bounce bounce1"></div>
3160        <div class="bounce bounce2"></div>
3161        <div class="bounce bounce3"></div>
3162    </div>
3163</div>
3164
3165
3166            <div class="hide-on-desktop">
3167              <label class="mui-input-field m-otp-field full-width ">
3168                <input class="full-width" autofocus placeholder="• • • • • •" id="m-otp-input" type="number"
3169                  maxlength="6">
3170                <span class="label"></span>
3171              </label>
3172            </div>
3173            <div class="otp-box hide-on-mobile">
3174              <input class="form-control form-control-solid first" name="otp-value" onkeyup="handleOTPForm(event)" type="text" autocomplete="one-time-code"
3175                maxlength="1" />
3176              <input class="form-control form-control-solid second" name="otp-value" onkeyup="handleOTPForm(event)" type="text" autocomplete="one-time-code"
3177                maxlength="1" />
3178              <input class="form-control form-control-solid third" name="otp-value" onkeyup="handleOTPForm(event)" type="text" autocomplete="one-time-code"
3179                maxlength="1" />
3180              <input class="form-control form-control-solid fourth" name="otp-value" onkeyup="handleOTPForm(event)" type="text" autocomplete="one-time-code"
3181                maxlength="1" />
3182              <input class="form-control form-control-solid fifth" name="otp-value" onkeyup="handleOTPForm(event)" type="text" autocomplete="one-time-code"
3183                maxlength="1" />
3184              <input class="form-control form-control-solid sixth" name="otp-value" onkeyup="handleOTPForm(event)" type="text" autocomplete="one-time-code"
3185                maxlength="1" />
3186            </div>
3187          </form>
3188        </div>
3189        <div id="error-message" class="hidden error-message"></div>
3190      </div>
3191      <div class="otp-countdown-timer flex d-row a-center j-center hidden" id="otp-countdown-timer">
3192        <div class="resend-otp-text hide-on-desktop">Resend code in&nbsp;</div>
3193        <div class="flex d-row a-center j-center">
3194          <div class="timer-mins-text countdown-text" id="timer-mins-text"></div>
3195          <div class="colon countdown-text">:</div>
3196          <div class="timer-secs-text countdown-text" id="timer-secs-text"></div>
3197        </div>
3198      </div>
3199      <div id="otp-cta" style="margin-top: 32px;" class="hidden">
3200        
3201        <div class="flex d-row a-center j-center">
3202          <div class="resend-text">Didn&#39;t get the code?&nbsp;<span class="resend-highlight-text cursor-pointer"
3203              onclick="onResendOtpLink(0)">Resend</span>
3204          </div>
3205        </div>
3206        
3207      </div>
3208      <div class="flex a-center j-center hide-on-desktop verfiy-button" id="mobile-verify-button">
3209        <div class="dukaan-auth-modal-btn-primary" onclick="submitOTP()">Verify</div>
3210      </div>
3211    </div>
3212  </div>
3213  <div id="resend-options-modal" class="resend-options-modal modal hidden" onclick="closeResendOptionModal()">
3214    <div class="resend-options-modal-content modal-content flex d-column" onclick="event.stopPropagation()">
3215      <div class="flex d-row j-sb resend-header-container">
3216        <div class="resend-header">Get your OTP on</div>
3217        <div class="resend-close-btn cursor-pointer" onclick="closeResendOptionModal()">
3218          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
3218ox="0 0 16 16">
3219            <g fill="none" fill-rule="evenodd">
3220              <g fill="#4D4D4D" fill-rule="nonzero">
3221                <g>
3222                  <g>
3223                    <path
3224                      d="M.363.363c.44-.44 1.136-.484 1.626-.11l.127.11L8 6.248 13.884.363c.452-.452 1.166-.482 1.652-.09l.101.09c.44.44.484 1.136.099 1.641l-.099.112L9.752 8l5.885 5.884c.452.452.482 1.166.09 1.652l-.09.101c-.44.44-1.136.484-1.641.099l-.112-.099L8 9.752l-5.883 5.885c-.452.452-1.166.482-1.652.09l-.101-.09c-.44-.44-.484-1.136-.099-1.64l.099-.113L6.247 8 .363 2.116C-.089 1.664-.119.95.273.464z"
3225                      transform="translate(-903 -372) translate(497 343) translate(406 29)" />
3226                  </g>
3227                </g>
3228              </g>
3229            </g>
3230          </svg>
3231        </div>
3232      </div>
3233      <div class="flex d-row a-center j-center options-wrapper full-width">
3234        <div class="flex d-row a-center j-center full-width options-container">
3235          <div class="flex d-column a-center j-center option-item cursor-pointer" onclick="onResendOtpLink(1)">
3236            <div class="options-icon">
3237              <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
3238                <g fill="none" fillRule="evenodd">
3239                  <g fill="#4D4D4D" fillRule="nonzero">
3240                    <g>
3241                      <g>
3242                        <path
3243                          d="M12.141 5H8.54c-.958.001-1.87.404-2.514 1.11-.645.707-.964 1.651-.877 2.604.413 3.893 1.732 7.618 3.852 10.89 1.922 3.025 4.492 5.596 7.525 7.522 3.25 2.108 6.956 3.427 10.816 3.846.974.088 1.921-.232 2.628-.881.707-.649 1.108-1.565 1.104-2.525V23.96c.043-1.705-1.217-3.192-2.93-3.433-1.09-.144-2.152-.409-3.173-.79l-.209-.07c-1.189-.362-2.49-.046-3.384.838l-.981.98-.117-.071c-2.263-1.438-4.181-3.356-5.619-5.62l-.072-.117.977-.976c.89-.9 1.206-2.207.839-3.401l-.068-.198c-.38-1.02-.645-2.08-.787-3.161C15.31 6.237 13.85 4.983 12.14 5zm-3.6 2h3.62c.706-.007 1.308.51 1.407 1.21.161 1.222.462 2.43.896 3.592.194.517.07 1.097-.316 1.487l-1.525 1.525c-.318.319-.384.81-.162 1.202 1.803 3.17 4.427 5.794 7.597 7.597.392.222.884.156 1.202-.162l1.529-1.53c.386-.381.966-.505 1.48-.312 1.165.435 2.374.736 3.604.898.699.099 1.22.713 1.201 1.427v3.636c.002.4-.164.78-.456 1.047-.292.268-.683.4-1.078.365-3.53-.384-6.94-1.597-9.934-3.539-2.792-1.774-5.153-4.135-6.922-6.92-1.954-3.015-3.167-6.44-3.545-10.005-.034-.377.097-.768.364-1.06C7.769 7.168 8.146 7 8.54 7z"
3244                          transform="translate(-80 -372) translate(16 298) translate(64 74)" />
3245                      </g>
3246                    </g>
3247                  </g>
3248                </g>
3249              </svg>
3250            </div>
3251            <div class="options-name">Call</div>
3252          </div>
3253        </div>
3254        <div class="flex d-row a-center j-center full-width options-container">
3255          <div class="flex d-column a-center j-center option-item cursor-pointer" onclick="onResendOtpLink(2)">
3256            <div class="options-icon">
3257              <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
3258                <g fill="none" fillRule="evenodd">
3259                  <g fill="#4D4D4D" fillRule="nonzero">
3260                    <path
3261                      d="M16.294 17.62c-2.268-.91-4.108-2.642-5.152-4.851l-.27-.571 1.362-1.362c.184-.184.184-.481 0-.665l-2.022-2.023c-.202-.201-.535-.179-.71.046-1.815 2.322-1.115 6.262 1.71 9.086 2.824 2.825 6.764 3.525 9.086 1.71.225-.175.247-.508.046-.71l-2.023-2.022c-.184-.184-.482-.184-.665 0l-1.362 1.361z"
3262                      transform="translate(-245 -372) translate(16 298) translate(64 74) translate(147) translate(18) translate(4.5 3)" />
3263                    <path
3264                      d="M3.08 29.479c-.229 0-.455-.077-.638-.226-.289-.232-.428-.602-.364-.9
326466l.937-5.337C.66 19.924-.352 16.162.157 12.3.982 6.051 6.12.93 12.37.121c4.402-.568 8.727.875 11.865 3.959 3.138 3.083 4.657 7.376 4.167 11.78-.71 6.377-5.86 11.623-12.244 12.475-2.56.34-5.15-.019-7.524-1.045l-5.17 2.113c-.124.051-.254.076-.385.076zm9.55-27.34c-5.353.69-9.751 5.076-10.457 10.428-.456 3.452.505 6.81 2.705 9.455.19.23.27.532.219.825l-.698 3.977 3.87-1.581c.264-.107.56-.1.817.02 2.13 1 4.483 1.366 6.803 1.057 5.471-.73 9.884-5.224 10.493-10.685.42-3.779-.882-7.463-3.572-10.105-2.69-2.644-6.402-3.88-10.18-3.391zm-.091-.962h.026-.026z"
3265                      transform="translate(-245 -372) translate(16 298) translate(64 74) translate(147) translate(18) translate(4.5 3)" />
3266                  </g>
3267                </g>
3268              </svg>
3269            </div>
3270            <div class="options-name">WhatsApp</div>
3271          </div>
3272        </div>
3273      </div>
3274    </div>
3275  </div>
3276</div>
3277
3278<script defer id="firebase-script-app" src="https://www.gstatic.com/firebasejs/8.10.1/firebase-app.js"></script>
vendor: 1 bytes, line 3278
3278
3279<script defer id="firebase-script" src="https://www.gstatic.com/firebasejs/8.10.1/firebase-auth.js"></script>
3279
3280
3281<script defer  src="/public/102347045/hawaii/js/auth.js?ver=sceptre:0abf2a4"></script>
3281
3282
3283    
3284  
3285
3286
3287    
3287<script>
3288  window.sharechat_sdk_url = "/public/102347045/hawaii/js/sharechat-web-sdk.js?ver=sceptre:0abf2a4"
3289</script>
3289
3290<!-- 
3290<script defer src="https://apps.mydukaan.io/public/102347045/apps.js"></script>
3290 -->
3291<script>
3292  setTimeout(function() {
3293    var headID = document.getElementsByTagName("head")[0];
3294    var newScript = document.createElement('script');
3295    newScript.type = 'text/javascript';
3296    // newScript.defer = true;
3297    newScript.async = true;
3298    newScript.src = 'https://apps.mydukaan.io/public/102347045/apps.js?ver=sceptre:0abf2a4';
3299    headID.appendChild(newScript);
3300}, 500);
3301</script>
3301
3302<!--
3302<script>-->
3303<!--  setTimeout(function() {-->
3304<!--    var headID = document.getElementsByTagName("head")[0];         -->
3305<!--    var newScript = document.createElement('script');-->
3306<!--    newScript.type = 'text/javascript';-->
3307<!--    newScript.async = true;-->
3308<!--    // newScript.defer = true;-->
3309<!--    newScript.src = "/public/102347045/hawaii/js/elastic-apm-rum.umd.min.js?ver=sceptre:0abf2a4";-->
3310<!--    headID.appendChild(newScript);-->
3311<!--}, 500);-->
3312<!--</script>
3312-->
3313<!-- 
3313<script defer src="/public/102347045/hawaii/js/elastic-apm-rum.umd.min.js?ver=sceptre:0abf2a4"></script>
3313 -->
3314<script>
3315  (function (d) {
3316    window.rum = { key: 'qu2km8f8' };
3317    var script = d.createElement('script');
3318    script.src = 'https://cdn.perfops.net/rom3/rom3.min.js';
3319    script.type = 'text/javascript';
3320    script.defer = true;
3321    script.async = true;
3322    d.getElementsByTagName('head')[0].appendChild(script);
3323  })(document);
3324</script>
3324
3325
3326    <div class="snackbar flex d-row j-sb hidden" id="snackbar">
3327  <div class="snackbar-text"></div>
3328  <a class="snackbar-action hidden"></a>
3329  <div class="snackbar-close-icon hidden hide-on-mobile" onclick="closeSnackbar()">
3330    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 16" color="white">
3331      <g fill="none" fill-rule="evenodd">
3332        <g fill="white" fill-rule="nonzero">
3333          <g>
3334            <g>
3335              <path
3336                d="M.363.363c.44-.44 1.136-.484 1.626-.11l.127.11L8 6.248 13.884.363c.452-.452 1.166-.482 1.652-.09l.101.09c.44.44.484 1.136.099 1.641l-.099.112L9.752 8l5.885 5.884c.452.452.482 1.166.09 1.652l-.09.101c-.44.44-1.136.484-1.641.099l-.112-.099L8 9.752l-5.883 5.885c-.452.452-1.166.482-1.652.09l-.101-.09c-.44-.44-.484-1.136-.099-1.64l.099-.113L6.247 8 .363 2.116C-.089 1.664-.119.95.273.464z"
3337                transform="translate(-903 -372) translate(497 343) translate(406 29)"></path>
3338            </g>
3339          </g>
3340        </g>
3341      </g>
3342    </svg>
3343  </div>
3344</div>
3345
3346<script defer  src="/public/102347045/hawaii/js/snackbar.js?ver=sceptre:0abf2a4"></script>
3346
3347
3348    <template id="dkn-wishlist-page-section-template">
3349  <div class="dkn-wishlist-page">
3350    <section class="breadcrumb-section d-sm-none">
3351      <div class="sc-container">
3352        <ul class="d-flex align-items-center">
3353          <li style="margin-right: 6px">
3354            <a href="/">
3355              <p class="text-16"
3356                 style="color: #4D4D4D">Home</p>
3357            </a>
3358          </li>
3359          <span class="me-6 sub-body">
3360            <svg width="16"
3361                 height="16"
3362                 viewBox="0 0 16 16"
3363                 fill="none"
3364                 xmlns="http://www.w3.org/2000/svg">
3365              <g clip-path="url(#clip0_1978_1614)">
3366              <path fill-rule="evenodd" clip-rule="evenodd"
3367              d="M5.48043 13.3536C5.28517 13.1583 5.28517 12.8417 5.48043 12.6464L10.1269 8L5.48043 3.35355C5.28517 3.15829 5.28517 2.84171 5.48043 2.64644C5.67569 2.45118 5.99228 2.45118 6.18754 2.64644L11.1875 7.64645C11.3828 7.84171 11.3828 8.15829 11.1875 8.35355L6.18754 13.3536C5.99228 13.5488 5.67569 13.5488 5.48043 13.3536Z"
3368              fill="#4D4D4D" />
3369              </g>
3370              <defs>
3371              <clipPath id="clip0_1978_1614">
3372              <rect width="16" height="16" fill="white" transform="translate(0 16) rotate(-90)" />
3373              </clipPath>
3374              </defs>
3375            </svg>
3376          </span>
3377          <li style="margin-right: 6px">
3378            <p class="text-16"
3379               style="color: #999999">Wishlist</p>
3380          </li>
3381        </ul>
3382      </div>
3383    </section>
3384    <section class="d-flex mt-lg-0 ">
3385      <div class="sc-container d-flex align-items-start" style="padding-top: 0 !important;padding-bottom: 0 !important;">
3386        <div class="d-flex align-items-center">
3387          <div class="me-12 me-lg-3">
3388            <a href=""
3389               onclick="handleBackClick()">
3390              <svg width="24"
3391                   height="24"
3392                   viewBox="0 0 24 24"
3393                   fill="none"
3394                   xmlns="http://www.w3.org/2000/svg">
3395                <g clip-path="url(#clip0_12_2158)">
3396                <path fill-rule="evenodd" clip-rule="evenodd"
3397                d="M3 12C3 11.5858 3.33579 11.25 3.75 11.25H20.25C20.6642 11.25 21 11.5858 21 12C21 12.4142 20.6642 12.75 20.25 12.75H3.75C3.33579 12.75 3 12.4142 3 12Z"
3398                fill="#1A181E" />
3399                <path fill-rule="evenodd" clip-rule="evenodd"
3400                d="M11.0303 4.71967C11.3232 5.01256 11.3232 5.48744 11.0303 5.78033L4.81066 12L11.0303 18.2197C11.3232 18.5126 11.3232 18.9874 11.0303 19.2803C10.7374 19.5732 10.2626 19.5732 9.96967 19.2803L3.21967 12.5303C2.92678 12.2374 2.92678 11.7626 3.21967 11.4697L9.96967 4.71967C10.2626 4.42678 10.7374 4.42678 11.0303 4.71967Z"
3401                fill="#1A181E" />
3402                </g>
3403                <defs>
3404                <clipPath id="clip0_12_2158">
3405                <rect width="24" height="24" fill="white" />
3406                </clipPath>
3407                </defs>
3408              </svg>
3409
3410            </a>
3411          </div>
3412          <h3 class="dkn-total-wishlist-count dkn-wishlist-page-name font-bold"
3413              data-total-products-count>
3414            <div class="shimmer"
3415                 style="width: 250px;
3416                        height: 32px"></div>
3417          </h3>
3418        </div>
3419      </div>
3420    </section>
3421    <section class="dkn-wishlist-page-listing-section wishlist-section">
3422      <div class="sc-container mb-40 mb-lg-80">
3423        <dkn-wishlisted-product-list-load-point
3424        class="dkn-wishlisted-product-list-load-point d-flex flex-row flex-wrap row gx-3 gy-4 gx-lg-32 gy-lg-32">
3425        
3426          <div class="col-6 col-lg-3">
3427            <div class="shimmer mt-4 mt-lg-0 wishlist__card-img--shimmer"></div>
3428            <div class="shimmer mt-3 wishlist__card-title--shimmer"></div>
3429          </div>
3430        
3431          <div class="col-6 col-lg-3">
3432            <div class="shimmer mt-4 mt-lg-0 wishlist__card-img--shimmer"></div>
3433            <div class="shimmer mt-3 wishlist__card-title--shimmer"></div>
3434          </div>
3435        
3436          <div class="col-6 col-lg-3">
3437            <div class="shimmer mt-4 mt-lg-0 wishlist__card-img--shimmer"></div>
3438            <div class="shimmer mt-3 wishlist__card-title--shimmer"></div>
3439          </div>
3440        
3441          <div class="col-6 col-lg-3">
3442            <div class="shimmer mt-4 mt-lg-0 wishlist__card-img--shimmer"></div>
3443            <div class="shimmer mt-3 wishlist__card-title--shimmer"></div>
3444          </div>
3445        
3446          <div class="col-6 col-lg-3">
3447            <div class="shimmer mt-4 mt-lg-0 wishlist__card-img--shimmer"></div>
3448            <div class="shimmer mt-3 wishlist__card-title--shimmer"></div>
3449          </div>
3450        
3451          <div class="col-6 col-lg-3">
3452            <div class="shimmer mt-4 mt-lg-0 wishlist__card-img--shimmer"></div>
3453            <div class="shimmer mt-3 wishlist__card-title--shimmer"></div>
3454          </div>
3455        
3456          <div class="col-6 col-lg-3">
3457            <div class="shimmer mt-4 mt-lg-0 wishlist__card-img--shimmer"></div>
3458            <div class="shimmer mt-3 wishlist__card-title--shimmer"></div>
3459          </div>
3460        
3461          <div class="col-6 col-lg-3">
3462            <div class="shimmer mt-4 mt-lg-0 wishlist__card-img--shimmer"></div>
3463            <div class="shimmer mt-3 wishlist__card-title--shimmer"></div>
3464          </div>
3465        
3466          <div class="col-6 col-lg-3">
3467            <div class="shimmer mt-4 mt-lg-0 wishlist__card-img--shimmer"></div>
3468            <div class="shimmer mt-3 wishlist__card-title--shimmer"></div>
3469          </div>
3470        
3471          <div class="col-6 col-lg-3">
3472            <div class="shimmer mt-4 mt-lg-0 wishlist__card-img--shimmer"></div>
3473            <div class="shimmer mt-3 wishlist__card-title--shimmer"></div>
3474          </div>
3475        
3476          <div class="col-6 col-lg-3">
3477            <div class="shimmer mt-4 mt-lg-0 wishlist__card-img--shimmer"></div>
3478            <div class="shimmer mt-3 wishlist__card-title--shimmer"></div>
3479          </div>
3480        
3481          <div class="col-6 col-lg-3">
3482            <div class="shimmer mt-4 mt-lg-0 wishlist__card-img--shimmer"></div>
3483            <div class="shimmer mt-3 wishlist__card-title--shimmer"></div>
3484          </div>
3485        
3486          <div class="col-6 col-lg-3">
3487            <div class="shimmer mt-4 mt-lg-0 wishlist__card-img--shimmer"></div>
3488            <div class="shimmer mt-3 wishlist__card-title--shimmer"></div>
3489          </div>
3490        
3491          <div class="col-6 col-lg-3">
3492            <div class="shimmer mt-4 mt-lg-0 wishlist__card-img--shimmer"></div>
3493            <div class="shimmer mt-3 wishlist__card-title--shimmer"></div>
3494          </div>
3495        
3496          <div class="col-6 col-lg-3">
3497            <div class="shimmer mt-4 mt-lg-0 wishlist__card-img--shimmer"></div>
3498            <div class="shimmer mt-3 wishlist__card-title--shimmer"></div>
3499          </div>
3500        
3501          <div class="col-6 col-lg-3">
3502            <div class="shimmer mt-4 mt-lg-0 wishlist__card-img--shimmer"></div>
3503            <div class="shimmer mt-3 wishlist__card-title--shimmer"></div>
3504          </div>
3505        
3506        </dkn-wishlisted-product-list-load-point>
3507      </div>
3508    </section>
3509  </div>
3510</template>
3511
3512<template id="dkn-wishlist-card-template">
3513  <div class="dkn-wishlist-card dkn-product-card scroller-product-card 
3513wishlist-card d-flex flex-column justify-content-between relative col-6 col-lg-3"
3514       data-wishlist-id>
3515    <div>
3516      <div class="card">
3517        <div class="card_image">
3518          <a href=""
3519             class="dkn-product-link">
3520            <div class="product-card-image-container">
3521              <div class="image-wrapper position-relative">
3522                <img loading="lazy"
3523                     src=""
3524                     alt=""
3525                     id="dkn-product-card-only-image-wrapper"
3526                     class="dkn-product-card-image"/>
3527              </div>
3528            </div>
3529          </a>
3530          <div class="badge-container z-ind-1 justify-content-end position-absolute d-flex top-0 start-0 end-0">
3531            <div class="dkn-product-card-bxgy-badge d-flex bxgy-badge-booster font-bold px-2 py-1 position-absolute hidden"
3532                 data-product-id
3533                 data-product-uuid>
3534            </div>
3535          </div>
3536          <div class="delete-wishlist-button-wrapper">
3537            <button class="dkn-delete-wishlist-button delete-wishlist-button">
3538              <div class="">
3539                <svg width="10"
3540                     height="10">
3541                  <use xlink:href="/assets/wishlist.svg#cross-wishlist-icon"></use>
3542                </svg>
3543              </div>
3544            </button>
3545          </div>
3546        </div>
3547      </div>
3548
3549      <div class="card_content mt-3 textCenter">
3550        <a href=""
3551           class="dkn-product-link">
3552          <h6 class="card_text lineClamp dkn-product-card-name mb-1 font-medium text-c-black-12"></h6>
3553        </a>
3554        <div class="d-flex mb-1">
3555          
3556          <div class="d-flex flex-sm-column">
3557            <div>
3558              
3559              <div class="dkn-product-card-review-info"
3560                   data-product-id></div>
3561            </div>
3562            <div class="text-14">
3563              <div class="nirvana-rating-info"><!-- <link rel="stylesheet" href="/public/102347045/hawaii/css/ratings.css?ver=sceptre:0abf2a4" as="" onload="">
3564        <noscript><link rel="stylesheet" href="styles.css"></noscript> -->
3565
3566<div class="rating-info-pdp flex d-row j-start a-center hidden" id="rating-info-pdp">
3567  <div class="flex rating-info-star-list">
3568  </div>
3569  <a href="#ratings-plugin-container" class="scroll-to-plugin"></a>
3570</div></div>
3571            </div>
3572          </div>
3573        </div>
3574        <div class="dkn-product-variant-info hidden product-variant d-flex align-items-center"></div>
3575        <div class="d-flex flex-column">
3576          <div class="card_text price-information dkn-product-card-price-label d-flex flex-wrap">
3577            <p class="font-bold dkn-product-card-selling-price d-inline"></p>
3578            <p class="mx-1 text-decoration-line-through d-inline font-semibold  dkn-product-card-original-price"
3579               style="color: var(--black-50)">
3580            </p>
3581            <p class="discount-color font-medium product-discount textLowercase font-semibold dkn-product-card-discount"
3582               style="color:var( --secondary-green)">
3583            </p>
3584          </div>
3585        </div>
3586      </div>
3587    </div>
3588    <move-to-bag-button data-product-uuid="" data-sku-uuid="" data-add-event="WISHLIST_PAGE_PRODUCT_ADDED">
3589    <div class="move-to-bag-button-wrapper">
3590      <button class="dkn-without-cart-add-to-bag-button without-cart-add-to-bag-button btn-primary">
3591        Move to cart
3592      </button>
3593    </div>
3594    </move-to-bag-button>
3595    <div class="wishlist-card-overlay"></div>
3596  </div>
3597</template>
3598
3599<template id="dkn-move-to-bag-button-template">
3600  <div class="add-to-bag-button-wrapper add-to-bag-button-wrapper-wishlist mt-3">
3601    <button class="without-cart-add-to-bag-button btn-secondary font-bold w-100 text-uppercase">
3602      Move to cart
3603    </button>
3604    <button class="with-cart-add-to-bag-button btn-secondary detail-counter w-100 d-flex flex-row justify-content-between hidden">
3605      <div class="remove-button d-flex flex-row align-items-center justify-content-center hidden">
3606        <svg width="24"
3607             height="24"
3608             viewBox="0 0 24 24"
3609             fill="none"
3610             xmlns="http://www.w3.org/2000/svg"
3611             color="var(--primary)"
3612             class="ms-3">
3613          <path fill-rule="evenodd" clip-rule="evenodd"
3614          d="M3.27271 11.9949C3.27271 11.4368 3.76112 10.9844 4.36361 10.9844H19.6363C20.2388 10.9844 20.7272 11.4368 20.7272 11.9949C20.7272 12.553 20.2388 13.0054 19.6363 13.0054H4.36361C3.76112 13.0054 3.27271 12.553 3.27271 11.9949Z"
3615          fill="currentColor" />
3616        </svg>
3617      </div>
3618      <h6 class="product-qty d-flex flex-row align-items-center justify-content-center text-14_20 font-bold hidden"
3619          style="color:var(--primary)">
3620        1
3621      </h6>
3622      <div class="add-button d-flex flex-row align-items-center justify-content-center font-bold w-100 text-uppercase text-c-primary">
3623        Move to cart
3624      </div>
3625    </button>
3626  </div>
3627</template>
3628
3629<template id="dkn-move-to-bag-out-of-stock-button-template">
3630  <div class="out-of-stock-button w-100 mt-3">
3631    <button disabled
3632            class="text-14_20 btn-out-stock text-lg-16_24 font-bold out-of-stock-button-wishlist text-uppercase">
3633      Out of stock
3634    </button>
3635  </div>
3636</template>
3637
3638<template id="dkn-product-variant-info-size-item-template">
3639  <div class="dkn-product-variant-info-size-item product-variant-info-size-item ellipsis"></div>
3640</template>
3641
3642<template id="dkn-product-variant-info-color-item-template">
3643  <div class="dkn-product-variant-info-color-item product-variant-info-color-item"></div>
3644</template>
3645
3646<template id="dkn-product-variant-info-base-qty-item-template">
3647  <div class="dkn-product-variant-info-base-qty-item product-variant-info-base-qty-item"></div>
3648</template>
3649
3650<template id="heart-wishlist-button-template">
3651  <div class="heart-wishlist-buttons-wrapper">
3652    <button type="button"
3653            data-wishlist-button-state="unselected">
3654      <div class="wishlist-svg-wrapper">
3655        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3656          <path d="M17.5901 4.4991L17.5908 4.49987C19.1943 6.31098 18.9406 9.12744 17.2568 10.8462L17.2565 10.8465L17.2563 10.8467L10.6211 17.5855L10.6203 17.5863L10.6197 17.5869C10.6196 17.5871 10.6194 17.5872 10.6192 17.5874C10.4633 17.744 10.2511 17.8333 10.0281 17.8333C9.80483 17.8333 9.59235 17.7438 9.4364 17.5869L9.43583 17.5863L9.43509 17.5856L2.62772 10.6719C2.20219 10.2394 1.86828 9.72362 1.64624 9.15675C1.4242 8.58987 1.31839 7.98324 1.33508 7.37385C1.35177 6.76446 1.49062 6.16467 1.7434 5.61107C1.99609 5.05768 2.35745 4.56179 2.80588 4.15396L2.80588 4.15396L2.80665 4.15326C4.59696 2.51823 7.38444 2.77931 9.07976 4.49251L9.08052 4.49326L9.08273 4.49551L9.6707 5.09726C9.76475 5.19351 9.89362 5.24778 10.0282 5.24782C10.1628 5.24786 10.2917 5.19365 10.3858 5.09745L11.1471 4.31913L11.1477 4.31847L11.1482 4.31803C11.1483 4.31791 11.1484 4.31778 11.1485 4.31766C11.5743 3.88565 12.0828 3.54581 12.6433 3.31936C13.204 3.09284 13.8046 2.98469 14.4082 3.00174C15.0119 3.0188 15.6056 3.16069 16.1528 3.41844C16.6998 3.67608 17.1888 4.04394 17.5901 4.4991Z" fill="white" stroke="#1A181E" stroke-linecap="round" stroke-linejoin="round"/>
3657          </svg>
3658          
3659          
3660      </div>
3661    </button>
3662    <button type="button"
3663            data-wishlist-button-state="selected">
3664      <div class="wishlist-svg-wrapper">
3665        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
3666          <path d="M17.5901 4.4991L17.5908 4.49987C19.1943 6.31098 18.9406 9.12744 17.2568 10.8462L17.2565 10.8465L17.2563 10.8467L10.6211 17.5855L10.6203 17.5863L10.6197 17.5869C10.6196 17.5871 10.6194 17.5872 10.6192 17.5874C10.4633 17.744 10.2511 17.8333 10.0281 17.8333C9.80483 17.8333 9.59235 17.7438 9.4364 17.5869L9.43583 17.5863L9.43509 17.5856L2.62772 10.6719C2.20219 10.2394 1.86828 9.72362 1.64624 9.15675C1.4242 8.58987 1.31839 7.98324 1.33508 7.37385C1.35177 6.76446 1.49062 6.16467 1.7434 5.61107C1.99609 5.05768 2.35745 4.56179 2.80588 4.15396L2.80588 4.15396L2.80665 4.15326C4.59696 2.51823 7.38444 2.77931 9.07976 4.49251L9.08052 4.49326L9.08273 4.49551L9.6707 5.09726C9.76475 5.19351 9.89362 5.24778 10.0282 5.24782C10.1628 5.24786 10.2917 5.193
366665 10.3858 5.09745L11.1471 4.31913L11.1477 4.31847L11.1482 4.31803C11.1483 4.31791 11.1484 4.31778 11.1485 4.31766C11.5743 3.88565 12.0828 3.54581 12.6433 3.31936C13.204 3.09284 13.8046 2.98469 14.4082 3.00174C15.0119 3.0188 15.6056 3.16069 16.1528 3.41844C16.6998 3.67608 17.1888 4.04394 17.5901 4.4991Z" fill="#1A181E" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
3667          </svg>
3668          
3669      </div>
3670    </button>
3671  </div>
3672</template>
3673
3674<template id="pdp-wishlist-button-template">
3675  <div class="pdp-wishlist-buttons-wrapper">
3676    <button type="button"
3677            data-wishlist-button-state="unselected">
3678      <div class="wishlist-svg-wrapper">
3679        <svg width="24"
3680             height="24"
3681             viewBox="0 0 24 24"
3682             fill="none"
3683             xmlns="http://www.w3.org/2000/svg">
3684          <path fill-rule="evenodd" clip-rule="evenodd"
3685          d="M14.5097 2.60872C15.2833 2.28816 16.1126 2.12317 16.95 2.12317C17.7874 2.12317 18.6166 2.28816 19.3903 2.60872C20.1639 2.92928 20.8668 3.39913 21.4589 3.99142C22.051 4.58337 22.5208 5.28618 22.8413 6.0597C23.1618 6.83334 23.3268 7.66256 23.3268 8.49999C23.3268 9.33742 23.1618 10.1666 22.8413 10.9403C22.5207 11.7139 22.0509 12.4167 21.4587 13.0087C21.4587 13.0088 21.4588 13.0087 21.4587 13.0087L12.6187 21.8487C12.277 22.1904 11.723 22.1904 11.3813 21.8487L2.54128 13.0087C1.34549 11.8129 0.673706 10.1911 0.673706 8.49999C0.673706 6.8089 1.34549 5.18706 2.54128 3.99128C3.73706 2.79549 5.3589 2.1237 7.05 2.1237C8.74109 2.1237 10.3629 2.79549 11.5587 3.99128L12 4.43256L12.4411 3.99142C13.0331 3.39913 13.7361 2.92928 14.5097 2.60872ZM20.2211 5.22857C19.7916 4.79887 19.2817 4.458 18.7204 4.22543C18.1591 3.99287 17.5575 3.87317 16.95 3.87317C16.3425 3.87317 15.7409 3.99287 15.1796 4.22543C14.6183 4.458 14.1084 4.79887 13.6789 5.22857L12.6187 6.28871C12.277 6.63042 11.723 6.63042 11.3813 6.28871L10.3213 5.22871C9.45368 4.36112 8.27697 3.8737 7.05 3.8737C5.82303 3.8737 4.64631 4.36112 3.77872 5.22871C2.91112 6.09631 2.42371 7.27303 2.42371 8.49999C2.42371 9.72696 2.91112 10.9037 3.77872 11.7713L12 19.9926L20.2213 11.7713C20.651 11.3418 20.992 10.8317 21.2246 10.2704C21.4571 9.70913 21.5768 9.10754 21.5768 8.49999C21.5768 7.89245 21.4571 7.29086 21.2246 6.72958C20.992 6.16831 20.6508 5.65807 20.2211 5.22857Z"
3686          fill="#4D4D4D" />
3687        </svg>
3688      </div>
3689    </button>
3690    <button type="button"
3691            data-wishlist-button-state="selected">
3692      <div class="wishlist-svg-wrapper">
3693        <svg width="24"
3694             height="24"
3695             viewBox="0 0 24 24"
3696             fill="none"
3697             xmlns="http://www.w3.org/2000/svg">
3698          <path fill-rule="evenodd" clip-rule="evenodd"
3699          d="M16.9501 2.12317C16.1127 2.12317 15.2835 2.28816 14.5098 2.60872C13.7362 2.92928 13.0333 3.39913 12.4413 3.99142L12.0001 4.43256L11.5588 3.99128C10.3631 2.79549 8.74122 2.1237 7.05012 2.1237C5.35902 2.1237 3.73719 2.79549 2.5414 3.99128C1.34561 5.18706 0.673828 6.8089 0.673828 8.49999C0.673828 10.1911 1.34561 11.8129 2.5414 13.0087L11.3814 21.8487C11.7231 22.1904 12.2771 22.1904 12.6188 21.8487L21.4588 13.0087C22.0511 12.4167 22.5209 11.7139 22.8414 10.9403C23.1619 10.1666 23.3269 9.33742 23.3269 8.49999C23.3269 7.66256 23.1619 6.83334 22.8414 6.0597C22.5209 5.28618 22.0511 4.58337 21.459 3.99142C20.867 3.39913 20.1641 2.92928 19.3904 2.60872C18.6168 2.28816 17.7875 2.12317 16.9501 2.12317Z"
3700          fill="#1A181E" />
3701        </svg>
3702      </div>
3703    </button>
3704  </div>
3705</template>
3706
3707<template id="modal-wishlist-button-template">
3708  <div class="modal-wishlist-buttons-wrapper w-100">
3709    <button type="button"
3710            class="detail-wishlist-btn btn-wishlist"
3711            data-wishlist-button-state="unselected">
3712      <h6 class="font-bold text-uppercase text-c-black-100">Wishlist</h6>
3713    </button>
3714    <button type="button"
3715            class="detail-wishlist-btn btn-wishlist"
3716            data-wishlist-button-state="selected">
3717      <h6 class="font-bold text-uppercase text-c-black-100">Wishlisted</h6>
3718    </button>
3719  </div>
3720</template>
3721
3722<template id="hw-pdp-wishlist-button-template">
3723  <div class="d-flex gap-2 align-items-center p-2 py-2 px-0">
3724    <button type="button"
3725            class="detail-wishlist-btn btn-wishlist-pdp"
3726            data-wishlist-button-state="unselected">
3727            <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
3728              <path fill-rule="evenodd" clip-rule="evenodd" d="M13.0782 3.07447C13.7114 2.82001 14.3894 2.69864 15.0706 2.71778C15.7519 2.73692 16.4221 2.89617 17.0403 3.18579C17.6583 3.47528 18.2113 3.88893 18.6658 4.40151C20.5117 6.47534 20.1824 9.63751 18.3147 11.5337L18.3133 11.5351L11.8024 18.1122L11.2131 17.5169L11.7995 18.115C11.5216 18.3931 11.1462 18.5492 10.7549 18.5492C10.3637 18.5492 9.9883 18.3931 9.71033 18.115L9.7075 18.1122L3.02779 11.3646C2.54608 10.8777 2.16749 10.2964 1.91559 9.65671C1.66368 9.01705 1.54354 8.33222 1.56249 7.64406C1.58143 6.95591 1.73908 6.27888 2.02579 5.65435C2.31237 5.03012 2.72186 4.47144 3.22929 4.01241C5.28226 2.14772 8.41263 2.48033 10.2897 4.36699L10.2934 4.37074L10.7552 4.84082L11.3855 4.19992L11.3877 4.19775C11.8698 3.71114 12.445 3.32893 13.0782 3.07447ZM10.7549 16.7893L17.1333 10.3462L17.134 10.3454C18.4646 8.9938 18.6014 6.84671 17.426 5.52669L17.4246 5.52519C17.1212 5.18279 16.7519 4.90648 16.3391 4.71314C15.9264 4.51981 15.479 4.4135 15.0243 4.40072C14.5695 4.38795 14.117 4.46897 13.6943 4.63883C13.272 4.80852 12.8884 5.06331 12.5668 5.38766L12.5658 5.38867L11.3461 6.62883C11.1896 6.78794 10.9767 6.8774 10.7547 6.87734C10.5327 6.87728 10.3198 6.78771 10.1634 6.62851L9.11235 5.55865C7.77428 4.21554 5.64955 4.07772 4.34315 5.26479L4.34167 5.26614C4.00271 5.57265 3.72918 5.94575 3.53778 6.36265C3.34639 6.77956 3.24116 7.2315 3.22851 7.69087C3.21586 8.15024 3.29606 8.6074 3.46422 9.0344C3.63237 9.46141 3.88495 9.8493 4.20652 10.1744L10.7549 16.7893Z" fill="#1A181E"/>
3729              </svg>              
3730   <span class="px-2 wish-list-txt"> Wishlist</span> 
3731    </button>
3732    <button type="button"
3733            class="detail-wishlist-btn btn-wishlist-pdp"
3734            data-wishlist-button-state="selected">  
3735            <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
3736              <path d="M24.7764 6.16647L24.7771 6.16724C27.1011 8.79204 26.723 12.854 24.3026 15.3246L24.3019 15.3254L24.3015 15.3258L15.012 24.7603L15.0112 24.7612L15.0097 24.7626C15.0095 24.7629 15.0093 24.7631 15.0091 24.7633C14.7536 25.0199 14.4055 25.1667 14.0396 25.1667C13.6733 25.1667 13.3249 25.0197 13.0694 24.7626L13.0679 24.7612L13.0672 24.7604L3.53651 15.0809C2.92171 14.456 2.43943 13.711 2.11878 12.8924C1.79813 12.0737 1.64536 11.1978 1.66946 10.3179C1.69355 9.43803 1.89403 8.57193 2.2591 7.77243C2.62403 6.97322 3.146 6.25686 3.79394 5.66758L3.7947 5.66688C6.39167 3.29516 10.4164 3.68539 12.8541 6.14884L12.856 6.15079L12.8583 6.15304L13.6823 6.99639C13.7763 7.09263 13.9052 7.14691 14.0398 7.14695C14.1744 7.14698 14.3033 7.09278 14.3974 6.99658L15.4636 5.9066L15.4641 5.90601L15.4652 5.90487C15.4654 5.90474 15.4655 5.90462 15.4656 5.90449C16.0808 5.28024 16.8158 4.78902 17.626 4.46167C18.4364 4.13424 19.3
3736047 3.97787 20.1775 4.00252C21.0502 4.02718 21.9084 4.23232 22.6994 4.60488C23.4901 4.97728 24.1966 5.5089 24.7764 6.16647Z" fill="#1A181E" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
3737              </svg>
3738                           
3739   <span class="px-2 wish-list-txt"> Wishlisted</span> 
3740    </button>
3741  </div>
3742</template>
3743
3744<template id="wishlist-variant-selection-form">
3745  <form id="variant-selection">
3746    <div class="variant-type-section px-3 px-lg-4">
3747      <div class="variant-common variant-size mb-4">
3748        <div class="select-size-heading size-selection-heading sub-body font-semibold mb-3 d-flex">
3749          
3750          Select size
3751          <span class="mandatory-star">*</span>
3752        </div>
3753        <div class="size-selection d-flex flex-wrap gap-2"></div>
3754      </div>
3755      <div class="variant-common variant-color mt16">
3756        <div class="select-size-heading color-selection-heading sub-body font-semibold mb-3 d-flex">
3757          
3758          Color
3759          <span class="mandatory-star">*</span>
3760        </div>
3761        <div class="color-selection color-selection-list d-flex gap-2 flex-wrap">
3762        </div>
3763      </div>
3764    </div>
3765  </form>
3766  <div class="product-modal-btn-wrapper d-flex detail-submit-btn px-3 w-100"
3767       style="background-color: var(--black-98)">
3768    <wishlist-button-load-point data-product-uuid="" data-sku-uuid=""
3769    data-template-id="modal-wishlist-button-template" data-add-event="CATEGORY_PAGE_WISHLIST_ADDED"
3770    class="hidden w-100">
3771    <button type="button"
3772            class="detail-wishlist-btn btn-wishlist"
3773            data-wishlist-button-state="unselected">
3774      <span class="wishlist-svg-wrapper">
3775        <svg width="24"
3776             height="24"
3777             viewBox="0 0 24 24"
3778             fill="none"
3779             xmlns="http://www.w3.org/2000/svg">
3780          <path fill-rule="evenodd" clip-rule="evenodd"
3781          d="M14.5097 2.60872C15.2833 2.28816 16.1126 2.12317 16.95 2.12317C17.7874 2.12317 18.6166 2.28816 19.3903 2.60872C20.1639 2.92928 20.8668 3.39913 21.4589 3.99142C22.051 4.58337 22.5208 5.28618 22.8413 6.0597C23.1618 6.83334 23.3268 7.66256 23.3268 8.49999C23.3268 9.33742 23.1618 10.1666 22.8413 10.9403C22.5207 11.7139 22.0509 12.4167 21.4587 13.0087C21.4587 13.0088 21.4588 13.0087 21.4587 13.0087L12.6187 21.8487C12.277 22.1904 11.723 22.1904 11.3813 21.8487L2.54128 13.0087C1.34549 11.8129 0.673706 10.1911 0.673706 8.49999C0.673706 6.8089 1.34549 5.18706 2.54128 3.99128C3.73706 2.79549 5.3589 2.1237 7.05 2.1237C8.74109 2.1237 10.3629 2.79549 11.5587 3.99128L12 4.43256L12.4411 3.99142C13.0331 3.39913 13.7361 2.92928 14.5097 2.60872ZM20.2211 5.22857C19.7916 4.79887 19.2817 4.458 18.7204 4.22543C18.1591 3.99287 17.5575 3.87317 16.95 3.87317C16.3425 3.87317 15.7409 3.99287 15.1796 4.22543C14.6183 4.458 14.1084 4.79887 13.6789 5.22857L12.6187 6.28871C12.277 6.63042 11.723 6.63042 11.3813 6.28871L10.3213 5.22871C9.45368 4.36112 8.27697 3.8737 7.05 3.8737C5.82303 3.8737 4.64631 4.36112 3.77872 5.22871C2.91112 6.09631 2.42371 7.27303 2.42371 8.49999C2.42371 9.72696 2.91112 10.9037 3.77872 11.7713L12 19.9926L20.2213 11.7713C20.651 11.3418 20.992 10.8317 21.2246 10.2704C21.4571 9.70913 21.5768 9.10754 21.5768 8.49999C21.5768 7.89245 21.4571 7.29086 21.2246 6.72958C20.992 6.16831 20.6508 5.65807 20.2211 5.22857Z"
3782          fill="#4D4D4D" />
3783        </svg>
3784      </span>
3785      <span>Wishlist</span>
3786    </button>
3787    </wishlist-button-load-point>
3788  </div>
3789</template>
3790
3791    
3792    
3793<script defer  src="/public/102347045/hawaii/js/store_locator.js?ver=sceptre:0abf2a4"></script>
3793
3794
3795  
3795<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"51e14d517d174a65aaa80b1aae705aad","r":1,"spa":2}' crossorigin="anonymous"></script>
3795
3796</body>
3797</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.