PageSourceSearch

https://www.nisartmacka.com/account/register

html nisartmacka.com collected 2026-10-06 13:13:41 UTC 309,868 bytes, 6,621 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en-US" >
3  <head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
7    <title>nisartmacka</title>
8    <meta name="keywords" content="nisartmacka">
9    <meta name="description" content="nisartmacka">
10    <meta http-equiv="x-dns-prefetch-control" content="on">
11    <link rel="dns-prefetch" href="//static.staticdj.com/">
12    <link rel="preconnect" href="//static.staticdj.com/">
13    <link rel="dns-prefetch" href="//img.staticdj.com/">
14    <link rel="preconnect" href="//img.staticdj.com/">
15    <link rel="canonical" href="https://www.nisartmacka.com/account/register">
16    <link rel="shortcut icon" href="https://img.staticdj.com/117942214d78bef5d082b9a525782106.JPG">
17    <meta name="theme-color" content="">
18    <meta name="format-detection" content="telephone=no, email=no">
19    <link href="https://fonts.gstatic.com/s/lato/v25/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2" as="font" type="font/woff2" crossorigin="anonymous" rel="preload">
20    <link href="https://fonts.gstatic.com/s/lato/v25/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2" as="font" type="font/woff2" crossorigin="anonymous" rel="preload">
21    <meta property="og:site_name" content="nisartmacka">
22<meta property="og:url" content="https://www.nisartmacka.com/account/register">
23<meta property="og:title" content="nisartmacka">
24<meta property="og:type" content="website">
25<meta property="og:description" content="nisartmacka">
26<meta name="twitter:site" content="@">
27<meta name="twitter:card" content="summary_large_image">
28<meta name="twitter:title" content="nisartmacka">
29<meta name="twitter:description" content="nisartmacka">
30<style spz-runtime>
31/* runtime-start */[hidden]{display:none!important}.i-spzhtml-element{display:inline-block}[layout=nodisplay]:not(.i-spzhtml-element){display:none!important}.i-spzhtml-layout-fixed,[layout=fixed][width][height]:not(.i-spzhtml-layout-fixed){display:inline-block;position:relative}.i-spzhtml-layout-responsive,[layout=responsive][width][height]:not(.i-spzhtml-layout-responsive),[width][height][heights]:not([layout]):not(.i-spzhtml-layout-responsive),[width][height][sizes]:not(img):not([layout]):not(.i-spzhtml-layout-responsive){display:block;position:relative}.i-spzhtml-layout-intrinsic,[layout=intrinsic][width][height]:not(.i-spzhtml-layout-intrinsic){display:inline-block;max-width:100%;position:relative}[layout=intrinsic][width][height].i-spzhtml-layout-intrinsic .i-spzhtml-fill-content{min-width:auto;width:auto}.i-spzhtml-layout-intrinsic .i-spzhtml-sizer{max-width:100%}.i-spzhtml-intrinsic-sizer{display:block!important;max-width:100%}.i-spzhtml-layout-container,.i-spzhtml-layout-fixed-height,.i-spzhtml-layout-logic,[layout=container],[layout=fixed-height][height]:not(.i-spzhtml-layout-fixed-height),[layout=logic]{display:block;position:relative}.i-spzhtml-layout-fill,.i-spzhtml-layout-fill.i-spzhtml-notbuilt,[layout=fill]:not(.i-spzhtml-layout-fill){bottom:0;display:block;left:0;overflow:hidden!important;position:absolute;right:0;top:0}.i-spzhtml-layout-flex-item,[layout=flex-item]:not(.i-spzhtml-layout-flex-item){display:block;flex:1 1 auto;position:relative}.i-spzhtml-layout-size-defined{overflow:hidden!important}.i-spzhtml-layout-awaiting-size{bottom:auto!important;position:absolute!important;top:auto!important}i-spzhtml-sizer{display:block!important}@supports (aspect-ratio:1/1){i-spzhtml-sizer.i-spzhtml-disable-ar{display:none!important}}.i-spzhtml-fill-content{display:block;height:0;margin:auto;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0}.i-spzhtml-layout-size-defined .i-spzhtml-fill-content{bottom:0;left:0;position:absolute;right:0;top:0}.i-spzhtml-replaced-content{border:none!important;padding:0!important}.i-spzhtml-unresolved{overflow:hidden!important;position:relative}.i-spzhtml-notbuilt,[layout]:not(.i-spzhtml-element):not([i-spzhtml-ssr]),[width][height][heights]:not([layout]):not(.i-spzhtml-element):not([i-spzhtml-ssr]),[width][height][sizes]:not(img):not([layout]):not(.i-spzhtml-element):not([i-spzhtml-ssr]){color:transparent!important;overflow:hidden!important;position:relative}.i-spzhtml-notbuilt:not(.i-spzhtml-layout-container):not([i-spzhtml-ssr])>*,[layout]:not([layout=container]):not(.i-spzhtml-element):not([i-spzhtml-ssr])>*,[width][height][heights]:not([layout]):not(.i-spzhtml-element):not([i-spzhtml-ssr])>*,[width][height][sizes]:not([layout]):not(.i-spzhtml-element):not([i-spzhtml-ssr])>*{display:none}[layout]:not([layout=container]):not(.i-spzhtml-element):not([i-spzhtml-ssr]),[layout]:not([layout=container]):not([manual]):not([i-spzhtml-ssr]).i-spzhtml-notbuilt,[width][height][heights]:not([layout]):not(.i-spzhtml-element):not([i-spzhtml-ssr]),[width][height][sizes]:not(img):not([layout]):not(.i-spzhtml-element):not([i-spzhtml-ssr]){color:transparent!important;line-height:0!important}spz-img:not(.i-spzhtml-element)[i-spzhtml-ssr]>img.i-spzhtml-fill-content{display:block}.i-spzhtml-ghost{visibility:hidden!important}.i-spzhtml-element>[placeholder],[layout]:not(.i-spzhtml-element)>[placeholder],[width][height][heights]:not([layout]):not(.i-spzhtml-element)>[placeholder],[width][height][sizes]:not([layout]):not(.i-spzhtml-element)>[placeholder]{display:block;line-height:normal}.i-spzhtml-element>[placeholder].hidden,.i-spzhtml-element>[placeholder].spz-hidden{visibility:hidden}.i-spzhtml-layout-container>[placeholder].hidden,.i-spzhtml-layout-container>[placeholder].spz-hidden{display:none}.i-spzhtml-layout-size-defined>[placeholder]{bottom:0!important;left:0!important;position:absolute!important;right:0!important;top:0!important;z-index:1}spz-img.i-spzhtml-ssr:not(.i-spzhtml-element)>[placeholder]{z-index:auto}.i-spzhtml-notbuilt>[placeholder]{display:block!important}template{display:none!important}[visible-when-invalid]:not(.visible),form [submit-error],form [submit-success],form [submitting]{display:none}[layout=intrinsic][i-spzhtml-unheight-layout] img,[layout=responsive][i-spzhtml-unheight-layout] img{height:auto!important;position:relative!important;width:100%!important}html{overflow-x:hidden!important}html,html body{height:auto!important}html body{margin:0!important}body{text-size-adjust:100%}html.i-spzhtml-doc{touch-action:pan-y pinch-zoom}html.i-spzhtml-doc>body{overflow:visible!important;position:relative!important}.i-spzhtml-scroll-disabled{overflow-x:hidden!important;overflow-y:hidden!important}.i-spzhtml-carousel-scroll-disabled{touch-action:none;touch-action:pan-y}spz-list [role=loading]:not([pagination]),spz-list [role=loading]:not([scroll]),spz-list [role=slot]:not(.i-spzhtml-list-slot),spz-pagination>[role=arrow]{display:none}
31spz-carousel{display:flex!important}ljs-img[layout=intrinsic][auto-fit]:not([width][height]),spz-img[layout=intrinsic][auto-fit]:not([width][height]),spz-img[layout=responsive][auto-fit]{width:100%}spz-accordion>section>:last-child{display:none!important}spz-accordion>section[expanded]>:last-child{display:block!important}spz-menu [spz-menu-root]{display:flex;flex-wrap:nowrap}spz-carousel:not([dom-mounted]) .i-spzhtml-slides-container>:not(.i-spzhtml-slide-item-show),spz-carousel:not([dom-mounted]) [next],spz-carousel:not([dom-mounted]) [pre],spz-carousel:not([dom-mounted]):not([i-spzhtml-ssr])>*{display:none}spz-carousel .i-spzhtml-slides-container{box-sizing:content-box;transform:translate(0);z-index:1}spz-carousel .i-spzhtml-slide-item,spz-carousel .i-spzhtml-slides-container{display:flex;height:100%;position:relative;transition-property:transform;width:100%}spz-carousel .i-spzhtml-slide-item{flex-shrink:0}spz-carousel .i-spzhtml-slide-item>*{overflow:hidden!important;width:100%}spz-carousel[effect=fade] .i-spzhtml-slides-container .i-spzhtml-slide-item{display:none;opacity:0}spz-carousel[effect=fade] .i-spzhtml-slides-container .i-spzhtml-slide-item-show{display:flex;opacity:1!important}.i-spzhtml-tab-panel:not([active]),spz-menu [spz-menu-submenu]{display:none}spz-menu>*{opacity:0;pointer-events:none}spz-menu[finish]>*{opacity:1!important;pointer-events:auto!important}spz-list[display-in-order] [role=listitem] spz-img img{opacity:0;transition:opacity .5s linear}spz-dropdown{display:none}spz-script{font-size:0}ljs-list [role=loading]:not([pagination]),ljs-list [role=loading]:not([scroll]),ljs-list [role=slot]:not(.i-spzhtml-list-slot),ljs-pagination>[role=arrow]{display:none}ljs-carousel{display:flex!important}ljs-img[layout=responsive][auto-fit]{width:100%}ljs-accordion>section>:last-child{display:none!important}ljs-accordion>section[expanded]>:last-child{display:block!important}[layout=container]:not(.i-spzhtml-built){color:inherit!important}ljs-menu [spz-menu-root]{display:flex;flex-wrap:nowrap}ljs-menu>*{opacity:0;pointer-events:none}ljs-menu[finish]>*{opacity:1!important;pointer-events:auto!important}ljs-list[display-in-order] [role=listitem] ljs-img img{opacity:0;transition:opacity .5s linear}ljs-script{font-size:0}ljs-img:not(.i-spzhtml-element)[i-spzhtml-ssr]>img.i-spzhtml-fill-content{display:block}ljs-img.i-spzhtml-ssr:not(.i-spzhtml-element)>[placeholder]{z-index:auto}ljs-carousel:not([dom-mounted]) .i-spzhtml-slides-container>:not(.i-spzhtml-slide-item-show),ljs-carousel:not([dom-mounted]) [next],ljs-carousel:not([dom-mounted]) [pre],ljs-carousel:not([dom-mounted]):not([i-spzhtml-ssr])>*{display:none}ljs-carousel .i-spzhtml-slides-container{box-sizing:content-box;transform:translate(0);z-index:1}ljs-carousel .i-spzhtml-slide-item,ljs-carousel .i-spzhtml-slides-container{display:flex;height:100%;position:relative;transition-property:transform;width:100%}ljs-carousel .i-spzhtml-slide-item{flex-shrink:0}ljs-carousel .i-spzhtml-slide-item>*{overflow:hidden!important;width:100%}ljs-carousel[effect=fade] .i-spzhtml-slides-container .i-spzhtml-slide-item{display:none;opacity:0}ljs-carousel[effect=fade] .i-spzhtml-slides-container .i-spzhtml-slide-item-show{display:flex;opacity:1!important}ljs-menu [spz-menu-submenu],ljs-tabs:not([finish]) [role=tabpanel],spz-tabs:not([finish]) [role=tabpanel]{display:none}ljs-text,spz-text{visibility:hidden}ljs-gallery>:not(:first-child),spz-gallery>:not(:first-child){display:none}ljs-gallery.i-spzhtml-built>:not(:first-child),spz-gallery.i-spzhtml-built>:not(:first-child){display:unset}/* runtime-end */
32</style>
33<script type="text/javascript">
34/* env-start */!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=8)}({8:function(e,t){window.seahorse_env={"flag_plugin_loader":"","v1_spz_version":"v1.0.87","v1_spz_tag":"v26.4.13","aliyun_scene_id":"1gewqec5"}}});/* env-end */
35</script>
35
36
37<link href="//static.staticdj.com/cuttlefish/v1/spz.min.js" as="script" type="text/javascript" crossorigin="anonymous" rel="preload">
38
39<style>
40  :root {
41    --page-width-base: 1440px;
42    --page-width: var(--page-width-base);
43    --page-spacing: 16px;
44
45    --type-text-font-size: 14px;
46      --type-heading-font-size: 30px;
47      --type-nav-font-size: 16px;
48      --color-general-bg: #FFFFFF;
49      --color-general-heading-text: #202020;
50      --color-general-text: #202020;
51      --color-price-text: #EB391B;
52      --color-product-title-text: #202020;
53      --color-compare-at-price-text: rgba(32,32,32,.6);
54      --color-save-price-text: #EB391B;
55      --color-custom-label-text: #E75D32;
56      --color-custom-label-bg: #FFF9F1;
57      --color-btn-bg: #202020;
58      --color-btn-text: #FFFFFF;
59      --color-label-bg: rgba(198, 156, 109, 1);
60      --color-label-text: #FFFFFF;
61      --color-sold-label-bg: #FFFFFF;
62      --color-sold-label-text: #202020;
63      --color-announcement-bg: #FFFFFF;
64      --color-announcement-text: #000000;
65      --color-cart-dot-bg: rgba(198, 156, 109, 1);
66      --color-cart-dot-text: #FFFFFF;
67      --color-header-bg: rgba(255, 249, 241, 1);
68      --color-header-text: #202020;
69      --color-header-search-bg: rgba(230, 230, 230, 0.4);
70      --color-header-search-text: #202020;
71      --color-header-search-btn-bg: #202020;
72      --color-header-search-btn-text: #FFFFFF;
73      --color-menu-bg: #F8F8F8;
74      --color-menu-item-bg: #FFFFFF;
75      --color-menu-item-text: #202020;
76      --color-actived-menu-item-bg: rgba(198, 156, 109, 1);
77      --color-actived-menu-item-text: #FFFFFF;
78      --color-footer-bg: rgba(40, 40, 40, 1);
79      --color-footer-border: rgba(230, 230, 230, 0.1);
80      --color-footer-text: rgba(255, 255, 255, 1);
81      --color-newsletter-border: #E6E6E6;
82      --color-newsletter-bg: #FFFFFF;
83      --color-newsletter-text: #202020;
84      --color-newsletter-btn-bg: #202020;
85      --color-newsletter-btn-text: #FFFFFF;
86      --color-countdown-bg: rgba(248, 248, 248, 0.8);
87      --color-countdown-time-text: #EA3F36;
88      /* 颜色相关 */
89    --color-body-bg: #FFFFFF;
90    --color-body-bg-80: rgba(255, 255, 255, 0.8);
91    --color-product-title-text: #202020;
92    --color-primary-btn-bg: #202020;
93    --color-primary-btn-bg-10: rgba(32, 32, 32, 0.1);
94    --color-primary-btn-text: #FFFFFF;
95
96    --color-body-text: #202020;
97    --color-body-text-50: rgba(32, 32, 32, 0.5);
98    --color-body-text-60: rgba(32, 32, 32, 0.6);
99    --color-body-text-70: rgba(32, 32, 32, 0.7);
100    --color-body-text-75: rgba(32, 32, 32, 0.75);
101    --color-body-text-80: rgba(32, 32, 32, 0.8);
102    --color-body-text-85: rgba(32, 32, 32, 0.85);
103    --color-body-text-90: rgba(32, 32, 32, 0.9);
104
105    --color-menu-item-text-70: rgba(32, 32, 32, 0.7);
106    --color-menu-item-text-80: rgba(32, 32, 32, 0.8);
107    --color-menu-item-text-90: rgba(32, 32, 32, 0.9);
108    --color-actived-menu-item-bg: rgba(198, 156, 109, 1);
109    --color-actived-menu-item-text: #FFFFFF;
110
111    --color-header-search-text-50: rgba(32, 32, 32, 0.5);
112
113    --color-header-text-70: rgba(32, 32, 32, 0.7);
114
115    /* 边框颜色 */
116    --color-border: #E6E6E6;
117    --color-border-35: rgba(230, 230, 230, 0.35);
118    --color-border-60: rgba(230, 230, 230, 0.6);
119
120    /* 圆角 */
121    --global-border-radius: 2px;
122    --global-small-border-radius: 2px;
123    --global-fixed-border-radius: 2px;
124    --btn-border-radius: 2px;
125    --btn-fixed-border-radius: 2px;
126
127    /* 字体相关 */
128    --font-body-family: Lato, sans-serif;
129    --font-body-style: normal;
130    --font-body-weight: 400;
131
132    --font-heading-family: Lato, sans-serif;
133    --font-heading-style: normal;
134    --font-heading-weight: 400;
135
136    /* 倒计时 */
137    --color-countdown-bg: rgba(248, 248, 248, 0.8);
138    --color-countdown-time-text: #EA3F36;
139
140    /* mask */
141    --color-mask-bg: rgba(0, 0, 0, 0.3);
142
143    /* 提供给插件 */
144    --breakpoint: 960;
145
146    /* z-index */
147    --z-index-dropdown: 1000;
148    --z-index-sticky: 1020;
149    --z-index-fixed: 1030;
150    --z-index-modal-backdrop: 1040;
151    --z-index-modal: 1050;
152    --z-index-popover: 1060;
153    --z-index-tooltip: 1070;
154  }
155
156  @media (min-width: 960px) {
157    :root {
158      --page-spacing: 100px;
159
160      /* 圆角 */
161      --global-border-radius: 2px;
162      --global-small-border-radius: 2px;
163    }
164  }
165
166  .type-text-font-family {
167    font-family: var(--font-body-family);
168    font-style: var(--font-body-style);
169    font-weight: var(--font-body-weight);
170  }
171
172  .type-heading-font-family {
173    font-family: var(--font-heading-family);
174    font-style: var(--font-heading-style);
175    font-weight: var(--font-heading-weight);
176  }
177
178  /* latin-ext */@font-face {  font-family: 'Lato';  font-style: normal;  font-weight: 400;  font-display: swap;
178  src: url(https://fonts.gstatic.com/s/lato/v25/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Lato';  font-style: normal;  font-weight: 400;  font-display: swap;  src: url(https://fonts.gstatic.com/s/lato/v25/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
179  /* latin-ext */@font-face {  font-family: 'Lato';  font-style: normal;  font-weight: 400;  font-display: swap;  src: url(https://fonts.gstatic.com/s/lato/v25/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {  font-family: 'Lato';  font-style: normal;  font-weight: 400;  font-display: swap;  src: url(https://fonts.gstatic.com/s/lato/v25/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
180</style>
181    <style>
182  html {
183    -ms-text-size-adjust: 100%;
184    -webkit-text-size-adjust: 100%;
185    -webkit-font-smoothing: antialiased;
186    -moz-osx-font-smoothing: grayscale;
187    -webkit-tap-highlight-color: transparent;
188  }
189
190  body {
191    padding-bottom: constant(safe-area-inset-bottom);
192    padding-bottom: env(safe-area-inset-bottom);
193    -webkit-tap-highlight-color: transparent;
194  }
195
196  *,
197  :after,
198  :before {
199    box-sizing: border-box;
200  }
201
202  *:focus {
203    outline: none;
204  }
205
206  /* Chrome, Safari, Edge, Opera */
207  input::-webkit-outer-spin-button,
208  input::-webkit-inner-spin-button {
209    -webkit-appearance: none;
210    margin: 0;
211  }
212
213  /* Firefox */
214  input[type='number'] {
215    -moz-appearance: textfield;
216  }
217
218  input[type='text'],
219  input[type='search'],
220  input[type='email'],
221  input[type='password'],
222  input:not([type]),
223  textarea {
224    appearance: none;
225    -webkit-appearance: none;
226  }
227
228  input,
229  textarea,
230  button,
231  select {
232    font-family: inherit;
233    font-style: inherit;
234    font-weight: inherit;
235    font-size: inherit;
236    color: var(--color-body-text);
237  }
238
239  input[type='button'],
240  button,
241  select,
242  label {
243    cursor: pointer;
244  }
245
246  input[type='search']::-webkit-search-cancel-button {
247    display: none;
248  }
249
250  /* theme base class */
251  html body.nova {
252    color: var(--color-body-text);
253    font-size: var(--type-text-font-size);
254    background-color: var(--color-body-bg);
255  }
256
257  body > .page_container{
258    min-height: 100vh;
259    display: flex;
260    flex-direction: column;
261  }
262  body > .page_container > .main-content{
263    margin-bottom: auto;
264  }
265
266  .page-container {
267    max-width: var(--page-width);
268    padding: 0 var(--page-spacing);
269    margin: 0 auto;
270  }
271
272  @media (max-width: 959.98px) {
273    .md\:page-container {
274      max-width: var(--page-width);
275      padding: 0 var(--page-spacing);
276      margin: 0 auto;
277    }
278  }
279
280  @media (min-width: 960px) {
281    .lg\:page-container {
282      max-width: var(--page-width);
283      padding: 0 var(--page-spacing);
284      margin: 0 auto;
285    }
286  }
287
288  .clear {
289    margin: 0;
290    padding: 0;
291    border: 0;
292    outline: none;
293    list-style: none;
294    background-color: transparent;
295  }
296
297  [spz-if="false"],
298  [hidden] {
299    display: none !important;
300  }
301
302  /* title default style */
303
304  .title-font {
305    font-size: var(--type-heading-font-size);
306    color: var(--color-general-heading-text);
307  }
308
309  @media (max-width: 959.98px) {
310    .title-font {
311      font-size: calc(var(--type-heading-font-size) * .8);
312    }
313  }
314
315  .title-color{
316    color: var(--color-general-heading-text);
317  }
318  .product-title-color {
319    color: var(--color-product-title-text);
320  }
321  .text-color-8{
322    color: var(--color-body-text-80);
323  }
324
325  /* Border Radius */
326  .rounded-global {
327    border-radius: var(--global-border-radius);
328  }
329
330  .rounded-global-small {
331    border-radius: var(--global-small-border-radius);
332  }
333
334  .rounded-global-fixed {
335    border-radius: var(--global-fixed-border-radius);
336  }
337
338  .rounded-btn {
339    border-radius: var(--btn-border-radius);
340  }
341
342  .rounded-btn-fixed {
343    border-radius: var(--btn-fixed-border-radius);
344  }
345  .rounded-\[1px\] {
346    border-radius: 1px;
347  }
348
349  /* Button */
350  .button-primary {
351    font-weight: bold;
352    text-align: center;
353    border: 1px solid transparent;
354    color: var(--color-primary-btn-text);
355    border-radius: var(--btn-border-radius);
356    background-color: var(--color-primary-btn-bg);
357    transition: all .2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
358    cursor: pointer;
359  }
360
361  .button-secondary {
362    color: var(--color-body-text);
363    background-color: transparent;
364    border: 1px solid var(--color-border);
365    border-radius: var(--btn-border-radius);
366    transition: all .2s cubic-bezier(0.445, 0.05, 0.55, 0.95);;
367    cursor: pointer;
368  }
369
370  /* Select */
371  .secondary-select {
372    cursor: pointer;
373    -webkit-appearance: none;
374    -moz-appearance: none;
375    appearance: none;
376    border-width: 1px;
377    border-style: solid;
378    border-color: rgba(230, 230, 230, 1);
379    background-color: transparent;
380    color: var(--color-body-text);
381  }
382
383  @media (min-width: 960px) {
384    .button-primary:hover {
385      background-color: var(--color-cart-dot-bg);
386    }
387
388    .button-secondary:hover {
389      color: var(--color-primary-btn-text);
390      border-color: var(--color-primary-btn-bg);
391      background-color: var(--color-primary-btn-bg);
392    }
393  }
394
395  /* line-clamp-* */
396  .line-clamp-1 {
397    overflow: hidden;
398    text-overflow: ellipsis;
399    white-space: nowrap;
400  }
401
402  .line-clamp-2 {
403    overflow: hidden;
404    display: -webkit-box;
405    -webkit-line-clamp: 2;
406    -webkit-box-orient: vertical;
407    word-break: break-word;
408  }
409
410  .hide-scrollbar {
411    -ms-overflow-style: none;
412    scrollbar-width: none;
413  }
414
415  .hide-scrollbar::-webkit-scrollbar,
416  .hide-scrollbar ::-webkit-scrollbar {
417    display: none;
418  }
419
420  .break-words {
421    overflow-wrap: break-word;
422    word-break: break-word;
423  }
424  /* mce */
425  .mce-content p:first-child {
426    margin-top: 0;
427  }
428  .mce-content p:last-child {
429    margin-bottom: 0;
430  }
431  .mce-content img + img,
432  .mce-content spz-img + spz-img {
433    margin-top: 30px;
434  }
435  .mce-content spz-img {
436    max-width: 100% !important;
437  }
438  .mce-content table {
439    max-width: 100%;
440    border-collapse: collapse;
441  }
442  .mce-content table td,
443  .mce-content table th {
444    padding: 8px;
445    border: 1px solid #e6e6e6;
446  }
447  .mce-content iframe {
448    max-width: 100%;
449  }
450  .mce-content blockquote {
451    margin: 1em 40px;
452  }
453  .mce-content a {
454    color: inherit;
455    word-break: break-all;
456  }
457
458  /* loading */
459  @keyframes spinning {
460    from {
461      -webkit-transform: rotate(0deg);
462      transform: rotate(0deg);
463    }
464
465    to {
466      -webkit-transform: rotate(1turn);
467      transform: rotate(1turn);
468    }
469  }
470
471  spz-loading {
472    background: rgba(0, 0, 0, 0.3);
473  }
474
475  @keyframes rotate {
476    0% {
477      -webkit-transform: rotate(0deg);
478      transform: rotate(0deg)
479    }
480    to {
481      -webkit-transform: rotate(1turn);
482      transform: rotate(1turn)
483    }
484  }
485
486  spz-loading .loading-inner {
487    border-radius: 50%;
488    border-top: 3px solid transparent;
489    border-left: 3px solid transparent;
490    border-right: 3px solid transparent;
491    width: 26px;
492    height: 26px;
493    border: 3px solid #fff;
494    -webkit-animation: rotate .8s ease infinite;
495    animation: rotate .8s ease infinite;
496    border-bottom-color: #fff;
497    border-top-color: transparent;
498    border-left-color: transparent;
499    border-right-color: transparent;
500  }
501
502  .loading{
503    --loading-show: flex !important;
504    --loading-hide: none !important;
505  }
506
507  .loading[show]{
508    display: var(--loading-show);
509  }
510
511  .loading[hide]{
512    display: var(--loading-hide);
513  }
514
515  .loading[has-full-mask]{
516    position: fixed;
517    top: 0;
518    bottom: 0;
519    right: 0;
520    left: 0;
521    background: var(--color-mask-bg);
522    z-index: var(--z-index-modal-backdrop);
523  }
524
525  .loading-bounce {
526    width: 26px;
527    height: 26px;
528    border-radius: 50%;
529    border: 3px solid transparent;
530    border-bottom-color: #fff;
531    animation: spinning .8s ease infinite;
532    -webkit-animation: spinning .8s ease infinite;
533  }
534
535   /* spz-carousel button */
536  spz-carousel .spz-carousel-button {
537    display: flex;
538    align-items: center;
539    justify-content: center;
540    width: 44px;
541    height: 44px;
542    border-radius: 100%;
543    box-shadow: 4px 4px 16px rgba(18, 27, 23, 0.04);
544    background-color: rgba(255, 255, 255, 1);
545    cursor: pointer;
546    opacity: 0 !important;
547    transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
548  }
549
550  @media (min-width: 960px) {
551    spz-carousel:hover .spz-carousel-button {
552      opacity: 1 !important;
553    }
554
555    .lg\:line-clamp-3 {
556      overflow: hidden;
557      display: -webkit-box;
558      -webkit-line-clamp: 3;
559      -webkit-box-orient: vertical;
560      word-break: break-word;
561    }
562  }
563
564  spz-carousel .spz-carousel-button-prev > svg {
565    transform: rotate(-90deg);
566  }
567
568  spz-carousel .spz-carousel-button-next > svg {
569    transform: rotate(90deg);
570  }
571
572  .button-primary[loading],
573  .button-secondary[loading] {
574    pointer-events: none;
575  }
576
577  .button-primary[loading] [role="content"],
578  .button-secondary[loading] [role="content"],
579  .button-primary:not([loading]) .loading,
580  .button-secondary:not([loading]) .loading {
581    opacity: 0;
582  }
583
584  .button-primary[loading] .loading,
585  .button-secondary[loading] .loading {
586    opacity: 1;
587  }
588
589  /* discount style */
590  .discount_gift_content {
591    display: inline-flex;
592    align-items: center;
593    padding: 4px;
594    color: #EB391B;
595    background-color: rgba(235, 57, 27, 0.1);
596    border-radius: 2px;
597  }
598  .discount_gift_content .discount__gift_lan {
599    margin-left: 2px;
600  }
601
602  spz-carousel > .i-spzhtml-slides-container {
603    width: 100%;
604  }
605
606  spz-sidebar ~ .i-spzhtml-sidebar-mask {
607    background-color: var(--color-body-text-50);
608  }
609</style>
610
611<style>
612  .page_container {
613    padding-top: 0px;
614    padding-right: 0px;
615    padding-bottom: 0px;
616    padding-left: 0px;
617  }
618
619  @media (min-width: 960px) {
620    .page_container {
621      padding-top: 0px;
622      padding-right: 0px;
623      padding-bottom: 0px;
624      padding-left: 0px;
625    }
626  }
627</style>
628<style>
629  /* position, display, width, height */
630  .uppercase { text-transform: uppercase; }
631  .\!static { position: static; }
632  .relative { position: relative; }
633  .absolute { position: absolute; }
634  .sticky { position: sticky; }
635  /* top left right bottom */
636  .top-0 { top: 0; }
637  .top-1\/2 { top: 50%; }
638  .bottom-0 { bottom: 0; }
639  .bottom-3 { bottom: 12px;}
640  .bottom-5 { bottom: 20px; }
641  .-bottom-5 { bottom: -20px }
642  .inset-0 { top: 0; left: 0; right: 0; bottom: 0; }
643  .inset-x-\[-22px\] { left: -22px; right: -22px; }
644  .-inset-y-5 { top: -20px; bottom: -20px; }
645
646  .block { display: block; }
647  .inline-block { display: inline-block; }
648  .inline-flex { display: inline-flex; }
649  .flex { display: flex; }
650  .flex-1 { flex: 1; }
651  .flex-col { flex-direction: column; }
652  .items-end { align-items: flex-end; }
653  .items-center { align-items: center; }
654  .self-center { align-self: center; }
655  .items-start { align-items: flex-start; }
656  .items-stretch { align-items: stretch; }
657  .justify-end { justify-content: flex-end; }
658  .justify-center { justify-content: center; }
659  .justify-between { justify-content: space-between; }
660  .flex-center{ display: flex; align-items: center; justify-content: center; }
661  .flex-grow { flex-grow: 1; }
662  .flex-shrink-0 { flex-shrink: 0; }
663  .flex-wrap { flex-wrap: wrap; }
664  .flex-1 { flex: 1; }
665  .flex-row-reverse	{ flex-direction: row-reverse; }
666  .hidden { display: none; }
667  .\!hidden { display: none !important; }
668  .empty-hidden:empty{ display: none; }
669
670  .max-w-full { max-width: 100%; }
671  .max-w-\[300px\] { max-width: 300px; }
672  .min-w-\[0px\] { min-width: 0px; }
673
674  .w-full { width: 100%; }
675  .w-7 { width: 28px; }
676  .w-10 { width: 40px; }
677  .w-11 { width: 44px; }
678  .h-full { height: 100%; }
679  .h-11 { width: 44px; }
680  .h-14 { height: 56px;}
681
682
683  /* margin, padding */
684  .m-0 { margin: 0; }
685  .-mt-3 { margin-top: -12px; }
686  .mt-0\.5 { margin-top: 2px; }
687  .mt-0 { margin-top: 0; }
688  .mt-1 { margin-top: 4px; }
689  .mt-1\.5 { margin-top: 6px; }
690  .mt-2 { margin-top: 8px; }
691  .mt-3 { margin-top: 12px; }
692  .mt-4 { margin-top: 16px; }
693  .mt-5 { margin-top: 20px; }
694  .mt-6 { margin-top: 24px; }
695  .mt-7 { margin-top: 28px; }
696  .mt-8 { margin-top: 32px; }
697  .mt-9 { margin-top: 36px; }
698  .mt-10 { margin-top: 40px; }
699
700  .mb-1 { margin-bottom: 4px; }
701  .mb-2 { margin-bottom: 8px; }
702  .mb-3 { margin-bottom: 12px; }
703  .mb-4 { margin-bottom: 16px; }
704  .mb-5 { margin-bottom: 20px; }
705  .mb-6 { margin-bottom: 24px; }
706  .mb-8 { margin-bottom: 32px; }
707  .mx-auto { margin-left: auto; margin-right: auto; }
708  .mx-0 { margin-left: 0; margin-right: 0; }
709  .mx-5 { margin-left: 20px; margin-right: 20px; }
710  .my-1 { margin-top: 4px; margin-bottom: 4px; }
711  .my-6 { margin-top: 24px; margin-bottom: 24px; }
712  .my-10 { margin-top: 40px; margin-bottom: 40px; }
713  .my-14 { margin-top: 56px; margin-bottom: 56px; }
714
715  .p-0 { padding: 0; }
716  .p-2 { padding: 8px; }
717  .p-3 { padding: 12px; }
718  .p-4 { padding: 16px; }
719  .p-6 { padding: 24px; }
720  .p-8 { padding: 32px; }
721  .p-\[15px\] { padding: 15px; }
722  .px-2 { padding-left: 8px; padding-right: 8px; }
723  .px-3 { padding-left: 12px; padding-right: 12px; }
724  .px-4 { padding-left: 16px; padding-right: 16px; }
725  .px-5 { padding-left: 20px; padding-right: 20px; }
726  .px-6 { padding-left: 24px; padding-right: 24px; }
727  .px-10 { padding-left: 40px; padding-right: 40px; }
728  .px-\[18px\] { padding-left: 18px; padding-right: 18px; }
729  .px-\[22px\] { padding-left: 22px; padding-right: 22px; }
730  .py-\[10px\] { padding-top: 10px; padding-bottom: 10px; }
731
732  .py-0 { padding-top: 0; padding-bottom: 0; }
733  .py-1 { padding-top: 4px; padding-bottom: 4px; }
734  .py-2 { padding-top: 8px; padding-bottom: 8px; }
735  .py-3 { padding-top: 12px; padding-bottom: 12px; }
736  .py-4 { padding-top: 16px; padding-bottom: 16px; }
737  .py-5 { padding-top: 20px; padding-bottom: 20px; }
738  .py-6 { padding-top: 24px; padding-bottom: 24px; }
739  .py-8 { padding-top: 32px; padding-bottom: 32px; }
740  .py-12 { padding-top: 48px; padding-bottom: 48px; }
741  .pt-2 { padding-top: 8px; }
742  .pt-3 { padding-top: 12px; }
743  .pt-4 { padding-top: 16px; }
744  .pt-5 { padding-top: 20px; }
745  .pt-6 { padding-top: 24px; }
746  .pt-10 { padding-top: 40px; }
747  .pt-12 { padding-top: 48px; }
748  .pb-1 { padding-bottom: 4px; }
749  .pb-2 { padding-bottom: 8px; }
750  .pb-3 { padding-bottom: 12px; }
751  .pb-4 { padding-bottom: 16px; }
752  .pb-8 { padding-bottom: 32px; }
753  .pb-full { padding-bottom: 100%; }
754
755  /* Typography */
756  .body-minus-2 { font-size: calc(var(--type-text-font-size) - 2px); }
757  .body-minus-1 { font-size: calc(var(--type-text-font-size) - 1px); }
758  .body-base { font-size: var(--type-text-font-size); }
759  .body-plus-1 { font-size: calc(var(--type-text-font-size) + 1px); }
760  .body-plus-2 { font-size: calc(var(--type-text-font-size) + 2px); }
761  .body-plus-3 { font-size: calc(var(--type-text-font-size) + 3px); }
762  .body-plus-4 { font-size: calc(var(--type-text-font-size) + 4px); }
763  .body-plus-6 { font-size: calc(var(--type-text-font-size) + 6px); }
764  .text-2xl { font-size: 24px; line-height: 28px; }
765  .text-xs { font-size: 12px; line-height: 16px; }
766  .text-sm { font-size: 14px; line-height: 20px; }
767  .text-base { font-size: 16px; line-height: 24px; }
768  .text-lg { font-size: 18px; line-height: 28px; }
769  .text-0 { font-size: 0; }
770  .text-5 { font-size: 20px; }
771  .text-6 { font-size: 24px; }
772  .text-8 { font-size: 32px; }
773
774  .text-inherit { color: inherit; }
775  .text-center { text-align: center; }
776  .text-current{ color:currentColor }
777  .text-btn-bg { color: var(--color-primary-btn-bg); }
778
779  .text-white { color: rgba(255,255,255,1); }
780  .text-compare-at-price-color { color:var(--color-compare-at-price-text); }
781  .bg-btn-text-color { background-color: var(--color-primary-btn-text); }
782
783  .font-normal { font-weight: 400; }
784  .font-medium { font-weight: 500; }
785  .font-semibold { font-weight: 600; }
786  .font-bold { font-weight: 700; }
787
788  .leading-none { line-height: 1; }
789  .leading-1\.1 { line-height: 1.1; }
790  .leading-1\.15 { line-height: 1.15; }
791  .leading-1\.2 { line-height: 1.2; }
792  .leading-1\.25 { line-height: 1.25; }
793  .leading-1\.3 { line-height: 1.3; }
794  .leading-1\.4 { line-height: 1.4; }
795  .leading-1\.5 { line-height: 1.5; }
796  .leading-1\.7 { line-height: 1.7; }
797
798  .break-all { word-break: break-all; }
799
800  .whitespace-nowrap { white-space: nowrap; }
801
802  .overflow-hidden { overflow: hidden; }
803  .overflow-x-hidden { overflow-x: hidden; }
804  .overflow-x-auto { overflow-x: auto; }
805  .overflow-y-hidden { overflow-y: hidden; }
806  .overflow-y-auto { overflow-y: auto; }
807
808  .underline { text-decoration: underline; }
809  .no-underline { text-decoration-line: none; }
810  .appearance-none {
811    -webkit-appearance: none;
812    -moz-appearance: none;
813    appearance: none;
814  }
815
816  /* Color */
817  .color-body { color: var(--color-body-text); }
818  .color-body-60 { color: var(--color-body-text-60); }
819  .color-body-70 { color: var(--color-body-text-70); }
820  .color-heading { color: var(--color-general-heading-text); }
821  .color-price { color: var(--color-price-text); }
822  .color-save-price { color: var(--color-save-price-text); }
823  .color-compare-price { color: var(--color-compare-at-price-text); }
824  .color-text-default { color: #9F9F9F; }
825  .color-custom-label-text {color: var(--color-custom-label-text);}
826
827  /* Background */
828  .bg-custom-label {background-color: var(--color-custom-label-bg);}
829  .bg-color-body {background-color: var(--color-body-bg);}
830  .color-body-text { color: var(--color-body-text); }
831
832  /* Border Radius */
833  .rounded-sm { border-radius: 2px; }
834  .rounded { border-radius: 4px; }
835  .rounded-full { border-radius: 9999px; }
836
837  /* Border */
838  .border-none { border-style: none; }
839  .border { border: 1px solid var(--color-border); }
840  .border-t { border-top: 1px solid var(--color-border); }
841  .border-b { border-bottom: 1px solid var(--color-border); }
842  .border-solid { border-style: solid; }
843  .\!border-none { border-style: none !important; }
844  .border-t { border-top-width: 1px; }
845  .border-0 { border-width: 0; }
846  .border-t-0 { border-top-width: 0;}
847  .border-\[\#e6e6e6\] { border-color: rgba(230,230,230,1); }
848  .placeholder-svg {
849    position: relative;
850  }
851
852  .placeholder-svg > svg {
853    width: 100%;
854    height: 100%;
855    top: 0;
856    right: 0;
857    bottom: 0;
858    left: 0;
859    fill: #c0c0c0;
860    background-color: #eee;
861  }
862
863  /* z-index */
864  .z-1 { z-index: 1; }
865  .z-10 { z-index: 10; }
866  .z-20 { z-index: 20; }
867  .z-50 { z-index: 50; }
868  .-z-1 { z-index: -1; }
869
870  /* .z-dropdown { z-index: 1000; } */
871
872  /* Object */
873  .object-contain { -o-object-fit: contain; object-fit: contain; }
874  .object-cover { -o-object-fit: cover; object-fit: cover; }
875
876  /* opacity */
877  .opacity-0 { opacity: 0; }
878  .opacity-\[18\%\] { opacity: 18%; }
879  .opacity-50 { opacity: .5; }
880  .opacity-60 { opacity: .6; }
881  .opacity-70 { opacity: .7; }
882  .opacity-75{ opacity: .75; }
883
884  .group-hover\:opacity-100 { opacity: 1; }
885
886  /* text decoration */
887  .line-through { text-decoration: line-through; }
888
889  /* Other */
890  .cursor-pointer { cursor: pointer; }
891  .pointer-events-none { pointer-events: none; }
892  .pointer-events-auto { pointer-events: auto; }
893
894  /* svg */
895  .fill-svg { fill: silver; }
896  .bg-svg { background-color: rgba(238, 238, 238, 1); }
897  .bg-black { background-color: rgba(0,0,0,1); }
898  .bg-white { background-color: rgba(255,255,255,1); }
899  /* grid */
900  .grid { display: grid; }
901  .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
902  .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
903  .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
904  .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
905  .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
906  .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
907  .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
908  .grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
909  .grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
910  .grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }
911
912  .gap-3 { gap: 12px; }
913  .gap-4 { gap: 16px; }
914  .gap-x-4 { column-gap: 16px; }
915  .gap-x-6 { column-gap: 24px; }
916  .gap-x-10 { column-gap: 40px; }
917  .gap-y-4 { row-gap: 16px; }
918  .gap-y-5 { row-gap: 20px; }
919  .gap-y-6 { row-gap: 24px; }
920  .gap-y-11 { row-gap: 44px; }
921
922  .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
923
924  /* btn */
925  .primary-btn { cursor: pointer; border-width: 1px; border-style: solid; border-color: transparent; background-color: var(--color-primary-btn-bg); text-align: center; color: var(--color-primary-btn-text); }
926  .primary-btn:hover { background-color: var(--color-cart-dot-bg); }
927  .secondary-btn{ cursor: pointer; border-width: 1px; border-style: solid; border-color: rgba(230,230,230,1); background-color: transparent; color: var(--color-body-text);}
928  .secondary-btn:hover{ border-color: var(--color-primary-btn-bg); background-color: var(--color-primary-btn-bg); color: var(--color-primary-btn-text); }
929
930  .rounded-btn { border-radius: var(--btn-border-radius); }
931
932  /* last */
933  .last\:mb-0:last-child { margin-bottom: 0; }
934
935  /* transform */
936  .-translate-y-1\/2 { transform: var(-50%); }
937
938  /* box */
939  .box-border { box-sizing: border-box; }
940
941  /* ul li */
942  .list-none { list-style-type: none; }
943
944  .left-0 { left: 0; }
945    .left-1\/2 { left: 50%; }
946    .left-3 { left: 12px; }
947    .right-0 { right: 0; }
948    .right-3 { right: 12px; }
949    .right-4 { right: 16px; }
950    .right-8 { right: 32px; }
951    .mr-\[6px\] { margin-right: 6px; }
952    .ml-auto { margin-left: auto; }
953    .-ml-3 { margin-left: -12px; }
954    .ml-1 { margin-left: 4px; }
955    .ml-2 { margin-left: 8px; }
956    .ml-3 { margin-left: 12px; }
957    .ml-4 { margin-left: 16px; }
958    .ml-5 { margin-left: 20px; }
959    .ml-6 { margin-left: 24px; }
960    .ml-7 { margin-left: 28px; }
961    .mr-1 { margin-right: 4px; }
962    .mr-2 { margin-right: 8px; }
963    .mr-3 { margin-right: 12px; }
964    .mr-4 { margin-right: 16px; }
965    .mr-5 { margin-right: 20px; }
966    .pl-2 { padding-left: 8px; }
967    .pl-3 { padding-left: 12px; }
968    .pr-3 { padding-right: 12px; }
969    .text-left { text-align: left; }
970    .text-right { text-align: right; }
971    .rotate-90 { transform: rotate(90deg); }
972    .rotate--90 { transform: rotate(-90deg); }
973    .rotate-180 { transform: rotate(180deg); }
974    .-translate-x-1\/2 { transform: translateX(-50%); }
975  @media (max-width: 959.98px) {
976    .md\:hidden { display: none !important; }
977    .md\:flex { display: flex; }
978    .md\:flex-row-reverse { flex-direction: row-reverse; }
979    .md\:flex-col-reverse { flex-direction: column-reverse; }
980    .md\:flex-1 { flex: 1; }
981    .md\:flex-col { flex-direction: column; }
982    .md\:justify-end { justify-content: flex-end; }
983    .md\:justify-center { justify-content: center; }
984    .md\:justify-between { justify-content: space-between; }
985    .md\:items-center { align-items: center; }
986    .md\:self-center { align-self: center; }
987    .md\:shrink-0 { flex-shrink: 0; }
988    .md\:items-start { align-items: flex-start; }
989    .md\:flex-wrap { flex-wrap: wrap; }
990
991    .md\:w-full { width: 100%; }
992
993    .md\:mt-4 { margin-top: 16px; }
994    .md\:mt-5 { margin-top: 20px; }
995    .md\:mt-6 { margin-top: 24px; }
996    .md\:mt-9 { margin-top: 36px; }
997    .md\:mb-3 { margin-bottom: 13px; }
998    .md\:mb-4 { margin-bottom: 16px; }
999    .md\:mb-5 { margin-bottom: 20px; }
1000    .md\:mx-4 { margin-left: 16px; margin-right: 16px; }
1001
1002    .md\:pb-0 { padding-bottom: 0; }
1003    .md\:px-8 { padding-left: 32px; padding-right: 32px; }
1004    .md\:px-4 { padding-left: 16px; padding-right: 16px; }
1005    .md\:pt-6 { padding-top: 24px; }
1006    .md\:pt-4 { padding-top: 16px; }
1007    .md\:pt-2 { padding-top: 8px; }
1008    .md\:pt-10 { padding-top: 40px; }
1009    .md\:pb-5 { padding-bottom: 20px; }
1010    .md\:pb-6 { padding-bottom: 24px; }
1011    .md\:py-3 { padding-top: 12px; padding-bottom: 12px; }
1012    .md\:order-1 { order: 1; }
1013    .md\:order-2 { order: 2; }
1014
1015    .md\:body-minus-2 { font-size: calc(var(--type-text-font-size) - 2px); }
1016    .md\:body-plus-1 { font-size: calc(var(--type-text-font-size) + 1px); }
1017    .md\:body-plus-2 { font-size: calc(var(--type-text-font-size) + 2px); }
1018    .md\:text-base { font-size: 16px; line-height: 24px; }
1019    .md\:text-xs { font-size: 12px; line-height: 16px; }
1020    .md\:text-sm { font-size: 14px; line-height: 20px; }
1021    .md\:text-center { text-align: center; }
1022
1023    .md\:border-t { border-top: 1px solid var(--color-border); }
1024    .md\:pb-full { padding-bottom: 100%; }
1025    .md\:pt-\[30px\] { padding-top: 30px; }
1026    .md\:pb-\[54px\] { padding-bottom: 54px; }
1027    .md\:p-\[30px\] { padding: 30px; }
1028
1029    .md\:gap-x-4 { column-gap: 16px; }
1030    .md\:gap-y-6 { row-gap: 24px; }
1031    .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
1032
1033    .md\:overflow-x-scroll { overflow: scroll; }
1034    .md\:w-2\/3 { width: 66.67%; }
1035    .md\:truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
1036
1037    .md\:color-body-70 { color: var(--color-body-text-70); }
1038  }
1039
1040  @media (min-width: 960px) {
1041    .lg\:hidden { display: none !important; }
1042    .lg\:flex { display: flex; }
1043    .lg\:flex-wrap { flex-wrap: wrap; }
1044    .lg\:flex-row-reverse { flex-direction: row-reverse; }
1045    .lg\:flex-col-reverse { flex-direction: column-reverse; }
1046    .lg\:flex-1 { flex: 1; }
1047    .lg\:flex-col { flex-direction: column; }
1048    .lg\:items-center { align-items: center; }
1049    .lg\:justify-end { justify-content: flex-end; }
1050    .lg\:justify-center { justify-content: center; }
1051    .lg\:justify-between { justify-content: space-between; }
1052    .lg\:shrink-0 { flex-shrink: 0; }
1053
1054    .lg\:w-full { width: 100%; }
1055    .lg\:h-full { height: 100%; }
1056    .lg\:w-1\/2 { width: 50%; }
1057
1058    .lg\:mx-8 { margin-left: 32px; margin-right: 32px; }
1059    .lg\:mt-1 { margin-top: 4px; }
1060    .lg\:mt-2 { margin-top: 8px; }
1061    .lg\:mt-3 { margin-top: 12px; }
1062    .lg\:mt-4 { margin-top: 16px; }
1063    .lg\:mt-5 { margin-top: 20px; }
1064    .lg\:mt-6 { margin-top: 24px; }
1065    .lg\:mt-7 { margin-top: 28px; }
1066    .lg\:mt-8 { margin-top: 32px; }
1067    .lg\:mt-9 { margin-top: 36px; }
1068    .lg\:mt-10 { margin-top: 40px; }
1069    .lg\:mt-15 { margin-top: 60px; }
1070    .lg\:mt-84 { margin-top: 84px; }
1071    .lg\:mb-3 { margin-bottom: 12px; }
1072    .lg\:mb-4 { margin-bottom: 16px; }
1073    .lg\:mb-5 { margin-bottom: 20px; }
1074    .lg\:mb-7 { margin-bottom: 28px; }
1075    .lg\:mb-15 { margin-bottom: 60px; }
1076
1077    .lg\:p-4 { padding: 16px; }
1078    .lg\:p-8 { padding: 32px; }
1079    .lg\:px-3 { padding-left: 12px; padding-right: 12px; }
1080    .lg\:px-5 { padding-left: 20px; padding-right: 20px; }
1081    .lg\:px-6 { padding-left: 24px; padding-right: 24px; }
1082    .lg\:px-8 { padding-left: 32px; padding-right: 32px; }
1083    .lg\:px-12 { padding-left: 48px; padding-right: 48px; }
1084    .lg\:px-20 { padding-left: 80px; padding-right: 80px; }
1085
1086    .lg\:px-10 { padding-left: 40px; padding-right: 40px; }
1087    .lg\:py-5 { padding-top: 20px; padding-bottom: 20px; }
1088    .lg\:py-6 { padding-top: 24px; padding-bottom: 24px; }
1089    .lg\:py-7 { padding-top: 28px; padding-bottom: 28px; }
1090    .lg\:py-8 { padding-top: 32px; padding-bottom: 32px; }
1091    .lg\:py-15 { padding-top: 60px; padding-bottom: 60px; }
1092    .lg\:py-20 {padding-top: 80px; padding-bottom: 80px; }
1093    .lg\:pt-1 { padding-top: 4px; }
1094    .lg\:pt-3 { padding-top: 12px; }
1095    .lg\:pt-5 { padding-top: 20px; }
1096    .lg\:pt-6 { padding-top: 24px; }
1097    .lg\:pt-8 { padding-top: 32px; }
1098    .lg\:pt-9 { padding-top: 36px; }
1099    .lg\:pt-10 { padding-top: 40px; }
1100    .lg\:pt-15 { padding-top: 60px; }
1101    .lg\:pt-11 { padding-top: 44px; }
1102    .lg\:pb-6 { padding-bottom: 24px; }
1103    .lg\:pb-8 { padding-bottom: 32px; }
1104    .lg\:pb-9 { padding-bottom: 36px; }
1105    .lg\:pb-13 { padding-bottom: 52px; }
1106    .lg\:px-\[98px\] { padding-left: 98px; padding-right: 98px; }
1107
1108    .lg\:max-w-full{ max-width: 100%;}
1109
1110    .lg\:body-plus-1 { font-size: calc(var(--type-text-font-size) + 1px); }
1111    .lg\:body-plus-2 { font-size: calc(var(--type-text-font-size) + 2px); }
1112    .lg\:body-plus-4 { font-size: calc(var(--type-text-font-size) + 4px); }
1113    .lg\:text-7 { font-size: 28px; }
1114    .lg\:text-sm { font-size: 14px; line-height: 20px; }
1115    .lg\:text-base { font-size: 16px; line-height: 24px; }
1116    .lg\:text-xl { font-size: 20px; line-height: 24px; }
1117    .lg\:text-2xl { font-size: 24px; line-height: 28px; }
1118    .lg\:text-3xl { font-size: 28px; line-height: 32px; }
1119
1120    .lg\:text-center { text-align: center; }
1121
1122    .lg\:color-text-default { color: #9F9F9F; }
1123
1124    .lg\:border { border: 1px solid var(--color-border); }
1125
1126    .lg\:leading-1\.2 { line-height: 1.2; }
1127
1128    .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
1129    .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
1130    .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
1131    .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
1132    .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
1133    .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
1134    .lg\:gap-y-11 { row-gap: 44px; }
1135
1136    .lg\:gap-3 { gap: 12px; }
1137    .lg\:gap-4 { gap: 16px; }
1138    .lg\:gap-6 { gap: 24px; }
1139    .lg\:gap-y-4 { row-gap: 16px; }
1140    .lg\:gap-y-5 { row-gap: 20px; }
1141    .lg\:gap-y-6 { row-gap: 24px; }
1142    .lg\:gap-y-11 { row-gap: 44px; }
1143    .lg\:gap-x-4 { column-gap: 16px; }
1144    .lg\:gap-x-6 { column-gap: 24px; }
1145    .lg\:gap-x-10 { column-gap: 40px; }
1146
1147    .lg\:inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
1148
1149    .lg\:bottom-4 { bottom: 16px; }
1150    .lg\:bottom-5 { bottom: 20px; }
1151
1152    .lg\:overflow-hidden { overflow: hidden; }
1153
1154     /* box */
1155    .lg\:box-border { box-sizing: border-box; }
1156
1157    .lg\:hover\:border-btn-bg:hover:hover { border-color: var(--color-primary-btn-bg); }
1158    .lg\:hover\:bg-btn-bg:hover { background-color: var(--color-primary-btn-bg); }
1159    .lg\:hover\:text-btn-text-color:hover {color: var(--color-primary-btn-text); }
1160    .lg\:hover\:shadow-image:hover { box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.1); }
1161    .lg\:order-1 { order: 1; }
1162    .lg\:order-2 { order: 2; }
1163  }
1164  @media (max-width: 959.98px) {
1165      .md\:ml-4 { margin-left: 16px; }
1166      .md\:pr-4 { padding-right: 16px; }
1167      .md\:pl-4 { padding-left: 16px; }
1168      .md\:rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; }
1169    }
1170    @media (min-width: 960px) {
1171      .lg\:ml-auto { margin-left: auto; }
1172      .lg\:ml-1 { margin-left: 4px; }
1173      .lg\:ml-4 { margin-left: 16px; }
1174      .lg\:ml-8 { margin-left: 32px; }
1175      .lg\:ml-10 { margin-left: 40px; }
1176      .lg\:mr-0 { margin-right: 0; }
1177      .lg\:mr-3 { margin-right: 12px; }
1178      .lg\:mr-4 { margin-right: 16px; }
1179      .lg\:mr-5 { margin-right: 20px; }
1180      .lg\:pr-10{ padding-right: 40px; }
1181      .lg\:pl-10{ padding-left: 40px; }
1182      .lg\:pl-\[42px\] { padding-left: 42px; }
1183      .lg\:border-l { border-left: 1px solid var(--color-border); }
1184      .lg\:border-r { border-right: 1px solid var(--color-border); }
1185      .lg\:rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; }
1186    }
1187  </style>
1188<style>
1189  /* image */
1190  .product-snippet__img,
1191  .product-snippet__img-secondary{
1192    transition: opacity 400ms, transform 400ms;
1193  }
1194  .product-snippet__img-secondary {
1195    opacity: 0;
1196  }
1197
1198  .product-snippet__img {
1199    opacity: 1;
1200  }
1201
1202  .product-snippet__img-link{
1203    border-radius: var(--global-small-border-radius);
1204  }
1205  .product-snippet__img-wrapper.show_carousel .product-snippet__img_main,
1206  .product-snippet__img-wrapper:not(.show_carousel) .product-snippet__img_carousel{
1207    display: none !important;
1208  }
1209  .product-snippet__img_carousel .i-spzhtml-slide-item > * {
1210    width: 100% !important;
1211    padding: 0 !important;
1212    margin: 0 !important;
1213  }
1214  /* label */
1215  .product_snippet__label {
1216    position: absolute;
1217    top: 8px;
1218    left: 8px;
1219    padding: 2px;
1220    text-decoration-line: none;
1221    font-size: 12px;
1222    line-height: 1.2;
1223    border-radius:  2px ;
1224    z-index: 1;
1225  }
1226  .product_snippet__label:not([label-type="sold_out"]){
1227    background-color: var(--color-label-bg);
1228    color: var(--color-label-text);
1229  }
1230  .product_snippet__label[label-type="sold_out"]{
1231    background-color: var(--color-sold-label-bg);
1232    color: var(--color-sold-label-text);
1233  }
1234  .product_snippet__label spz-currency{
1235    display: inline-flex;
1236  }
1237  .product-snippet__title{
1238    word-break: break-word;
1239  }
1240
1241  /* price */
1242  .product-snippet__price-wrapper{
1243    line-height: 1.3;
1244  }
1245  .product-snippet__price{
1246    padding-right: 6px;
1247    font-weight: 500;
1248  }
1249  .product-snippet__price spz-currency{
1250    display: inline-flex;
1251  }
1252
1253  .product-snippet__from-price spz-currency {
1254    margin-left: 1px;
1255  }
1256
1257  html[dir="rtl"] .product-snippet__from-price spz-currency {
1258    margin-left: 0;
1259    margin-right: 1px;
1260  }
1261
1262  .product-snippet__price,
1263  .product-snippet__price .money,
1264  .product-snippet__compare-at-price{
1265    overflow: hidden;
1266    text-overflow: ellipsis;
1267    white-space: nowrap;
1268  }
1269
1270  .product-snippet__price .money {
1271    line-height: 1.25;
1272    font-weight: 500;
1273    color: var(--color-price-text);
1274  }
1275
1276  .product-snippet__compare-at-price {
1277    line-height: 1.15;
1278    color: var(--color-compare-at-price-text);
1279  }
1280
1281  .product-snippet__price-wrapper:not([wholesale-enabled]) .product-snippet__compare-at-price{
1282    text-decoration: line-through;
1283  }
1284
1285  .product-info-sales-and-reviews * + * {
1286    margin-left: 8px;
1287  }
1288
1289  html[dir="rtl"] .product-info-sales-and-reviews * + * {
1290    margin-left: 0;
1291    margin-right: 8px;
1292  }
1293
1294  @media (min-width: 960px){
1295    .product-snippet__price-wrapper{
1296      line-height: 1.1;
1297    }
1298    .product-snippet__price{
1299      font-size: calc(var(--type-text-font-size) + 2px);
1300    }
1301
1302    .product_snippet__label {
1303      padding: 2px 4px;
1304    }
1305
1306    .product-snippet__img-link[has-secondary-image]:hover .product-snippet__img{
1307      opacity: 0;
1308    }
1309
1310    .product-snippet__img-link[has-secondary-image]:hover .product-snippet__img-secondary{
1311      opacity: 1;
1312    }
1313    .product-snippet__img-secondary{
1314      transform: scale(1.05);
1315    }
1316
1317    .product-snippet__img-link[has-secondary-image]:hover .product-snippet__img-secondary{
1318      transform: scale(1);
1319    }
1320  }
1321  /* thumbnails */
1322  .product-snippet__thumbnails-item,
1323  .product-snippet__thumbnails-item img{
1324    border-radius: 1px;
1325  }
1326
1327  .product-snippet__thumbnails-item + .product-snippet__thumbnails-item {
1328    margin-left: 8px;
1329  }
1330
1331
1332  html[dir="rtl"] .product-snippet__thumbnails-item + .product-snippet__thumbnails-item {
1333    margin-left: 0;
1334    margin-right: 8px;
1335  }
1336
1337  .product-snippet__thumbnails-item[option] {
1338    position: relative;
1339  }
1340
1341  .product-snippet__thumbnails-item[option]::before {
1342    content: '';
1343    z-index: 1;
1344    position: absolute;
1345    top: 0;
1346    left: 0;
1347    right: 0;
1348    bottom: 0;
1349    border: 1px solid transparent;
1350    border-radius: var(--global-fixed-border-radius);
1351    transition: all .2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
1352  }
1353
1354  .product-snippet__thumbnails-item[option][selected]::before {
1355    border-color: var(--color-body-text);
1356  }
1357
1358  .product-snippet__thumbnails-item:not([option]) {
1359    margin: 0;
1360    padding: 0 8px;
1361    line-height: 36px;
1362  }
1363
1364  html[dir="rtl"] .product-snippet__thumbnails-item:not([option]) {
1365    margin: 0;
1366  }
1367
1368  /* quick shop icon */
1369  .product-snippet__quick-shop-icon {
1370    position: absolute;
1371    right: 8px;
1372    bottom: 8px;
1373    display: flex;
1374    align-items: center;
1375    justify-content: center;
1376    margin: 0;
1377    padding: 7px;
1378    border: none;
1379    border-radius: 9999px;
1380    background: rgba(255, 255, 255, 0.9);
1381    color: var(--color-body-text);
1382    z-index: 1;
1383  }
1384
1385  html[dir="rtl"] .product-snippet__quick-shop-icon {
1386    left: 8px;
1387    right: unset;
1388  }
1389
1390  @media (max-width: 959.98px) {
1391    .product-snippet__quick-shop-icon::before {
1392      content: '';
1393      position: absolute;
1394      top: -5px;
1395      left: -8px;
1396      right: -8px;
1397      bottom: -8px;
1398    }
1399  }
1400
1401  @media (min-width: 960px){
1402    .product-snippet__quick-shop-icon {
1403      padding: 10px;
1404      opacity: 0;
1405      transform: translateY(4px);
1406      transition: opacity .3s cubic-bezier(0.445, 0.05, 0.55, 0.95),
1407                  transform .3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
1408    }
1409
1410    .product-snippet__img-wrapper:hover .product-snippet__quick-shop-icon{
1411      opacity: 1;
1412      transform: translateY(0);
1413    }
1414  }
1415  /* quick shop btn */
1416  .product-snippet__quick-shop-btn{
1417    width: 100%;
1418    min-height: 40px;
1419    padding: 8px;
1420    border: 1px solid var(--color-primary-btn-bg);
1421    font-size: calc(var(--type-text-font-size) + 2px);
1422    font-weight: 600;
1423  }
1424  .product-snippet__quick-shop-btn[disable]{
1425    color: #9f9f9f;
1426    background-color: rgba(230, 230, 230, .5);
1427    border: none;
1428    cursor: default;
1429  }
1430  .product-snippet__quick-shop-btn:not(.select),
1431  .product_snippet__atc_select_btn{
1432    margin-top: 24px;
1433  }
1434  .product_snippet__atc_dropdown .i-spzhtml-dropdown-container{
1435    min-width: 100%;
1436  }
1437
1438  .product_snippet__atc_tooltip .i-spzhtml-tooltip-inner{
1439    padding: 0;
1440    box-shadow: none;
1441  }
1442  .product_snippet__atc_tooltip_content{
1443    display: flex;
1444    flex-direction: column;
1445    padding: 4px 0;
1446    color: var(--color-body-text);
1447    font-size: var(--type-text-font-size);
1448    background: var(--color-body-bg);
1449    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1), 0px 8px 40px rgba(0, 0, 0, 0.2);
1450    max-height: 300px;
1451    overflow: hidden auto;
1452  }
1453  .product_snippet__atc_tooltip_content input[type="radio"]{
1454    display: none;
1455  }
1456  .product_snippet__atc_tooltip_content label{
1457    padding: 12px;
1458    border-bottom: 1px solid #e5e5e5;
1459    display: flex;
1460    flex-wrap: wrap;
1461  }
1462  .product_snippet__atc_tooltip_content label:not([disabled]):hover{
1463    background: var(--color-body-text);
1464    color: var(--color-body-bg);
1465  }
1466  .product_snippet__atc_tooltip_content label[disabled]{
1467    opacity: 0.6;
1468  }
1469  .product_snippet__atc_tooltip_content .product-snippet__compare-at-price{
1470    text-decoration: line-through;
1471  }
1472</style>
1473    
1473<script>
1474      window.SHOP_PARAMS = {
1475        product_lang:{
1476          added_to_cart_successfully:"Added successfully",
1477          view_cart:"View Cart",
1478          select_variant:"Please select a variant at least",
1479          line_items_variant_withdraw: "Some items are not in stock, please re-order",
1480          line_items_variant_sold_out: "Some items have been sold out, please re-order",
1481          product_reorder: "Some items information has been updated, please re-order"
1482        },
1483        product_settings: {
1484          add_to_cart_process:"drawer",
1485        }
1486      }
1487      window.breakpoint = 960;
1488      window.disabled_exts = ["bootstrap", "image_video", "social_login", "global_version", "share_product", "boowc", "paypal_express"];
1489    </script>
1489
1490    
1490<script async crossorigin="anonymous" src="//static.staticdj.com/cuttlefish/v1/spz.min.js"></script>
1490
1491  
1491<script>window.C_SETTINGS={image_domain:"//img.staticdj.com/",payment_settings:{"paypal_express_enabled":true,"dynamic_config":{"paypal_js_sdk_url":"https:\/\/www.paypal.com\/sdk\/js?client-id=AUwoRlv3iZ3jt3o3hhcft_tZ5g6tvefEpjCf9YNGeH7q8p_WraleitkKfLnWIs8HLpzalgRA5AMT0BYO&currency=USD&disable-funding=card%2Cbancontact%2Cblik%2Ceps%2Cgiropay%2Cideal%2Cmercadopago%2Cmybank%2Cp24%2Csepa%2Csofort%2Cvenmo&enable-funding=paylater&merchant-id=7YRJJN7AMVJ6U","express_checkout_config":{"express_channels":["paypal","useepaygoogle","useepayapple"],"express_account_infos":{"paypal":{"channel_id":"67e4a57c-072f-489a-b977-5c8061f6f0b0","merchant_id":"7YRJJN7AMVJ6U","client_id":"BAAiZ4LenqMMdtcXldpCRb3odF0ds0xi86HuE1WESa8AF9AWLTyNAYLVXBlKvOigJHBREo2puhfqfQU9AA","account":"merchant","partner_account":{"id":"partner_region_cn","client_id":"AUwoRlv3iZ3jt3o3hhcft_tZ5g6tvefEpjCf9YNGeH7q8p_WraleitkKfLnWIs8HLpzalgRA5AMT0BYO"}},"useepayapple":{"channel_id":"b37a0c1e-2b3c-40c1-abbd-47fa32c3ec0c","supported_networks":["visa","masterCard","discover","amex"],"merchant_capabilities":["supports3DS","supportsDebit","supportsCredit"],"country_code":"HK"},"useepaygoogle":{"channel_id":"e92ba1c5-50cd-4b85-aba4-05f2419904e5","gateway":"useepay","gateway_merchant_id":"500000000016593","merchant_name":"nisartmacka","allowed_card_networks":["DISCOVER","MASTERCARD","VISA","AMEX"],"allowed_auth_methods":["PAN_ONLY","CRYPTOGRAM_3DS"]}},"express_theme_configs":{"useepayapple":{"theme_type":"Light"},"useepaygoogle":{"theme_type":"Light"}}},"scm":"express_checkout.10978.10979.10980.10981","unified_user_id":"","fallback_reason":"","request_id":"29e8747f-1fd9-4c74-abab-70f77cfc8957","ec_recommend":{"recommend_count":1,"exp_group":"","channel_groups":[{"payment_type":"paypal","candidates":[{"channel":"paypal","score":15.9}]},{"payment_type":"google_pay","candidates":[{"channel":"useepaygoogle","score":4.84}]},{"payment_type":"apple_pay","candidates":[{"channel":"useepayapple","score":0}]}],"scm":"express_checkout.10978.10979.10980.10981","unified_user_id":""},"ec_legacy_apple_pay_block_store_ids":["2036132","2171855","1021775","2373789","2050387","1831597","2386285","2374192"],"ec_legacy_google_pay_block_store_ids":["2036132","2171855","1021775","2373789","2050387","1831597","2386285","2374192"],"ec_legacy_spz_paypal_store_ids":[]}},sa_server_url:"https://r.shoplazza.com/sa?project=production&store_id=2189163",sa_web_url:"https://r.shoplazza.com/?store_id=2189163",routes:{root:""},currency_code:"USD",currency_symbol:"$",currency_symbol_pos:"left",theme:{"theme_id":"aa676694-c806-41d5-bc70-e26cb00f74e3","theme_version_id":"16994","merchant_theme_name":"Nova 2023","theme_preset":"","updated_at":"2026-04-01 09:02:27","merchant_theme_updated_at":"2024-10-22 07:42:25","theme_type":"standard","support_block":true,"support_app_block":true,"ext_theme_key":"","merchant_theme_c_version":"3.5.6","merchant_theme_version":"24.65.0"},customer:{"customer_id":null,"customer_phone":null,"customer_email":null},shop:{"shop_id":"2189163","shop_env":0,"shop_name":"nisartmacka","finance":1,"cdn_domain":"\/\/static.staticdj.com\/","image_domain":"\/\/img.staticdj.com\/","wholesale_enabled":false,"time_zone":"-0800","attrs":null,"show_payment_logo":false},meta:{page:{"template_name":"register","template_type":30,"template_suffix":"default"}},money_format:"amount",money_round_currencies:{"round_off_halfup":["XOF","XAF","XPF","BIF","CLP","KMF","DJF","GNF","ISK","JPY","PYG","RWF","KRW","UGX","VUV","VND","UYI","HUF","TWD"],"round_off_zero":[],"round_off_floor":[],"round_off_ceil":[]},slug:"nisartmacka",CLIENT_SENTRY_DSN:"https://[email protected]/5",region:"cn",store_plan:"base",store_trial:false,password_enabled:false,namespace:"production",market:{"market_id":null,"market_currency":null,"market_lang":null,"market_currency_symbol":null,"market_base_currency":null,"market_base_currency_symbol":null,"primary_market_id":null,"primary_market_currency":null,"primary_market_currency_symbol":null,"primary_market_lang":"en-US","market_price_setting":null,"market_domain":null},app_root_domain:"shoplazza.com",product_snippet_prefix:"shoplazza-product-snippet",section_prefix:"shoplaza-section"};window[atob("U0hPUExBWlpB")]= window.C_SETTINGS;</script>
1491<style type="text/css">
1492  .theme-toast-wrap{
1493    position: fixed;
1494    z-index: var(--z-index-tooltip);
1495    top: 64px;
1496    right: 0;
1497    left: 0;
1498    pointer-events: none;
1499  }
1500  .theme-toast{
1501    width: 100%;
1502    background: rgba(41, 41, 41, 0.95);
1503    color: #fff;
1504    pointer-events: auto;
1505    border-radius: 0px;
1506    position: unset !important;
1507    transform: unset !important;
1508    text-align: left !important;
1509  }
1510  @media (min-width: 960px) {
1511    .theme-toast-wrap {
1512      top: 60px;
1513    }
1514    .theme-toast{
1515      width: 400px;
1516      border-radius: 2px;
1517    }
1518  }
1519
1520  .add_cart-toast-wrap{
1521    position: fixed;
1522    z-index: var(--z-index-tooltip);
1523    top: 64px;
1524    right: 0;
1525    left: 0;
1526    pointer-events: none;
1527  }
1528  .add_cart-toast{
1529    width: 100%;
1530    background: rgba(41, 41, 41, 0.95);
1531    color: #fff;
1532    pointer-events: auto;
1533    border-radius: 0px;
1534    position: unset !important;
1535    transform: unset !important;
1536    text-align: left !important;
1537  }
1538  .toast_view_cart {
1539    color: #F3D07D;
1540  }
1541  @media (min-width: 960px) {
1542    .add_cart-toast-wrap {
1543      top: 60px;
1544    }
1545    .add_cart-toast{
1546      width: 400px;
1547      border-radius: 2px;
1548    }
1549  }
1550</style>
1551<script type="text/javascript">
1552/* top_v2-start */!function(e){var t={};function n(s){if(t[s])return t[s].exports;var o=t[s]={i:s,l:!1,exports:{}};return e[s].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,s){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(n.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(s,o,function(t){return e[t]}.bind(null,o));return s},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=12)}([function(e,t,n){"use strict";n.d(t,"h",(function(){return s})),n.d(t,"i",(function(){return o})),n.d(t,"s",(function(){return r})),n.d(t,"o",(function(){return i})),n.d(t,"r",(function(){return a})),n.d(t,"a",(function(){return c})),n.d(t,"b",(function(){return d})),n.d(t,"e",(function(){return u})),n.d(t,"c",(function(){return l})),n.d(t,"d",(function(){return p})),n.d(t,"f",(function(){return h})),n.d(t,"n",(function(){return _})),n.d(t,"g",(function(){return f})),n.d(t,"k",(function(){return v})),n.d(t,"l",(function(){return y})),n.d(t,"q",(function(){return m})),n.d(t,"j",(function(){return g})),n.d(t,"p",(function(){return b})),n.d(t,"m",(function(){return w}));const s="dj.request",o="dj.response",r="dj.viewContent",i="dj.productSearch",a="dj.variantChange",c="dj.addToCart",d="dj.cartChange",u="dj.cartUpdate",l="dj.cartItemChange",p="dj.cartItemDelete",h="dj.checkoutSubmit",_="dj.passwordReset",f="dj.completeRegistration",v="dj.login",y="dj.logout",m="dj.registration",g="dj.emailSubscription",b="dj.purchase",w="dj.pageLoad"},function(e,t,n){"use strict";n.d(t,"c",(function(){return o})),n.d(t,"d",(function(){return r})),n.d(t,"a",(function(){return i})),n.d(t,"b",(function(){return a}));var s=n(0);window.__SEAHORSE_BUS={listeners:{},addEventListener(e,t){this.listeners[e]||(this.listeners[e]=[]),this.listeners[e].push(t)},dispatchEvent(e,t){const n=this.listeners[e];n&&n.length>0?n.forEach(n=>{try{n(t)}catch(t){console.error("执行事件回调失败: "+e,t)}}):console.error("没有找到事件监听器: "+e)}};const o=function(e){const t=document.createElement("a");return t.href=e,t},r=(e,t)=>{var n;const o=(e=>e?{...e,event_time:Date.now(),__is_seahorse_event:!0}:null)(t);e===s.a&&window.__SEAHORSE_BUS.dispatchEvent(e,o);const r=new CustomEvent(e,{detail:o,bubbles:!0});null===(n=document.body)||void 0===n||n.dispatchEvent(r)},i=(e,t)=>{document.addEventListener(e,(function(e){t(e,e.detail)}))},a=e=>{const t={};try{if(!e||e.match(/^[{\[]+[^]*[}\]]+$/))return t;e.replace(/[?&]+([^=&]+)=([^&]*)/gi,(e,n,s)=>{null!=s&&(t[n]=s)})}catch(e){console.log(e)}return t}},function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));const s=function(){var e,t,n,s,o,r,i,a,c,d,u;const l=window.C_SETTINGS||window[atob("U0hPUExBWlpB")]||{};window[atob("U0hPUF9QQVJBTVM=")]=Object.assign({customer_id:null===(e=l.customer)||void 0===e?void 0:e.customer_id,finance:null===(t=l.shop)||void 0===t?void 0:t.finance,finance_symbol:l.currency_symbol,cdn_domain:null===(n=l.shop)||void 0===n?void 0:n.cdn_domain,theme_id:null===(s=l.theme)||void 0===s?void 0:s.theme_id,theme_name:null===(o=l.theme)||void 0===o?void 0:o.merchant_theme_name,theme_version:null===(r=l.theme)||void 0===r?void 0:r.theme_version_id,shop_name:null===(i=l.shop)||void 0===i?void 0:i.shop_name,shop_id:null===(a=l.shop)||void 0===a?void 0:a.shop_id,shop_env:null===(c=l.shop)||void 0===c?void 0:c.shop_env,default_img:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABlBMVEXx8fH///8wmV1OAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAACklEQVQImWNgAAAAAgAB9HFkpgAAAABJRU5ErkJggg==",template_name:null===(d=l.meta)||void 0===d||null===(d=d.page)||void 0===d?void 0:d.template_name,template_type:null===(u=l.meta)||void 0===u||null===(u=u.page)||void 0===u||null===(u=u.template_type)||void 0===u?void 0:u.toString()},window[atob("U0hPUF9QQVJBTVM=")]||{})}},function(e,t,n){"use strict";function s(){var e;null===(e=window.djInterceptors)||void 0===e||null===(e=e.proxy)||void 0===e||e.use(o)}function o({url:e,method:t,_body:n,redirect:s}){let o=null;try{var r,i,a;if(e.endsWith("/api/checkout/order")&&"POST"===t&&!s)if(n="string"==typeof n?JSON.parse(n):n,o={time:Date.now(),isOptimizedVersion:!1,source:["buy_now","cart"].includes(null===(r=n.refer_info)||void 0===r?void 0:r.source)?null===(i=n.refer_info)||void 0===i?void 0:i.source:"buy_now"},n.enable_order_create_proxy&&"one_page"!=(null===(a=n.refer_info)||void 0===a?void 0:a.source)){o&&(o.isOptimizedVersion=!0);const t=document.createElement("form");return t.method="POST",t.action=e.replace("/api/checkout/order","/checkout/create_order"),t.style.display="none",function(e,t){const n=document.createElement("input");n.type="hidden",n.name="data",n.value=JSON.stringify(t),e.appendChild(n)}(t,n),document.body.appendChild(t),t.submit(),document.body.removeChild(t),Promise.resolve(new Response(JSON.stringify({state:"success",ignore_to_checkout:!0,data:{items:n.line_items,refer_info:n.refer_info}}),{status:200,headers:{"Content-Type":"application/json"}}))}}catch(s){console.error("proxyCreateOrder error",e,t,n,s)}finally{o&&sessionStorage.setItem("CREATE_ORDER",JSON.stringify(o))}}n.d(t,"a",(function(){return s}))},function(e,t,n){"use strict";n.d(t,"a",(function(){return y}
1552));class s{constructor(){this._handlers=[]}use(e){return this._handlers.push(e),this._handlers.length-1}eject(e){this._handlers[e]&&(this._handlers[e]=null)}forEach(e){this._handlers.forEach((t,n)=>{null!==t&&e(t,n)})}length(){return this._handlers.length}}var o=n(1);const r="dj.request",i="dj.response",a="dj.beforeRequest",c="application/x-www-form-urlencoded",d="application/json",u=/(?:\[)(.+?)(?:\])/g,l=/^\d$/,p=e=>{if(!e)return e;let t=e;try{t=JSON.parse(JSON.stringify(e)),Object.keys(e).forEach(n=>{var s;let o=null==n?void 0:n.match(u);if(!o)return void(t[n]=e[n]);o=o.map(e=>e.slice(1,-1));const r=o[0],i=l.test(r),a=null==n?void 0:n.slice(0,null==n?void 0:n.indexOf("["));t[a]||(t[a]=i?[]:{}),null===(s=o)||void 0===s||s.forEach(s=>{l.test(s)||(i?(t[a][r]||(t[a][r]={}),t[a][r][s]=e[n]):t[a][s]=e[n])})})}catch(e){console.log(e)}return t};class h{constructor(e,t,n,s){this.__reqHeaders=Object.assign({},n),this._request={url:e,redirect:void 0,method:t,headers:n,_body:s,body:void 0},this._response={data:void 0,headers:void 0,status:void 0},this.__origin_code_map_={}}redirectUrl_(){return this._request.redirect}getContentType_(e){for(const t in e.headers||{})if("content-type"===t.toLowerCase())return e.headers[t]}getRequestType_(){return this.getContentType_(this._request)}getResponseType_(){return this.getContentType_(this._response)}serializeBody_(){const e=this.getRequestType_();if(!e||!this._request._body)return;let t=void 0;try{e.indexOf(c)>-1?t=this.formStringToObj_(this._request._body):e.indexOf(d)>-1&&(t=JSON.parse(this._request._body))}catch{}t&&(this._request.body=t)}deserializeBody_(){const e=this.getRequestType_();if(!e||!this._request.body)return;let t=void 0;try{e.indexOf(c)>-1?t=this.formBodyToString_(this._request.body):e.indexOf(d)>-1&&(t=JSON.stringify(this._request.body))}catch{}t&&(this._request._body=t)}formBodyToString_(e){const t=[],n=(e,n)=>{t.push(this.getEncodeValue_(e)+"="+this.getEncodeValue_(n))};for(const t in e){const s=e[t];Array.isArray(s)?s.forEach(e=>{n(t,e)}):n(t,s)}return t.join("&")}formStringToObj_(e){const t={};if(!e||e.match(/^[{\[]+[^]*[}\]]+$/))return t;const n=[];return("?"+e).replace(/[?&]+([^=&]+)=([^&]*)/gi,(e,s,o)=>{null!=o&&(s=this.getDecodeValue_(s),o=this.getDecodeValue_(o),n.push({key:s,value:o}),null!=t[s]?t[s]=n.filter(e=>e.key==s).map(e=>e.value):t[s]=o)}),t}getDecodeValue_(e){const t=decodeURIComponent(e),n=e!==encodeURIComponent(t)?e:t;return this.__origin_code_map_[n]=e,n}getEncodeValue_(e){return void 0!==this.__origin_code_map_[e]?this.__origin_code_map_[e]:null==e?e:encodeURIComponent(e)}triggerBeforeRequestEvent(){Object(o.d)(a,Object.assign({},this._request,{body:p(this._request.body)}))}triggerRequestEvent(){Object(o.d)(r,Object.assign({},this._request,{body:p(this._request.body)}))}triggerResponseEvent(){Object(o.d)(i,{request:Object.assign({},this._request,{body:p(this._request.body)}),response:this._response})}shouldSendDirectly_(){var e,t;if(!(null!==(e=window.djInterceptors)&&void 0!==e&&null!==(e=e.request)&&void 0!==e&&e.length()||null!==(t=window.djInterceptors)&&void 0!==t&&null!==(t=t.proxy)&&void 0!==t&&t.length()))return!0;const n=this.getRequestType_();return!(!n||-1!==n.indexOf(c)||-1!==n.indexOf(d))}shouldReturnDirectly_(){var e;if(null===(e=window.djInterceptors)||void 0===e||null===(e=e.response)||void 0===e||!e.length())return!0;const t=this.getResponseType_();return!(!t||-1!==t.indexOf(d))}headersModified_(){const e={};let t=!1;const n=this._request.headers;return Object.getOwnPropertyNames(n||{}).forEach(s=>{n[s]!==this.__reqHeaders[s]&&(e[s]=n[s],t=!0)}),t?e:void 0}requestHooks_(){var e;let t=[],n=Promise.resolve(this._request);for(null===(e=window.djInterceptors)||void 0===e||null===(e=e.request)||void 0===e||e.forEach(e=>{t.push(e)});t.length;)n=n.then(t.shift());return n}responseHooks_(){var e;const t=Object.assign(this._response,{config:this._request});let n=Promise.resolve(t);if(this.shouldReturnDirectly_())return n;let s=[];for(null===(e=window.djInterceptors)||void 0===e||null===(e=e.response)||void 0===e||e.forEach(e=>{s.push(e)});s.length;)n=n.then(s.shift());return n}send(e){const t=()=>{if(e)return this.triggerRequestEvent(),e(this._request._body,this.redirectUrl_(),this.headersModified_())};
1552return this.shouldSendDirectly_()?t():this.requestHooks_().then(e=>{e&&e.body&&this.deserializeBody_()}).catch(e=>{console.log(e)}).then(()=>this.handleProxyHook_()).then(e=>e||t())}mock(e){return e?this.parseResponse_(e).then(()=>{this.triggerResponseEvent()}).then(()=>this.responseHooks_()).then(({data:t,status:n})=>{if(!t)return e;if(t instanceof Response)return t;if(e.hasOwnProperty("data")){const s=this.canParseToJson_(e.data);return{status:n,data:this.isObject_(s)?JSON.stringify(t):t}}return e instanceof Response?new Response(JSON.stringify(t),{status:n,headers:e.headers,statusText:e.statusText}):void 0}).catch(()=>(this.triggerResponseEvent(),e)):Promise.resolve(e)}parseResponse_(e){if(this._response.status=e.status||200,e.hasOwnProperty("data")){this._response.headers=e.headers;const t=this.canParseToJson_(e.data);return this._response.data=this.isObject_(t)?t:e.data,Promise.resolve()}return e instanceof Response?(this._response.headers=this.parseHeaders_(e.headers),e.clone().json().then(e=>{this._response.data=e}).catch(()=>this._response.data=e)):Promise.resolve()}parseHeaders_(e){const t={};if("function"==typeof e.entries)for(const n of e.entries())t[n[0]]=n[1];return t}canParseToJson_(e){try{return JSON.parse(e)}catch{}return!1}isObject_(e){return"object"==typeof e}handleBeforeRequest_(){this.serializeBody_(),this.triggerBeforeRequestEvent()}async handleProxyHook_(){try{var e;const t=[];null===(e=window.djInterceptors)||void 0===e||null===(e=e.proxy)||void 0===e||e.forEach(e=>{t.push(e)});for(const e of t){const t=await e(this._request);if(t)return t}}catch(e){console.log(e)}}intercept(e){this.handleBeforeRequest_();const t=this.send(e);if(t instanceof Promise)return t.then(e=>this.mock(e))}}function _(){const e=function(e){if(this.readyState===window.XMLHttpRequest.DONE&&(e.requestProxy_||e.responseMock_))return e.responseMock_||(e.responseMock_=t=>e.requestProxy_.mock.apply(e.requestProxy_,[t])),e.responseMock_({status:this.status,data:this.responseType_&&"text"!=this.responseType_?this.response:this.responseText,headers:f(e)}).then(({data:e,status:t})=>(this.response=this.responseText=e,this.status=t,e))};!function(e){const t=window;t.__xhr=t.__xhr||t.XMLHttpRequest;const n=t.__xhr.prototype.setRequestHeader,s=t.__xhr.prototype.open,o=t.__xhr.prototype.send,r=function(e,t){e&&Object.getOwnPropertyNames(e).filter(e=>!t||!t.hasOwnProperty(e)).forEach(t=>{n.apply(this,[t,e[t]])})};function i(t){return function(){const n=this.hasOwnProperty(t+"_")?this[t+"_"]:this.xhr[t],s=(e[t]||{}).getter;return s&&s(n,this)||n}}function a(t){return function(n){const s=this.xhr,o=this,r=e[t];if("on"===t.substring(0,2))o[t+"_"]=n,s[t]=function(r){const i=e[t]&&e[t].call(o,s,r);i?i.then(()=>n.call(o,r)):n.call(o,r)};else{const e=(r||{}).setter;n=e&&e(n,o)||n,this[t+"_"]=n;try{s[t]=n}catch(e){}}}}function c(t){return function(){const n=[].slice.call(arguments);if(e[t]){const s=e[t].call(this,n,this.xhr);if(s&&s.then)return s.then(()=>this.xhr[t].apply(this.xhr,[].slice.call(arguments)))}return this.xhr[t].apply(this.xhr,n)}}t.XMLHttpRequest.prototype.setRequestHeader=function(e,t){return this._headers=Object.assign({},this._headers||{},{[e]:t}),n.apply(this,arguments)},t.XMLHttpRequest.prototype.open=function(e,t){return this._method=e||"GET",this._url=t,s.apply(this,arguments)},t.XMLHttpRequest.prototype.send=function(e){return this.requestProxy_=new h(this._url,this._method,this._headers,e),this.requestProxy_.intercept((e,t,n)=>{t&&(s.apply(this,[this._method,t]),r.apply(this,[this._headers,n])),r.apply(this,[n]),o.call(this,e)})},t.XMLHttpRequest=function(){const e=new t.__xhr;for(let t in e){"function"===typeof e[t]?this[t]=c(t):Object.defineProperty(this,t,{get:i(t),set:a(t),enumerable:!0})}this.xhr=e},t.XMLHttpRequest.prototype=t.__xhr.prototype,Object.assign(t.XMLHttpRequest,{UNSENT:0,OPENED:1,HEADERS_RECEIVED:2,LOADING:3,DONE:4}),t.__xhr}({onreadystatechange:e,onload:e,onloadend:e,addEventListener:function(t,n){const s=this;if(["load","loadend","timeout","error","readystatechange","abort"].includes(t[0]))return e.call(s,n)}})}function f(e){const t=e.getAllResponseHeaders().trim().split(/[\r\n]+/);var n={};
1552return t.forEach(e=>{const t=e.split(": "),s=t.shift(),o=t.shift();n[s]=o}),n}const v=["checkout","thank_you"],y=()=>{var e;v.includes(null===(e=window.C_SETTINGS)||void 0===e||null===(e=e.meta)||void 0===e||null===(e=e.page)||void 0===e?void 0:e.template_name)||(window.djInterceptors={request:new s,response:new s,track:new s,proxy:new s},_(),function(){const e=window.fetch;"function"==typeof e&&(window.fetch=function(t,n={}){const s=(null==n?void 0:n.method)||"GET";return new h(t,s,null==n?void 0:n.headers,null==n?void 0:n.body).intercept((s,o,r)=>(n.body=s,r&&(n.headers&&"function"==typeof n.headers.set?Object.getOwnPropertyNames(r).forEach(e=>n.headers.set(e,r[e])):(n.headers||(n.headers={}),Object.assign(n.headers,r))),t=o||t,e.call(this,t,n)))})}())}},function(e,t,n){"use strict";n.d(t,"a",(function(){return b}));var s=n(1),o=n(0);const r=(e,t)=>{e>=200&&e<300&&t()},i=e=>{var t;if(!e)return{};const n=e.quantity||1,s=e.add_quantity||e.quantity||1;let o={option1:"",option2:"",option3:""};return null===(t=e.options)||void 0===t||t.forEach((e,t)=>{o["option"+(t+1)]=e.value}),{product_id:e.product_id,variant_id:e.variant_id,variant:o,name:e.product_title,item_price:e.price,quantity:n,number:s,properties:e.properties,sku:e.sku,vendor:e.vendor,type:""}},a=[{path:/\/api\/customers\/sign_up$/,method:"post",events:{[o.q]:({body:e},t)=>{t({accout:e.email,sign_up_method:e.email.indexOf("@")<0?"手机号":"邮箱"})}}}],c=[{path:/\/api\/cart$/,method:"get",events:{[o.e]:({response:e},t)=>{r(e.status,()=>{var n;(n=e.data,"[object Object]"===Object.prototype.toString.call(n))&&t(e.data.cart)})}}},{path:/\/api\/search$/,method:"get",events:{[o.o]:({response:e,url:t},n)=>{r(e.status,()=>{const o=e.data.data||{},{total:r}=o;let i=o.keyword;i||(i=Object(s.b)(t).keyword),n({keyWord:i,total:r,hasResult:r>0,source:"api"})})}}},{path:new RegExp("/api/products/[0-9a-fA-F]{4}(?:[0-9a-fA-F]{4}-){4}[0-9a-fA-F]{12}$"),method:"get",events:{[o.s]:({response:e},t)=>{r(e.status,()=>{var n;t({product:null===(n=e.data)||void 0===n||null===(n=n.data)||void 0===n?void 0:n.product,selected:{},qty:1,source:"api"})})}}},{path:/\/api\/cart$/,method:"post",events:{[o.a]:({response:e},t)=>{r(e.status,()=>{var n;const s=null===(n=e.data.data)||void 0===n||null===(n=n.items)||void 0===n?void 0:n[0];t(i(s))})},[o.b]:({response:e},t)=>{r(e.status,()=>{t()})}}},{path:/\/api\/cart\/batch$/,method:"post",events:{[o.a]:({response:e},t)=>{r(e.status,()=>{var n;null===(n=e.data.items)||void 0===n||n.map(e=>{t(i(e))})})},[o.b]:({response:e},t)=>{r(e.status,()=>{t()})}}},{path:/\/api\/checkout\/order$/,method:"post",events:{[o.a]:({body:e,response:t},n)=>{r(t.status,()=>{var s;const o=null===(s=e.refer_info)||void 0===s?void 0:s.source;if("buy_now"==o){var r,a,c;const s=null===(r=t.data.data)||void 0===r||null===(r=r.items)||void 0===r?void 0:r[0],d=null===(a=e.refer_info)||void 0===a?void 0:a.pay_method,u=null===(c=t.data.data)||void 0===c?void 0:c.trade_id,l=Object.assign({},i(s),{source:o,pay_method:d,trade_id:u});n(l)}})},[o.f]:({body:e,response:t},n)=>{r(t.status,()=>{n({line_items:e&&e.line_items||[],refer_info:e&&e.refer_info||{}})})}}},{path:/\/api\/customers\/password_reset$/,method:"patch",events:{[o.n]:({response:e},t)=>{200===e.status?t({forget:!0}):422===e.status&&t({forget:!1})}}},{path:/\/api\/customers\/sign_up$/,method:"post",events:{[o.g]:({response:e},t)=>{r(e.status,()=>{t("register")})}}},{path:/\/api\/customers\/sign_in$/,method:"post",events:{[o.k]:({body:e,response:t},n)=>{const s=function(t,s){var o;n({login_method:e.email.indexOf("@")<0?"手机号":"邮箱",shop_name:null===(o=window.C_SETTINGS.shop)||void 0===o?void 0:o.shop_name,login_result:t,fail_reason:s||""})};if(200===t.status)s(!0);else if(422===t.status){const e=t.data.errors;s(!1,null!=e&&e.join?e.join(","):e)}}}},{path:/\/api\/customers\/sign_out$/,method:"post",events:{[o.l]:({response:e},t)=>{r(e.status,()=>{t()})}}},{path:/\/api\/customers\/newsletters$/,method:"post",events:{[o.j]:({response:e},t)=>{r(e.status,()=>{t()})}}},{path:/\/api\/cart\/[\w\-]+$/,method:"patch",events:{[o.b]:({response:e},t)=>{r(e.status,()=>{t(e.data.cart)}
1552)},[o.e]:({response:e},t)=>{r(e.status,()=>{t(e.data.cart)})},[o.c]:({body:e,response:t},n)=>{r(t.status,()=>{n({cart:t.data.cart,item:e})})}}},{path:/\/api\/cart\/[\w\-]+$/,method:"delete",events:{[o.b]:({response:e},t)=>{r(e.status,()=>{t(e.data.cart)})},[o.e]:({response:e},t)=>{r(e.status,()=>{t(e.data.cart)})},[o.d]:({body:e,response:t},n)=>{r(t.status,()=>{n({cart:t.data.cart,item:e})})}}}],d=(e,t,n)=>{const o=Object(s.c)(t).pathname;return e.find(e=>{const t=e.path;if(e.method!==n.toLowerCase())return!1;if(t instanceof RegExp){if(t.test(o))return!0}else if(t===o)return!0})},u=(e,t)=>{if(!e)return;const n=(e=>{var t;const n={};return null===(t=window.djInterceptors)||void 0===t||null===(t=t.track)||void 0===t||t.forEach((t,s)=>{var o;null!=e&&null!==(o=e.events)&&void 0!==o&&o[t.event]&&(n[t.event]=Object.assign({},n[t.event],t.params),(null==t.once||t.once)&&window.djInterceptors.track.eject(s))}),n})(e);Object.keys((null==e?void 0:e.events)||{}).forEach(o=>{e.events[o](t,e=>{["undefined","object"].includes(typeof e)&&(e=Object.assign({},e,{_extra:n[o]})),Object(s.d)(o,e)})})},l=location.origin+"__recently-viewed-productIds__",p=(e,t)=>{try{window.localStorage.setItem(e,JSON.stringify(t))}catch(e){console.error(e)}},h=e=>{try{const t=window.localStorage.getItem(e);return t&&JSON.parse(t)}catch(e){console.error(e)}},_=({product:e,selected:t,qty:n,quantity:r})=>{var i;let a=e,c=t;const{product:d,selected:u}=y()||{};(null==e?void 0:e.id)!==(null==d?void 0:d.id)||null!=d&&null!==(i=d.options)&&void 0!==i&&i.length||(a=d,c=u),Object(s.d)(o.s,{product:a||{},selected:c||{},qty:n||r||1,source:"pageview"})},f=(e,t,n)=>{if(C_SETTINGS.meta.page.template_name===t)try{window.addEventListener(e,n)}catch{}},v=(e,t)=>
1552{f("load",e,t)};function y(){let e=document.querySelector("#product-json");return e?JSON.parse(e.innerHTML):"function"==typeof $?$(document).data("djproduct"):void 0}const m=()=>{v("product",()=>{let e={product:{},selected:{},qty:1},t=y();t&&Object.assign(e,t),requestAnimationFrame(()=>_(e)),requestAnimationFrame(()=>{let e=h(l)||[];const n=t&&t.product&&t.product.id;if(n){const t=e.indexOf(n);-1!==t&&e.splice(t,1),e.unshift(n),p(l,e)}})}),Object(s.a)(o.r,(e,t)=>{"complete"===document.readyState&&(t&&t.source&&"initial_load"===t.source||_(t))})};function g(){m(),v("search",()=>{const e=Object(s.b)(location.search).q,t=Number.parseInt("",10)||0;Object(s.d)(o.o,{keyword:e,total:t,hasResult:t>0,keyWord:e,source:"pageview"})}),v("thank_you",()=>{var e;const t=null===(e=window.ORDER)||void 0===e?void 0:e.id,n=h("__thank_you_already_event_map__")||{};null!=n&&n[t]||(n[t]=!0,p("__thank_you_already_event_map__",n),Object(s.d)(o.p,Object.assign({},window.ORDER||{},{order_count:window.ORDER.customer&&window.ORDER.customer.order_count})))}),v("thank_you",()=>{Object(s.d)(o.m,Object.assign({},window.ORDER||{}))}),v("product",()=>{Object(s.d)(o.m,Object.assign({},y()||{}))})}function b(){Object(s.a)(o.h,(e,{url:t,method:n,body:s})=>{const o=d(a,t,n);u(o,{url:t,body:s})}),Object(s.a)(o.i,(e,{request:t,response:n})=>{const{url:s,method:o,body:r}=t,i=d(c,s,o);u(i,{url:s,method:o,body:r,response:n})}),g()}},function(e,t){try{(()=>{const e=e=>{const t=e.split("&&")[0];if(!t)return[];const n=t.indexOf("=");let s="";return-1!==n&&(s=t.slice(n+1)),s?s.split(";").filter(e=>e):[]},t=(e,t)=>{if(!t)return;if(/\/cuttlefish\//.test(t))return;return e.some(e=>{let n=t;return t.replace&&(n=t.replace("https:","")),n==e.replace("https:","")})},n=["application/javascript","text/javascript"],s=(e,t)=>{self.MainThread.upgradeScript(e,t)},o=o=>{const r=e(o);new MutationObserver(e=>{e.forEach(({addedNodes:e})=>{e.forEach(e=>{(e=>1===e.nodeType&&"SCRIPT"===e.tagName&&(!e.type||n.includes(e.type)))(e)&&(t(r,e.src)||"worker"==e.getAttribute("scope"))&&(e.type="text/spz-script",s(e.src,e))})})}).observe(document.documentElement,{childList:!0,subtree:!0})},r=o=>{const r=e(o),i=document.createElement,a=(e,s)=>e&&t(r,e)&&n.includes(s);document.createElement=function(e){const t=i.call(document,e);return"script"===e.toLowerCase()&&function(e){let t="",n="text/javascript";Object.defineProperty(e,"src",{get:function(){return t},set:function(o){t=o,e.setAttribute("src",o),a(t,n)&&(e.type="text/spz-script",s(t))}}),Object.defineProperty(e,"type",{get:function(){return n},set:function(s){n=s,a(t,n)&&(n="text/spz-script"),e.setAttribute("type",n)}});const o=e.setAttribute;e.setAttribute=function(){const t=Array.prototype.slice.call(arguments);"src"===t[0]?a(t[1],e.type)&&(e.type="text/spz-script",s(t[1])):"type"===t[0]&&a(e.src,t[1])&&(t[1]="text/spz-script"),o.apply(e,t)}}(t),t}};(()=>{const e="";e.includes("script_url")&&!e.includes("is_switch=0")&&(self.MainThread||(()=>{const e=window.C_SETTINGS.shop.cdn_domain+"cuttlefish/plugin",t=document.createElement("script");t.src=e+"/main.js",t.crossOrigin="anonymous",t.setAttribute("async",""),document.head.appendChild(t)})(),o(e),r(e))})()})()}catch(e){console.log(e)}},,,,,,function(e,t,n){n(13),n(6)},function(e,t,n){"use strict";n.r(t);var s=n(2),o=n(4),r=n(5),i=n(3);Object(s.a)(),Object(o.a)(),Object(i.a)(),Object(r.a)()}]);/* top_v2-end */
1553</script>
1553
1554<style id="spz-theme-vars">
1555  :root {
1556    --spz-theme-pdp-title-font-family: var(--font-heading-family);
1557    --spz-theme-pdp-title-font-size: calc(var(--type-heading-font-size) * 0.8);
1558    --spz-theme-pdp-title-line-height: 1.25;
1559    --spz-theme-pdp-title-font-weight: var(--font-heading-weight);
1560    --spz-theme-pdp-title-color: var(--color-product-title-text);
1561    --spz-theme-pdp-subtitle-font-size: var(--type-text-font-size);
1562    --spz-theme-pdp-subtitle-line-height: 1.2;
1563    --spz-theme-pdp-subtitle-font-weight: var(--font-body-weight);
1564    --spz-theme-pdp-subtitle-color: #9F9F9F;
1565    --spz-theme-pdp-price-font-family: var(--font-heading-family);
1566    --spz-theme-pdp-price-font-size: calc(var(--type-heading-font-size) * .8);
1567    --spz-theme-pdp-price-line-height: 1.2;
1568    --spz-theme-pdp-price-font-weight: 600;
1569    --spz-theme-pdp-price-color: var(--color-price-text);
1570    --spz-theme-pdp-compare-price-font-size: calc(var(--type-text-font-size) + 2px);
1571    --spz-theme-pdp-compare-price-line-height: 1.2;
1572    --spz-theme-pdp-compare-price-font-weight: var(--font-body-weight);
1573    --spz-theme-pdp-compare-price-color: var(--color-compare-at-price-text);
1574    --spz-theme-pdp-save-badge-font-size: calc(var(--type-text-font-size) - 2px);
1575    --spz-theme-pdp-save-badge-line-height: 1.2;
1576    --spz-theme-pdp-save-badge-font-weight: 600;
1577    --spz-theme-pdp-save-badge-color: var(--color-save-price-text);
1578    --spz-theme-pdp-save-badge-border: 1px solid currentColor;
1579    --spz-theme-pdp-save-badge-radius: 2px;
1580    --spz-theme-pdp-save-badge-padding: 0px 4px;
1581    --spz-theme-pdp-variant-title-font-family: var(--font-body-family);
1582    --spz-theme-pdp-variant-title-font-size: calc(var(--type-text-font-size) + 2px);
1583    --spz-theme-pdp-variant-title-font-weight: 600;
1584    --spz-theme-pdp-variant-font-size: var(--type-text-font-size);
1585    --spz-theme-pdp-variant-line-height: 1.15;
1586    --spz-theme-pdp-variant-font-weight: var(--font-body-weight);
1587    --spz-theme-pdp-variant-color: var(--color-body-text-75);
1588    --spz-theme-pdp-variant-border: 1px solid var(--color-border);
1589    --spz-theme-pdp-variant-radius: var(--btn-fixed-border-radius);
1590    --spz-theme-pdp-variant-min-width: auto;
1591    --spz-theme-pdp-variant-min-height: auto;
1592    --spz-theme-pdp-variant-max-width: none;
1593    --spz-theme-pdp-variant-padding: 13px 16px;
1594    --spz-theme-pdp-variant-gap: 12px;
1595    --spz-theme-pdp-qty-label-font-family: var(--font-body-family);
1596    --spz-theme-pdp-qty-label-font-size: calc(var(--type-text-font-size) + 2px);
1597    --spz-theme-pdp-qty-label-line-height: 1.25;
1598    --spz-theme-pdp-qty-label-font-weight: 600;
1599    --spz-theme-pdp-qty-label-color: var(--color-body-text);
1600    --spz-theme-pdp-qty-font-size: calc(var(--type-text-font-size) + 2px);
1601    --spz-theme-pdp-qty-radius: 2px;
1602    --spz-theme-pdp-atc-button-font-size: calc(var(--type-text-font-size) + 2px);
1603    --spz-theme-pdp-atc-button-line-height: 1.25;
1604    --spz-theme-pdp-atc-button-font-weight: 500;
1605    --spz-theme-pdp-atc-button-height: 52px;
1606    --spz-theme-pdp-atc-button-padding: 0px 0px 0px 0px;
1607    --spz-theme-pdp-atc-button-radius: var(--btn-border-radius);
1608    --spz-theme-pdp-buy-button-font-size: calc(var(--type-text-font-size) + 2px);
1609    --spz-theme-pdp-buy-button-line-height: 1.25;
1610    --spz-theme-pdp-buy-button-font-weight: 500;
1611    --spz-theme-pdp-stock-note-font-size: var(--type-text-font-size);
1612    --spz-theme-pdp-stock-note-line-height: 1.2;
1613    --spz-theme-pdp-stock-note-font-weight: var(--font-body-weight);
1614    --spz-theme-pdp-stock-note-color: var(--color-price-text);
1615    --spz-theme-plp-title-font-size: 24px;
1616    --spz-theme-plp-title-line-height: 1.3;
1617    --spz-theme-plp-title-font-weight: 400;
1618    --spz-theme-plp-title-font-family: var(--font-body-family);
1619    --spz-theme-plp-title-color: var(--color-general-heading-text);
1620    --spz-theme-plp-card-title-font-size: var(--type-text-font-size);
1621    --spz-theme-plp-card-title-line-height: 1.25;
1622    --spz-theme-plp-card-title-font-weight: var(--font-heading-weight);
1623    --spz-theme-plp-card-title-font-family: var(--font-heading-family);
1624    --spz-theme-plp-card-title-color: var(--color-product-title-text);
1625    --spz-theme-plp-card-price-font-size: calc(var(--type-text-font-size) + 2px);
1626    --spz-theme-plp-card-price-font-weight: 600;
1627    --spz-theme-plp-card-price-color: var(--color-price-text);
1628    --spz-theme-plp-card-compare-font-size: var(--type-text-font-size);
1629    --spz-theme-plp-card-compare-line-height: 1.15;
1630    --spz-theme-plp-card-compare-font-weight: var(--font-body-weight);
1631    --spz-theme-plp-card-compare-color: var(--color-compare-at-price-text);
1632    --spz-theme-plp-badge-font-size: 12px;
1633    --spz-theme-plp-badge-padding: 2px 4px;
1634    --spz-theme-plp-badge-radius: var(--global-border-radius);
1635    --spz-theme-plp-badge-color: var(--color-label-text);
1636    --spz-theme-plp-soldout-color: var(--color-sold-label-text);
1637    --spz-theme-plp-quick-add-color: var(--color-quick-shop-btn-bg);
1638    --spz-theme-plp-swatch-gap: 8px;
1639    --spz-theme-plp-swatch-radius: var(--global-fixed-border-radius);
1640    --spz-theme-plp-card-image-radius: var(--global-small-border-radius);
1641    --spz-theme-plp-card-image-aspect-ratio: calc(100 / 100);
1642    --spz-theme-plp-card-radius: 0;
1643    --spz-theme-cart-drawer-width: 468px;
1644    --spz-theme-cart-drawer-radius: 0;
1645    --spz-theme-cart-title-font-size: calc(var(--type-heading-font-size) * 0.8);
1646    --spz-theme-cart-title-line-height: 1.17;
1647    --spz-theme-cart-title-font-weight: var(--font-heading-weight);
1648    --spz-theme-cart-item-title-font-size: var(--type-text-font-size);
1649    --spz-theme-cart-item-title-line-height: 1.25;
1650    --spz-theme-cart-item-title-font-weight: var(--font-body-weight);
1651    --spz-theme-cart-item-title-font-family: var(--font-body-family);
1652    --spz-theme-cart-item-title-color: var(--color-product-title-text);
1653    --spz-theme-cart-item-variant-font-size: var(--type-text-font-size);
1654    --spz-theme-cart-item-variant-color: var(--color-body-text-70);
1655    --spz-theme-cart-item-price-font-size: calc(var(--type-text-font-size) + 2px);
1656    --spz-theme-cart-item-price-line-height: 1.25;
1657    --spz-theme-cart-item-price-font-weight: 500;
1658    --spz-theme-cart-item-price-color: var(--color-price-text);
1659    --spz-theme-cart-qty-radius: var(--global-border-radius);
1660    --spz-theme-cart-qty-border: 1px solid var(--color-border);
1661    --spz-theme-cart-item-image-radius: var(--global-fixed-border-radius);
1662    --spz-theme-cart-summary-card-bg: var(--color-cart-subtotal-bg);
1663    --spz-theme-cart-checkout-bg: var(--color-primary-btn-bg);
1664    --spz-theme-cart-checkout-color: var(--color-primary-btn-text);
1665    --spz-theme-cart-checkout-height: 46px;
1666    --spz-theme-cart-checkout-font-size: calc(var(--type-text-font-size) + 2px);
1667    --spz-theme-cart-checkout-font-weight: 700;
1668    --spz-theme-cart-checkout-radius: var(--btn-border-radius);
1669    --spz-theme-atc-modal-width: 495px;
1670    --spz-theme-atc-modal-max-height: 86vh;
1671    --spz-theme-atc-modal-border-width: 0;
1672    --spz-theme-atc-modal-radius: var(--global-small-border-radius);
1673    --spz-theme-page-width: 1440px;
1674    --spz-theme-page-gutter: var(--page-spacing);
1675    --spz-theme-grid-gap-x: 40px;
1676    --spz-theme-grid-gap-y: 44px;
1677    --spz-theme-button-radius: var(--btn-border-radius);
1678    --spz-theme-button-border-width: 1px;
1679    --spz-theme-button-hover-bg-color: var(--color-primary-btn-bg);
1680    --spz-theme-button-hover-text-color: var(--color-primary-btn-text);
1681    --spz-theme-input-bg-color: transparent;
1682    --spz-theme-input-text-color: var(--color-body-text);
1683    --spz-theme-input-border-color: var(--color-border);
1684    --spz-theme-input-radius: var(--global-border-radius);
1685    --spz-theme-toast-radius: 2px;
1686    --spz-theme-progress-radius: 1px;
1687    --spz-theme-pill-radius: 9999px;
1688  }
1689  #cart-drawer-modal, [data-spz-theme-scope="cart-drawer"] {
1690    --spz-theme-cart-item-price-font-size: var(--type-text-font-size);
1691  }
1692  @media (max-width: 959px) {
1693    :root {
1694      --spz-theme-pdp-title-font-size: calc(var(--type-heading-font-size) * 0.47);
1695      --spz-theme-pdp-variant-title-font-size: var(--type-text-font-size);
1696      --spz-theme-pdp-variant-padding: 10px 16px;
1697      --spz-theme-pdp-atc-button-height: 42px;
1698      --spz-theme-pdp-atc-button-padding: px px px px;
1699      --spz-theme-cart-drawer-width: 84.62%;
1700      --spz-theme-page-gutter: 16px;
1701      --spz-theme-grid-gap-x: 15px;
1702      --spz-theme-grid-gap-y: 24px;
1703      --spz-theme-toast-radius: 0;
1704    }
1705  }
1706</style>
1707
1708<script type="text/javascript">
1709/* golden-top-start */!function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="https://static.staticdj.com/",n(n.s=13)}([function(e,t,n){"use strict";n.d(t,"c",(function(){return r})),n.d(t,"a",(function(){return i})),n.d(t,"d",(function(){return o})),n.d(t,"e",(function(){return a})),n.d(t,"m",(function(){return c})),n.d(t,"j",(function(){return s})),n.d(t,"l",(function(){return u})),n.d(t,"b",(function(){return d})),n.d(t,"h",(function(){return l})),n.d(t,"f",(function(){return m})),n.d(t,"g",(function(){return f})),n.d(t,"i",(function(){return _})),n.d(t,"k",(function(){return g}));const r=()=>{var e=/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream,t=/(android)/i.test(navigator.userAgent);return e?1:t?2:3},i=()=>{String.prototype.startsWith||Object.defineProperty(String.prototype,"startsWith",{value:function(e,t){return t=!t||t<0?0:+t,this.substring(t,t+e.length)===e}});var e=window.location.pathname||"";return"/"==e||e.startsWith("/home")||e.startsWith("/index")?"index":e.startsWith("/products/")?"product":e.startsWith("/collections/")||e.startsWith("/products")?"product_group":e.startsWith("/promotions/")?"activity":e.startsWith("/search")?"search":e.startsWith("/checkout/")?"checkout":"other"},o=function(e){let t=e&&e.discount_applications;if("string"==typeof t)try{t=JSON.parse(t)}catch(e){return}if(Array.isArray(t))return t.map((function(e){return e&&e.discount_id})).join(",")},a=function(e){return(e&&e.line_items||[]).reduce((function(e,t){return e+(t.quantity||0)}),0)},c=(e,t)=>{var n;const r=new CustomEvent(e,{detail:t||null,bubbles:!0});null===(n=document.body)||void 0===n||n.dispatchEvent(r)},s=(e,t)=>{"dj.addToCart"===e&&window.__SEAHORSE_BUS.addEventListener(e,(function(n){const r={type:e,detail:n};n&&!n.__is_seahorse_event||t(r,n)})),document.addEventListener(e,(function(n){"dj.addToCart"===e&&n.detail&&n.detail.__is_seahorse_event||t(n,n.detail)}))},u=(e,t,n,r=!1)=>{var i=new Date;return i.setTime(i.getTime()+31536e6),document.cookie=e+"="+encodeURIComponent(t)+";expires="+(n||i).toGMTString()+";domain="+location.host.split(".").map((function(e,t,n){return 0==t&&n.length>2?"":e})).join(".")+";path=/"+(r?";SameSite=None;Secure":""),!0},d=e=>{var t=new RegExp("(^| )"+e+"=([^;]*)(;|$)"),n=document.cookie.match(t);return n?decodeURIComponent(n[2]):""},l=()=>window&&window.sessionStorage&&"function"==typeof window.sessionStorage.setItem&&"function"==typeof window.sessionStorage.getItem,m=(e="")=>e.split("/")[2]||"",f=()=>C_SETTINGS.meta&&C_SETTINGS.meta.page&&14===C_SETTINGS.meta.page.template_type,_=()=>C_SETTINGS.meta&&C_SETTINGS.meta.page&&42===C_SETTINGS.meta.page.template_type,g=function(e){return"number"!=typeof e||isNaN(e)?void 0:Math.round(10*e)/10}},function(e,t,n){"use strict";n.d(t,"c",(function(){return o})),n.d(t,"b",(function(){return r})),n.d(t,"a",(function(){return i}));const r="_extra",i={UTM:atob("c2hvcGxhenphX2FfcA=="),UTM_PARAMS:"utm_a_p",SESSION_ID_OLD:"session_id",SESSION_ID_NEW:"ss_id_a_p"},o="data-track"},function(e,t,n){"use strict";n.d(t,"h",(function(){return m})),n.d(t,"e",(function(){return f})),n.d(t,"d",(function(){return _})),n.d(t,"g",(function(){return g})),n.d(t,"c",(function(){return p})),n.d(t,"f",(function(){return h})),n.d(t,"a",(function(){return v}));var r=n(0);n.d(t,"b",(function(){return r.b}));var i=n(1);let o=0;const a={name:"fbclid",get:()=>Object(r.b)(a.name),set:()=>{var e=new RegExp(`(^|&)${a.name}=([^&]*)(&|$)`),t=window.location.search.substring(1).match(e);if(null!=t&&t[2]){var n="fb.1."+(new Date).getTime()+"."+t[2];Object(r.l)(a.name,n)}}},c={name:"_epik",get:()=>{try{const t=Object(r.b)(c.name);if(t)return t;var e=window.location.search.substring(1).match(/(^|&)epik=([^&]*)(&|$)/);
1709return null!=e&&e[2]?decodeURIComponent(e[2]):""}catch(e){return""}}},s={name:"ttclid",get:()=>Object(r.b)(s.name),set:()=>{var e=new RegExp(`(^|&)${s.name}=([^&]*)(&|$)`),t=window.location.search.substring(1).match(e);null!=t&&t[2]&&Object(r.l)(s.name,t[2])}},u={name:i.a.SESSION_ID_NEW,get:()=>Object(r.b)(u.name),set:()=>{let e=u.get()||Object(r.b)(i.a.SESSION_ID_OLD);const t=!e;e||(e=(new Date).getTime().toString()+(400*Math.random().toFixed(2)+100).toString());const n=new Date((new Date).getTime()+18e5),o="https:"===location.protocol;return Object(r.l)(u.name,e,n,o),Object(r.l)(i.a.SESSION_ID_OLD,e,n,o),{isNew:t}}},d={name:atob("c2hvcGxhenphX3NvdXJjZQ=="),get:()=>{try{return Object(r.b)(d.name)||localStorage[d.name]}catch(e){}return""},set:()=>{var e=document.referrer,t=location.href,n=navigator.userAgent,i=([["Facebook",/(facebook)|(fbclid=.+)/i,/fbclid=.+/,/FBAV|FBAN|FBIOS/i],["GoogleAds",/gclid=.+/i,/gclid=.+/i,0],["Google",/google/i,0,0],["Instagram",/instagram/i,0,/instagram/i],["Pinterest",/(pinterest)|(epik=.+)/i,/epik=.+/i,/pinterest/i],["Snapchat",/snapchat/i,0,/snapchat/i],["TikTok",/ads.tiktok/i,0,/tiktok/i],["Mailchimp",/mc_cid=.+/i,0,0],["Baidu",/baidu/i,0,0],["YouTube",/youtube/i,0,/youtube/i],["Twitter",/(twitter)|(t.co)/i,0,/twitter/i],["LinkedIn",/linkedin/i,0,/linkedin/i],["WhatsApp",/whatsapp/i,0,/whatsapp/i],["Reddit",/reddit/i,0,0],["Yahoo",/yahoo/i,0,0],["Bing",/bing/i,0,0],["Yandex",/yandex/i,0,0]].find((function(r){return r[1]&&r[1].test(e)||r[2]&&r[2].test(t)||r[3]&&r[3].test(n)}))||[""])[0],o=d.name,a=new Date((new Date).getTime()+6048e5);d.get()||Object(r.l)(o,JSON.stringify({$first_visit_url:t,$latest_referrer_host:i,expire:a.getTime()}),a)&&function(){try{localStorage[o]=d.get()}catch(e){}}(),!d.get()&&localStorage[o]&&((JSON.parse(localStorage[o])&&JSON.parse(localStorage[o]).expire||0)<(new Date).getTime()||Object(r.l)(o,localStorage[o])),d.get()&&!localStorage[o]&&function(){try{localStorage[o]=d.get()}catch(e){}}()}},l={name:"client_id",get:()=>Object(r.b)(l.name)},m=()=>{(()=>{const e=l.get();d.get()||(o=1),e&&"null"!=e||(o=1)})(),a.set(),s.set();const e=u.set();return d.set(),{sessionId:e}},f=()=>o,_=()=>a.get(),g=()=>s.get(),p=()=>c.get(),h=()=>u.get(),v=()=>l.get()},function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var r=n(0);const i=(e=!0)=>{if(e)return window.djTracker=window.djTracker||[],void(window.djTrack=window.djTrack||function(e,t){window.djTracker.push({eventName:e,params:t})});window.djTrack=function(e,t={}){e&&Object(r.m)("dj.track",{eventName:e,params:t})},(window.djTracker||[]).map(({eventName:e,params:t})=>{window.djTrack(e,t)})}},,,,,,,,,,function(e,t,n){"use strict";n.r(t);var r=n(0),i=n(1);const o=e=>{try{const t=localStorage.getItem(e);if(!t)return"";const n=JSON.parse(t);return!n||!n.expire||n.expire<(new Date).getTime()?"":n.value||""}catch(e){return""}},a=(e,t,n)=>{try{localStorage.setItem(e,JSON.stringify({value:t,expire:n}))}catch(e){}},c=e=>{let t=Object(r.b)(e);return t||(t=o(e),t&&Object(r.l)(e,t,new Date((new Date).getTime()+18e5))),t},s=(e,t)=>{const n=(new Date).getTime()+18e5;Object(r.l)(e,t,new Date(n)),a(e,t,n)},u={name:"last_template_name",get:()=>c(u.name),set:e=>{s(u.name,e)}},d={name:"latest_referrer",get:()=>c(d.name),set:e=>{s(d.name,e)}},l={name:"last_land_url",get:()=>c(l.name),set:(e,t)=>{if(Object(r.i)())return;const n=e.sessionId.isNew;if(Object(r.g)()&&!n)return;let i=l.get(),o=u.get(),a=d.get();const c=Object(r.f)(document.referrer),m=location.host,f=c&&m&&c!==m,_=c===m&&"admin"===(document.referrer||"").split("/")[3],g=!document.referrer;var p,h;(f||_||g||n&&c===m)&&(i=location.href,o=(null===(p=C_SETTINGS.meta)||void 0===p||null===(h=p.page)||void 0===h?void 0:h.template_name)||"",a=document.referrer);i&&s(l.name,i),o&&u.set(o),a&&d.set(a)}},m=()=>{let e=SHOP_PARAMS.fbq_pv_event_id;return e||(e=(new Date).getTime().toString()+(400*Math.random().toFixed(2)+100).toString(),Object.defineProperty(SHOP_PARAMS,"fbq_pv_event_id",{configurable:!1,get:()=>e,set:()=>{console.log("[golden] SHOP_PARAMS.fbq_pv_event_id 生成后不允许修改")}})),e},f=()=>{const e=new URLSearchParams(window.location.search);return["utm_source","utm_medium","utm_campaign","utm_term","utm_content"].map(t=>{const n=e.get(t);return n?`${t}=${encodeURIComponent(n)}`:null}).filter(e=>null!==e).join("&")};function _(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,g(r.key),r)}}function g(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}const p="image",h="beacon",v="event_info",S="base_property",b="extra_properties";let w=function(e,t){return n=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.track=this.track.bind(this),this.distinct_id="",this.trackParams={$screen_height:Number(screen.height)||0,$screen_width:Number(screen.width)||0,$referrer:document.referrer,$referrer_host:document.referrer?document.referrer.split("/")[2]:"",$title:document.title,$url:()=>location.href,$url_path:location.pathname},this.eventInfo={},this.tempTrackParams={}},(r=[{key:e,value:function(e,t){return navigator.sendBeacon(this.getServerUrlWithEvent_(t),this.get
1709SendData_(e))}},{key:t,value:function(e,t){const n=document.createElement("img");return n.width=1,n.height=1,n.src=this.getSendUrl_(this.getServerUrlWithEvent_(t),e),!0}},{key:"getSendUrl_",value:function(e,t){const n=this.base64Encode_(t),r="crc="+this.hashCode_(n);return-1!==e.indexOf("?")?e+"&data="+encodeURIComponent(n)+"&ext="+encodeURIComponent(r):e+"?data="+encodeURIComponent(n)+"&ext="+encodeURIComponent(r)}},{key:"getSendData_",value:function(e){const t=this.base64Encode_(e),n="crc="+this.hashCode_(t);return"data="+encodeURIComponent(t)+"&ext="+encodeURIComponent(n)}},{key:"base64Encode_",value:function(e){return btoa(encodeURIComponent(e).replace(/%([0-9A-F]{2})/g,(function(e,t){return String.fromCharCode("0x"+t)})))}},{key:"hashCode_",value:function(e){if("string"!=typeof e)return 0;var t=0;if(0==e.length)return t;for(var n=0;n<e.length;n++)t=(t<<5)-t+e.charCodeAt(n),t&=t;return t}},{key:"getProperties_",value:function(e,t){let n=Object.assign({},this.trackParams,this.getEventInfo(e),this.tempTrackParams,t);for(const e in n){let t=n[e];t instanceof Function&&(t=t()),n[e]=t}return n}},{key:"getDistinctId_",value:function(){return this.distinct_id||(new Date).getTime().toString()+(400*Math.random().toFixed(2)+100).toString()}},{key:"getTrackId_",value:function(){return Number(String(Math.random()).slice(2,5)+String(Math.random()).slice(2,4)+String((new Date).getTime()).slice(-4))}},{key:"clearTemp_",value:function(){this.tempTrackParams={}}},{key:"track",value:function(e,t){const n={distinct_id:this.getDistinctId_(),_track_id:this.getTrackId_(),type:"track",event:e,properties:this.getProperties_(e,t)};n.properties.client_id||(n.properties.client_id="2");const r=JSON.stringify(n);this[this.getSendType_()](r,e)||this[p](r,e),this.clearTemp_()}},{key:"getSendType_",value:function(){return this.sendType_||("object"==typeof navigator&&"function"==typeof navigator.sendBeacon?this.sendType_=h:this.sendType_=p),this.sendType_}},{key:"getServerUrl_",value:function(){if(!this.serverUrl_){let e=window.C_SETTINGS.sa_server_url;this.getSendType_()===h&&(e=e.replace("/sa?","/beacon/sa?")+"&gzip=0"),this.serverUrl_=e.replace(/\/sa$/,"/sa.gif").replace(/(\/sa)(\?[^\/]+)$/,"/sa.gif$2")}return this.serverUrl_}},{key:"getServerUrlWithEvent_",value:function(e){let t=this.getServerUrl_();if(e){const n=-1!==t.indexOf("?")?"&":"?";t=t+n+"event="+encodeURIComponent(e)}return t}},{key:"getEventInfo",value:function(e){const t=this.eventInfo[e];return t?0===Object.keys(t).length?{}:{[v]:JSON.stringify(t)}:{}}},{key:"registerPage",value:function(e,t=!1){t?this.tempTrackParams=e:this.trackParams=Object.assign({},this.trackParams,e||{})}},{key:"registerPageOnce",value:function(e){this.tempTrackParams={...this.tempTrackParams,...e}}},{key:"registerBaseInfo",value:function(e,t){if(!e||!t)return;let n=(this.eventInfo[e]||{})[S];this.eventInfo[e]={...this.eventInfo,[S]:Object.assign({},n||{},t||{})}}},{key:"registerExtraInfo",value:function(e,t,n){if(!e||null==t||!t.function_name)return;let r=(this.eventInfo[e]||{})[b]||[];r=r.filter(e=>e.function_name!==t.function_name),n||r.push({...t}),this.eventInfo[e]={...this.eventInfo[e]||{},[b]:r}}},{key:"identify",value:function(e){this.distinct_id=e}}])&&_(n.prototype,r),i&&_(n,i),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r,i}(h,p);var y=n(2),T=n(3);const k=function(){var e;const t=((null===(e=C_SETTINGS.theme)||void 0===e?void 0:e.merchant_theme_name)||"").replace(/\s/g,"");return{Blackwind:"BlackWind",SnowinSummer:"SnowInSummer","Amazing-BuyonAmazon":"Amazing"}[t]||t},O=function(){let e="";try{e=window.ORDER&&window.ORDER.checkout_page_type||("string"==typeof(window.ORDER&&window.ORDER.config)?JSON.parse(window.ORDER.config).page_type:"")}catch(e){}return e},j=e=>{var t;window.sa=new w,window.sa.registerPage((({initCookieResult:e})=>{var t,n,o,a,c,s,_,g,p,h,v,S,b;return{platform:"shop",client:3==Object(r.c)()?"pc":"mobile",client_id:function(){return Object(y.a)()||"1"},session_id:Object(y.f)(),new_session:e.sessionId.isNew?1:0,store_id:(null===(t=C_SETTINGS.shop)||void 0===t?void 0:t.shop_id)||"",store_tz:(null===(n=C_SETTINGS.shop)||void 0===n?void 0:n.time_zone)||"",theme_name:k(),theme_version:(null===(o=C_SETTINGS.theme)||void 0===o?void 0:o.theme_version_id)||"",template_name:(null===(a=C_SETTINGS.meta)||void 0===a||null===(c=a.page)||void 0===c?void 0:c.template_name)||"",template_type:(null===(s=C_SETTINGS.meta)||void 0===s||null===(_=s.page)||void 0===_?void 0:_.template_type)||"",root_url:(null===(g=C_SETTINGS.routes)||void 0===g?void 0:g.root)||"",user_agent:navigator.userAgent,env_tag:[Object(y.b)("awesomeab")].filter(
1709Boolean).join(","),c_id:Object(y.b)("_c_id"),tracking_consent:function(){return Object(y.b)("_tracking_consent")},is_new_client:Object(y.e)(),event_id:m(),connection_type:navigator.connection&&navigator.connection.effectiveType,rtt:navigator.connection&&navigator.connection.rtt,downlink:navigator.connection&&navigator.connection.downlink,checkout_step:-1!=location.href.indexOf("/thank_you")?"checkout_result":window.ORDER&&window.ORDER.step,checkout_page_type:O(),AD_ttc:Object(y.g)(),AD_epik:function(){return Object(y.c)()},login_customer_id:(null===(p=C_SETTINGS.customer)||void 0===p?void 0:p.customer_id)||"",customer_email:(null===(h=C_SETTINGS.customer)||void 0===h?void 0:h.customer_email)||"",resource_id:(null===(v=C_SETTINGS.meta)||void 0===v||null===(S=v.page)||void 0===S?void 0:S.resource_id)||"",[atob("c2hvcGxhenphX2FfcA==")]:f()||Object(y.b)(i.a.UTM_PARAMS)||Object(y.b)(i.a.UTM)||"",market_id:(null===(b=C_SETTINGS.market)||void 0===b?void 0:b.market_id)||"",last_land_url:l.get(),last_template_name:u.get(),$latest_referrer:d.get(),event_time:function(){return Date.now()}}})({initCookieResult:e})),window.sa.identify((null===(t=C_SETTINGS.customer)||void 0===t?void 0:t.customer_id)||Object(y.a)())};var I;(()=>{const e=Object(y.h)();((e,t="v2")=>{l.set(e,t)})(e),j(e),Object(T.a)()})(),null===(I=window.sa)||void 0===I||I.track("$pageview")}]);/* golden-top-end */
1710</script>
1710
1711
1712
1713<script>
1714try {
1715  (function () {
1716    
1717	if(['501456','121763','405070','691027','818679','825739','561443','827598','17694','73873','923651','778469','546739','335745','400984','359237','375837','359889','379837','177423','149467','885996','520123','775459','2003869','396636','2003869'].includes(window.SHOPLAZZA.shop.shop_id)) return;
1718
1719    var CONTENT_TYPE = "Content-Type";
1720    var recaptchaReady = Promise.resolve();
1721    var parseUrl = function (href) {
1722      const parser = document.createElement('a');
1723      parser.href = href;
1724      return parser;
1725    };
1726    var recaptchaLocal = document.getElementsByTagName('html')[0].getAttribute("lang"),
1727      recaptchaV2Languages = {
1728        "ar-SA": { "recaptcha": "للمتابعة ، أخبرنا أنك لست روبوتًا.", "submit": "إرسال" },
1729        "de-DE": { "recaptcha": "Lassen Sie uns wissen, dass Sie kein Roboter sind.", "submit": "Einreichen" },
1730        "en-US": { "recaptcha": "To continue, let us know you're not a robot.", "submit": "Submit" },
1731        "es-ES": { "recaptcha": "Para continuar, háganos saber que no eres un robot.", "submit": "Entregar" },
1732        "fr-FR": { "recaptcha": "Pour continuer, faites-nous savoir que vous n'êtes pas un robot.", "submit": "Soumettre" },
1733        "id-ID": { "recaptcha": "Untuk melanjutkan, beri tahu kami bahwa Anda bukan robot.", "submit": "Kirim" },
1734        "it-IT": { "recaptcha": "Per continuare, facci sapere che non sei un robot.", "submit": "Invia" },
1735        "ja-JP": { "recaptcha": "続行するには、あなたがロボットではないことを教えてください。", "submit": "送信" },
1736        "ko-KR": { "recaptcha": "계속하려면 로봇이 아니라는 것을 알려주십시오.", "submit": "제출하다" },
1737        "nl-NL": { "recaptcha": "Om door te gaan, laat ons weten dat je geen robot bent.", "submit": "Indienen" },
1738        "pl-PL": { "recaptcha": "Aby kontynuować, daj nam znać, że nie jesteś robotem.", "submit": "Składać" },
1739        "pt-PT": { "recaptcha": "Para continuar, informe -nos que você não é um robô.", "submit": "Enviar" },
1740        "ru-RU": { "recaptcha": "Чтобы продолжить, дайте нам знать, что вы не робот.", "submit": "Представлять на рассмотрение" },
1741        "th-TH": { "recaptcha": "เพื่อดำเนินการต่อแจ้งให้เราทราบว่าคุณไม่ใช่หุ่นยนต์", "submit": "ส่ง" },
1742        "zh-CN": { "recaptcha": "为了进行下一步,请让我们知道你不是一个机器人", "submit": "提交" },
1743        "zh-TW": { "recaptcha": "為了進行下一步,請让我們知道你不是是一个機器人", "submit": "提交" }
1744      },
1745      recaptchaV3 = {
1746        siteKey: "6LfCUdobAAAAAGmp3pDH7n5amaAwXfPhGr60KO7k",
1747        getToken: function (url) {
1748          var pathname = parseUrl(url).pathname;
1749          var action_name = pathname.replace(/-/g, '_');
1750          return recaptchaReady.then(function () {
1751            return new Promise((resolve, reject) => {
1752              grecaptcha.ready(resolve)
1753            })
1754          }).then(function () {
1755            return grecaptcha.execute(recaptchaV3.siteKey, {
1756              action: action_name
1757            })
1758          }).then(function (token) {
1759            return { token, version: 'v3' }
1760          });
1761        }
1762      },
1763      recaptchaV2 = {
1764        recaptchaV2Id: '',
1765        recaptchaV2Render: function (url, method, body) {
1766          this.onClick = function () {
1767            var data = this.getToken();
1768            var xhr = new XMLHttpRequest();
1769            xhr.open(method, url, true);
1770            xhr.setRequestHeader(CONTENT_TYPE, 'application/json; charset=UTF-8');
1771            xhr.onload = function () {
1772              if (xhr.readyState === xhr.DONE && xhr.status === 200) {
1773                var returnUrl = paramsToObject()._returnUrl || (document.referrer.indexOf(location.origin) === 0 ? document.referrer : '/');
1774                location.href = returnUrl;
1775              } else {
1776                try {
1777                  var errorMsg = JSON.parse(xhr.responseText).errors[0] || '';
1778                  errorMsg && alert(errorMsg);
1779                } catch (error) { }
1780              }
1781            };
1782            xhr.send(JSON.stringify(Object.assign({}, body, data)));
1783          }
1784          domAction.v2Render();
1785          recaptchaV2.recaptchaV2Id = grecaptcha.render('g-recaptcha', {
1786            sitekey: "6LfkLg4gAAAAAK83kNxjkqOYXahfNzh4eoc9D9oQ",
1787            size: (window.innerWidth > 320) ? 'normal' : 'compact'
1788          });
1789        },
1790        getToken: function () {
1791          var recaptchaV2Token = grecaptcha.getResponse(recaptchaV2.recaptchaV2Id)
1792          if (recaptchaV2Token.length <= 0) return {};
1793          return { token: recaptchaV2Token, version: "v2" }
1794        },
1795        onClick: function () { }
1796      },
1797      reportRecaptchaLoad = function (success) {
1798        try {
1799          window.sa.track('function_request', {
1800            function_name: 'recaptcha',
1801            business_type: 'customer_portal',
1802            event_type: 'response',
1803            event_info: JSON.stringify({
1804              captcha_type: 'google',
1805              status: success ? 'success' : 'fail',
1806            }),
1807          });
1808        } catch (e) {}
1809      },
1810      domAction = {
1811        recaptchaScriptLoad: function () {
1812          return new Promise((resolve, reject) => {
1813            window.addEventListener('DOMContentLoaded', function () {
1814              var recaptchaDom = document.createElement("script");
1815              recaptchaDom.onload = function () {
1816                reportRecaptchaLoad(true);
1817                resolve();
1818              };
1819              recaptchaDom.onerror = function () {
1820                reportRecaptchaLoad(false);
1821                reject(new Error('recaptcha script load failed'));
1822              };
1823              recaptchaDom.setAttribute("src", "https://www.recaptcha.net/recaptcha/api.js?render=" + ('6LfCUdobAAAAAGmp3pDH7n5amaAwXfPhGr60KO7k' || recaptchaV3.siteKey) + "&hl=en");
1824              document.body.appendChild(recaptchaDom);
1825            }, false);
1826          })
1827        },
1828        v2ContainerCreate: function () {
1829          var recaptchaV2Container = document.createElement("div");
1830          recaptchaV2Container.setAttribute("id", "container-recaptcha");
1831          recaptchaV2Container.style.margin = "70px auto";
1832          recaptchaV2Container.style.maxWidth = "500px";
1833          return recaptchaV2Container;
1834        },
1835        v2TipCreate: function () {
1836          var recaptchaV2Tips = document.createElement("div");
1837          recaptchaV2Tips.innerHTML = recaptchaV2Languages[recaptchaLocal]["recaptcha"] || recaptchaV2Languages["en-US"]["recaptcha"];
1838          recaptchaV2Tips.style.margin = "16px auto";
1839          recaptchaV2Tips.style.textAlign = "center";
1840          return recaptchaV2Tips;
1841        },
1842        v2ValidateCreate: function () {
1843          var recaptchaV2Validate = document.createElement("div");
1844          recaptchaV2Validate.setAttribute("id", "g-recaptcha");
1845          recaptchaV2Validate.style.display = "flex";
1846          recaptchaV2Validate.style.justifyContent = "center";
1847          return recaptchaV2Validate;
1848        },
1849        v2ButtonCreate: function () {
1850          var recaptchaV2Btn = document.createElement("button");
1851          recaptchaV2Btn.style.cursor = 'pointer';
1852          recaptchaV2Btn.style.backgroundColor = '#292929';
1853          recaptchaV2Btn.style.color = '#FFFFFF';
1854          recaptchaV2Btn.style.padding = "12px 30px";
1855          recaptchaV2Btn.style.margin = "0px auto";
1856          recaptchaV2Btn.style.display = "block";
1857          recaptchaV2Btn.style.fontSize = "16px";
1858          recaptchaV2Btn.style.lineHeight = "1";
1859          recaptchaV2Btn.style.border = "none";
1860          recaptchaV2Btn.innerHTML = recaptchaV2Languages[recaptchaLocal]["submit"] || recaptchaV2Languages["en-US"]["submit"];
1861          recaptchaV2Btn.onclick = function () {
1862            recaptchaV2.onClick();
1863          }
1864          return recaptchaV2Btn;
1865        },
1866        v2Render: function () {
1867          if (document.getElementById("container-recaptcha")) return;
1868          var recaptchaV2Container = this.v2ContainerCreate(),
1869            recaptchaV2Tips = this.v2TipCreate(),
1870            recaptchaV2Validate = this.v2ValidateCreate(),
1871            recaptchaV2Btn = this.v2ButtonCreate(),
1872            hidetNode = document.getElementById("password").closest('.shoplaza-section');
1873          recaptchaV2Container.appendChild(recaptchaV2Tips);
1874          recaptchaV2Container.appendChild(recaptchaV2Validate);
1875          recaptchaV2Container.appendChild(recaptchaV2Btn);
1876          hidetNode.style.display = 'none';
1877          hidetNode.parentNode.insertBefore(recaptchaV2Container, null);
1878        },
1879        v2ContainerHide: function () {
1880          document.getElementById("password").closest('.shoplaza-section').style.display = 'block';
1881          document.getElementById("container-recaptcha").remove();
1882        }
1883      };
1884
1885    // 语言不存在,使用默认语言
1886    if(!recaptchaV2Languages[recaptchaLocal]) {
1887      recaptchaLocal = "en-US"
1888    }
1889
1890    var handleRequest = function (params) {
1891      var status = params.status;
1892      var method = params.method;
1893      var data = params.data;
1894      var body = params.body;
1895      var url = params.url;
1896      if (status == 422 && data.need_recaptcha && body.version === 'v3') {
1897        recaptchaV2.recaptchaV2Render(url, method || 'GET', body);
1898      } else {
1899        if (document.getElementById("password").closest(".shoplaza-section").style.display == "none") {
1900          domAction.v2ContainerHide();
1901        }
1902      }
1903    };
1904
1905    var paramsToObject = function (url) {
1906      url = url || window.location.href;
1907      var params = {};
1908      url.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (str, key, value) {
1909        try {
1910          params[key] = decodeURIComponent(value);
1911        } catch (e) {
1912          params[key] = value;
1913        }
1914      });
1915      return params;
1916    };
1917
1918    var serializeQueryString = function (params) {
1919      const s = [];
1920      for (const k in params) {
1921        const v = params[k];
1922        if (v == null) {
1923          continue;
1924        } else {
1925          const sv = v;
1926          s.push(encodeURIComponent(k) + '=' + encodeURIComponent(sv));
1927        }
1928      }
1929      return s.join('&');
1930    }
1931
1932    var BodyToObj = function (body, contentType) {
1933      if (!(body && contentType)) return body;
1934      if (contentType.indexOf('application/x-www-form-urlencoded') > -1) {
1935        return paramsToObject('?' + body);
1936      } else if (contentType.indexOf('application/json') > -1) {
1937        return JSON.parse(body);
1938      }
1939      return body;
1940    }
1941
1942    var ObjToBody = function (obj, contentType) {
1943      if (!(obj && contentType)) return obj;
1944      if (contentType.indexOf('application/x-www-form-urlencoded') > -1) {
1945        return serializeQueryString(obj);
1946      } else if (contentType.indexOf('application/json') > -1) {
1947        return JSON.stringify(obj);
1948      }
1949      return obj;
1950    }
1951
1952    var getContentType = function (headers) {
1953      if (headers) {
1954        for (var key in headers) {
1955          if (key.toLowerCase() === CONTENT_TYPE.toLowerCase()) {
1956            return headers[key];
1957          }
1958        }
1959      };
1960    }
1961
1962    // 判断是否需要token
1963    var needToken = function (url) {
1964      var pathname = parseUrl(url).pathname;
1965      var routes_root = (window.SHOPLAZZA.routes && window.SHOPLAZZA.routes.root) || '';
1966      var sign_in_url = routes_root + '/api/customers/sign_in';
1967      var sign_up_url = routes_root + '/api/customers/sign_up';
1968      var password_reset_url = routes_root + '/api/customers/password_reset';
1969      var password_reset_email_url = routes_root + '/api/customers/password_reset_email';
1970      return pathname == sign_in_url || pathname == sign_up_url || pathname == password_reset_url || pathname == password_reset_email_url;
1971    };
1972
1973    var proxyXhr = function () {
1974      var xhr = window.XMLHttpRequest,
1975        xhrSetRequestHeader = xhr.prototype.setRequestHeader,
1976        xhrOpen = xhr.prototype.open,
1977        xhrSend = xhr.prototype.send;
1978      var handleXhr = function (xhr, method, url, body) {
1979        if (xhr.readyState === XMLHttpRequest.DONE && needToken(url)) {
1980          var data = JSON.parse(xhr.responseText);
1981          handleRequest({ status: xhr.status, method, data, body, url });
1982        }
1983      };
1984      var open = function (method, url) {
1985        this._method = method;
1986        this._url = url;
1987        return xhrOpen.apply(this, arguments);
1988      };
1989      var setRequestHeader = function () {
1990        if (arguments[0] && arguments[0].toLowerCase() === CONTENT_TYPE.toLowerCase() && arguments[1]) {
1991          this._contentType = arguments[1];
1992        }
1993        return xhrSetRequestHeader.apply(this, arguments);
1994      }
1995      var send = function (body) {
1996        try {
1997          var xhr = this,
1998            url = xhr._url,
1999            method = xhr._method,
2000            contentType = xhr._contentType;
2001          var bodyObj = BodyToObj(body, contentType) || {};
2002
2003          // readystatechange
2004          if (needToken(url)) {
2005            if (xhr.addEventListener) {
2006              xhr.addEventListener('readystatechange', function () {
2007                handleXhr(xhr, method, url, bodyObj);
2008              }, false);
2009            } else {
2010              var oldOnReadyStateChange = xhr.onreadystatechange;
2011              xhr.onreadystatechange = function () {
2012                handleXhr(xhr, method, url, bodyObj);
2013                oldOnReadyStateChange();
2014              };
2015            };
2016          };
2017          // add token
2018          if (needToken(url) && !(bodyObj.token && bodyObj.version)) {
2019            recaptchaV3.getToken(url).then(function (data) {
2020              body = ObjToBody(Object.assign(bodyObj, data || {}), contentType);
2021              xhrSend.call(xhr, body);
2022            });
2023            return;
2024          }
2025        } catch (e) { }
2026        xhrSend.call(xhr, body);
2027      };
2028
2029      window.XMLHttpRequest.prototype.setRequestHeader = setRequestHeader;
2030      window.XMLHttpRequest.prototype.open = open;
2031      window.XMLHttpRequest.prototype.send = send;
2032    };
2033
2034    var proxyFetch = function () {
2035      var fetch = window.fetch;
2036      if (typeof fetch !== 'function') return;
2037      const handleFetch = (params) => {
2038        var response = params.response;
2039        var method = params.method || 'GET';
2040        var body = params.body;
2041        var url = params.url;
2042
2043        if (!needToken(url)) return;
2044        response
2045          .clone()
2046          .json()
2047          .then((data) => {
2048            var status = response.status;
2049            handleRequest({ status, method, data, body, url });
2050          })
2051          .catch(function () {});
2052      };
2053      window.fetch = function () {
2054        var that = this;
2055        var arg = arguments;
2056        var input = arg[0];
2057        var init = arg[1] || {};
2058        try {
2059          var contentType = getContentType(init.headers) || '';
2060          var bodyObj = BodyToObj(init.body, contentType) || {};
2061          // add token
2062          if (needToken(input) && !(bodyObj.token && bodyObj.version)) {
2063            return recaptchaV3.getToken(input).then(function (data) {
2064              init.body = ObjToBody(Object.assign(bodyObj, data || {}), contentType);
2065              return fetch.call(that, input, init).then(function (response) {
2066                handleFetch({ response, url: input, method: init.method, body: bodyObj });
2067                return response
2068              });
2069            })
2070          }
2071        } catch (e) { }
2072        return fetch.apply(that, arg).then(function (response) {
2073          needToken(input) && handleFetch({ response, method: init.method, body: bodyObj });
2074          return response
2075        });;
2076      };
2077    };
2078
2079    proxyXhr();
2080    proxyFetch();
2081    recaptchaReady = domAction.recaptchaScriptLoad();
2082
2083  })()
2084 } catch(e){  }</script>
2084
2085<!-- meta_sdk start --->
2086<script>
2087try{(function(){!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version="2.0";n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,"script","https://connect.facebook.net/en_US/fbevents.js");var key1=atob("U0hPUF9QQVJBTVM=");var key2="C_SETTINGS";var id=new Date().getTime().toString()+(Math.random().toFixed(2)*400+100).toString();var addPvEId=function(key){var _window_key;return window[key]=Object.assign(window[key]||{},{fbq_pv_event_id:((_window_key=window[key])===null||_window_key===void 0?void 0:_window_key.fbq_pv_event_id)||id})};addPvEId(key1);addPvEId(key2)})()}catch(e){}
2088</script>
2088
2089<!-- meta_sdk end --->
2090<!-- track_config start -->
2091<script>
2092try{(function(){var a="AD_TRACK_ASSETS";var c="track_config";var r={"meta":{"pixels":[{"pixel":"709442593435299","delay_second":0,"purchase_total_price":true,"exclude_freight_insurance":false}]}};var n=window;var t;Object.assign(n[a]||(n[a]={}),(t={},t[c]=n[a][c]?Object.assign(n[a][c],r):r,t))})()}catch(a){}
2093</script>
2093
2094<!-- track_config end -->
2095
2096<script type="text/javascript">Object.assign(window.AD_TRACK_ASSETS || (window.AD_TRACK_ASSETS={}),{"golden_world":"golden_world.PSV6FO2D.js"});</script>
2096
2097</head>
2098  <body class="nova template-register m-0 type-text-font-family leading-1.3" id="nova-theme">
2099    <style>
2100      .back-to-top {
2101        position: fixed;
2102        right: 16px;
2103        bottom: 34px;
2104        width: 50px;
2105        height: 50px;
2106        background-color: rgba(41,41,41,.4);;
2107        transition: transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
2108        z-index: calc(var(--z-index-fixed) + 5);
2109      }
2110      .back-to-top[show] { transform: translateY(0); }
2111      @media (min-width: 960px) {
2112        .back-to-top {
2113          right: 32px;
2114          bottom: 24px;
2115        }
2116      }
2117    </style>
2118    <div class="hidden back-to-top flex items-center justify-center rounded-full cursor-pointer shadow" id="top-button" @tap="nova-theme.scrollTo(position='top');">
2119        <svg class="" width="16" height="18" fill="#FFF" xmlns="http://www.w3.org/2000/svg"><g><path d="M7.58 4.333a.6.6 0 0 1 .848 0l7.283 7.283a.3.3 0 0 1 0 .425l-.764.763a.3.3 0 0 1-.424 0L8.85 7.131V17.7a.3.3 0 0 1-.3.3H7.47a.3.3 0 0 1-.3-.3V7.118l-5.686 5.686a.3.3 0 0 1-.424 0l-.764-.764a.3.3 0 0 1 0-.424l7.283-7.283ZM0 .3A.3.3 0 0 1 .3 0h15.4a.3.3 0 0 1 .3.3v1.06a.3.3 0 0 1-.3.3H.3a.3.3 0 0 1-.3-.3V.3Z"/></g></svg>
2120    </div>
2121    <spz-observer layout="logic" value="500" @scrollexceedboundary="top-button.toggleClass(class='hidden', force=false);" @scrollnotexceedboundary="top-button.toggleClass(class='hidden', force=true);" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-observer>
2122  <template id="product-snippet-template">
2123  <div>
2124    ${(function(){
2125      const get_random_six_digits = () => {
2126        return Math.random().toString().slice(-6)
2127      };
2128      const wholesale_enabled = false;
2129      const setting_product_image_display = "100%";
2130      const product_image = data.image;
2131      const secondary_image = data.secondImage;
2132      const image_width = product_image.width;
2133      let image_height = product_image.height;
2134      if(setting_product_image_display == '100%'){
2135        image_height = image_width
2136      }else if(setting_product_image_display == '133.33%'){
2137        image_height = image_width * 1.3333;
2138      };
2139      const product_image_hover_on = true && !!secondary_image.src;
2140      const has_save_label = true && ((+data.compare_at_price) > (+data.price));
2141      const is_single_variant = data.variants.length == 1;
2142      const min_price_variant_href = (data.min_price_variant && data.min_price_variant.available) ? data.min_price_variant.withinUrl : data.withinUrl;
2143      const retail_price_max = data.retail_price_max || data.compare_at_price_max;
2144      const THUMBNAILS_MAX_SIZE = 3;
2145      const thumbnails = data.thumbVariants.slice(0, THUMBNAILS_MAX_SIZE);
2146      const image_wrap_id = 'image_wrap_' + get_random_six_digits();
2147      const image_carousel_id = 'image_carousel_' + get_random_six_digits();
2148      const thumbnails_selector_id = 'thumbnails_selector_' + get_random_six_digits();
2149      const form_id = 'form_' + get_random_six_digits();
2150      const mixed_wholesale = data.mixed_wholesale;
2151      return `
2152        <div class="product-snippet__img-wrapper relative" id="${image_wrap_id}">
2153          <a
2154            class="product-snippet__img-link relative block overflow-hidden"
2155            spz-href="${data.withinUrl}"
2156            ${product_image_hover_on?"has-secondary-image":""}
2157          >
2158            <spz-img
2159              class="product-snippet__img product-snippet__img_main"
2160              layout="responsive"
2161              width="${image_width}"
2162              height="${image_height}"
2163              src="${product_image.src}"
2164              alt="${product_image.alt}"
2165              object-fit="cover"
2166              auto-fit
2167            ></spz-img>
2168            <spz-carousel
2169                class="product-snippet__img product-snippet__img_carousel"
2170                id="${image_carousel_id}"
2171                layout="responsive"
2172                width="${image_width}"
2173                height="${image_height}"
2174                initial-slide="0"
2175                slide
2176                effect="fade"
2177                spz-if="${thumbnails.length>0}"
2178              >
2179                <spz-img
2180                  spz-if="!!item.image"
2181                  layout="responsive"
2182                  width="${image_width}"
2183                  height="${image_height}"
2184                  src="${item.image && item.image.src || ''}"
2185                  alt="${item.image && item.image.alt || ''}"
2186                  object-fit="cover"
2187                  auto-fit
2188                  spz-for="(item, index) in thumbnails"
2189                  key="index"
2190                ></spz-img>
2191              </spz-carousel>
2192            <spz-img
2193              class="product-snippet__img-secondary absolute top-0"
2194              layout="responsive"
2195              width="${image_width}"
2196              height="${image_height}"
2197              src="${secondary_image.src || ''}"
2198              alt="${secondary_image.alt}"
2199              object-fit="cover"
2200              auto-fit
2201            ></spz-img>
2202          </a>
2203          <button
2204              type="button"
2205              class="product-snippet__quick-shop-icon"
2206              data-track-product-id="${data.id}"
2207              data-track-position=""
2208              data-track="quick_shop"
2209              @tap="quick-shop.open;quick-shop-render.render(src='/api/products/${data.id}');"
2210              spz-if="${data.available && !(!wholesale_enabled && is_single_variant)}"
2211            >
2212              <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
2213            </button>
2214            <spz-product-form
2215  product-id="${data.id}"
2216  layout="container"
2217  @atcSuccess="cart-drawer-modal.open;"
2218  @atcError="theme-toast.showToast(content=event.message);"
2219  spz-if="${data.available && !wholesale_enabled && is_single_variant}"
2220>
2221  <form>
2222    <input name="variant_id" type="hidden" value="${data.variants[0].id}">
2223    <button
2224      type="button"
2225      class="product-snippet__quick-shop-icon"
2226      role="addToCart"
2227      data-quick-shop="${data.handle}"
2228      data-track-product-id="${data.id}"
2229      data-track="click"
2230      data-track-content="add_to_cart"
2231      data-track-source="quick_shop"
2232    >
2233      <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
2234    </button>
2235  </form>
2236</spz-product-form>
2237          <a
2238    class="product_snippet__label"
2239    label-type="${data.available?'save':'sold_out'}"
2240    spz-href="${min_price_variant_href}"
2241    spz-if="${!data.available||has_save_label}"
2242  >
2243    ${
2244      data.available
2245        ? 
2246
2247`${
2248    (+data.compare_at_price > +data.price)
2249     ? `Save 
2250      <spz-currency value="${ data.compare_at_price-data.price }" layout="container"></spz-currency>
2251    `
2252     : ''
2253  }`
2254: "Sold out"
2255    }
2256  </a>
2257</div>
2258        <div spz-if="${mixed_wholesale}">
2259          <style>
2260  .mixed_wholesale_label {
2261    padding: 2px 4px;
2262  }
2263
2264  .mixed_wholesale_tooltip .i-spzhtml-tooltip-arrow:before,
2265  .mixed_wholesale_tooltip .i-spzhtml-tooltip-inner {
2266    background: var(--color-body-bg);
2267    color: var(--color-body-text);
2268  }
2269
2270  .mixed_wholesale_tooltip {
2271    max-width: 100%;
2272    border-radius: 4px;
2273    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.1);
2274  }
2275
2276  @media (min-width: 960px) {
2277    .mixed_wholesale_tooltip {
2278      max-width: 450px;
2279    }
2280  }
2281</style>
2282<div class="mt-2 lg:mt-3 mixed_wholesale_label inline-flex color-custom-label-text bg-custom-label text-xs rounded" id="mixed-${image_wrap_id}">
2283  Mixed Lot
2284</div>
2285<spz-tooltip layout="logic" content="You can enjoy the wholesale price when you add up to {{count}} pieces of current goods and any goods that support &quot;Mixed Lot&quot; in the store." interact="hover" for="mixed-${image_wrap_id}" placement="bottom" overlay-class="mixed_wholesale_tooltip">
2286</spz-tooltip>
2287        </div>
2288        <h3
2289          class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
2290          <a class="text-inherit no-underline" spz-href="${data.withinUrl}">
2291            ${data.title}
2292          </a>
2293        </h3>
2294        <a
2295          class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
2296          spz-href="${min_price_variant_href}"
2297          >
2298          <span class="product-snippet__price ${data.price_min != data.price_max ? 'product-snippet__from-price' : ''}">
2299              ${
2300                data.price_min != data.price_max
2301                  ? `from 
2302                <spz-currency value="${data.price}" layout="container"></spz-currency>
2303              `
2304                  : `
2305                <spz-currency value="${data.price}" layout="container"></spz-currency>
2306              `
2307              }
2308            </span>
2309            <spz-currency class="product-snippet__compare-at-price" value="${data.compare_at_price}" layout="container" spz-if="${+data.compare_at_price>+data.price}"></spz-currency>
2310          </a>
2311        <spz-selector
2312            id="${thumbnails_selector_id}"
2313            layout="container"
2314            class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
2315            @mouseover="${thumbnails_selector_id}.toggle(option=event.targetOption,value=true);${image_carousel_id}.goToSlide(index=event.targetOption);${image_wrap_id}.toggleClass(class='show_carousel',force=true)"
2316            spz-if="${thumbnails.length>0}"
2317          >
2318            <a
2319              spz-if="!!item.image"
2320              class="product-snippet__thumbnails-item flex cursor-pointer"
2321              spz-href="${item.withinUrl}"
2322              spz-for="(item, index) in thumbnails"
2323              key="index"
2324              option="${index}"
2325            >
2326              <spz-img
2327                layout="fixed"
2328                width="28"
2329                height="28"
2330                src="${item.image && item.image.src || ''}"
2331                alt="${item.image && item.image.alt || ''}"
2332                object-fit="cover"
2333                auto-fit
2334              ></spz-img>
2335            </a>
2336            <a spz-href="${data.withinUrl}" class="product-snippet__thumbnails-item text-xs text-inherit no-underline" spz-if="${data.remainInvisibleThumbCount>0}">
2337              +${data.remainInvisibleThumbCount}
2338            </a>
2339          </spz-selector>
2340        `
2341    })()}
2342  </div>
2343</template>
2344<div class="page_container">
2345      <style type="text/css">
2346  [data-section-id=announcement] {
2347    position: relative;
2348    z-index: 1030;
2349    background: var(--color-announcement-bg);
2350    color: var(--color-announcement-text);
2351  }
2352  [data-section-id=announcement].header_mask_open{
2353    z-index: unset;
2354  }
2355
2356  .announcement-content {
2357    cursor: pointer;
2358  }
2359
2360  .announcement-content[carousel_off] {
2361    pointer-events: none;
2362  }
2363</style><div id="shoplaza-section-announcement" class="shoplaza-section" data-section-id="announcement" data-section-type="announcement" data-section-style="">
2364
2365<div class="page-container relative">
2366    <spz-carousel ssr class="announcement-content md:hidden mx-auto text-center i-spzhtml-layout-container" layout="container" carousel_off advance-count="1" i-spzhtml-layout="container">
2367      <div  class="break-all py-2 mce-content"><p>✈Free shipping on order over $50.00</p></div>
2368        </spz-carousel>
2369    <spz-carousel ssr class="announcement-content lg:hidden mx-auto text-center i-spzhtml-layout-container" layout="container" carousel_off i-spzhtml-layout="container">
2370      <div  class="break-all w-full py-2 flex-shrink-0 mce-content"><p>✈Free shipping on order over $50.00</p></div>
2371        </spz-carousel>
2372  </div>
2373</div>
2374      <div id="shoplaza-section-header" class="shoplaza-section" data-section-id="header" data-section-type="header" data-section-style="">
2375<style>
2376	.header__desktop,
2377	.header__mobile {
2378		color: var(--color-header-text);
2379    position: relative;
2380    z-index: 20;
2381	}
2382
2383	.header__layout {
2384		background: var(--color-header-bg);
2385	}
2386
2387	.header-shadow{
2388		box-shadow: 0 6px 10px -3px rgba(41, 41, 41, 0.08);
2389	}
2390
2391	.header-bg {
2392		background: var(--color-header-bg);
2393	}
2394
2395	.header__menu-item-tag{
2396    margin-top: -6px;
2397    margin-left: 2px;
2398    padding: 2px 4px;
2399    font-size: 12px;
2400    line-height: 1;
2401    border-radius: 2px;
2402  }
2403	[data-section-id="header"]{
2404		pointer-events: none;
2405	}
2406</style>
2407
2408<style>
2409	
2410	
2411		@media (min-width: 960px) {
2412			
2413		[data-section-id="header"]{
2414			position: sticky;
2415			top: 0;
2416			z-index: 1021;
2417		}
2418	
2419		}
2420	
2421	
2422		@media (max-width: 959.98px) {
2423			
2424		[data-section-id="header"]{
2425			position: sticky;
2426			top: 0;
2427			z-index: 1021;
2428		}
2429	
2430		}
2431	
2432</style>
2433
2434<style>
2435	/* layout left */
2436	.header__desktop[data-layout="left"] .header__logo {
2437		flex: 1;
2438		order: 1;
2439	}
2440
2441	.header__desktop[data-layout="left"] .header__icons {
2442		order: 4;
2443	}
2444
2445	.header__desktop[data-layout="left"] .header__menu-sticky,
2446	.header__desktop[data-layout="center"] .header__menu-sticky {
2447		display: none;
2448		order: 2;
2449	}
2450
2451	/* layout center */
2452	.header__desktop[data-layout="center"] .header__logo {
2453		order: 2;
2454		display: flex;
2455		justify-content: center;
2456	}
2457
2458	.header__desktop[data-layout="center"] .header__search {
2459		flex: 1;
2460		order: 1;
2461	}
2462
2463	/* layout menu_left_logo_center */
2464	.header__desktop[data-layout="menu_left_logo_center"] .header__logo {
2465		order: 2;
2466		display: flex;
2467		justify-content: center;
2468		width: 200px;
2469		margin-left: 50px;
2470		margin-right: 50px;
2471	}
2472
2473	/* layout logo_left_menu_left */
2474	.header__desktop[data-layout="logo_left_menu_left"] .header__logo {
2475		order: 0;
2476		display: flex;
2477		margin-right: 24px;
2478	}
2479
2480	.header__desktop[data-layout="logo_left_menu_left"] .header__icons {
2481		order: 4;
2482		justify-content: end;
2483	}
2484
2485	.header__desktop[data-layout="center"] .header__icons,
2486	.header__desktop[data-layout="menu_left_logo_center"] .header__icons {
2487		flex: 1;
2488		order: 4;
2489		justify-content: end;
2490	}
2491
2492	.header__desktop[data-layout="left"] .header__menu-sticky,
2493	.header__desktop[data-layout="center"] .header__menu-sticky,
2494	.header__desktop[data-layout="logo_left_menu_left"] .header__menu-sticky {
2495		padding-left: 28px;
2496		padding-right: 28px;
2497	}
2498
2499	.header__desktop[data-layout="logo_left_menu_left"] .header__menu-sticky .header__menu-item-sub,
2500	.header__desktop[data-layout="menu_left_logo_center"] .header__menu-sticky .header__menu-item-sub {
2501		max-width: 425px;
2502	}
2503
2504	.header__desktop[data-layout="left"] .header__menu-wrapper .header__menu,
2505	.header__desktop[data-layout="center"] .header__menu-wrapper .header__menu{
2506		padding: 6px 0 0 0;
2507	}
2508	.header__desktop[data-layout="left"] .header__menu-wrapper .header__menu-item-sub,
2509	.header__desktop[data-layout="center"] .header__menu-wrapper .header__menu-item-sub{
2510		padding-bottom: 17px;
2511	}
2512
2513	
2514</style>
2515
2516<style>
2517	
2518		@media (min-width: 960px) {
2519			.header__scroll_hide,
2520			.header__scroll_hide ~ *{
2521				transition: transform 0.3s;
2522			}
2523			#shoplaza-section-header.show_shadow .header__desktop .header__menu-wrapper{
2524				box-shadow: 0 6px 10px -3px rgba(41, 41, 41, 0.08);
2525			}
2526			body.header_scroll #shoplaza-section-header{
2527				box-shadow: none;
2528			}
2529			.header_scroll .header__desktop[data-layout="center"] .header__search,
2530			.header_scroll .header__desktop[data-layout="center"] .header__icons,
2531			.header_scroll .header__desktop[data-layout="left"] .header__search,
2532			.header_scroll .header__desktop[data-layout="left"] .header__icons
2533			{
2534				flex-grow: unset;
2535			}
2536			.header_scroll .header__desktop[data-layout="center"] .header__logo,
2537			.header_scroll .header__desktop[data-layout="left"] .header__logo{
2538				flex-grow: unset;
2539				order: 1;
2540				margin-right: 20px;
2541			}
2542			.header_scroll .header__desktop[data-layout="center"] .header__scroll_hide,
2543			.header_scroll .header__desktop[data-layout="left"] .header__scroll_hide{
2544				transform: translateY(-100%);
2545			}
2546			.header_scroll .header__desktop[data-layout="center"] .header__scroll_hide ~ *,
2547			.header_scroll .header__desktop[data-layout="left"] .header__scroll_hide ~ *{
2548				transform: translateY(calc(-1 * var(--header-scroll-hide-height-pc)));
2549			}
2550			.header_scroll .header__desktop[data-layout="center"] .header__menu-sticky,
2551			.header_scroll .header__desktop[data-layout="left"] .header__menu-sticky{
2552				display: block;
2553				flex: 1;
2554			}
2555			.header_scroll .header__desktop[data-layout="center"] .header__menu-content,
2556			.header_scroll .header__desktop[data-layout="left"] .header__menu-content{
2557				visibility: hidden;
2558			}
2559		}
2560	
2561	
2562		@media (max-width: 959.98px) {
2563			.header__scroll_hide {
2564				transition: transform .5s;
2565			}
2566
2567			#shoplaza-section-header.show_shadow .header__mobile .header__fixed-top {
2568				box-shadow: 0 6px 10px -3px rgba(41, 41, 41, 0.08);
2569			}
2570
2571			.header_scroll .header__scroll_hide.non-sticky {
2572				transform: translateY(-100%);
2573			}
2574
2575			.header__icons.show-menu-icon .header__account,
2576			.header__icons:not(.show-menu-icon) .header__icon-menu--force,
2577			#header-search-container-mobile:not(.show) {
2578				display: none;
2579			}
2580		}
2581	
2582</style>
2583
2584<style>
2585  .header__logo{
2586    margin: 0;
2587    font-size: 0;
2588  }
2589  .header__logo-title{
2590    max-width: 185px;
2591    overflow-wrap: break-word;
2592    font-size: 24px;
2593    line-height: 38px;
2594    font-weight: 600;
2595    color: inherit;
2596    overflow: hidden;
2597    text-decoration-line: none;
2598  }
2599  [data-section-id="header"] .image_width {
2600    width: 140px;
2601  }
2602  @media (min-width: 960px) {
2603    .header__logo{
2604      padding: 18px 0;
2605    }
2606    .header__logo-title{
2607      max-width: 380px;
2608      font-size: 30px;
2609      line-height: 36px;
2610      font-weight: 500;
2611    }
2612    [data-section-id="header"] .image_width {
2613      width: 190px;
2614    }
2615  }
2616  @media (max-width: 959.98px) {
2617    .header__logo{
2618      flex: 1;
2619    }
2620  }
2621</style>
2622
2623<style>
2624	.header__account,
2625  .header__cart,
2626  .header__drawer_icon{
2627		
2628    	margin-left: 22px;
2629		
2630  }
2631	.header__account_dropdown {
2632		margin: 6px;
2633	}
2634
2635	.header__account_dropdown .i-spzhtml-dropdown-container {
2636		background-color: transparent;
2637	}
2638
2639  .header__account_dropdown_content{
2640    width: 146px;
2641    padding: 15px;
2642    font-size: 14px;
2643    line-height: 18px;
2644    color: var(--color-menu-item-text);
2645    background-color: var(--color-header-bg);
2646    z-index: var(--z-index-dropdown);
2647    transition: all 200ms;
2648    border-radius: 4px;
2649  }
2650  .header__account_dropdown_content > li{
2651    cursor: pointer;
2652  }
2653  .header__account_dropdown_content > li:hover{
2654    color: var(--color-menu-item-text-70);
2655  }
2656  .header__account_dropdown_content > li + li{
2657    margin-top: 18px;
2658  }
2659  .header__account_dropdown_content a{
2660    color: inherit;
2661    text-decoration: none;
2662  }
2663  .header__cart-count{
2664    min-height: 18px;
2665    min-width: 18px;
2666    padding: 3px 4px;
2667    top: -18px;
2668		
2669    	right: -4px;
2670		
2671    font-size: 12px;
2672    color: var(--color-cart-dot-text);
2673    background-color: var(--color-cart-dot-bg);
2674  }
2675
2676	.header-cart-back-btn {
2677		margin-right: 2px;
2678	}
2679
2680	html[dir="rtl"] .header-cart-back-btn {
2681		margin-left: 2px;
2682		margin-right: 0;
2683		transform: rotate(180deg);
2684	}
2685
2686  @media (min-width: 960px) {
2687    .header__account,
2688    .header__cart,
2689    .header__plugin-container > *{
2690      margin-left: 30px;
2691			margin-right: unset;
2692    }
2693    .header__account_dropdown_content{
2694      visibility: hidden;
2695			position: absolute;
2696      margin-top: 10px;
2697			
2698      	margin-left: -50px;
2699			
2700      width: 160px;
2701    }
2702    .header__account:hover .header__account_dropdown_content{
2703      visibility: visible;
2704    }
2705  }
2706</style>
2707<spz-observer layout="logic" value="1" @scrollexceedboundary="shoplaza-section-header.toggleClass(class='show_shadow', force=true);" @scrollnotexceedboundary="shoplaza-section-header.toggleClass(class='show_shadow', force=false);" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-observer>
2708  <spz-observer layout="logic" @scrolldown="nova-theme.toggleClass(class='header_scroll', force=true);header-menu-top.updateMoreLink" @scrollup="nova-theme.toggleClass(class='header_scroll', force=false);" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-observer>
2709<div class="header_container relative">
2710  <style>
2711  .header__menu-sticky {
2712    padding-top: 28px;
2713  }
2714  .header__menu-sticky .header__menu-item-sub {
2715    padding-bottom: 28px;
2716  }
2717</style>
2718<div class="header__desktop md:hidden" data-layout="center">
2719  <div class="header__layout relative z-50 pointer-events-auto">
2720    <div class="header__layout-content page-container flex items-center direction_ltr_self">
2721      <h2 class="header__logo flex-shrink-0 type-heading-font-family">
2722  <a class="image_width block md:hidden" href="/">
2723  <spz-img layout="responsive" width="300" height="100" src="//img.staticdj.com/da7b476af7322b6a98b73854e8df74b8_400x.JPG" alt="" class="i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:33.33%;"></i-spzhtml-sizer></spz-img>
2724  </a>
2725  <a class="image_width block lg:hidden" href="/">
2726  <spz-img layout="responsive" width="300" height="100" src="//img.staticdj.com/da7b476af7322b6a98b73854e8df74b8_400x.JPG" alt="" class="i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:33.33%;"></i-spzhtml-sizer></spz-img>
2727  </a>
2728</h2>
2729<style>
2730  .header__search button,
2731  .header__search input{
2732    border: none;
2733    outline: none;
2734  }
2735  .header__search-btn,
2736  .header__search-icon{
2737    background: transparent;
2738  }
2739  .header__search {
2740    display: flex;
2741    align-items: center;
2742    flex-shrink: 0;
2743  }
2744  .header__search-btn {
2745    padding: 0;
2746    margin: 0;
2747    font-size: 0;
2748    color: inherit;
2749    cursor: pointer;
2750  }
2751  .header__search-form{
2752    min-height: 40px;
2753  }
2754  .header__search-input{
2755    font-size: 13px;
2756    line-height: 16px;
2757    color: var(--color-header-search-text);
2758    background-color: var(--color-header-search-bg);
2759    padding: 12px 16px 12px 36px;
2760      border-radius: 2px 0 0 2px;
2761    }
2762  .header__search-input:not(:placeholder-shown) ~ .header__search-icon-close{
2763    display: flex;
2764  }
2765  .header__search-icon{
2766    left: 10px;
2767    top: 50%;
2768    transform: translateY(-50%);
2769    color: var(--color-header-search-text-50);
2770  }
2771  .header__search-icon-close{
2772    top: 50%;
2773    transform: translateY(-50%);
2774    height: 18px;
2775    width: 18px;
2776    color: #fff;
2777    background: #C0C0C0;
2778    right: 10px;
2779    }
2780  .header__search-icon:hover,
2781  .header__search-icon-close:hover{
2782    color: var(--color-header-search-text);
2783  }
2784  .header__search-submit-btn{
2785    padding: 11px 16px;
2786    font-size: 14px;
2787    line-height: 18px;
2788    color: var(--color-header-search-btn-text);
2789    background-color: var(--color-header-search-btn-bg);
2790    border-radius: 0 2px 2px 0;
2791    }
2792  @media (max-width: 959.98px) {
2793    .header__search-form{
2794      width: 100%
2795    }
2796  }
2797  @media (min-width: 960px) {
2798    .header__search-form{
2799      margin: 18px 0;
2800    }
2801    .header__search-input{
2802      width: 232px;
2803      border-radius: 2px;
2804    }
2805    .header__desktop[data-layout="left"] .header__search-input{
2806      width: 278px;
2807    }
2808  }
2809</style>
2810
2811<div class="header__search" id="">
2812    <button
2813        type="button"
2814        class="header__search-btn"
2815        @tap="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=true);header_search_sidebar.open()"
2816      >
2817        <svg class="" width="26" height="26" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.925 20.057A9.955 9.955 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10a9.968 9.968 0 0 1-2.864 7.006l4.929 4.928a.8.8 0 0 1-1.132 1.132l-5-5-.008-.01zM20.4 12a8.4 8.4 
28170 1 1-16.8 0 8.4 8.4 0 0 1 16.8 0z" fill="currentColor"/></svg>
2818      </button>
2819    </div>
2820<spz-observer layout="logic" target="header__plugin-container" @childupdated="header-menu-top.updateMoreLink" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-observer>
2821<div class="header__icons flex-shrink-0 flex items-center" >
2822  <div class="header__plugin-container md:hidden flex items-center" id="header__plugin-container">
2823    <div class="empty-hidden plugin__translate-header"></div>
2824    <div class="empty-hidden plugin__currency"></div>
2825  </div>
2826
2827  <div class="header__account relative text-0  md:hidden ">
2828    <i class="cursor-pointer" ><svg class=" " width="26" height="26" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity=".01" fill="currentColor" d="M0 0h26v26H0z"/><g fill-rule="evenodd" clip-rule="evenodd" fill="currentColor"><path d="M13.11 1a6.11 6.11 0 1 1 0 12.22 6.11 6.11 0 0 1 0-12.22Zm0 1.6a4.51 4.51 0 1 0 0 9.02 4.51 4.51 0 0 0 0-9.02ZM17.333 15A6.667 6.667 0 0 1 24 21.667V24a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-2.333A6.667 6.667 0 0 1 8.667 15h8.666Zm0 1.6H8.667a5.067 5.067 0 0 0-5.062 4.847l-.005.22V23.4h18.8v-1.733a5.067 5.067 0 0 0-4.847-5.062l-.22-.005Z"/></g></svg></i>
2829    <ul class="header__account_dropdown_content list-none header-shadow">
2830    <li><a href="/account/login">Log in</a></li>
2831      <li><a href="/account/register">Create an account</a></li>
2832      </ul>
2833</div>
2834  <a class="header__cart relative flex justify-end items-center text-0 text-inherit cursor-pointer no-underline" href="/cart">
2835    <i>
2836      <svg class="" width="28" height="28" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path opacity=".01" fill="currentColor" d="M0 0h28v28H0z"/><g fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.8 2.2a.8.8 0 1 0 0 1.6h2.803l1.542 14.541a1 1 0 0 0 .995.895h15.055a1 1 0 0 0 .982-.811l2.105-10.91a1 1 0 0 0-.982-1.189H6.48l-.432-4.081a.05.05 0 0 0-.05-.045H1.8Zm4.849 5.726h16.923l-1.873 9.709H7.679l-1.03-9.709Z"/><path d="M10.917 23.62a1.909 1.909 0 1 1-3.818 0 1.909 1.909 0 0 1 3.818 0ZM22.372 23.62a1.91 1.91 0 1 1-3.819 0 1.91 1.91 0 0 1 3.819 0Z"/></g></svg>
2837      </i>
2838    <!-- 购物车数量 -->
2839    <spz-event target-id="header_cart_count_render_pc" target-api="render" event-name="dj.addToCart;dj.cartChange;" layout="logic" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-event>
2840    <spz-render id="header_cart_count_render_pc" layout="container" src="/api/cart/count" class="i-spzhtml-layout-container" i-spzhtml-layout="container">
2841      <template>
2842        <div>
2843          <span class="header__cart-count absolute rounded-full leading-none text-center" spz-if="${data.data && data.data.count > 0}">${data.data && data.data.count}</span>
2844        </div>
2845      </template>
2846    </spz-render>
2847  </a>
2848  <i class="header__drawer_icon  flex lg:hidden cursor-pointer" @tap="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=true);header_drawer.open()">
2849      <svg class="" width="28" height="28" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity=".01"><path opacity=".696" fill="currentColor" d="M0 0h28v28H0z"/></g><g fill="currentColor"><path d="M24.17 6.17a.83.83 0 1 1 0 1.66H3.83a.83.83 0 0 1 0-1.66h20.34ZM24.17 13.17a.83.83 0 1 1 0 1.66H3.83a.83.83 0 1 1 0-1.66h20.34ZM24.17 20.17a.83.83 0 1 1 0 1.66H3.83a.83.83 0 1 1 0-1.66h20.34Z"/></g></svg>
2850    </i>
2851  </div>
2852      <div class="header__menu-sticky flex-1 overflow-hidden">
2853        <style>
2854  .header__desktop .header__menu{
2855    background: inherit !important;
2856  }
2857  .header__desktop .header__menu-item{
2858    padding: 0 18px;
2859    font-size: var(--type-nav-font-size);
2860  }
2861  .header__desktop .header__menu-item:first-child {
2862    margin-left: 0;
2863    }
2864  .header__second_menu-wrapper,
2865  .header__three_menu-wrapper,
2866  .header__more_menu-wrapper{
2867    z-index: var(--z-index-sticky);
2868    visibility: hidden;
2869  }
2870  .header__menu-item-first:hover .header__second_menu-wrapper,
2871  .header__menu-item-first:hover .header__three_menu-wrapper,
2872  .header__menu-item-first:hover .header__more_menu-wrapper{
2873    visibility: visible;
2874  }
2875  .header__second_menu-wrapper,
2876  .header__three_menu-wrapper,
2877  .header__more_menu_three{
2878    overflow: hidden auto;
2879    max-height: calc(var(--window-height) - var(--header-height) - 200px);
2880  }
2881  .header__second_menu-wrapper{
2882    min-width: 180px;
2883    max-width: 400px;
2884    margin: 0 0 -18px 0;
2885    padding: 25px 18px;
2886    }
2887  .header__second_menu-wrapper li + li{
2888    margin-top: 18px;
2889  }
2890  .header__three_menu-content{
2891    display: grid;
2892    grid-template-columns: repeat(4, minmax(0, 1fr));
2893    margin: 0 -30px;
2894  }
2895  .header__desktop .header__menu-item[data-levels="2"] .header__three_menu-wrapper ul{
2896    flex-wrap: wrap;
2897    margin-top: -50px;
2898  }
2899  .header__desktop .header__menu-item:not([data-levels="2"]) .header__three_menu-wrapper ul{
2900    flex-direction: column;
2901    margin-top: -12px;
2902  }
2903  .header__desktop .header__menu-item[data-levels="2"][data-has-product] .header__three_menu-wrapper ul li{
2904    width: 33.33%;
2905  }
2906  .header__desktop .header__menu-item[data-levels="2"]:not([data-has-product]) .header__three_menu-wrapper ul li{
2907    width: 25%;
2908  }
2909  .header__desktop .header__menu-item[data-has-product] .header__three_menu-wrapper ul{
2910    grid-column: span 3 / span 3;
2911  }
2912  .header__desktop .header__menu-item:not([data-has-product]) .header__three_menu-wrapper ul{
2913    grid-column: span 4 / span 4;
2914  }
2915  .header__desktop .header__menu-item[data-levels="2"] .header__menu-item-second{
2916    padding: 50px 30px 8px;
2917    font-size: var(--type-nav-font-size);
2918    color: var(--color-header-text);
2919  }
2920  .header__three_menu-wrapper .header__menu-item-last{
2921    padding: 12px 30px 0;
2922  }
2923  .header__desktop .header__menu-item .header__menu-item-last{
2924    color: var(--color-header-text-70);
2925    font-size: calc(var(--type-nav-font-size) - 2px);
2926    line-height: 1.4;
2927  }
2928  .header__desktop .header__menu-item .header__menu-item-last:hover {
2929    color: var(--color-header-text);
2930  }
2931  .header__menu_product{
2932    grid-column: span 1 / span 1;
2933    padding-left: 30px;
2934    padding-right: 30px;
2935  }
2936  .header_menu_hover_animation{
2937    opacity: 0;
2938    transform: translateY(-12px);
2939    transition: all 200ms;
2940  }
2941  .header__menu-item-first:hover .header_menu_hover_animation{
2942    opacity: 1;
2943    transform: translateY(0);
2944  }
2945  .header__desktop .header__menu-item-first .header__menu-item-sub::after{
2946    content: "";
2947    position: absolute;
2948    left: 0;
2949    bottom: 0;
2950    display: block;
2951    width: 0;
2952    height: 3px;
2953    background-color: var(--color-header-text);
2954    transition: width .2s;
2955	}
2956	.header__desktop .header__menu-item-first:hover .header__menu-item-sub::after{
2957		width: 100%;
2958	}
2959</style>
2960<style>
2961  .header-menu-container[finish] .header__more_menu-wrapper{
2962    display: block !important;
2963    position: static !important;
2964  }
2965  .header__more_menu,
2966  .header__more_menu_right{
2967    display: grid;
2968  }
2969  .header__more_menu{
2970    grid-template-columns: repeat(4,minmax(0,1fr));
2971  }
2972  .header__more_menu_right{
2973    grid-template-columns: repeat(3,minmax(0,1fr));
2974  }
2975  .header__more_menu [role="tabs"],
2976  .header__more_menu_right .header__menu_product{
2977    grid-column: span 1/span 1;
2978  }
2979  .header__more_menu_right > ul[data-has-product]{
2980    grid-column: span 2/span 2;
2981  }
2982  .header__more_menu [role="tabpanel"],
2983  .header__more_menu_right > ul:not([data-has-product]){
2984    grid-column: span 3/span 3;
2985  }
2986  .header__more_menu{
2987    line-height: 1.25;
2988    padding-top: 32px;
2989    padding-bottom: 36px;
2990  }
2991  .header__more_menu [role="tab"] + [role="tab"]{
2992    padding-top: 20px;
2993  }
2994  .header__more_menu_icon{
2995    transform: rotate(180deg);
2996    transition: all 200ms;
2997  }
2998  .header__more_menu [role="tab"][active] .header__more_menu_icon{
2999    transform: rotate(0);
3000  }
3001  .header__more_menu_right li {
3002    padding-bottom: 20px;
3003  }
3004  .header__more_menu_right_item{
3005    padding: 0 30px 8px;
3006  }
3007  .header__more_menu_right_item + .header__more_menu_right_item{
3008    padding: 12px 30px 0;
3009  }
3010  .header__more_menu_right .header__menu_product{
3011    padding: 0 30px;
3012  }
3013</style>
3014<spz-menu id="header-menu-top" layout="container" class="header-menu-container   type-heading-font-family  i-spzhtml-layout-container" i-spzhtml-layout="container">
3015  <ul class="header__menu flex m-0 p-0 list-none">
3016    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-1" data-id="80779717"  data-levels="0">
3017        <div class="flex items-start">
3018          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 
3019href="/" >Home</a>
3020          </div>
3021
3022        </li>
3023    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-2" data-id="83743781"  data-levels="0">
3024        <div class="flex items-start">
3025          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 
3026href="/collections/women-shoes" >Women shoes</a>
3027          </div>
3028
3029        </li>
3030    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-3" data-id="83007573"  data-has-product  data-levels="1">
3031        <div class="flex items-start">
3032          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 
3033href="/collections/pop-up-bouquets" >Pop-Up Bouquets</a>
3034          </div>
3035
3036        <div class="header__three_menu-wrapper header-shadow absolute left-0 right-0 header-bg overflow-x-hidden overflow-y-auto" spz-menu-submenu>
3037              <div class="hide-scrollbar page-container lg:pt-8 lg:pb-9">
3038                <div class="header__three_menu-content">
3039                  <ul class="header__waterfall-wrapper header_menu_hover_animation m-0 p-0 flex list-none" >
3040                    
3041                      
3042                        <a class="header__menu-item-last w-full no-underline" 
3043href="/collections/classic-pop-up-bouquets" >
3044                          <span class="font-medium">classic pop up bouquets</span>
3045                          
3046                          
3047                          
3048                          
3049                        </a>
3050                      
3051                    
3052                      
3053                        <a class="header__menu-item-last w-full no-underline" 
3054href="/collections/mini-bouquet-pop-up-cards" >
3055                          <span class="font-medium">mini bouquet pop up cards</span>
3056                          
3057                          
3058                          
3059                          
3060                        </a>
3061                      
3062                    
3063                      
3064                        <a class="header__menu-item-last w-full no-underline" 
3065href="/collections/grande-bouquets" >
3066                          <span class="font-medium">grande bouquets</span>
3067                          
3068                          
3069                          
3070                          
3071                        </a>
3072                      
3073                    
3074                      
3075                        <a class="header__menu-item-last w-full no-underline" 
3076href="/collections/rose-bouquet-building-block-set" >
3077                          <span class="font-medium">Rose Bouquet Building Block Set</span>
3078                          
3079                          
3080                          
3081                          
3082                        </a>
3083                      
3084                    
3085                  </ul>
3086                  <div class="header__menu_product header_menu_hover_animation">
3087<div class="shoplazza-product-snippet" product-id="4e6826d8-cb41-4614-b3f8-640fd7c86086">
3088
3089  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_header_4e6826d8-cb41-4614-b3f8-640fd7c86086_-3">
3090    <a
3091      class="product-snippet__img-link relative block overflow-hidden"
3092      href="/products/blooming-roses"
3093has-secondary-image
3094    >
3095      <spz-img class="product-snippet__img product-snippet__img_main i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" layout="responsive" width="1500" height="1500" src="//img.staticdj.com/bef081796bfae7cec58019f8c75bb0c4.jpeg" alt="" object-fit="cover" auto-fit i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:100%;"></i-spzhtml-sizer></spz-img>
3096      <spz-img class="product-snippet__img-secondary absolute top-0 i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" layout="responsive" width="1500" height="1500" src="//img.staticdj.com/ec4614786536f2eef96bd5bd7cc2fb39.jpeg" alt="" object-fit="cover" auto-fit i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:100%;"></i-spzhtml-sizer></spz-img>
3097      </a>
3098    <spz-product-form product-id="4e6826d8-cb41-4614-b3f8-640fd7c86086" layout="container" @atcsuccess="cart-drawer-modal.open;" @atcerror="theme-toast.showToast(content=event.message);" class="i-spzhtml-layout-container" i-spzhtml-layout="container">
3099  <form>
3100    <input name="variant_id" type="hidden" value="e334344d-a1e1-4af8-9110-3dda35b0cbf7">
3101    <button
3102      type="button"
3103      class="product-snippet__quick-shop-icon"
3104      role="addToCart"
3105      data-quick-shop="blooming-roses"
3106      data-track-product-id="4e6826d8-cb41-4614-b3f8-640fd7c86086"
3107      data-track="click"
3108      data-track-content="add_to_cart"
3109      data-track-source="quick_shop"
3110    >
3111      <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
3112    </button>
3113  </form>
3114</spz-product-form>
3115      <a
3116      class="product_snippet__label md:hidden"
3117      label-type="-3"
3118      href="/products/blooming-roses?variant=e334344d-a1e1-4af8-9110-3dda35b0cbf7"
3119  >
3120      Save <span class='money'>$19.92</span>
3121  </a>
3122  <a
3123      class="product_snippet__label lg:hidden"
3124      label-type="-3"
3125      href="/products/blooming-roses?variant=e334344d-a1e1-4af8-9110-3dda35b0cbf7"
3126  >
3127      Save <span class='money'>$19.92</span>
3128  </a>
3129  </div>
3130
3131  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
3132    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
3133  href="/products/blooming-roses"
3134>
3135      Blooming Roses
3136    </a>
3137  </h3>
3138
3139  <a
3140    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
3141    href="/products/blooming-roses?variant=e334344d-a1e1-4af8-9110-3dda35b0cbf7"
3142  >
3143    <span class="product-snippet__price">
3144        <span class='money'>$19.98</span>
3145        </span>
3146      <span class="product-snippet__compare-at-price money">
3147          $39.90
3148        </span>
3149      </a>
3150
3151  
3152</div></div>
3153                  </div>
3154              </div>
3155            </div>
3156          </li>
3157    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-4" data-id="82938779"  data-levels="0">
3158        <div class="flex items-start">
3159          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 
3160href="/collections/all-xhdb" >All Products</a>
3161          </div>
3162
3163        </li>
3164    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-5" data-id="82982825"  data-levels="0">
3165        <div class="flex items-start">
3166          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 
3167href="/pages/track-order" >Track Order</a>
3168          </div>
3169
3170        </li>
3171    <li spz-menu-more-link class="header__menu-item header__menu-item-first">
3172      <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap cursor-pointer" href="javascript:;" >More links</a>
3173      <div class="header__more_menu-wrapper" spz-menu-submenu>
3174        <template>
3175          ${(function(){
3176            const formatLinks = (links) => {
3177              return links.map(link => {
3178                link.tag = tags[link.title.toUpperCase()] || {};
3179                link.target_attr = link.target == '_blank' ? 'target="_blank"' : '';
3180                link.href_attr = link.url ? `href="${link.url}"` : '';
3181                if(link.children && link.children.length){
3182                  link.children = formatLinks(link.children);
3183                }
3184                return link;
3185              })
3186            };
3187            const tags = "{}";
3188            let linkList = [
3189              {
3190                  id: 80779717,
3191                  title: "Home",
3192                  url: "\/",
3193                  target: "",
3194                  levels: 0,
3195                  product0: { id: (null) },
3196                  children: [
3197                    
3198                  ]
3199                },
3200              {
3201                  id: 83743781,
3202                  title: "Women shoes",
3203                  url: "\/collections\/women-shoes",
3204                  target: "",
3205                  levels: 0,
3206                  product0: { id: (null) },
3207                  children: [
3208                    
3209                  ]
3210                },
3211              {
3212                  id: 83007573,
3213                  title: "Pop-Up Bouquets",
3214                  url: "\/collections\/pop-up-bouquets",
3215                  target: "",
3216                  levels: 1,
3217                  product0: { id: ("4e6826d8-cb41-4614-b3f8-640fd7c86086") },
3218                  children: [
3219                    
3220                      
3221                      {
3222                        title: "classic pop up bouquets",
3223                        url: "\/collections\/classic-pop-up-bouquets",
3224                        target: "",
3225                        levels: 0,
3226                        children: [
3227                          
3228                        ]
3229                      },
3230                    
3231                      
3232                      {
3233                        title: "mini bouquet pop up cards",
3234                        url: "\/collections\/mini-bouquet-pop-up-cards",
3235                        target: "",
3236                        levels: 0,
3237                        children: [
3238                          
3239                        ]
3240                      },
3241                    
3242                      
3243                      {
3244                        title: "grande bouquets",
3245                        url: "\/collections\/grande-bouquets",
3246                        target: "",
3247                        levels: 0,
3248                        children: [
3249                          
3250                        ]
3251                      },
3252                    
3253                      
3254                      {
3255                        title: "Rose Bouquet Building Block Set",
3256                        url: "\/collections\/rose-bouquet-building-block-set",
3257                        target: "",
3258                        levels: 0,
3259                        children: [
3260                          
3261                        ]
3262                      },
3263                    
3264                  ]
3265                },
3266              {
3267                  id: 82938779,
3268                  title: "All Products",
3269                  url: "\/collections\/all-xhdb",
3270                  target: "",
3271                  levels: 0,
3272                  product0: { id: (null) },
3273                  children: [
3274                    
3275                  ]
3276                },
3277              {
3278                  id: 82982825,
3279                  title: "Track Order",
3280                  url: "\/pages\/track-order",
3281                  target: "",
3282                  levels: 0,
3283                  product0: { id: (null) },
3284                  children: [
3285                    
3286                  ]
3287                },
3288              ].slice(offset);
3289            linkList = formatLinks(linkList);
3290            const hasChild = linkList.some(link => !!(link.children && link.children.length || link.product0.id));
3291            return `
3292              <div>
3293                <div spz-if="${hasChild}" class="header__more_menu_three header-shadow absolute left-0 right-0 header-bg overflow-x-hidden overflow-y-auto">
3294                  <spz-tabs class="header__more_menu page-container" layout="container" interact="hover">
3295                    <ul class="header__more_menu_left header_menu_hover_animation list-none" role="tabs">
3296                      <li role="tab" data-panel="tab-${link.id}" spz-for="link in linkList" key="link.id">
3297                        <a class="flex items-start text-inherit no-underline" ${link.href_attr} ${link.target_attr}>
3298                          <span class="flex-1 mr-4">${link.title}</span>
3299                          <span spz-if="${!!(link.tag.label)}" class="header__menu-item-tag" style="color:${link.tag.color}; background:${link.tag.bg};">${link.tag.label}</span>
3300                          <i spz-if="${!!(link.children && link.children.length)}" class="flex">
3301                            <svg class="header__more_menu_icon" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M4.698 8.574a.6.6 0 0 0 0 .848l6.718 6.718a.3.3 0 0 0 .424 0l.679-.679a.3.3 0 0 0 0-.424L6.48 8.998 12.52 2.96a.3.3 0 0 0 0-.425l-.679-.679a.3.3 0 0 0-.424 0L4.698 8.574z" fill="currentColor"/></svg>
3302                          </i>
3303                        </a>
3304                      </li>
3305                    </ul>
3306                    <div class="header__more_menu_right header_menu_hover_animation flex" role="tabpanel" data-id="tab-${link.id}" spz-for="link in linkList" key="link.id">
3307                      <ul class="flex flex-wrap list-none" ${(!!link.product0.id)?"data-has-product":''} spz-if="${!!(link.children && link.children.length)}">
3308                        <li class="flex-1" spz-for="second_link in link.children">
3309                          <a class="header__more_menu_right_item flex items-start text-inherit no-underline" ${second_link.href_attr} ${second_link.target_attr}>
3310                            <span>${second_link.title}</span>
3311                            <span spz-if="${!!(second_link.tag.label)}" class="header__menu-item-tag" style="color:${second_link.tag.color}; background:${second_link.tag.bg};">${second_link.tag.label}</span>
3312                          </a>
3313                          <a class="header__more_menu_right_item header__menu-item-last flex items-start text-inherit no-underline" spz-for="third_links in second_link.children" ${third_links.href_attr} ${third_links.target_attr}>
3314                            <span>${third_links.title}</span>
3315                            <span spz-if="${!!(third_links.tag.label)}" class="header__menu-item-tag" style="color:${third_links.tag.color}; background:${third_links.tag.bg};">${third_links.tag.label}</span>
3316                          </a>
3317                        </li>
3318                      </ul>
3319                      <div class="header__menu_product" spz-if="${!!link.product0.id}">
3320                        
3321
3322<spz-product-snippet
3323  product-id="${link.product0.id}"
3324  layout="container"
3325  template="product-snippet-template"
3326  variant-thumb-names="color"
3327  thumb-max-num="3"
3328  ></spz-product-snippet>
3329</div>
3330                    </div>
3331                  </spz-tabs>
3332                </div>
3333                <ul spz-else class="header__more_menu_second header__second_menu-wrapper header-shadow absolute header-bg list-none overflow-x-hidden overflow-y-auto">
3334                  <li class="header_menu_hover_animation" spz-for="link in linkList" key="link.id">
3335                    <a class="header__menu-item-last flex items-start text-inherit no-underline" ${link.href_attr} ${link.target_attr}>
3336                      <span>${link.title}</span>
3337                      <span spz-if="${!!(link.tag.label)}" class="header__menu-item-tag" style="color:${link.tag.color}; background:${link.tag.bg};">${link.tag.label}</span>
3338                    </a>
3339                  </li>
3340                </ul>
3341              </div>
3342            `
3343          })()}
3344        </template>
3345      </div>
3346    </li>
3347  </ul>
3348</spz-menu>
3349      </div>
3350    </div>
3351  </div>
3352
3353  <div class="header__menu-wrapper header__scroll_hide header-bg overflow-hidden pointer-events-auto">
3354      <div class="header__menu-content page-container">
3355        <style>
3356  .header__desktop .header__menu{
3357    background: inherit !important;
3358  }
3359  .header__desktop .header__menu-item{
3360    padding: 0 18px;
3361    font-size: var(--type-nav-font-size);
3362  }
3363  .header__desktop .header__menu-item:first-child {
3364    margin-left: 0;
3365    }
3366  .header__second_menu-wrapper,
3367  .header__three_menu-wrapper,
3368  .header__more_menu-wrapper{
3369    z-index: var(--z-index-sticky);
3370    visibility: hidden;
3371  }
3372  .header__menu-item-first:hover .header__second_menu-wrapper,
3373  .header__menu-item-first:hover .header__three_menu-wrapper,
3374  .header__menu-item-first:hover .header__more_menu-wrapper{
3375    visibility: visible;
3376  }
3377  .header__second_menu-wrapper,
3378  .header__three_menu-wrapper,
3379  .header__more_menu_three{
3380    overflow: hidden auto;
3381    max-height: calc(var(--window-height) - var(--header-height) - 200px);
3382  }
3383  .header__second_menu-wrapper{
3384    min-width: 180px;
3385    max-width: 400px;
3386    margin: 0 0 -18px 0;
3387    padding: 25px 18px;
3388    }
3389  .header__second_menu-wrapper li + li{
3390    margin-top: 18px;
3391  }
3392  .header__three_menu-content{
3393    display: grid;
3394    grid-template-columns: repeat(4, minmax(0, 1fr));
3395    margin: 0 -30px;
3396  }
3397  .header__desktop .header__menu-item[data-levels="2"] .header__three_menu-wrapper ul{
3398    flex-wrap: wrap;
3399    margin-top: -50px;
3400  }
3401  .header__desktop .header__menu-item:not([data-levels="2"]) .header__three_menu-wrapper ul{
3402    flex-direction: column;
3403    margin-top: -12px;
3404  }
3405  .header__desktop .header__menu-item[data-levels="2"][data-has-product] .header__three_menu-wrapper ul li{
3406    width: 33.33%;
3407  }
3408  .header__desktop .header__menu-item[data-levels="2"]:not([data-has-product]) .header__three_menu-wrapper ul li{
3409    width: 25%;
3410  }
3411  .header__desktop .header__menu-item[data-has-product] .header__three_menu-wrapper ul{
3412    grid-column: span 3 / span 3;
3413  }
3414  .header__desktop .header__menu-item:not([data-has-product]) .header__three_menu-wrapper ul{
3415    grid-column: span 4 / span 4;
3416  }
3417  .header__desktop .header__menu-item[data-levels="2"] .header__menu-item-second{
3418    padding: 50px 30px 8px;
3419    font-size: var(--type-nav-font-size);
3420    color: var(--color-header-text);
3421  }
3422  .header__three_menu-wrapper .header__menu-item-last{
3423    padding: 12px 30px 0;
3424  }
3425  .header__desktop .header__menu-item .header__menu-item-last{
3426    color: var(--color-header-text-70);
3427    font-size: calc(var(--type-nav-font-size) - 2px);
3428    line-height: 1.4;
3429  }
3430  .header__desktop .header__menu-item .header__menu-item-last:hover {
3431    color: var(--color-header-text);
3432  }
3433  .header__menu_product{
3434    grid-column: span 1 / span 1;
3435    padding-left: 30px;
3436    padding-right: 30px;
3437  }
3438  .header_menu_hover_animation{
3439    opacity: 0;
3440    transform: translateY(-12px);
3441    transition: all 200ms;
3442  }
3443  .header__menu-item-first:hover .header_menu_hover_animation{
3444    opacity: 1;
3445    transform: translateY(0);
3446  }
3447  .header__desktop .header__menu-item-first .header__menu-item-sub::after{
3448    content: "";
3449    position: absolute;
3450    left: 0;
3451    bottom: 0;
3452    display: block;
3453    width: 0;
3454    height: 3px;
3455    background-color: var(--color-header-text);
3456    transition: width .2s;
3457	}
3458	.header__desktop .header__menu-item-first:hover .header__menu-item-sub::after{
3459		width: 100%;
3460	}
3461</style>
3462<style>
3463  .header-menu-container[finish] .header__more_menu-wrapper{
3464    display: block !important;
3465    position: static !important;
3466  }
3467  .header__more_menu,
3468  .header__more_menu_right{
3469    display: grid;
3470  }
3471  .header__more_menu{
3472    grid-template-columns: repeat(4,minmax(0,1fr));
3473  }
3474  .header__more_menu_right{
3475    grid-template-columns: repeat(3,minmax(0,1fr));
3476  }
3477  .header__more_menu [role="tabs"],
3478  .header__more_menu_right .header__menu_product{
3479    grid-column: span 1/span 1;
3480  }
3481  .header__more_menu_right > ul[data-has-product]{
3482    grid-column: span 2/span 2;
3483  }
3484  .header__more_menu [role="tabpanel"],
3485  .header__more_menu_right > ul:not([data-has-product]){
3486    grid-column: span 3/span 3;
3487  }
3488  .header__more_menu{
3489    line-height: 1.25;
3490    padding-top: 32px;
3491    padding-bottom: 36px;
3492  }
3493  .header__more_menu [role="tab"] + [role="tab"]{
3494    padding-top: 20px;
3495  }
3496  .header__more_menu_icon{
3497    transform: rotate(180deg);
3498    transition: all 200ms;
3499  }
3500  .header__more_menu [role="tab"][active] .header__more_menu_icon{
3501    transform: rotate(0);
3502  }
3503  .header__more_menu_right li {
3504    padding-bottom: 20px;
3505  }
3506  .header__more_menu_right_item{
3507    padding: 0 30px 8px;
3508  }
3509  .header__more_menu_right_item + .header__more_menu_right_item{
3510    padding: 12px 30px 0;
3511  }
3512  .header__more_menu_right .header__menu_product{
3513    padding: 0 30px;
3514  }
3515</style>
3516<spz-menu id="header-menu-bottom" layout="container" class="header-menu-container   type-heading-font-family  i-spzhtml-layout-container" i-spzhtml-layout="container">
3517  <ul class="header__menu flex m-0 p-0 list-none">
3518    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-1" data-id="80779717"  data-levels="0">
3519        <div class="flex items-start">
3520          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 
3521href="/" >Home</a>
3522          </div>
3523
3524        </li>
3525    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-2" data-id="83743781"  data-levels="0">
3526        <div class="flex items-start">
3527          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 
3528href="/collections/women-shoes" >Women shoes</a>
3529          </div>
3530
3531        </li>
3532    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-3" data-id="83007573"  data-has-product  data-levels="1">
3533        <div class="flex items-start">
3534          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 
3535href="/collections/pop-up-bouquets" >Pop-Up Bouquets</a>
3536          </div>
3537
3538        <div class="header__three_menu-wrapper header-shadow absolute left-0 right-0 header-bg overflow-x-hidden overflow-y-auto" spz-menu-submenu>
3539              <div class="hide-scrollbar page-container lg:pt-8 lg:pb-9">
3540                <div class="header__three_menu-content">
3541                  <ul class="header__waterfall-wrapper header_menu_hover_animation m-0 p-0 flex list-none" >
3542                    
3543                      
3544                        <a class="header__menu-item-last w-full no-underline" 
3545href="/collections/classic-pop-up-bouquets" >
3546                          <span class="font-medium">classic pop up bouquets</span>
3547                          
3548                          
3549                          
3550                          
3551                        </a>
3552                      
3553                    
3554                      
3555                        <a class="header__menu-item-last w-full no-underline" 
3556href="/collections/mini-bouquet-pop-up-cards" >
3557                          <span class="font-medium">mini bouquet pop up cards</span>
3558                          
3559                          
3560                          
3561                          
3562                        </a>
3563                      
3564                    
3565                      
3566                        <a class="header__menu-item-last w-full no-underline" 
3567href="/collections/grande-bouquets" >
3568                          <span class="font-medium">grande bouquets</span>
3569                          
3570                          
3571                          
3572                          
3573                        </a>
3574                      
3575                    
3576                      
3577                        <a class="header__menu-item-last w-full no-underline" 
3578href="/collections/rose-bouquet-building-block-set" >
3579                          <span class="font-medium">Rose Bouquet Building Block Set</span>
3580                          
3581                          
3582                          
3583                          
3584                        </a>
3585                      
3586                    
3587                  </ul>
3588                  <div class="header__menu_product header_menu_hover_animation">
3589<div class="shoplazza-product-snippet" product-id="4e6826d8-cb41-4614-b3f8-640fd7c86086">
3590
3591  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_header_4e6826d8-cb41-4614-b3f8-640fd7c86086_left_center-3">
3592    <a
3593      class="product-snippet__img-link relative block overflow-hidden"
3594      href="/products/blooming-roses"
3595has-secondary-image
3596    >
3597      <spz-img class="product-snippet__img product-snippet__img_main i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" layout="responsive" width="1500" height="1500" src="//img.staticdj.com/bef081796bfae7cec58019f8c75bb0c4.jpeg" alt="" object-fit="cover" auto-fit i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:100%;"></i-spzhtml-sizer></spz-img>
3598      <spz-img class="product-snippet__img-secondary absolute top-0 i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" layout="responsive" width="1500" height="1500" src="//img.staticdj.com/ec4614786536f2eef96bd5bd7cc2fb39.jpeg" alt="" object-fit="cover" auto-fit i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:100%;"></i-spzhtml-sizer></spz-img>
3599      </a>
3600    <spz-product-form product-id="4e6826d8-cb41-4614-b3f8-640fd7c86086" layout="container" @atcsuccess="cart-drawer-modal.open;" @atcerror="theme-toast.showToast(content=event.message);" class="i-spzhtml-layout-container" i-spzhtml-layout="container">
3601  <form>
3602    <input name="variant_id" type="hidden" value="e334344d-a1e1-4af8-9110-3dda35b0cbf7">
3603    <button
3604      type="button"
3605      class="product-snippet__quick-shop-icon"
3606      role="addToCart"
3607      data-quick-shop="blooming-roses"
3608      data-track-product-id="4e6826d8-cb41-4614-b3f8-640fd7c86086"
3609      data-track="click"
3610      data-track-content="add_to_cart"
3611      data-track-source="quick_shop"
3612    >
3613      <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
3614    </button>
3615  </form>
3616</spz-product-form>
3617      <a
3618      class="product_snippet__label md:hidden"
3619      label-type="left_center-3"
3620      href="/products/blooming-roses?variant=e334344d-a1e1-4af8-9110-3dda35b0cbf7"
3621  >
3622      Save <span class='money'>$19.92</span>
3623  </a>
3624  <a
3625      class="product_snippet__label lg:hidden"
3626      label-type="left_center-3"
3627      href="/products/blooming-roses?variant=e334344d-a1e1-4af8-9110-3dda35b0cbf7"
3628  >
3629      Save <span class='money'>$19.92</span>
3630  </a>
3631  </div>
3632
3633  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
3634    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
3635  href="/products/blooming-roses"
3636>
3637      Blooming Roses
3638    </a>
3639  </h3>
3640
3641  <a
3642    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
3643    href="/products/blooming-roses?variant=e334344d-a1e1-4af8-9110-3dda35b0cbf7"
3644  >
3645    <span class="product-snippet__price">
3646        <span class='money'>$19.98</span>
3647        </span>
3648      <span class="product-snippet__compare-at-price money">
3649          $39.90
3650        </span>
3651      </a>
3652
3653  
3654</div></div>
3655                  </div>
3656              </div>
3657            </div>
3658          </li>
3659    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-4" data-id="82938779"  data-levels="0">
3660        <div class="flex items-start">
3661          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 
3662href="/collections/all-xhdb" >All Products</a>
3663          </div>
3664
3665        </li>
3666    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-5" data-id="82982825"  data-levels="0">
3667        <div class="flex items-start">
3668          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 
3669href="/pages/track-order" >Track Order</a>
3670          </div>
3671
3672        </li>
3673    <li spz-menu-more-link class="header__menu-item header__menu-item-first">
3674      <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap cursor-pointer" href="javascript:;" >More links</a>
3675      <div class="header__more_menu-wrapper" spz-menu-submenu>
3676        <template>
3677          ${(function(){
3678            const formatLinks = (links) => {
3679              return links.map(link => {
3680                link.tag = tags[link.title.toUpperCase()] || {};
3681                link.target_attr = link.target == '_blank' ? 'target="_blank"' : '';
3682                link.href_attr = link.url ? `href="${link.url}"` : '';
3683                if(link.children && link.children.length){
3684                  link.children = formatLinks(link.children);
3685                }
3686                return link;
3687              })
3688            };
3689            const tags = "{}";
3690            let linkList = [
3691              {
3692                  id: 80779717,
3693                  title: "Home",
3694                  url: "\/",
3695                  target: "",
3696                  levels: 0,
3697                  product0: { id: (null) },
3698                  children: [
3699                    
3700                  ]
3701                },
3702              {
3703                  id: 83743781,
3704                  title: "Women shoes",
3705                  url: "\/collections\/women-shoes",
3706                  target: "",
3707                  levels: 0,
3708                  product0: { id: (null) },
3709                  children: [
3710                    
3711                  ]
3712                },
3713              {
3714                  id: 83007573,
3715                  title: "Pop-Up Bouquets",
3716                  url: "\/collections\/pop-up-bouquets",
3717                  target: "",
3718                  levels: 1,
3719                  product0: { id: ("4e6826d8-cb41-4614-b3f8-640fd7c86086") },
3720                  children: [
3721                    
3722                      
3723                      {
3724                        title: "classic pop up bouquets",
3725                        url: "\/collections\/classic-pop-up-bouquets",
3726                        target: "",
3727                        levels: 0,
3728                        children: [
3729                          
3730                        ]
3731                      },
3732                    
3733                      
3734                      {
3735                        title: "mini bouquet pop up cards",
3736                        url: "\/collections\/mini-bouquet-pop-up-cards",
3737                        target: "",
3738                        levels: 0,
3739                        children: [
3740                          
3741                        ]
3742                      },
3743                    
3744                      
3745                      {
3746                        title: "grande bouquets",
3747                        url: "\/collections\/grande-bouquets",
3748                        target: "",
3749                        levels: 0,
3750                        children: [
3751                          
3752                        ]
3753                      },
3754                    
3755                      
3756                      {
3757                        title: "Rose Bouquet Building Block Set",
3758                        url: "\/collections\/rose-bouquet-building-block-set",
3759                        target: "",
3760                        levels: 0,
3761                        children: [
3762                          
3763                        ]
3764                      },
3765                    
3766                  ]
3767                },
3768              {
3769                  id: 82938779,
3770                  title: "All Products",
3771                  url: "\/collections\/all-xhdb",
3772                  target: "",
3773                  levels: 0,
3774                  product0: { id: (null) },
3775                  children: [
3776                    
3777                  ]
3778                },
3779              {
3780                  id: 82982825,
3781                  title: "Track Order",
3782                  url: "\/pages\/track-order",
3783                  target: "",
3784                  levels: 0,
3785                  product0: { id: (null) },
3786                  children: [
3787                    
3788                  ]
3789                },
3790              ].slice(offset);
3791            linkList = formatLinks(linkList);
3792            const hasChild = linkList.some(link => !!(link.children && link.children.length || link.product0.id));
3793            return `
3794              <div>
3795                <div spz-if="${hasChild}" class="header__more_menu_three header-shadow absolute left-0 right-0 header-bg overflow-x-hidden overflow-y-auto">
3796                  <spz-tabs class="header__more_menu page-container" layout="container" interact="hover">
3797                    <ul class="header__more_menu_left header_menu_hover_animation list-none" role="tabs">
3798                      <li role="tab" data-panel="tab-${link.id}" spz-for="link in linkList" key="link.id">
3799                        <a class="flex items-start text-inherit no-underline" ${link.href_attr} ${link.target_attr}>
3800                          <span class="flex-1 mr-4">${link.title}</span>
3801                          <span spz-if="${!!(link.tag.label)}" class="header__menu-item-tag" style="color:${link.tag.color}; background:${link.tag.bg};">${link.tag.label}</span>
3802                          <i spz-if="${!!(link.children && link.children.length)}" class="flex">
3803                            <svg class="header__more_menu_icon" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M4.698 8.574a.6.6 0 0 0 0 .848l6.718 6.718a.3.3 0 0 0 .424 0l.679-.679a.3.3 0 0 0 0-.424L6.48 8.998 12.52 2.96a.3.3 0 0 0 0-.425l-.679-.679a.3.3 0 0 0-.424 0L4.698 8.574z" fill="currentColor"/></svg>
3804                          </i>
3805                        </a>
3806                      </li>
3807                    </ul>
3808                    <div class="header__more_menu_right header_menu_hover_animation flex" role="tabpanel" data-id="tab-${link.id}" spz-for="link in linkList" key="link.id">
3809                      <ul class="flex flex-wrap list-none" ${(!!link.product0.id)?"data-has-product":''} spz-if="${!!(link.children && link.children.length)}">
3810                        <li class="flex-1" spz-for="second_link in link.children">
3811                          <a class="header__more_menu_right_item flex items-start text-inherit no-underline" ${second_link.href_attr} ${second_link.target_attr}>
3812                            <span>${second_link.title}</span>
3813                            <span spz-if="${!!(second_link.tag.label)}" class="header__menu-item-tag" style="color:${second_link.tag.color}; background:${second_link.tag.bg};">${second_link.tag.label}</span>
3814                          </a>
3815                          <a class="header__more_menu_right_item header__menu-item-last flex items-start text-inherit no-underline" spz-for="third_links in second_link.children" ${third_links.href_attr} ${third_links.target_attr}>
3816                            <span>${third_links.title}</span>
3817                            <span spz-if="${!!(third_links.tag.label)}" class="header__menu-item-tag" style="color:${third_links.tag.color}; background:${third_links.tag.bg};">${third_links.tag.label}</span>
3818                          </a>
3819                        </li>
3820                      </ul>
3821                      <div class="header__menu_product" spz-if="${!!link.product0.id}">
3822                        
3823
3824<spz-product-snippet
3825  product-id="${link.product0.id}"
3826  layout="container"
3827  template="product-snippet-template"
3828  variant-thumb-names="color"
3829  thumb-max-num="3"
3830  ></spz-product-snippet>
3831</div>
3832                    </div>
3833                  </spz-tabs>
3834                </div>
3835                <ul spz-else class="header__more_menu_second header__second_menu-wrapper header-shadow absolute header-bg list-none overflow-x-hidden overflow-y-auto">
3836                  <li class="header_menu_hover_animation" spz-for="link in linkList" key="link.id">
3837                    <a class="header__menu-item-last flex items-start text-inherit no-underline" ${link.href_attr} ${link.target_attr}>
3838                      <span>${link.title}</span>
3839                      <span spz-if="${!!(link.tag.label)}" class="header__menu-item-tag" style="color:${link.tag.color}; background:${link.tag.bg};">${link.tag.label}</span>
3840                    </a>
3841                  </li>
3842                </ul>
3843              </div>
3844            `
3845          })()}
3846        </template>
3847      </div>
3848    </li>
3849  </ul>
3850</spz-menu>
3851      </div>
3852    </div>
3853  <div class="plugin__fixed-div pointer-events-auto md:hidden"></div>
3854</div>
3855<style>
3856  .header__mobile .header{
3857    padding-top: 18px;
3858    padding-bottom: 18px;
3859  }
3860  .header__mobile .header_apps_wrap > * {
3861    margin-bottom: 18px;
3862    flex: 1;
3863  }
3864  .header__mobile .header__search-wrapper{
3865    padding-top: 4px;
3866    padding-bottom: 10px;
3867  }
3868  .header__mobile .header__menu-wrapper{
3869    padding: 8px 0 8px 16px;
3870  background: var(--color-menu-bg);
3871  }
3872  .header__mobile__menu-item-first{
3873    padding-right: 10px;
3874  }
3875  .header__mobile__menu-item-first a{
3876    padding: 9px 12px;
3877    font-size: 12px;
3878    line-height: 1.3;
3879    color: var(--color-menu-item-text-90);
3880    background: var(--color-menu-item-bg);
3881    border-radius: 4px;
3882  }
3883  .header_menu_tooltip,
3884  .header_menu_tooltip .i-spzhtml-tooltip-inner{
3885    padding: 0;
3886    background: transparent !important;
3887  }
3888  .header_menu_tooltip .header__menu_second {
3889    width: 150px;
3890    max-height: 236px;
3891    border-radius: 4px ;
3892  }
3893  .header_menu_tooltip .header__menu_second-item{
3894    background: #fff;
3895    color: var(--color-menu-item-text-80);
3896    padding: 0 0 0 14px;
3897  font-size: 12px;
3898    line-height: 1.3
3899  }
3900  .header_menu_tooltip .header__menu_second-item a{
3901    padding: 15px 14px 15px 0;
3902  }
3903  .header_menu_tooltip .header__menu_second-item a + a{
3904    border: 1px solid #E6E6E6;
3905  }
3906  .header__mobile__menu-item-first a.header_menu_active {
3907    background-color: var(--color-actived-menu-item-bg) ;
3908    color: var(--color-actived-menu-item-text) ;
3909  }
3910</style>
3911<header class="header__mobile tw-text-header-text-color lg:hidden">
3912  <div class="header page-container z-20 relative header-bg pointer-events-auto">
3913    <div class="flex items-center">
3914      <h2 class="header__logo flex-shrink-0 type-heading-font-family">
3915  <a class="image_width block md:hidden" href="/">
3916  <spz-img layout="responsive" width="300" height="100" src="//img.staticdj.com/da7b476af7322b6a98b73854e8df74b8_400x.JPG" alt="" class="i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:33.33%;"></i-spzhtml-sizer></spz-img>
3917  </a>
3918  <a class="image_width block lg:hidden" href="/">
3919  <spz-img layout="responsive" width="300" height="100" src="//img.staticdj.com/da7b476af7322b6a98b73854e8df74b8_400x.JPG" alt="" class="i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:33.33%;"></i-spzhtml-sizer></spz-img>
3920  </a>
3921</h2>
3922<style>
3923  .header__search button,
3924  .header__search input{
3925    border: none;
3926    outline: none;
3927  }
3928  .header__search-btn,
3929  .header__search-icon{
3930    background: transparent;
3931  }
3932  .header__search {
3933    display: flex;
3934    align-items: center;
3935    flex-shrink: 0;
3936  }
3937  .header__search-btn {
3938    padding: 0;
3939    margin: 0;
3940    font-size: 0;
3941    color: inherit;
3942    cursor: pointer;
3943  }
3944  .header__search-form{
3945    min-height: 40px;
3946  }
3947  .header__search-input{
3948    font-size: 13px;
3949    line-height: 16px;
3950    color: var(--color-header-search-text);
3951    background-color: var(--color-header-search-bg);
3952    padding: 12px 16px 12px 36px;
3953      border-radius: 2px 0 0 2px;
3954    }
3955  .header__search-input:not(:placeholder-shown) ~ .header__search-icon-close{
3956    display: flex;
3957  }
3958  .header__search-icon{
3959    left: 10px;
3960    top: 50%;
3961    transform: translateY(-50%);
3962    color: var(--color-header-search-text-50);
3963  }
3964  .header__search-icon-close{
3965    top: 50%;
3966    transform: translateY(-50%);
3967    height: 18px;
3968    width: 18px;
3969    color: #fff;
3970    background: #C0C0C0;
3971    right: 10px;
3972    }
3973  .header__search-icon:hover,
3974  .header__search-icon-close:hover{
3975    color: var(--color-header-search-text);
3976  }
3977  .header__search-submit-btn{
3978    padding: 11px 16px;
3979    font-size: 14px;
3980    line-height: 18px;
3981    color: var(--color-header-search-btn-text);
3982    background-color: var(--color-header-search-btn-bg);
3983    border-radius: 0 2px 2px 0;
3984    }
3985  @media (max-width: 959.98px) {
3986    .header__search-form{
3987      width: 100%
3988    }
3989  }
3990  @media (min-width: 960px) {
3991    .header__search-form{
3992      margin: 18px 0;
3993    }
3994    .header__search-input{
3995      width: 232px;
3996      border-radius: 2px;
3997    }
3998    .header__desktop[data-layout="left"] .header__search-input{
3999      width: 278px;
4000    }
4001  }
4002</style>
4003
4004<div class="header__search" id="">
4005    <button
4006        type="button"
4007        class="header__search-btn"
4008        @tap="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=true);header_search_sidebar.open()"
4009      >
4010        <svg class="" width="26" height="26" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.925 20.057A9.955 9.955 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10a9.968 9.968 0 0 1-2.864 7.006l4.929 4.928a.8.8 0 0 1-1.132 1.132l-5-5-.008-.01zM20.4 12a8.4 8.4 0 1 1-16.8 0 8.4 8.4 0 0 1 16.8 0z" fill="currentColor"/></svg>
4011      </button>
4012    </div>
4013<spz-observer layout="logic" target="header__plugin-container" @childupdated="header-menu-top.updateMoreLink" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-observer>
4014<div class="header__icons flex-shrink-0 flex items-center"  id="header-icons" >
4015  <div class="header__plugin-container md:hidden flex items-center" id="header__plugin-container">
4016    <div class="empty-hidden plugin__translate-header"></div>
4017    <div class="empty-hidden plugin__currency"></div>
4018  </div>
4019
4020  <div class="header__account relative text-0  md:hidden ">
4021    <i class="cursor-pointer" @tap="header_account_dropdown_md.open"><svg class=" " width="26" height="26" fill="none" xmlns="http://www.w3.org/2000/svg">
4021<path opacity=".01" fill="currentColor" d="M0 0h26v26H0z"/><g fill-rule="evenodd" clip-rule="evenodd" fill="currentColor"><path d="M13.11 1a6.11 6.11 0 1 1 0 12.22 6.11 6.11 0 0 1 0-12.22Zm0 1.6a4.51 4.51 0 1 0 0 9.02 4.51 4.51 0 0 0 0-9.02ZM17.333 15A6.667 6.667 0 0 1 24 21.667V24a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-2.333A6.667 6.667 0 0 1 8.667 15h8.666Zm0 1.6H8.667a5.067 5.067 0 0 0-5.062 4.847l-.005.22V23.4h18.8v-1.733a5.067 5.067 0 0 0-4.847-5.062l-.22-.005Z"/></g></svg></i>
4022    <spz-dropdown class="header__account_dropdown i-spzhtml-layout-nodisplay" id="header_account_dropdown_md" layout="nodisplay" placement="bottom" hidden="" style="display: none" i-spzhtml-layout="nodisplay">
4023        <ul class="header__account_dropdown_content list-none header-shadow">
4024    <li><a href="/account/login">Log in</a></li>
4025      <li><a href="/account/register">Create an account</a></li>
4026      </ul>
4027</spz-dropdown>
4028    </div>
4029  <a class="header__cart relative flex justify-end items-center text-0 text-inherit cursor-pointer no-underline" href="/cart">
4030    <i>
4031      <svg class="" width="28" height="28" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path opacity=".01" fill="currentColor" d="M0 0h28v28H0z"/><g fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.8 2.2a.8.8 0 1 0 0 1.6h2.803l1.542 14.541a1 1 0 0 0 .995.895h15.055a1 1 0 0 0 .982-.811l2.105-10.91a1 1 0 0 0-.982-1.189H6.48l-.432-4.081a.05.05 0 0 0-.05-.045H1.8Zm4.849 5.726h16.923l-1.873 9.709H7.679l-1.03-9.709Z"/><path d="M10.917 23.62a1.909 1.909 0 1 1-3.818 0 1.909 1.909 0 0 1 3.818 0ZM22.372 23.62a1.91 1.91 0 1 1-3.819 0 1.91 1.91 0 0 1 3.819 0Z"/></g></svg>
4032      </i>
4033    <!-- 购物车数量 -->
4034    <spz-event target-id="header_cart_count_render_md" target-api="render" event-name="dj.addToCart;dj.cartChange;" layout="logic" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-event>
4035    <spz-render id="header_cart_count_render_md" layout="container" src="/api/cart/count" class="i-spzhtml-layout-container" i-spzhtml-layout="container">
4036      <template>
4037        <div>
4038          <span class="header__cart-count absolute rounded-full leading-none text-center" spz-if="${data.data && data.data.count > 0}">${data.data && data.data.count}</span>
4039        </div>
4040      </template>
4041    </spz-render>
4042  </a>
4043  <i class="header__drawer_icon  flex lg:hidden cursor-pointer" @tap="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=true);header_drawer.open()">
4044      <svg class="" width="28" height="28" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity=".01"><path opacity=".696" fill="currentColor" d="M0 0h28v28H0z"/></g><g fill="currentColor"><path d="M24.17 6.17a.83.83 0 1 1 0 1.66H3.83a.83.83 0 0 1 0-1.66h20.34ZM24.17 13.17a.83.83 0 1 1 0 1.66H3.83a.83.83 0 1 1 0-1.66h20.34ZM24.17 20.17a.83.83 0 1 1 0 1.66H3.83a.83.83 0 1 1 0-1.66h20.34Z"/></g></svg>
4045    </i>
4046  </div>
4047    </div>
4048  </div>
4049
4050  <div
4051    class="header__fixed-top header__scroll_hide pointer-events-auto"
4052    id="header-scrollable-container-mobile"
4053  >
4054    </div>
4055  <div class="plugin__fixed-div pointer-events-auto"></div>
4056</header>
4057<style>
4058    .header__search_sidebar{
4059      height: 100vh;
4060      width: 100%;
4061      pointer-events: none;
4062    }
4063    .header__search_sidebar_content{
4064      pointer-events: auto;
4065      overflow: hidden auto;
4066      max-height: 100%;
4067      background-color: var(--color-header-bg);
4068    }
4069    .header__search-modal-form{
4070      position: sticky;
4071      top: 0;
4072      z-index: 10;
4073      background-color: var(--color-header-bg);
4074    }
4075    .header__search_sidebar-input{
4076      padding: 46px 16px;
4077      color: var(--color-header-search-text);
4078    }
4079    .header__search_sidebar + .i-spzhtml-sidebar-mask{
4080      pointer-events: auto;
4081    }
4082  </style>
4083  <spz-sidebar class="header__search_sidebar i-spzhtml-layout-nodisplay" id="header_search_sidebar" layout="nodisplay" side="top" @close="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=false);" hidden="" style="display: none" i-spzhtml-layout="nodisplay">
4084    <div class="header__search_sidebar_content">
4085      <div class="page-container header__search-modal-form">
4086        <form class="flex items-center" action="/search" method="get">
4087          <button type="submit" class="clear text-0 text-inherit cursor-pointer">
4088            <svg class="" width="26" height="26" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.925 20.057A9.955 9.955 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10a9.968 9.968 0 0 1-2.864 7.006l4.929 4.928a.8.8 0 0 1-1.132 1.132l-5-5-.008-.01zM20.4 12a8.4 8.4 
40880 1 1-16.8 0 8.4 8.4 0 0 1 16.8 0z" fill="currentColor"/></svg>
4089          </button>
4090          <input
4091            @input-debounced="header_search_predictive_render-sidebar.rerender(data=event.value, redo=true);"
4092            class="header__search_sidebar-input flex-1 text-base leading-none type-text-font-family clear"
4093            type="text"
4094            autocomplete="off"
4095            name="q"
4096            placeholder="Search products"
4097          />
4098          <button type="reset" class="header__search-modal-close text-0 text-inherit clear cursor-pointer" @tap="header_search_sidebar.close()">
4099            <svg class="" width="26" height="26" xmlns="http://www.w3.org/2000/svg"><path d="M21.502 5.732A.85.85 0 0 0 20.3 4.53l-7.32 7.32L5.734 4.6a.85.85 0 0 0-1.202 1.203l7.248 7.247L4.53 20.3A.85.85 0 0 0 5.733 21.5l7.248-7.248 7.319 7.319a.85.85 0 0 0 1.202-1.202l-7.319-7.319 7.319-7.319z" fill="currentColor"/></svg>
4100          </button>
4101        </form>
4102      </div>
4103      <style>
4104    .header__search_predictive_render{
4105      background-color: var(--color-header-bg);
4106    }
4107    .header__search_product_list_wrap{
4108      padding: 24px 0 70px;
4109    }
4110    .header__search_product_list{
4111      display: grid;
4112      grid-template-columns: repeat(2, minmax(0, 1fr));
4113      column-gap: 16px;
4114      row-gap: 24px;
4115    }
4116    .header__search_product_list[data-empty],
4117    .header__search_product__empty,
4118    .header__search_product__view_more_wrap{
4119      display: none;
4120    }
4121    .header__search_product_list[hasmore] + .header__search_product__view_more_wrap,
4122    .header__search_product_list[data-empty] ~ .header__search_product__empty{
4123      display: flex;
4124      justify-content: center;
4125      align-items: center;
4126    }
4127    .header__search_product_list[loading] ~ .loading{
4128      display: var(--loading-show);
4129    }
4130    .header__search_product_list ~ .loading .loading-bounce{
4131      border-bottom-color: var(--color-body-text);
4132    }
4133    .header__search_product__view_more{
4134      margin: 24px auto 0;
4135      padding: 8px 24px;
4136      font-weight: 600;
4137      font-size: 16px;
4138      line-height: 24px;
4139    }
4140    @media (min-width: 960px) {
4141      .header__search_product_list{
4142        grid-template-columns: repeat(4, minmax(0, 1fr));
4143        column-gap: 24px;
4144      }
4145      .header__search_product_list_wrap{
4146        padding: 24px 0 40px;
4147      }
4148    }
4149  </style>
4150  <template id="header_search_product_list_template-sidebar">
4151    <spz-product-snippet
4152  data-source-id="header_search_product_list-sidebar"
4153  product-id="${data.id}"
4154  layout="container"
4155  template="product-snippet-template"
4156  variant-thumb-names="color"
4157  thumb-max-num="3"
4158  ></spz-product-snippet>
4159</template>
4160  <spz-render id="header_search_predictive_render-sidebar" class="header__search_predictive_render i-spzhtml-layout-container" layout="container" manual i-spzhtml-layout="container">
4161    <template>
4162      <div class="page-container">
4163        ${(function(){
4164          if (data === undefined || typeof data !== 'string' || data == '') return '<spz-render @finish="header_search_lightbox.close();header_search_sidebar.close();" layout="container"></spz-render>';
4165          const keyword = encodeURIComponent(data);
4166          return `
4167            <div class="header__search_product_list_wrap">
4168              <spz-list
4169                class="header__search_product_list"
4170                id="header_search_product_list-sidebar"
4171                layout="container"
4172                initial-page="0"
4173                size="limit"
4174                page-size="4"
4175                src="/api/search?keyword=${keyword}"
4176                list="data.products"
4177                total="data.total"
4178                template="header_search_product_list_template-sidebar"
4179              ></spz-list>
4180              <div class="header__search_product__view_more_wrap">
4181                <a
4182                  href="/search?q=${keyword}"
4183                  class="header__search_product__view_more button-primary rounded-btn no-underline">
4184                  View more
4185                </a>
4186              </div>
4187              <div class="header__search_product__empty">
4188                Your search for '${data}' did not yield any results.
4189              </div>
4190              <div class="loading items-center justify-center " role="loading"   hide >
4191  <div class="loading-bounce"></div>
4192</div>
4193            </div>
4194          `
4195        })()}
4196      </div>
4197    </template>
4198  </spz-render>
4199</div>
4200  </spz-sidebar>
4201<style>
4202  .header__drawer{
4203    width: 330px;
4204    top: 0;
4205    bottom: 0;
4206    max-width: 100vw !important;
4207    line-height: 1.4;
4208  }
4209  .header__drawer,
4210  .header__drawer + .i-spzhtml-sidebar-mask{
4211    pointer-events: auto;
4212  }
4213  .header__drawer a{
4214    color: inherit;
4215    text-decoration: none;
4216  }
4217  .header__drawer_header{
4218    position: sticky;
4219    top: 0;
4220    z-index: 10;
4221    height: 62px;
4222    border-bottom: 1px solid rgba(230,230,230,0.6);
4223  }
4224  .header__drawer_close{
4225    width: 62px;
4226    position: absolute;
4227    top: 0;
4228    right: 0;
4229    bottom: 0;
4230    opacity: 0.7;
4231  }
4232  .header__drawer_footer{
4233    position: sticky;
4234    bottom: 0;
4235    z-index: 10;
4236    border-top: 1px solid rgba(230,230,230,0.6);
4237    padding: 16px 20px;
4238  }
4239  .header__drawer_prev{
4240    position: sticky;
4241    top: 0;
4242    z-index: 10;
4243    display: flex;
4244    align-items: center;
4245    border-bottom: 1px solid rgba(230,230,230,0.6);
4246    padding: 16px 20px;
4247    background-color: var(--color-body-bg);
4248  }
4249  .header__drawer [spz-nested-submenu]:not([child-open]){
4250    overflow: hidden auto;
4251    max-height: 100%;
4252  }
4253  .header__drawer_menu_item{
4254    display: flex;
4255    align-items: center;
4256    justify-content: space-between;
4257    min-height: 22px;
4258    margin-left: 20px;
4259      padding: 16px 20px 16px 0;
4260    border-bottom: 1px solid rgba(230,230,230,0.6);
4261    cursor: pointer;
4262  }
4263  .header__drawer_menu_item a:not([spz-nested-submenu-open]){
4264    flex: 1
4265  }
4266  .header_drawer_menu .header_drawer_menu_first{
4267    overflow: hidden auto;
4268  }
4269  .header_drawer_menu[child-open] .header_drawer_menu_first{
4270    overflow: unset !important;
4271  }
4272  </style>
4273<spz-sidebar id="header_drawer" class="header__drawer flex flex-col bg-color-body i-spzhtml-layout-nodisplay" side="right" layout="nodisplay" @close="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=false);" hidden="" style="display: none" i-spzhtml-layout="nodisplay">
4274  <div class="header__drawer_header flex-shrink-0 relative flex bg-color-body">
4275    <i class="header__drawer_close flex-center cursor-pointer" @tap="header_drawer.close()">
4276      <svg class="" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M5.034 3.652a.367.367 0 0 0-.518 0l-.864.864a.367.367 0 0 0 0 .519l5.963 5.963-5.963 5.963a.367.367 0 0 0 0 .519l.864.864a.367.367 0 0 0 .518 0l5.964-5.963 5.963 5.963a.367.367 0 0 0 .519 0l.864-.864a.367.367 0 0 0 0-.519l-5.964-5.963 5.964-5.963a.367.367 0 0 0 0-.519l-.864-.864a.367.367 0 0 0-.519 0l-5.963 5.963-5.964-5.963z" fill="currentColor"/></svg>
4277    </i>
4278  </div>
4279  <div class="flex-1 relative overflow-hidden">
4280    <spz-nested-menu class="header_drawer_menu flex flex-col i-spzhtml-layout-fill i-spzhtml-layout-size-defined" layout="fill" side="right" id="menu-drawer" i-spzhtml-layout="fill">
4281      <ul class="header_drawer_menu_first flex-1 hide-scrollbar">
4282        <li>
4283              <div  class="header__drawer_menu_item">
4284                <a class="flex items-start " 
4285href="/" >
4286  <span>Home</span>
4287  </a>
4288                </div>
4289              </li>
4290          <li>
4291              <div  class="header__drawer_menu_item">
4292                <a class="flex items-start " 
4293href="/collections/women-shoes" >
4294  <span>Women shoes</span>
4295  </a>
4296                </div>
4297              </li>
4298          <li>
4299              <div spz-nested-submenu-open class="header__drawer_menu_item">
4300                <a class="flex items-start " 
4301href="/collections/pop-up-bouquets" >
4302  <span>Pop-Up Bouquets</span>
4303  </a>
4304                <svg   class="header__drawer_next_icon ml-3 flex-shrink-0" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424 0l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"/></svg>
4305</div>
4306              <ul class="clear" spz-nested-submenu>
4307                    <li class="header__drawer_prev" spz-nested-submenu-close>
4308                      
4309  <svg class="mr-3" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M4.06 7.573a.6.6 0 0 0 0 .848l6.152 6.152a.3.3 0 0 0 .424 0l.594-.594a.3.3 0 0 0 0-.424L5.672 7.997 11.23 2.44a.3.3 0 0 0 0-.424l-.594-.594a.3.3 0 0 0-.424 0L4.06 7.573z" fill="currentColor"/></svg>
4310<span class="flex-1 underline">Pop-Up Bouquets</span>
4311                    </li>
4312                    
4313                      
4314                      
4315                      <li>
4316                        <div  class="header__drawer_menu_item">
4317                          <a class="flex items-start " 
4318href="/collections/classic-pop-up-bouquets" >
4319  <span>classic pop up bouquets</span>
4320  </a>
4321                          
4322                        </div>
4323                        
4324                      </li>
4325                    
4326                      
4327                      
4328                      <li>
4329                        <div  class="header__drawer_menu_item">
4330                          <a class="flex items-start " 
4331href="/collections/mini-bouquet-pop-up-cards" >
4332  <span>mini bouquet pop up cards</span>
4333  </a>
4334                          
4335                        </div>
4336                        
4337                      </li>
4338                    
4339                      
4340                      
4341                      <li>
4342                        <div  class="header__drawer_menu_item">
4343                          <a class="flex items-start " 
4344href="/collections/grande-bouquets" >
4345  <span>grande bouquets</span>
4346  </a>
4347                          
4348                        </div>
4349                        
4350                      </li>
4351                    
4352                      
4353                      
4354                      <li>
4355                        <div  class="header__drawer_menu_item">
4356                          <a class="flex items-start " 
4357href="/collections/rose-bouquet-building-block-set" >
4358  <span>Rose Bouquet Building Block Set</span>
4359  </a>
4360                          
4361                        </div>
4362                        
4363                      </li>
4364                    
4365                  </ul>
4366              </li>
4367          <li>
4368              <div  class="header__drawer_menu_item">
4369                <a class="flex items-start " 
4370href="/collections/all-xhdb" >
4371  <span>All Products</span>
4372  </a>
4373                </div>
4374              </li>
4375          <li>
4376              <div  class="header__drawer_menu_item">
4377                <a class="flex items-start " 
4378href="/pages/track-order" >
4379  <span>Track Order</span>
4380  </a>
4381                </div>
4382              </li>
4383          <div class="header__drawer_plugins">
4384          <div class="empty-hidden  plugin__translate-header px-5 my-10"></div>
4385          <div class="empty-hidden  plugin__currency px-5 my-10"></div>
4386        </div>
4387      </ul>
4388
4389      <li class="header__drawer_menu_item"><a href="/account/login">Log in</a></li>
4390          <li class="header__drawer_menu_item"><a href="/account/register">Create an account</a></li>
4391          </spz-nested-menu>
4392  </div>
4393</spz-sidebar>
4394</div>
4395<spz-script layout="logic" type="application/javascript">
4396  (function(){
4397    let w = window.innerWidth;
4398    function setHeaderCssVar() {
4399      const headerEle = document.getElementById('shoplaza-section-header');
4400      if(!headerEle){ return };
4401      document.body.style.setProperty('--window-height', `${window.innerHeight}px`);
4402      document.body.style.setProperty('--header-height', `${headerEle.clientHeight}px`);
4403
4404      const mdScorllHideEle = headerEle.querySelector('.header__mobile .header__scroll_hide');
4405      if (mdScorllHideEle) {
4406        document.body.style.setProperty('--header-scroll-hide-height-md', `${mdScorllHideEle.clientHeight}px`);
4407      }
4408
4409      const pcScorllHideEle = headerEle.querySelector('.header__desktop .header__scroll_hide');
4410      if (pcScorllHideEle) {
4411        document.body.style.setProperty('--header-scroll-hide-height-pc', `${pcScorllHideEle.clientHeight}px`);
4412      }
4413
4414    }
4415    function handlResize() {
4416      if(w == window.innerWidth){return};
4417      w = window.innerWidth;
4418      setHeaderCssVar();
4419    };
4420    function init(){
4421      setHeaderCssVar();
4422      window.removeEventListener('resize', window._theme_header_listener)
4423      window._theme_header_listener = handlResize;
4424      window.addEventListener('resize', window._theme_header_listener);
4425    }
4426    init();
4427  })();
4428</spz-script>
4429
4430</div>
4431      <div class="plugin__static-div"></div>
4432      <div class="main-content" id="main-content">
4433        <div id="shoplaza-section-1539426260175" class="shoplaza-section" data-section-id="1539426260175" data-section-type="register" data-section-style="1"><style>
4434  .form_item {
4435    position: relative;
4436    width: 100%;
4437    margin-top: 16px;
4438  }
4439  .form_input,
4440  .form_select {
4441    padding: 16px 15px;
4442    transition: all 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
4443    width: 100%;
4444    height: 52px;
4445    margin: 0;
4446    font-size: 14px;
4447    line-height: 18px;
4448    color: var(--color-body-text);
4449    border: 1px solid var(--color-border);
4450    background-color: transparent;
4451    outline: 0;
4452  }
4453  .form_input[has-value] {
4454    padding-top: 27px;
4455    padding-bottom: 7px;
4456  }
4457  .form_label {
4458    position: absolute;
4459    top: 17px;
4460    left: 15px;
4461    font-size: 14px;
4462    line-height: 18px;
4463    color: #888a8b;
4464    transition: all 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
4465    cursor: text;
4466  }
4467  .form_input[has-value] + .form_label {
4468    transform: translateY(-10px);
4469    font-size: 12px;
4470    line-height: 15px;
4471  }
4472  .form_input:-webkit-autofill + .form_label {
4473    transform: translateY(-10px);
4474    font-size: 12px;
4475    line-height: 15px;
4476  }
4477  .form_checkbox-container {
4478    position: relative;
4479    display: flex;
4480    align-items: center;
4481    width: 100%;
4482    margin-top: 16px;
4483  }
4484  
4485  .form_checkbox {
4486    position: absolute;
4487    left: 0;
4488    width: 16px;
4489    height: 16px;
4490    margin: 0;
4491    opacity: 0;
4492    background-color: transparent;
4493    border-color: transparent;
4494    outline: none;
4495  }
4496  
4497  .form_checkbox-label {
4498    position: relative;
4499    z-index: 10;
4500    width: 16px;
4501    height: 16px;
4502    margin-right: 8px;
4503    font-size: 0;
4504    border-radius: 2px;
4505    border: 1px solid var(--color-border);
4506  }
4507  
4508  .form_checkbox-label > svg {
4509    position: absolute;
4510    left: -1px;
4511    top: -1px;
4512    color: var(--color-primary-btn-bg);
4513    opacity: 0;
4514    transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
4515  }
4516  
4517  .form_checkbox:checked + .form_checkbox-label > svg {
4518    opacity: 1;
4519  }
4520  
4521  .form_checkbox-text {
4522    font-size: 16px;
4523    font-weight: 400;
4524    line-height: 16px;
4525    color: rgba(159, 159, 159);
4526  }
4527  
4528  .form_submit {
4529    margin-top: 24px;
4530    height: 46px;
4531  }
4532  .form-tips-text {
4533    padding: 13px 92px;
4534    background-color: rgba(255, 240, 240, 1);
4535    min-height: 42px;
4536    color: rgba(226, 65, 45, 1);
4537    margin: 20px 0 16px;
4538    font-size: 16px;
4539  }
4540  .footer_text {
4541    margin-top: 30px;
4542    color: rgba(159, 159, 159, 1);
4543    margin-right: 6px;
4544    font-size: 16px;
4545  }
4546  .footer_text_link {
4547    color: rgba(41, 41, 41, 1);
4548    margin-left: 6px;
4549  }
4550  .form_item_group {
4551    display: grid;
4552    grid-template-columns: repeat(2, minmax(0, 1fr));
4553    gap: 0 20px;
4554    width: 100%;
4555  }
4556  .form_item_group .form_item {
4557    margin-top: 0;
4558  }
4559  .form_select-label {
4560    position: absolute;
4561    top: 18px;
4562    right: 16px;
4563    font-size: 0;
4564    pointer-events: none;
4565    transform: rotate(180deg);
4566  }
4567  
4568  .form_select {
4569    padding: 16px 44px 16px 15px;
4570    -webkit-appearance: none;
4571    -moz-appearance: none;
4572    appearance: none;
4573  }
4574  
4575  .address_form spz-area[areacode] {
4576    position: absolute;
4577    top: 50%;
4578    left: 16px;
4579    transform: translateY(-50%);
4580    border-right: 1px solid var(--color-border);
4581  }
4582  
4583  .address_form spz-area[areacode] {
4584    position: absolute;
4585    top: 50%;
4586    left: 16px;
4587    transform: translateY(-50%);
4588    border-right: 1px solid var(--color-border);
4589  }
4590  
4591  .address_form spz-area[areacode] label {
4592    position: absolute;
4593    top: 8px;
4594    right: 8px;
4595    font-size: 0;
4596    pointer-events: none;
4597    transform: rotate(180deg);
4598  }
4599  .address_form spz-area[areacode] select {
4600    width: 103px;
4601    margin: 0;
4602    padding: 7px 32px 7px 0;
4603    border: none;
4604    outline: none;
4605    font-size: 14px;
4606    line-height: 18px;
4607    background-color: transparent;
4608    -webkit-appearance: none;
4609    -moz-appearance: none;
4610    appearance: none;
4611  }
4612  
4613  .address_form spz-area[areacode] label {
4614    position: absolute;
4615    top: 8px;
4616    right: 8px;
4617    font-size: 0;
4618    pointer-events: none;
4619    transform: rotate(180deg);
4620  }
4621  
4622  .address_form .form_input[name="phone"] {
4623    padding-left: 127px;
4624  }
4625  
4626  .address_form .form_label[for="edit_phone"],
4627  .address_form .form_label[for="add_phone"] {
4628    left: 127px;
4629  }
4630
4631  .form_checkbox_container {
4632    position: relative;
4633    display: flex;
4634    align-items: center;
4635    width: 100%;
4636    padding-top: 16px;
4637  }
4638  .form_checkbox {
4639    position: absolute;
4640    left: 0;
4641    width: 16px;
4642    height: 16px;
4643    margin: 0;
4644    opacity: 0;
4645    background-color: transparent;
4646    border-color: transparent;
4647    outline: none;
4648  }
4649  .form_checkbox_text {
4650    font-size: 14px;
4651    font-weight: 300;
4652    line-height: 18px;
4653    color: rgba(159,159,159);
4654  }
4655  .address_cencel {
4656    margin: 30px 0 54px;
4657    text-transform: capitalize;
4658  }
4659
4660  .address_form spz-area[province][count="0"] {
4661    display: none;
4662  }
4663  .form-tips-error {
4664    color: #E2412D;
4665    text-align: left;
4666    display: flex;
4667    align-items: center;
4668  }
4669  .form-tips-error svg {
4670    margin-right: 4px;
4671    flex-shrink: 0;
4672  }
4673
4674  .hidden_important {
4675    display: none !important;
4676  }
4677  
4678  @media (max-width: 960px) {
4679    .footer_text {
4680      margin-bottom: 72px;
4681    }
4682  }  
4683</style>
4684
4685<style>
4686  @media (min-width: 960px) {
4687    .register-page {
4688      width: calc(420px + var(--page-spacing) * 2);
4689      padding: 160px 0;
4690    }
4691  }
4692  .register_success_page {
4693    padding: 100px var(--page-spacing) !important;
4694  }
4695  .register-page {
4696    padding: 20px var(--page-spacing);
4697  }
4698  .register_subtitle {
4699    opacity: 0.75;
4700    margin: 24px 0 20px;
4701  }
4702  .shop_now_btn {
4703    margin-top: 36px;
4704    font-size: 16px;
4705    padding: 1px 6px;
4706    min-height: 42px;
4707    width: 100%;
4708    text-decoration: none;
4709  }
4710
4711  .register__password-visibility-icon {
4712    position: absolute;
4713    top: 2px;
4714    right: 16px;
4715    box-sizing: content-box;
4716    display: flex;
4717    align-items: center;
4718    justify-content: center;
4719    width: 16px;
4720    height: 16px;
4721    padding: 16px;
4722    margin-right: -16px;
4723    cursor: pointer;
4724    user-select: none;
4725  }
4726
4727  .register__password-visibility-icon:not(.visible) .icon-eye,
4728  .register__password-visibility-icon.visible .icon-eyelash {
4729    display: none;
4730  }
4731
4732  .register-form__password-input {
4733    padding-right: 96px;
4734  }
4735</style>
4736
4737<div class='page-container text-center register-page'>
4738    <h4 class='text-6 text-base'>Register</h4>
4739    <div class='register_subtitle text-base'>Please fill in the information below:</div>
4740    <spz-render id='form-tips-register' layout='container' manual class="i-spzhtml-layout-container" i-spzhtml-layout="container">
4741      <template>
4742        <div class='form-tips-text'>${data.errors && data.errors[0]}</div>
4743      </template>
4744    </spz-render>
4745
4746    <form
4747      id="register-form-1539426260175"
4748      class='form flex flex-col'
4749      method='POST'
4750      action-xhr='/api/customers/sign_up'
4751      refresh-when-submit-success
4752      custom-validation='change-interact-and-submit'
4753      @submitError='form-tips-register.rerender(data=event);'
4754    >
4755      <div class='form_item'>
4756        <input
4757          class='form_input'
4758          id='first_name'
4759          type='text'
4760          name='first_name'
4761          tabindex='1'
4762          required
4763          maxlength='50'
4764          pattern='[^~!@#$%\^&*\(\)_+<>?:"\{\}\/;\[\]]*'
4765          autofocus
4766        >
4767        <label class='form_label' for='first_name'>First name</label>
4768        <div class='form_item form-tips-error' validation-for='first_name' visible-when-invalid='valueMissing' hidden><svg class="" width="14" height="14" xmlns="http://www.w3.org/2000/svg"><rect width="14" height="14" rx="7" fill="#EB391B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.9a.6.6 0 0 1 .6.6v4.8a.6.6 0 1 1-1.2 0V3.5a.6.6 0 0 1 .6-.6Z" fill="#fff"/><path d="M7.6 10.5a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0Z" fill="#fff"/></svg>First name is required.</div>
4769        <div class='form_item form-tips-error' validation-for='first_name' visible-when-invalid='patternMismatch' hidden><svg class="" width="14" height="14" xmlns="http://www.w3.org/2000/svg"><rect width="14" height="14" rx="7" fill="#EB391B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.9a.6.6 0 0 1 .6.6v4.8a.6.6 0 1 1-1.2 0V3.5a.6.6 0 0 1 .6-.6Z" fill="#fff"/><path d="M7.6 10.5a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0Z" fill="#fff"/></svg>Contains invalid characters</div>
4770      </div>
4771      <div class='form_item'>
4772        <input
4773          class='form_input'
4774          id='last_name'
4775          type='text'
4776          name='last_name'
4777          tabindex='2'
4778          required
4779          maxlength='50'
4780          pattern='[^~!@#$%\^&*\(\)_+<>?:"\{\}\/;\[\]\s]*'
4781        >
4782        <label class='form_label' for='last_name'>Last name</label>
4783        <div class='form_item form-tips-error' validation-for='last_name' visible-when-invalid='valueMissing' hidden><svg class="" width="14" height="14" xmlns="http://www.w3.org/2000/svg"><rect width="14" height="14" rx="7" fill="#EB391B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.9a.6.6 0 0 1 .6.6v4.8a.6.6 0 1 1-1.2 0V3.5a.6.6 0 0 1 .6-.6Z" fill="#fff"/><path d="M7.6 10.5a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0Z" fill="#fff"/></svg>Last name is required.</div>
4784        <div class='form_item form-tips-error' validation-for='last_name' visible-when-invalid='patternMismatch' hidden><svg class="" width="14" height="14" xmlns="http://www.w3.org/2000/svg"><rect width="14" height="14" rx="7" fill="#EB391B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.9a.6.6 0 0 1 .6.6v4.8a.6.6 0 1 1-1.2 0V3.5a.6.6 0 0 1 .6-.6Z" fill="#fff"/><path d="M7.6 10.5a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0Z" fill="#fff"/></svg>
4784Contains invalid characters</div>
4785      </div>
4786      <div class='form_item'>
4787        <input
4788          class='form_input'
4789          id='email'
4790          type='text'
4791          name='email'
4792          tabindex='3'
4793          required
4794          pattern="[a-zA-Z0-9!#$%&'*+\/=?^_`\{\|\}~\-]+(?:\.[a-zA-Z0-9!#$%&'*+\/=?^_`\{\|\}~\-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9\-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9\-]*[a-zA-Z0-9])?"
4795        >
4796        <label class='form_label' for='email'>Email</label>
4797        <div class='form_item form-tips-error' validation-for='email' visible-when-invalid='valueMissing' hidden><svg class="" width="14" height="14" xmlns="http://www.w3.org/2000/svg"><rect width="14" height="14" rx="7" fill="#EB391B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.9a.6.6 0 0 1 .6.6v4.8a.6.6 0 1 1-1.2 0V3.5a.6.6 0 0 1 .6-.6Z" fill="#fff"/><path d="M7.6 10.5a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0Z" fill="#fff"/></svg>Email is required</div>
4798        <div class='form_item form-tips-error' validation-for='email' visible-when-invalid='patternMismatch' hidden><svg class="" width="14" height="14" xmlns="http://www.w3.org/2000/svg"><rect width="14" height="14" rx="7" fill="#EB391B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.9a.6.6 0 0 1 .6.6v4.8a.6.6 0 1 1-1.2 0V3.5a.6.6 0 0 1 .6-.6Z" fill="#fff"/><path d="M7.6 10.5a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0Z" fill="#fff"/></svg>Please enter a valid email.</div>
4799      </div>
4800      <div class='form_item'>
4801        <input
4802          class='form_input register-form__password-input'
4803          id='password'
4804          type='password'
4805          name='password'
4806          tabindex='4'
4807          required
4808          minlength='6'
4809          maxlength='16'
4810          pattern='[\s\S]{6,16}'
4811        >
4812        <label class='form_label' for='password'>Password</label>
4813        <div class='form_item form-tips-error' validation-for='password' visible-when-invalid='valueMissing' hidden><svg class="" width="14" height="14" xmlns="http://www.w3.org/2000/svg"><rect width="14" height="14" rx="7" fill="#EB391B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.9a.6.6 0 0 1 .6.6v4.8a.6.6 0 1 1-1.2 0V3.5a.6.6 0 0 1 .6-.6Z" fill="#fff"/><path d="M7.6 10.5a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0Z" fill="#fff"/></svg>Password is required.</div>
4814        <div class='form_item form-tips-error' validation-for='password' visible-when-invalid='patternMismatch' hidden><svg class="" width="14" height="14" xmlns="http://www.w3.org/2000/svg"><rect width="14" height="14" rx="7" fill="#EB391B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.9a.6.6 0 0 1 .6.6v4.8a.6.6 0 1 1-1.2 0V3.5a.6.6 0 0 1 .6-.6Z" fill="#fff"/><path d="M7.6 10.5a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0Z" fill="#fff"/></svg>Password must be between 6-16 characters long.</div>
4815
4816        <i class="register__password-visibility-icon" id="register-form-icon-1539426260175" @tap="register-form-1539426260175.togglePasswordVisibility(name='password');register-form-icon-1539426260175.toggleClass(class='visible');">
4817          <svg class="icon-eye " xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#888" d="M8 3.945a6.428 6.428 0 0 0-6 4.091 6.428 6.428 0 0 0 6 4.091 6.427 6.427 0 0 0 6-4.09 6.427 6.427 0 0 0-6-4.092m0 6.819a2.7 2.7 0 0 1-2.727-2.728A2.7 2.7 0 0 1 8 5.31a2.7 2.7 0 0 1 2.727 2.727A2.7 2.7 0 0 1 8 10.764ZM8 6.4c-.927 0-1.637.71-1.637 1.636 0 .927.71 1.637 1.637 1.637.928 0 1.637-.71 1.637-1.637S8.927 6.4 8 6.4"/></svg>
4818          <svg class="icon-eyelash " xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#888" d="m13.785 5.138-.007-.007a.577.577 0 0 0-.441-.126.611.611 0 0 0-.384.237l-.007.007c-.241.288-2.429 2.783-4.944 2.783-2.444 0-4.717-2.524-4.966-2.813l-.007-.007a.575.575 0 0 0-.823-.057.629.629 0 0 0-.072.854c.366.439.77.842 1.208 1.204l-.937.982a.58.58 0 0 0-.163.445.666.666 0 0 0 .172.414.455.455 0 0 0 .17.151.435.435 0 0 0 .22.048.574.574 0 0 0 .42-.185L4.281 7.96a8.425 8.425 0 0 0 1.655.892l-.405 1.373a.634.634 0 0 0 .051.477.606.606 0 0 0 .367.29l.022.008h.149c.131 0 .26-.045.362-.13a.604.604 0 0 0 .206-.335l.405-1.373c.303.05.61.078.916.08.307-.002.613-.03.916-.08l.406 1.35c.033.13.107.246.21.329a.579.579 0 0 0 .358.13.36.36 0 0 0 .184-.037.607.607 0 0 0 .341-.305.646.646 0 0 0 .041-.466l-.404-1.35a8.042 8.042 0 0 0 1.655-.892l1.038 1.084a.583.583 0 0 0 .42.184.564.564 0 0 0 .418-.184.639.639 0 0 0 .028-.856l-.943-.99c.443-.35.851-.744 1.219-1.179l.014-.015a.674.674 0 0 0-.127-.827h.001Z"/></svg>
4819        </i>
4820      </div>
4821
4822      <div class='form_checkbox-container'>
4823        <input type='checkbox' id='newsletter' name='newsletter' class='form_checkbox touch-scale' checked>
4824        <label class='form_checkbox-label' for='newsletter'><svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><rect width="16" height="16" rx="2" fill="currentColor"/><path d="M12.174 6.02a.6.6 0 0 0-.849-.848L6.94 9.557 4.675 7.293a.6.6 0 1 0-.849.848l2.687 2.687a.598.598 0 0 0 .412.176.598.598 0 0 0 .44-.176l4.809-4.808Z" fill="#fff"/></svg></label>
4825        <label class='form_checkbox-text' for='newsletter'>Subscribe to get latest offers and discounts.</label>
4826      </div>
4827
4828      <button class='form_submit button-primary' type='submit' tabindex='5'>Register</button>
4829    </form>
4830    <div class='footer_text'>
4831      <span>Already have an account?</span>
4832      <a href='./login' class='footer_text_link'>Login</a>
4833    </div>
4834    </div>
4835</div>
4835<script>try { if (window.performance || window.webkitPerformance) { var perf = window.performance || window.webkitPerformance;var timing = perf.timing;window.firstTiming = Date.now() - timing.navigationStart;}}catch(e){}</script>
4835
4836      </div>
4837      <div id="shoplaza-section-footer" class="shoplaza-section" data-section-id="footer" data-section-type="footer" data-section-style="expand"><style>
4838  [data-section-id="footer"] {
4839    color: var(--color-footer-text);
4840    background-color: var(--color-footer-bg);
4841  }
4842  .footer__newsletter,
4843  .footer_blocks,
4844  .footer__additional {
4845    border-top: 1px solid var(--color-footer-border);
4846  }
4847</style>
4848<style>
4849    .footer__newsletter{
4850      color: var(--color-newsletter-text);
4851      background-color: var(--color-body-bg);
4852    }
4853    .footer__newsletter__desc{
4854      margin: 0 0 20px 0;
4855    }
4856    .footer__newsletter__input{
4857      width: 100%;
4858      height: 42px;
4859      background-color: var(--color-newsletter-bg);
4860      border: 1px solid var(--color-newsletter-border);
4861      border-right-width: 0px;
4862        border-radius:  0 ;
4863      }
4864    .footer__newsletter__input:focus{
4865      border-color: var(--color-newsletter-text);
4866    }
4867    .footer__newsletter__input::-webkit-input-placeholder {
4868      color: var(--color-newsletter-text);
4869    }
4870    .footer__newsletter__btn{
4871      height: 42px;
4872      padding: 0 18px;
4873      color: var(--color-newsletter-btn-text);
4874      background-color: var(--color-newsletter-btn-bg);
4875      border-radius:  0 ;
4876      }
4877    @keyframes footer_newsletter_tip_hide {
4878      from {
4879        visibility: visible;
4880      }
4881      to {
4882        visibility: hidden;
4883      }
4884    }
4885    .footer__newsletter__error-tip{
4886      height: auto !important;
4887      width: 100%;
4888      position: absolute;
4889      bottom: calc(100% + 6px);
4890      left: 0;
4891      padding: 16px 20px;
4892      background-color: white;
4893      border-radius: 4px;
4894      box-shadow: 0 0 8px rgba(195,195,195,0.50);
4895      font-size: var(--type-text-font-size);
4896      line-height: 1.3;
4897      color: var(--color-newsletter-text);
4898    }
4899    .footer__newsletter__error-tip:after{
4900      content: '';
4901      position: absolute;
4902      left: 20px;
4903      bottom: -12px;
4904      width: 0;
4905      height: 0;
4906      border: 6px solid transparent;
4907      border-top-color: white;
4908    }
4909    .footer__newsletter__error-tip:not(.hidden), .footer__newsletter__error-tip:not([hidden]){
4910      visibility: hidden;
4911      animation: footer_newsletter_tip_hide 5000ms;
4912    }
4913    .footer__newsletter__success-tip{
4914      display: none;
4915      align-items: center;
4916      min-height: 50px;
4917      padding: 6px 12px;
4918      color: #56AD6A;
4919      background: #ECFEF0;
4920      border: 1px solid #56AD6A;
4921    }
4922    .footer__newsletter__form.spz-form-submit-success .footer__newsletter__success-tip{
4923      display: flex;
4924    }
4925    .footer__newsletter__form.spz-form-submit-success .footer__newsletter__input,
4926    .footer__newsletter__form.spz-form-submit-success .footer__newsletter__btn{
4927      display: none;
4928    }
4929    @media (min-width: 960px) {
4930      .footer__newsletter__desc{
4931        margin: 0 40px 0 0;
4932        }
4933      .footer__newsletter__input{
4934        width: 200px;
4935        height: 50px;
4936      }
4937      .footer__newsletter__btn{
4938        height: 50px;
4939      }
4940      .footer__newsletter__success-tip{
4941        max-width: 568px;
4942      }
4943    }
4944    </style>
4945  <div class="footer__newsletter">
4946    <div class="page-container lg:flex lg:items-center lg:justify-center py-8 md:px-8">
4947      <p class="footer__newsletter__desc text-center body-plus-2 lg:body-plus-4">Subscribe today to hear first about our sales</p>
4948      <form
4949        id="footer__newsletter__form"
4950        class="footer__newsletter__form type-text-font-family relative flex items-center md:w-full text-base"
4951        action-xhr="/api/customers/newsletters"
4952        method="POST"
4953        custom-validation="show-first-on-submit"
4954        @submitError="footer__newsletter__error-ajax.rerender(data=event);footer__newsletter__error-ajax.toggleClass(class='hidden', force=false);"
4955      >
4956        <input
4957          class="footer__newsletter__input clear flex-1 block lg:w-full px-4 lg:px-3"
4958          id="footer__newsletter__input"
4959          type="text"
4960          name="email"
4961          placeholder="Enter your email"
4962          required
4963          pattern="([A-Za-z0-9_\-.])+@([A-Za-z0-9_\-.])+\.([A-Za-z]{2,4})"
4964          @input-debounced="footer__newsletter__error-ajax.toggleClass(class='hidden', force=true);"
4965        >
4966        <button
4967          class="footer__newsletter__btn type-text-font-family m-0 flex items-center border-none leading-none"
4968          type="submit"
4969        >
4970          <span class="md:hidden">Subscribe</span>
4971          <svg class="lg:hidden" width="20" height="6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path opacity=".01" fill="currentColor" d="M0 0h20v6H0z"/><path fill="currentColor" d="M0 2h14v2H0z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m20 3-6 3V0l6 3Z" fill="currentColor"/></svg>
4972        </button>
4973        <div class="footer__newsletter__error-tip" validation-for="footer__newsletter__input" visible-when-invalid="patternMismatch" hidden>
4974          Please enter a valid email address.
4975        </div>
4976        <div class="footer__newsletter__error-tip" validation-for="footer__newsletter__input" visible-when-invalid="valueMissing" hidden>
4977          Please enter your email address.
4978        </div>
4979        <spz-render id="footer__newsletter__error-ajax" class="footer__newsletter__error-tip hidden i-spzhtml-layout-container" layout="container" manual i-spzhtml-layout="container">
4980          <template>
4981            <div spz-if="${data.errors && data.errors.length > 0}">
4982              ${data.errors && data.errors[0]}
4983            </div>
4984          </template>
4985        </spz-render>
4986        <div class="footer__newsletter__success-tip flex-shrink-0 body-plus-2">
4987          Thanks for subscribing
4988        </div>
4989      </form>
4990    </div>
4991  </div>
4992<style>
4993      .footer__block{
4994        flex-shrink: 0;
4995      }
4996      .footer__block.accordion .i-spzhtml-accordion-content{
4997        overflow: hidden !important;
4998      }
4999      .footer__block a{
5000        color: inherit;
5001      }
5002      .footer__block__header{
5003        position: relative;
5004        margin: 0;
5005        font-weight: 700;
5006        overflow-wrap: break-word;
5007      }
5008      .footer__block__header__icon{
5009        position: absolute;
5010        right: 0;
5011        top: 20px;
5012        transition: all 300ms;
5013        transform: rotate(180deg);
5014      }
5015      .footer__block > [expanded] .footer__block__header__icon{
5016        transform: rotate(0deg);
5017      }
5018      .footer__block__content{
5019        margin: 0;
5020        padding: 0 0 20px 0;
5021        list-style-type: none;
5022      }
5023      .footer__block.not-accordion .footer__block__content{
5024        padding: 20px 0;
5025      }
5026      @media (max-width: 959.98px) {
5027        .footer__block{
5028          line-height: 1.4;
5029          text-align: center;
5030        }
5031        .footer__block-wrap + .footer__block-wrap{
5032          border-top: 1px solid var(--color-footer-border);
5033        }
5034        .footer__block__header{
5035          padding: 20px 30px;
5036        }
5037        .footer__block__content{
5038          justify-content: center;
5039        }
5040      }
5041      @media (min-width: 960px) {
5042        .footer__blocks{
5043          padding-top: 30px;
5044          padding-bottom: 48px
5045        }
5046        .footer__block{
5047          max-width: 258px;
5048          padding: 24px 72px 0 0;
5049          }
5050        .footer__block__header{
5051          font-size: calc(var(--type-text-font-size) + 2px);
5052        }
5053        .footer__block__content{
5054          padding: 16px 0 0 0;
5055        }
5056      }
5057      .footer__navigation__item + .footer__navigation__item{
5058        padding-top: 18px;
5059      }
5060      @media (min-width: 960px) {
5061        .footer__navigation__item + .footer__navigation__item{
5062          padding-top: 10px;
5063        }
5064      }
5065      .footer__contact__item{
5066        display: flex;
5067        align-items: flex-start;
5068      }
5069      .footer__contact__item + .footer__contact__item,
5070      .footer__block__content div + .footer__contact__item-custom{
5071        padding-top: 18px;
5072      }
5073      .footer__contact__item svg{
5074        flex-shrink: 0;
5075      }
5076      .footer__contact__item a{
5077        margin-left: 8px;
5078        }
5079      .footer__block-social .footer__block__content{
5080        display: flex;
5081        flex-wrap: wrap;
5082        margin: -18px -10px 0;
5083      }
5084      .footer__social__item{
5085        display: flex;
5086        padding: 18px 10px 0;
5087      }
5088      @media (min-width: 960px) {
5089        .footer__block-social .footer__block__content{
5090          margin: -12px -6px 0;
5091        }
5092        .footer__social__item{
5093          padding: 12px 6px 0;
5094        }
5095      }
5096      .footer__block-payment .footer__block__content{
5097        display: flex;
5098        flex-wrap: wrap;
5099        margin: -18px -4px 0;
5100      }
5101      .footer__payment__item{
5102        padding: 18px 4px 0;
5103      }
5104      .footer__payment__item svg{
5105        display: flex;
5106        width: 38px;
5107        height: 24px;
5108      }
5109      @media (min-width: 960px) {
5110        .footer__block-payment .footer__block__content{
5111          margin: -8px -4px 0;
5112        }
5113        .footer__payment__item{
5114          padding: 8px 4px 0;
5115        }
5116      }
5117    </style>
5118    <div class="footer__blocks">
5119      <div class="page-container lg:flex lg:justify-center lg:flex-wrap">
5120        <div class="footer__block-wrap">
5121    <div class="footer__block md:hidden " >
5122      <p class="footer__block__header">
5123          INFORMATIONS
5124        </p>
5125      <ul class="footer__block__content">
5126          <li class="footer__navigation__item">
5127                  <a class="no-underline lg:body-plus-1" 
5128href="/pages/about-us" >
5129                    About Us
5130                  </a>
5131                </li>
5132              <li class="footer__navigation__item">
5133                  <a class="no-underline lg:body-plus-1" 
5134href="/pages/contact-us" >
5135                    Contact  Us
5136                  </a>
5137                </li>
5138              <li class="footer__navigation__item">
5139                  <a class="no-underline lg:body-plus-1" 
5140href="/pages/intellectual property rights" >
5141                    INTELLECTUAL PROPERTY RIGHTS
5142                  </a>
5143                </li>
5144              <li class="footer__navigation__item">
5145                  <a class="no-underline lg:body-plus-1" 
5146href="/account/order-lookup" >
5147                    Track Order
5148                  </a>
5149                </li>
5150              </ul>
5151      </div>
5152
5153    <spz-accordion layout="container" animate class="footer__block accordion lg:hidden  i-spzhtml-layout-container" i-spzhtml-layout="container">
5154        <section >
5155          <p class="footer__block__header">
5156            INFORMATIONS
5157            <svg class="footer__block__header__icon" width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M9.573 6.787a.6.6 0 0 1 .849 0l5.02 5.02a.3.3 0 0 1 0 .425l-.424.425a.3.3 0 0 1-.424 0L9.998 8.06 5.4 12.657a.3.3 0 0 1-.424 0l-.424-.425a.3.3 0 0 1 0-.424l5.02-5.02z" fill="currentColor"/></svg>
5158          </p>
5159          <div>
5160            <ul class="footer__block__content">
5161              <li class="footer__navigation__item">
5162                  <a class="no-underline lg:body-plus-1" 
5163href="/pages/about-us" >
5164                    About Us
5165                  </a>
5166                </li>
5167              <li class="footer__navigation__item">
5168                  <a class="no-underline lg:body-plus-1" 
5169href="/pages/contact-us" >
5170                    Contact  Us
5171                  </a>
5172                </li>
5173              <li class="footer__navigation__item">
5174                  <a class="no-underline lg:body-plus-1" 
5175href="/pages/intellectual property rights" >
5176                    INTELLECTUAL PROPERTY RIGHTS
5177                  </a>
5178                </li>
5179              <li class="footer__navigation__item">
5180                  <a class="no-underline lg:body-plus-1" 
5181href="/account/order-lookup" >
5182                    Track Order
5183                  </a>
5184                </li>
5185              </ul>
5186          </div>
5187        </section>
5188      </spz-accordion>
5189    </div>
5190<div class="footer__block-wrap">
5191    <div class="footer__block md:hidden " >
5192      <p class="footer__block__header">
5193          HELP &amp; SUPPORT
5194        </p>
5195      <ul class="footer__block__content">
5196          <li class="footer__navigation__item">
5197                  <a class="no-underline lg:body-plus-1" 
5198href="/pages/return-policy" >
5199                    Return Policy
5200                  </a>
5201                </li>
5202              <li class="footer__navigation__item">
5203                  <a class="no-underline lg:body-plus-1" 
5204href="/pages/terms-of-service" >
5205                    Terms Of Service
5206                  </a>
5207                </li>
5208              <li class="footer__navigation__item">
5209                  <a class="no-underline lg:body-plus-1" 
5210href="/pages/shipping-information" >
5211                    Shipping Information
5212                  </a>
5213                </li>
5214              <li class="footer__navigation__item">
5215                  <a class="no-underline lg:body-plus-1" 
5216href="/pages/privacy-policy" >
5217                    Privacy Policy
5218                  </a>
5219                </li>
5220              </ul>
5221      </div>
5222
5223    <spz-accordion layout="container" animate class="footer__block accordion lg:hidden  i-spzhtml-layout-container" i-spzhtml-layout="container">
5224        <section >
5225          <p class="footer__block__header">
5226            HELP &amp; SUPPORT
5227            <svg class="footer__block__header__icon" width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M9.573 6.787a.6.6 0 0 1 .849 0l5.02 5.02a.3.3 0 0 1 0 .425l-.424.425a.3.3 0 0 1-.424 
52270L9.998 8.06 5.4 12.657a.3.3 0 0 1-.424 0l-.424-.425a.3.3 0 0 1 0-.424l5.02-5.02z" fill="currentColor"/></svg>
5228          </p>
5229          <div>
5230            <ul class="footer__block__content">
5231              <li class="footer__navigation__item">
5232                  <a class="no-underline lg:body-plus-1" 
5233href="/pages/return-policy" >
5234                    Return Policy
5235                  </a>
5236                </li>
5237              <li class="footer__navigation__item">
5238                  <a class="no-underline lg:body-plus-1" 
5239href="/pages/terms-of-service" >
5240                    Terms Of Service
5241                  </a>
5242                </li>
5243              <li class="footer__navigation__item">
5244                  <a class="no-underline lg:body-plus-1" 
5245href="/pages/shipping-information" >
5246                    Shipping Information
5247                  </a>
5248                </li>
5249              <li class="footer__navigation__item">
5250                  <a class="no-underline lg:body-plus-1" 
5251href="/pages/privacy-policy" >
5252                    Privacy Policy
5253                  </a>
5254                </li>
5255              </ul>
5256          </div>
5257        </section>
5258      </spz-accordion>
5259    </div>
5260</div>
5261    </div>
5262  <style>
5263    .footer__additional__item{
5264      padding-top: 12px
5265    }
5266    .footer__additional__item + .footer__additional__item{
5267      padding-left: 20px;
5268    }
5269    .footer__copyright a[href] {
5270      color: inherit;
5271      text-decoration: none;
5272    }
5273  </style>
5274
5275  <div class="footer__additional pt-5 pb-8 lg:pt-6 lg:pb-8">
5276    <div class="page-container body-minus-1 flex flex-wrap justify-center">
5277      <span class="footer__additional__item">&copy;&nbsp;<time datetime="2026">2026</time>&nbsp;nisartmacka</span>
5278        <div style="display:flex;justify-content: center;">
5279<img width="300px;" src="https://img-va.myshopline.com/image/store/1701329317116/ocean-Logo.png?w=1377&amp;h=127">      </div>
5280      </div>
5281  </div>
5282</div>
5283      <div id="shoplaza-section-cart_drawer" class="shoplaza-section" data-section-id="cart_drawer" data-section-type="cart_drawer" data-section-style="">
5284  <style>
5285  #cart-drawer {
5286    width: 0;
5287    height: 0;
5288  }
5289
5290  #cart-drawer[loading] ~ *,
5291  #cart-drawer[data-empty][finish] ~ *,
5292  #cart-drawer:not([data-empty])[finish] ~ .cart-empty {
5293    display: none;
5294  }
5295
5296  #cart-drawer[loading] ~ .cart-drawer-loading {
5297    display: var(--loading-show);
5298  }
5299
5300  #cart-drawer:not([loading]) ~ .cart-drawer-loading {
5301    display: none !important;
5302  }
5303
5304  #cart-drawer[data-empty][finish] ~ .cart-empty {
5305    display: block;
5306  }
5307
5308  .cart-drawer-loading {
5309    padding-top: 50%;
5310  }
5311
5312  .cart-drawer-loading .loading-bounce {
5313    border-bottom-color: var(--color-body-text);
5314  }
5315
5316  #cart-drawer-modal {
5317    height: 100vh;
5318  }
5319
5320  #cart-drawer-modal,
5321  .cart-drawer-summary-sticky-render {
5322    width: 84.62%;
5323    max-width: 84.62%;
5324  }
5325
5326  .cart-drawer-header {
5327    padding: 12px 16px;
5328    border-bottom: 1px solid #E6E6E6;
5329  }
5330
5331  .cart-drawer-title {
5332    line-height: 1.1667;
5333    font-size: calc(var(--type-heading-font-size) * .8);
5334  }
5335
5336  .cart-drawer-item-image {
5337    flex-shrink: 0;
5338    width: 23.49%;
5339  }
5340
5341  .cart-drawer-item-delete-btn::before {
5342    content: '';
5343    position: absolute;
5344    top: -8px;
5345    left: -8px;
5346    right: -8px;
5347    bottom: -8px;
5348  }
5349
5350  .cart-drawer-item-qty-container spz-quantity {
5351    width: 81px;
5352  }
5353
5354  .cart-drawer-item-qty-container spz-quantity .i-spzhtml-quantity-number-decrease[disabled] {
5355    cursor: pointer;
5356  }
5357
5358  .cart-drawer-item-qty-container spz-quantity span[role="button"] {
5359    padding: 6px;
5360  }
5361
5362  .cart-drawer-item-qty-container spz-quantity input[type="number"] {
5363    width: 25px;
5364  }
5365
5366  .cart-drawer-item-text {
5367    color: #FF3F02;
5368  }
5369
5370  .cart-drawer-countdown-wrapper {
5371    margin: 0 -16px;
5372  }
5373
5374  .cart_free_shipping ~ .cart-drawer-summary {
5375    margin-top: 10px;
5376  }
5377
5378  .cart-drawer-summary {
5379    padding: 8px;
5380    border-radius: 2px;
5381    background-color: #F6F6F6;
5382  }
5383
5384  .cart-drawer-summary-discount-btn {
5385    display: flex;
5386    align-items: center;
5387    padding: 4px 8px;
5388    margin-top: 4px;
5389    color: #F16515;
5390    border-radius: 100px;
5391    background-color: #fff;
5392    cursor: pointer;
5393  }
5394
5395  .cart-drawer-summary-discount-btn span {
5396    margin-right: 2px;
5397  }
5398
5399  html[dir="rtl"] .cart-drawer-summary-discount-btn span {
5400    margin-left: 2px;
5401    margin-right: 0;
5402  }
5403
5404  .cart-drawer-summary-discount-btn svg {
5405    transition: transform .2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
5406  }
5407
5408  .cart-drawer-summary-discount-list.open .cart-drawer-summary-discount-btn svg {
5409    transform: rotate(-180deg);
5410  }
5411
5412  .cart-drawer-summary-discount-list ul {
5413    display: none;
5414  }
5415
5416  .cart-drawer-summary-discount-list.open ul {
5417    display: block;
5418  }
5419
5420  .cart-drawer-invalid-msg {
5421    color: #FF3F02;
5422  }
5423
5424  .cart-drawer-checkout-btn {
5425    height: 46px;
5426    padding: 12px 0;
5427  }
5428
5429  .cart-drawer-checkout-btn > *,
5430  .cart-drawer-checkout-btn[loading] {
5431    pointer-events: none;
5432  }
5433
5434  .cart-drawer-checkout-btn[loading] > span,
5435  .cart-drawer-checkout-btn:not([loading]) > .loading {
5436    display: none;
5437  }
5438
5439  .cart-drawer-checkout-btn[loading] > .loading {
5440    opacity: 1;
5441  }
5442
5443  .cart-drawer-summary-sticky-render {
5444    z-index: calc(var(--z-index-modal) + 1);
5445    position: fixed;
5446    right: 0;
5447    bottom: 0;
5448    width: 100%;
5449    background-color: #fff;
5450    box-shadow: 0 -8px 20px 0 rgba(34, 34, 34, .08);
5451    opacity: 0;
5452    transform: translateY(100%);
5453  }
5454
5455  .cart-drawer-summary-sticky {
5456    padding: 16px;
5457  }
5458
5459  .cart-drawer-summary-sticky-render {
5460    pointer-events: none;
5461  }
5462
5463  .cart-drawer-summary-sticky-render:not(.open),
5464  .cart-drawer-summary-sticky-render:not(.visible) {
5465    display: none;
5466  }
5467
5468  .cart-drawer-summary-sticky-render.visible.open {
5469    pointer-events: auto;
5470    animation: sticky-bottom-show .4s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
5471  }
5472
5473  @keyframes sticky-bottom-show {
5474    0% { opacity: 1;}
5475    100% { transform: translateY(0); opacity: 1; }
5476  }
5477
5478  .cart-drawer-summary-sticky-compensation-container.visible {
5479    height: var(--cart-drawer-summary-sticky-height);
5480  }
5481
5482  .cart-drawer-summary-sticky .cart-drawer-summary-discount-btn {
5483    background-color: #F6F6F6;
5484  }
5485
5486  .cart-drawer-empty-container {
5487    padding: 80px 16px;
5488  }
5489
5490  .cart-drawer-empty-btn {
5491    height: 46px;
5492  }
5493
5494  @media (max-width: 959.98px) {
5495    #cart-drawer-modal .ios_safari_bottom_bar {
5496      display: none;
5497    }
5498
5499    #cart-drawer-modal.deepen ~ .i-spzhtml-sidebar-mask {
5500      background-color: var(--color-body-text-70);
5501    }
5502
5503    .cart-drawer-summary-sticky-modal {
5504      z-index: calc(var(--z-index-modal) + 1);
5505      width: 100% !important;
5506      max-height: 85vh !important;
5507      display: flex;
5508      align-items: flex-end;
5509      justify-content: flex-end;
5510      pointer-events: none;
5511    }
5512
5513    .cart-drawer-summary-sticky-modal .ios_safari_bottom_bar {
5514      display: none;
5515    }
5516
5517    .cart-drawer-summary-sticky-modal-inner {
5518      width: 100%;
5519      padding: 8px 16px 16px;
5520      border-radius: 2px;
5521      background-color: #fff;
5522      box-shadow: 0 -8px 20px 0 rgba(34, 34, 34, .08);
5523      pointer-events: auto;
5524    }
5525
5526    .cart-drawer-summary-sticky-modal-close {
5527      margin-right: -8px;
5528    }
5529
5530    html[dir="rtl"] .cart-drawer-summary-sticky-modal-close {
5531      margin-left: -8px;
5532      margin-right: 0;
5533    }
5534
5535    .cart-drawer-checkout-btn-mobile {
5536      flex-shrink: 0;
5537      width: 40.268%;
5538      margin-top: 0;
5539    }
5540
5541    .cart-drawer-summary-sticky .cart-drawer-summary-discount-btn svg {
5542      transform: rotate(0) !important;
5543    }
5544
5545    .cart-drawer-summary-sticky-modal ~ .i-spzhtml-sidebar-mask {
5546      top: unset !important;
5547      bottom: 0;
5548    }
5549  }
5550
5551  @media (min-width: 960px) {
5552    #cart-drawer-modal,
5553    .cart-drawer-summary-sticky-render {
5554      width: 468px;
5555      max-width: 468px;
5556    }
5557
5558    .cart-drawer-header {
5559      padding: 22px 16px;
5560    }
5561
5562    .cart-drawer-item-image {
5563      width: 32.11%;
5564    }
5565
5566    .cart-drawer-item-qty-container spz-quantity {
5567      width: 93px;
5568    }
5569
5570    .cart-drawer-item-qty-container spz-quantity input[type="number"] {
5571      width: 37px;
5572    }
5573  }
5574</style>
5575  <spz-sidebar class="flex flex-col bg-white i-spzhtml-layout-nodisplay" id="cart-drawer-modal" layout="nodisplay" side="right" hidden="" @open="cart-drawer-summary-sticky-render.toggleClass(class='open', force=true);cart-drawer-summary-sticky-observer.restart()" @beforeclose="cart-drawer-summary-sticky-render.toggleClass(class='open', force=false);cart-drawer-summary-sticky-modal.close();" disable-unmount style="display: none" i-spzhtml-layout="nodisplay">
5576    <header class="cart-drawer-header flex-shrink-0 flex items-center justify-between">
5577      <h4 class="cart-drawer-title m-0 type-heading-font-family color-heading">
5578        Cart
5579      </h4>
5580      <button class="clear flex p-2 cursor-pointer" @tap="cart-drawer-modal.close();" type="button">
5581        <svg class="" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path fill="currentColor" fill-rule="evenodd" d="M1.93 17.147a.3.3 0 0 0 0 .425l.905.904a.3.3 0 0 0 .424 0l6.652-6.653 6.704 6.704a.3.3 0 0 0 .424 0l.904-.904a.3.3 0 0 0 0-.425l-6.703-6.703 6.652-6.653a.3.3 0 0 0 0-.424l-.904-.904a.3.3 0 0 0-.424 0L9.91 9.166 3.31 2.565a.3.3 0 0 0-.424 0l-.905.904a.3.3 0 0 0 0 .424l6.602 6.602-6.653 6.652Z" clip-rule="evenodd"/></svg>
5582      </button>
5583    </header>
5584
5585    <spz-cart id="cart-drawer" layout="container" empty-item="cart.line_items" @mounted="cart-drawer-subtotal-render.rerender(data=event.cart);cart-drawer-summary-sticky-render.rerender(data=event.cart);cart-drawer-items-render.rerender(data=event.cart);" @cartchange="cart-drawer-items-render.rerender(data=event.cart);cart-drawer-subtotal-render.rerender(data=event.cart);cart-drawer-summary-sticky-render.rerender(data=event.cart);" class="i-spzhtml-layout-container" i-spzhtml-layout="container">
5586      <template><div></div></template>
5587    </spz-cart>
5588    <spz-event target-id="cart-drawer" target-api="render" event-name="dj.addToCart" layout="logic" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-event>
5589
5590    <div class="loading items-center justify-center cart-drawer-loading" role="loading"   show >
5591  <div class="loading-bounce"></div>
5592</div>
5593    <div class="cart-empty flex flex-col items-center text-center cart-drawer-empty-container" >
5594  <svg class="color-body-70" xmlns="http://www.w3.org/2000/svg" width="80" height="70" fill="none">
5594<path fill="currentColor" fill-opacity=".7" d="M41.867 16.76c.64 0 1.168.486 1.231 1.11l.007.127v17.334a1.238 1.238 0 0 1-2.47.126l-.006-.126V17.997c0-.683.554-1.238 1.238-1.238ZM55.183 17.87a1.238 1.238 0 0 0-2.47.127v17.334l.007.126a1.238 1.238 0 0 0 2.47-.126V17.997l-.007-.126ZM29.081 16.782c.63-.122 1.24.255 1.422.856l.03.123 3.37 17.333a1.238 1.238 0 0 1-2.4.596l-.03-.123-3.37-17.333a1.238 1.238 0 0 1 .978-1.452ZM65.503 17.638a1.238 1.238 0 0 1 2.4.596l-3.37 17.333-.03.123a1.238 1.238 0 0 1-2.4-.596l3.37-17.333.03-.123Z"/><path fill="currentColor" fill-opacity=".7" fill-rule="evenodd" d="M17.622 3.07A3.601 3.601 0 0 0 14.13.355H1.865l-.68.006C.56.425.627.951.627 1.593c0 .684 0 1.238.684 1.238H14.13l.123.007c.484.052.885.413.981.9l7.424 37.368a6.136 6.136 0 0 0-3.525 5.555 6.135 6.135 0 0 0 6.136 6.136h46.229l.126-.007a1.238 1.238 0 0 0-.126-2.47h-46.23l-.194-.005a3.659 3.659 0 0 1-3.465-3.654 3.659 3.659 0 0 1 3.66-3.66h45.533a3.097 3.097 0 0 0 3.041-2.51l5.475-28.477a3.095 3.095 0 0 0-3.038-3.68H18.672l-1.009-5.078-.041-.186Zm1.736 7.74 5.715 29.714h45.73a.62.62 0 0 0 .608-.502l5.475-28.476a.619.619 0 0 0-.606-.736H19.358ZM20.643 62.074a7.57 7.57 0 0 1 7.571-7.57 7.57 7.57 0 1 1-7.57 7.57Zm12.666 0a5.094 5.094 0 1 0-10.189.002 5.094 5.094 0 0 0 10.189-.002ZM62.028 54.504a7.57 7.57 0 1 0 0 15.142 7.57 7.57 0 0 0 0-15.142Zm0 2.477a5.094 5.094 0 1 1 0 10.188 5.094 5.094 0 0 1 0-10.188Z" clip-rule="evenodd"/></svg>
5595  <div class="mt-5 color-body-70 font-medium body-plus-4 leading-1.2">Your shopping bag is empty</div>
5596  <button class="cart-empty-btn button-primary clear flex items-center justify-center text-center mt-5 cart-drawer-empty-btn w-full"  data-track="cart-continue-shopping" @tap="cart-drawer-modal.close();" type="button">
5597    Continue shopping
5598  </button>
5599</div>
5600
5601    <div class="cart-drawer-content flex-1 overflow-y-auto px-4" id="cart-drawer-content">
5602      <spz-render id="cart-drawer-items-render" layout="container" manual class="i-spzhtml-layout-container" i-spzhtml-layout="container">
5603  <template>
5604    <div>
5605      <ul class="clear overflow-hidden" spz-if="${!!(data.line_items && data.line_items.length > 0)}">
5606        <li class="flex items-start py-4" spz-for="item in data.line_items" key="item.id">
5607          <a
5608            class="cart-drawer-item-image"
5609            spz-href="${item.product_url}?variant=${item.variant_id}"
5610            data-track-type="image"
5611            data-track-product_id="${item.variant_id}"
5612            data-track="click"
5613            data-track-content="product_link"
5614            data-track-product-id="${item.product_id}"
5615            data-track-position="cart"
5616          >
5617            <spz-img
5618              class="rounded-global-fixed overflow-hidden"
5619              width="${item.image.width}"
5620              height="${item.image.height}"
5621              layout="responsive"
5622              src="${item.image.src}"
5623              alt="${item.image.alt}"
5624              object-fit="cover"
5625              auto-fit
5626            ></spz-img>
5627          </a>
5628
5629          <div class="flex-1 px-4">
5630            <div class="">
5631  <a
5632    class="product-title-color no-underline leading-1.25 line-clamp-2"
5633    spz-href="${item.product_url}"
5634    data-track="click"
5635    data-track-content="product_link"
5636    data-track-product-id="${item.product_id}"
5637    data-track-position="cart"
5638  >
5639    ${item.product_title}
5640  </a>
5641  <ul class="clear break-words color-body-70 leading-1.25 mt-1">
5642    <li>${item.options.map(option => option.value).join('/')}</li>
5643    <li class="mt-0.5" spz-for="propertie in item.parsedProperties">
5644      ${propertie.name}/${propertie.isImage ? `<a class="no-underline text-inherit" spz-href="${propertie.value}" target="_blank" >View image</a>` : propertie.value}
5645    </li>
5646  </ul>
5647  <div class="discount_gift_content mt-1 lg:mt-2" spz-if="${!!item.is_free_gift}">
5648  <svg class=""  width="12" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.236 2.684c0-.407.381-.829.978-.829.58 0 1.232.481 1.232 1.29v.368H4.98c-.445 0-.915-.006-1.275-.138a.74.74 0 0 1-.343-.228c-.063-.083-.125-.22-.125-.463Zm3.783.83h-.467v-.37c0-.808.652-1.289 1.232-1.289.597 0 .978.422.978.83 0 .242-.062.378-.125.462a.74.74 0 0 1-.344.227c-.359.133-.828.14-1.274.14Zm2.848-.83c0 .309-.057.586-.169.83h.998a.829.829 0 0 1 .83.828v1.382H.472V4.342a.829.829 0 0 1 .829-.829H2.3a1.96 1.96 0 0 1-.17-.829C2.13 1.562 3.117.75 4.215.75c.644 0 1.325.302 1.785.845A2.387 2.387 0 0 1 7.784.75c1.099 0 2.083.812 2.083 1.934Zm-4.42 8.566V6.829H1.024v3.592c0 .459.37.829.83.829h3.591Zm1.105 0V6.829h4.42v3.592c0 .459-.37.829-.828.829H6.552Z" fill="#EB391B"/></svg>
5649  <div class="discount__gift_lan">Free gift</div>
5650</div>
5651
5652  <div spz-if="${item.mixed_wholesale && false}">
5653    <style>
5654  .mixed_wholesale_label {
5655    padding: 2px 4px;
5656  }
5657
5658  .mixed_wholesale_tooltip .i-spzhtml-tooltip-arrow:before,
5659  .mixed_wholesale_tooltip .i-spzhtml-tooltip-inner {
5660    background: var(--color-body-bg);
5661    color: var(--color-body-text);
5662  }
5663
5664  .mixed_wholesale_tooltip {
5665    max-width: 100%;
5666    border-radius: 4px;
5667    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.1);
5668  }
5669
5670  @media (min-width: 960px) {
5671    .mixed_wholesale_tooltip {
5672      max-width: 450px;
5673    }
5674  }
5675</style>
5676<div class="mt-1 mixed_wholesale_label inline-flex color-custom-label-text bg-custom-label text-xs rounded" id="mixed-${item.id}">
5677  Mixed Lot
5678</div>
5679<spz-tooltip layout="logic" content="You can enjoy the wholesale price when you add up to {{count}} pieces of current goods and any goods that support &quot;Mixed Lot&quot; in the store." interact="hover" for="mixed-${item.id}" placement="bottom" overlay-class="mixed_wholesale_tooltip">
5680</spz-tooltip>
5681  </div>
5682</div>
5683            <div class="flex-shrink-0 flex flex-col cart-drawer-item-qty-container mt-3">
5684  <div class="break-words" spz-if="${!!item.disabled}">
5685    *${item.quantity}
5686  </div>
5687  <spz-quantity
5688    spz-else
5689    icon-class="clear flex items-center justify-center flex-shrink-0 h-full w-7"
5690    input-class="clear flex-1 h-full text-center body-base color-body-text"
5691    name="quantity"
5692    value="${item.quantity}"
5693    min="1"
5694    max="${item.available_quantity}"
5695    height="28"
5696    layout="flex-item"
5697    @quantityChange="cart-drawer.update(value=event.value,id='${item.id}');"
5698    @quantityChangeUnderflow="cart-drawer.delete(id='${item.id}');"
5699  >
5700    <svg class="" width="13" height="13" xmlns="http://www.w3.org/2000/svg" role="decrease"><path d="M1 6h11v1H1z" fill-rule="evenodd" fill="currentColor"/></svg>
5701    <svg class="" width="13" height="13" xmlns="http://www.w3.org/2000/svg" role="increase"><path d="M7 1v5h5v1H7v5H6V7H1V6h5V1h1z" fill="currentColor"/></svg>
5702  </spz-quantity>
5703
5704  <div class="cart-drawer-item-text mt-1" spz-if="${!!item.item_text}">${item.item_text}</div>
5705</div>
5706            <div class="flex items-center justify-end flex-row-reverse mt-3 leading-1.25">
5707  <spz-currency class="${!!item.final_line_price && (+item.final_line_price < +item.line_price) ? 'color-compare-price line-through ml-1 body-minus-2' : 'color-price font-medium '}" layout="container" value="${item.line_price}"></spz-currency>
5708  <spz-currency class="color-price font-medium  " spz-if="${!!item.final_line_price && (+item.final_line_price < +item.line_price)}" layout="container" value="${item.final_line_price}"></spz-currency>
5709</div>
5710            <div class="flex items-start flex-wrap  mt-1 body-minus-2 leading-1.25 color-body-60" spz-for="discount_item in item.discount_applications">
5711  <div class="flex">
5712    <spz-img
5713      spz-if="${!!discount_item.icon}"
5714      class="flex-shrink-0 mr-1 mt-0.5"
5715      src="${discount_item.icon}"
5716      layout="fixed"
5717      width="12"
5718      height="12"
5719      alt="item.image.alt || item.product_title"
5720      object-fit="contain"
5721    ></spz-img>
5722    <span>${discount_item.title}</span>
5723  </div>
5724  <span spz-if="${discount_item.discount_amount > 0 || discount_item.amount > 0}" class="flex-shrink-0">(-<spz-currency style="display: inline-block;" layout="container" value="${discount_item.discount_amount || discount_item.amount}"></spz-currency>)</span>
5725</div>
5726          </div>
5727
5728          <button class="clear flex color-body-70 flex-shrink-0 cart-drawer-item-delete-btn relative" type="button" @tap="cart-drawer.delete(id=${item.id})">
5729  <svg
5730  class="icon-delete "
5731  xmlns="http://www.w3.org/2000/svg"
5732  width="16"
5733  height="17"
5734  viewBox="0 0 16 17"
5735  fill="none"
5736>
5737  <path d="M6.375 2.65625C6.375 2.4822 6.44414 2.31528 6.56721 2.19221C6.69028 2.06914 6.8572 2 7.03125 2H9.21875C9.3928 2 9.55972 2.06914 9.68279 2.19221C9.80586 2.31528 9.875 2.4822 9.875 2.65625C9.875 2.8303 9.80586 2.99722 9.68279 3.12029C9.55972 3.24336 9.3928 3.3125 9.21875 3.3125H7.03125C6.8572 3.3125 6.69028 3.24336 6.56721 3.12029C6.44414 2.99722 6.375 2.8303 6.375 2.65625ZM2 5.28125C2 5.1072 2.06914 4.94028 2.19221 4.81721C2.31528 4.69414 2.4822 4.625 2.65625 4.625H13.5938C13.7678 4.625 13.9347 4.69414 14.0578 4.81721C14.1809 4.94028 14.25 5.1072 14.25 5.28125C14.25 5.4553 14.1809 5.62222 14.0578 5.74529C13.9347 5.86836 13.7678 5.9375 13.5938 5.9375H2.65625C2.4822 5.9375 2.31528 5.86836 2.19221 5.74529C2.06914 5.62222 2 5.4553 2 5.28125ZM7.03125 8.125C6.8572 8.125 6.69028 8.19414 6.56721 8.31721C6.44414 8.44028 6.375 8.6072 6.375 8.78125V10.9688C6.375 11.1428 6.44414 11.3097 6.56721 11.4328C6.69028 11.5559 6.8572 11.625 7.03125 11.625C7.2053 11.625 7.37222 11.5559 7.49529 11.4328C7.61836 11.3097 7.6875 11.1428 7.6875 10.9688V8.78125C7.6875 8.6072 7.61836 8.44028 7.49529 8.31721C7.37222 8.19414 7.2053 8.125 7.03125 8.125ZM8.5625 8.78125C8.5625 8.6072 8.63164 8.44028 8.75471 8.31721C8.87778 8.19414 9.0447 8.125 9.21875 8.125C9.3928 8.125 9.55972 8.19414 9.68279 8.31721C9.80586 8.44028 9.875 8.6072 9.875 8.78125V10.9688C9.875 11.1428 9.80586 11.3097 9.68279 11.4328C9.55972 11.5559 9.3928 11.625 9.21875 11.625C9.0447 11.625 8.87778 11.5559 8.75471 11.4328C8.63164 11.3097 8.5625 11.1428 8.5625 10.9688V8.78125ZM4.1875 7.03125C4.1875 6.8572 4.11836 6.69028 3.99529 6.56721C3.87222 6.44414 3.7053 6.375 3.53125 6.375C3.3572 6.375 3.19028 6.44414 3.06721 6.56721C2.94414 6.69028 2.875 6.8572 2.875 7.03125V13.5938C2.875 14.2319 3.12852 14.844 3.57977 15.2952C4.03103 15.7465 4.64307 16 5.28125 16H10.9688C11.2847 16 11.5976 15.9378 11.8896 15.8168C12.1815 15.6959 12.4468 15.5187 12.6702 15.2952C12.8937 15.0718 13.0709 14.8065 13.1918 14.5146C13.3128 14.2226 13.375 13.9097 13.375 13.5938V7.03125C13.375 6.8572 13.3059 6.69028 13.1828 6.56721C13.0597 6.44414 12.8928 6.375 12.7188 6.375C12.5447 6.375 12.3778 6.44414 12.2547 6.56721C12.1316 6.69028 12.0625 6.8572 12.0625 7.03125V13.5938C12.0625 14.1975 11.5725 14.6875 10.9688 14.6875H5.28125C4.6775 14.6875 4.1875 14.1975 4.1875 13.5938V7.03125Z" fill="currentColor" fill-opacity="0.6"/>
5738</svg>
5739</button>
5740        </li>
5741      </ul>
5742    </div>
5743  </template>
5744</spz-render>
5745        <spz-render id="cart-drawer-subtotal-render" layout="container" manual class="i-spzhtml-layout-container" i-spzhtml-layout="container">
5746  <template>
5747    <section class="py-4">
5748      <div class="cart-drawer-summary" id="cart-drawer-summary">
5749  <div class="flex justify-between font-medium body-plus-2 leading-1.25">
5750    <span>Total:</span>
5751    <div class="flex items-center">
5752      <spz-currency container-class="plugin__bundle__cart__total-price" layout="container" value="${data.total_price}"></spz-currency>
5753      </div>
5754  </div>
5755
5756  <div class="cart-drawer-summary-discount-list flex flex-col items-end" id="cart-drawer-summary-discount-list" spz-if="${data.total_discount > 0}">
5757    <div class="cart-drawer-summary-discount-btn" spz-if="${data.discount_applications && data.discount_applications.length <= 0}">
5758      <span class="leading-1.2 body-minus-2">
5759        ${function() {
5760  const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/);
5761  if (textArray.length > 0 && textArray.length < 2) {
5762    textArray.push('');
5763  }
5764  return textArray.map((text, index) => {
5765    if (index == 0) {
5766      return `<span>${text}</span>`;
5767    }
5768
5769    return `
5770      <span class="notranslate whitespace-nowrap">
5771        <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency>
5772      </span>
5773      <span>${text}</span>
5774    `;
5775  }).join('');
5776}()}
5777      </span>
5778    </div>
5779    <div class="cart-drawer-summary-discount-btn" @tap="cart-drawer-summary-discount-list.toggleClass(class='open');cart-drawer-summary-sticky-discount-list.toggleClass(class='open');" spz-else>
5780      <span class="leading-1.2 body-minus-2">
5781        ${function() {
5782  const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/);
5783  if (textArray.length > 0 && textArray.length < 2) {
5784    textArray.push('');
5785  }
5786  return textArray.map((text, index) => {
5787    if (index == 0) {
5788      return `<span>${text}</span>`;
5789    }
5790
5791    return `
5792      <span class="notranslate whitespace-nowrap">
5793        <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency>
5794      </span>
5795      <span>${text}</span>
5796    `;
5797  }).join('');
5798}()}
5799      </span>
5800      <svg class="flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" d="M7.543 11.306a.6.6 0 0 0 .848 0l4.455-4.454a.3.3 0 0 0 0-.425l-.34-.339a.3.3 0 0 0-.424 0l-4.115 4.115-4.115-4.115a.3.3 0 0 0-.425 0l-.34.34a.3.3 0 0 0 0 .424l4.456 4.454Z"/></svg>
5801    </div>
5802
5803    <ul class="clear w-full mt-1 leading-1.25 color-body-70" spz-if="${data.discount_applications && data.discount_applications.length > 0}">
5804      <li class="flex items-center justify-between ${index > 0 ? 'mt-2' : ''}" spz-for="(discount_application,index) in data.discount_applications">
5805        <span>${discount_application.title}:</span>
5806        <span class="notranslate ml-2 whitespace-nowrap">
5807          -<spz-currency class="inline-block" layout="container" value="${discount_application.discount_amount}"></spz-currency>
5808        </span>
5809      </li>
5810    </ul>
5811  </div>
5812
5813  <div class="cart-drawer-invalid-msg mt-4" spz-if="${!!data.invalid_msg}">${data.invalid_msg}</div>
5814
5815  <button
5816    type="button"
5817    class="cart-drawer-checkout-btn button-primary relative flex-shrink-0 w-full mt-5 body-plus-2 leading-1.2"
5818    data-track="checkout-submit,click"
5819    data-track-content="checkout"
5820    data-track-source="checkout"
5821    @tap="cart-drawer.checkout;"
5822  >
5823    <span>Check out</span>
5824    <div class="loading items-center justify-center absolute inset-0 flex" role="loading"   show >
5825  <div class="loading-bounce"></div>
5826</div>
5827  </button>
5828
5829  <div class="mt-2 color-body-70 body-minus-2 text-center">Taxes and shipping calculated at checkout</div>
5830</div>
5831
5832      <spz-observer
5833        layout="logic"
5834        id="cart-drawer-summary-sticky-observer"
5835        target="cart-drawer-subtotal-render"
5836        root-container="cart-drawer-content"
5837        @visible="cart-drawer-summary-sticky-render.toggleClass(class='visible', force=false);cart-drawer-summary-sticky-compensation-container.toggleClass(class='visible', force=false)"
5838        @invisible="cart-drawer-summary-sticky-render.toggleClass(class='visible', force=true);cart-drawer-summary-sticky-compensation-container.toggleClass(class='visible', force=true)"
5839      ></spz-observer>
5840      <spz-observer
5841        layout="logic"
5842        target="cart-drawer-content"
5843        @childUpdated="cart-drawer-summary-sticky-observer.restart"
5844      ></spz-observer>
5845    </section>
5846  </template>
5847</spz-render>
5848        </div>
5849
5850    <div class="cart-drawer-summary-sticky-compensation-container" id="cart-drawer-summary-sticky-compensation-container"></div>
5851  </spz-sidebar>
5852
5853  <spz-render class="cart-drawer-summary-sticky-render i-spzhtml-layout-container" id="cart-drawer-summary-sticky-render" layout="container" manual i-spzhtml-layout="container">
5854  <template>
5855    <div class="cart-drawer-summary-sticky ${(data.line_items && data.line_items.length) == 0 ? 'hidden' : ''}">
5856      <div class="cart-drawer-invalid-msg lg:hidden mb-4" spz-if="${!!data.invalid_msg}">${data.invalid_msg}</div>
5857
5858      <div>
5859        <div class="md:flex md:items-center md:justify-between">
5860          <div class="md:flex md:flex-col md:items-start">
5861            <div class="md:flex md:items-center md:flex-wrap">
5862              <div class="flex font-medium body-plus-2 leading-1.25 lg:items-center lg:justify-between">
5863                <span class="md:color-body-70">Total:&nbsp;</span>
5864                <div class="flex items-center">
5865                  <spz-currency container-class="plugin__bundle__cart__total-price" layout="container" value="${data.total_price}"></spz-currency>
5866                  </div>
5867              </div>
5868              </div>
5869
5870            <div class="cart-drawer-summary-discount-list flex flex-col items-end" id="cart-drawer-summary-sticky-discount-list" spz-if="${data.total_discount > 0}">
5871              <div class="cart-drawer-summary-discount-btn" spz-if="${!!(data.discount_applications && data.discount_applications.length <= 0)}">
5872                <span class="leading-1.2 body-minus-2">
5873                  ${function() {
5874  const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/);
5875  if (textArray.length > 0 && textArray.length < 2) {
5876    textArray.push('');
5877  }
5878  return textArray.map((text, index) => {
5879    if (index == 0) {
5880      return `<span>${text}</span>`;
5881    }
5882
5883    return `
5884      <span class="notranslate whitespace-nowrap">
5885        <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency>
5886      </span>
5887      <span>${text}</span>
5888    `;
5889  }).join('');
5890}()}
5891                </span>
5892              </div>
5893              <div spz-else>
5894                <div class="cart-drawer-summary-discount-btn md:hidden" @tap="cart-drawer-summary-sticky-discount-list.toggleClass(class='open');cart-drawer-summary-discount-list.toggleClass(class='open');" >
5895                  <span class="leading-1.2 body-minus-2">
5896                    ${function() {
5897  const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/);
5898  if (textArray.length > 0 && textArray.length < 2) {
5899    textArray.push('');
5900  }
5901  return textArray.map((text, index) => {
5902    if (index == 0) {
5903      return `<span>${text}</span>`;
5904    }
5905
5906    return `
5907      <span class="notranslate whitespace-nowrap">
5908        <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency>
5909      </span>
5910      <span>${text}</span>
5911    `;
5912  }).join('');
5913}()}
5914                  </span>
5915                  <svg class="flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" d="M7.543 11.306a.6.6 0 0 0 .848 0l4.455-4.454a.3.3 0 0 0 0-.425l-.34-.339a.3.3 0 0 0-.424 0l-4.115 4.115-4.115-4.115a.3.3 0 0 0-.425 0l-.34.34a.3.3 0 0 0 0 .424l4.456 4.454Z"/></svg>
5916                </div>
5917                <div class="cart-drawer-summary-discount-btn lg:hidden" @tap="cart-drawer-summary-sticky-modal.open;">
5918                  <span class="leading-1.2 body-minus-2">
5919                    ${function() {
5920  const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/);
5921  if (textArray.length > 0 && textArray.length < 2) {
5922    textArray.push('');
5923  }
5924  return textArray.map((text, index) => {
5925    if (index == 0) {
5926      return `<span>${text}</span>`;
5927    }
5928
5929    return `
5930      <span class="notranslate whitespace-nowrap">
5931        <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency>
5932      </span>
5933      <span>${text}</span>
5934    `;
5935  }).join('');
5936}()}
5937                  </span>
5938                  <svg class="flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" d="M7.543 11.306a.6.6 0 0 0 .848 0l4.455-4.454a.3.3 0 0 0 0-.425l-.34-.339a.3.3 0 0 0-.424 0l-4.115 4.115-4.115-4.115a.3.3 0 0 0-.425 0l-.34.34a.3.3 0 0 0 0 .424l4.456 4.454Z"/></svg>
5939                </div>
5940              </div>
5941
5942              <ul class="md:hidden clear w-full mt-1 leading-1.25 color-body-70" spz-if="${!!(data.discount_applications && data.discount_applications.length > 0)}">
5943                <li class="flex items-center justify-between ${index > 0 ? 'mt-2' : ''}" spz-for="(discount_application,index) in data.discount_applications">
5944                  <span>${discount_application.title}:</span>
5945                  <span class="notranslate ml-2 whitespace-nowrap">
5946                    -<spz-currency class="inline-block" layout="container" value="${discount_application.discount_amount}"></spz-currency>
5947                  </span>
5948                </li>
5949              </ul>
5950            </div>
5951          </div>
5952          <button
5953  type="button"
5954  class="cart-drawer-checkout-btn cart-drawer-checkout-btn-mobile ml-2 lg:hidden button-primary relative flex-shrink-0 w-full mt-4 body-plus-2 leading-1.2"
5955  data-track="checkout-submit,click"
5956  data-track-content="checkout"
5957  data-track-source="checkout"
5958  @tap="cart-drawer.checkout;"
5959>
5960  <span>Check out</span>
5961  <div class="loading items-center justify-center absolute inset-0 flex" role="loading"   show >
5962  <div class="loading-bounce"></div>
5963</div>
5964</button>
5965        </div>
5966
5967        <div class="cart-drawer-invalid-msg md:hidden mt-4" spz-if="${!!data.invalid_msg}">${data.invalid_msg}</div>
5968
5969        <button
5970  type="button"
5971  class="cart-drawer-checkout-btn md:hidden button-primary relative flex-shrink-0 w-full mt-4 body-plus-2 leading-1.2"
5972  data-track="checkout-submit,click"
5973  data-track-content="checkout"
5974  data-track-source="checkout"
5975  @tap="cart-drawer.checkout;"
5976>
5977  <span>Check out</span>
5978  <div class="loading items-center justify-center absolute inset-0 flex" role="loading"   show >
5979  <div class="loading-bounce"></div>
5980</div>
5981</button>
5982
5983        <div class="mt-2 color-body-70 text-right lg:text-center">Taxes and shipping calculated at checkout</div>
5984      </div>
5985
5986      <spz-sidebar class="cart-drawer-summary-sticky-modal lg:hidden" id="cart-drawer-summary-sticky-modal" layout="nodisplay" side="bottom" hidden  @open="cart-drawer-modal.toggleClass(class='deepen', force=true);" @beforeClose="cart-drawer-modal.toggleClass(class='deepen', force=false);" >
5987  <div class="cart-drawer-summary-sticky-modal-inner relative">
5988    <div class="flex justify-end">
5989      <button class="cart-drawer-summary-sticky-modal-close clear flex p-2 cursor-pointer" @tap="cart-drawer-summary-sticky-modal.close();" type="button">
5990        <svg class="" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path fill="currentColor" fill-rule="evenodd" d="M1.93 17.147a.3.3 0 0 0 0 .425l.905.904a.3.3 0 0 0 .424 0l6.652-6.653 6.704 6.704a.3.3 0 0 0 .424 0l.904-.904a.3.3 0 0 0 0-.425l-6.703-6.703 6.652-6.653a.3.3 0 0 0 0-.424l-.904-.904a.3.3 0 0 0-.424 0L9.91 9.166 3.31 2.565a.3.3 0 0 0-.424 0l-.905.904a.3.3 0 0 0 0 .424l6.602 6.602-6.653 6.652Z" clip-rule="evenodd"/></svg>
5991      </button>
5992    </div>
5993
5994    <ul class="clear w-full mt-3 leading-1.25 color-body-70" spz-if="${!!(data.discount_applications && data.discount_applications.length > 0)}">
5995      <li class="flex items-center justify-between">
5996        <span>Subtotal:</span>
5997        <span class="notranslate ml-2 whitespace-nowrap">
5998          <spz-currency class="inline-block" layout="container" value="${data.line_price}"></spz-currency>
5999        </span>
6000      </li>
6001      <li class="flex items-center justify-between mt-2" spz-for="(discount_application,index) in data.discount_applications">
6002        <span>${discount_application.title}:</span>
6003        <span class="notranslate ml-2 whitespace-nowrap">
6004          <span>-</span><spz-currency class="inline-block" layout="container" value="${discount_application.discount_amount}"></spz-currency>
6005        </span>
6006      </li>
6007    </ul>
6008
6009    <div class="flex items-start justify-between mt-2 font-medium body-plus-2 leading-1.25">
6010      <span>Total:</span>
6011      <div class="flex items-center">
6012        <spz-currency class="color-price" container-class="plugin__bundle__cart__total-price" layout="container" value="${data.total_price}"></spz-currency>
6013        </div>
6014    </div>
6015    <button
6016  type="button"
6017  class="cart-drawer-checkout-btn mt-4 button-primary relative flex-shrink-0 w-full mt-4 body-plus-2 leading-1.2"
6018  data-track="checkout-submit,click"
6019  data-track-content="checkout"
6020  data-track-source="checkout"
6021  @tap="cart-drawer.checkout;"
6022>
6023  <span>Check out</span>
6024  <div class="loading items-center justify-center absolute inset-0 flex" role="loading"   show >
6025  <div class="loading-bounce"></div>
6026</div>
6027</button>
6028    <div class="mt-2 body-minus-2 color-body-70 text-center">Taxes and shipping calculated at checkout</div>
6029  </div>
6030</spz-sidebar>
6031
6032      <spz-script layout="logic" scope="cart-drawer-modal" type="application/javascript" hidden>
6033        const summaryStickyRender = document.querySelector('#cart-drawer-summary-sticky-render');
6034        if (summaryStickyRender) {
6035          document.body.style.setProperty('--cart-drawer-summary-sticky-height', summaryStickyRender.clientHeight + 'px');
6036        }
6037      </spz-script>
6038    </div>
6039  </template>
6040</spz-render>
6041</div>
6042    </div>
6043    
6043<script type="application/ld+json">
6044  {
6045    "@context": "http://schema.org",
6046    "@type": "WebSite",
6047    "name": "nisartmacka",
6048    "url": "https://www.nisartmacka.com"
6049  }
6050</script>
6050
6051<div class="theme-toast-wrap lg:page-container flex justify-end">
6052  <spz-toast class="theme-toast p-4 lg:py-8 lg:px-5 leading-1.2 i-spzhtml-layout-nodisplay" id="theme-toast" layout="nodisplay" hidden="" style="display: none" i-spzhtml-layout="nodisplay"></spz-toast>
6053  <spz-toast class="theme-toast p-4 lg:py-8 lg:px-5 leading-1.2 flex items-center i-spzhtml-layout-nodisplay" id="theme-toast-success" layout="nodisplay" hidden="" style="display: none" i-spzhtml-layout="nodisplay">
6054    <svg class="flex-shrink-0 mr-3" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M3.088 8.895a.3.3 0 0 0 0 .424l3.608 3.608a.6.6 0 0 0 .848 0l7.85-7.85a.3.3 0 0 0 0-.423l-.567-.566a.3.3 0 0 0-.424 0L7.12 11.37 4.078 8.33a.3.3 0 0 0-.424 0l-.566.566z" fill="currentColor"/></svg>
6055    <span role="content"></span>
6056  </spz-toast>
6057</div>
6058    <div class="add_cart-toast-wrap lg:page-container flex justify-end">
6059  <spz-toast class="add_cart-toast p-4 lg:py-8 lg:px-5 leading-1.2 flex items-center i-spzhtml-layout-nodisplay" id="add-card-toast-success" layout="nodisplay" hidden="" style="display: none" i-spzhtml-layout="nodisplay">
6060    <span class="flex justify-between items-center w-full">
6061      <span role="content"></span>
6062      <a class="toast_view_cart inline-block font-bold text-base leading-1.1 cursor-pointer no-underline" href="/cart">View Cart</a>
6063    </span>
6064  </spz-toast>
6065</div>
6066    <style>
6067  .quick-shop .i-spzhtml-fill-content {
6068    display: flex;
6069    align-items: center;
6070    justify-content: center;
6071  }
6072
6073  .quick-shop-render {
6074    height: auto !important;
6075    width: 100%;
6076  }
6077
6078  .quick-shop-render[loading],
6079  .quick-shop-render[loading] ~ .quick-shop-close-btn {
6080    display: none;
6081  }
6082
6083  .quick-shop-content {
6084    position: relative;
6085    max-height: 86vh;
6086    overflow-y: auto;
6087    box-sizing: border-box;
6088    padding: 28px 24px 36px;
6089    max-width: 86vw;
6090    width: 100%;
6091    background-color: var(--color-body-bg);
6092    overflow-y: auto;
6093    transition: all .2s ease-in-out
6094  }
6095
6096  /* variants */
6097  .quick-shop__variants_content {
6098    padding: 0;
6099    border: none;
6100  }
6101
6102  .quick-shop__variants_content input[type=radio] {
6103    position: absolute;
6104    left: 0;
6105    right: 0;
6106    opacity: 0;
6107    width: 100%;
6108    height: 100%;
6109    z-index: 10;
6110    border: 0;
6111    margin: 0;
6112    cursor: pointer;
6113  }
6114
6115  .quick-shop-variant-option {
6116    position: relative;
6117    border: 2px solid #E6E6E6;
6118    color: var(--color-body-text-75);
6119  }
6120
6121  .quick-shop-variant-option[data-type="text"] {
6122    display: flex;
6123    align-items: center;
6124    justify-content: center;
6125    min-width: 44px;
6126  }
6127
6128  .quick-shop-variant-option[data-type="image-with-text"] {
6129    min-height: 52px;
6130  }
6131
6132  .quick-shop-variant-option:not([data-type="image"]) {
6133    border: 2px solid #E6E6E6;
6134  }
6135
6136  .quick-shop-variant-option[data-type="image-with-text"] > spz-img {
6137    width: 42px;
6138    height: 42px;
6139    border-radius: 1px;
6140  }
6141
6142  .quick-shop-variant-option[data-type="image"] > spz-img {
6143    width: 52px;
6144    height: 52px;
6145    border-radius: 1px;
6146  }
6147
6148  .quick-shop__variants_content input[type=radio]:checked + .quick-shop-variant-option {
6149    color: var(--color-body-text);
6150    outline: none;
6151    border-color: var(--color-body-text);
6152  }
6153
6154  .quick-shop__variant__select {
6155    min-height: 46px;
6156    line-height: 46px;
6157    padding-right: 46px;
6158    padding-left: 12px;
6159  }
6160
6161  .quick-shop__variant__select-icon {
6162    position: absolute;
6163    display: flex;
6164    top: 50%;
6165    right: 12px;
6166    transform: translateY(-50%) rotate(90deg);
6167    pointer-events: none;
6168  }
6169
6170  .quick-shop-close-btn {
6171    height: 66px;
6172    width: 66px;
6173    cursor: pointer;
6174    opacity: .7;
6175    z-index: 10;
6176  }
6177
6178  #quick-shop-render[loading] ~ .quick-shop-loading {
6179    display: block !important;
6180  }
6181
6182  /* qty */
6183  .quick-shop-qty {
6184    width: 116px;
6185  }
6186
6187  .quick-shop-qty > .i-spzhtml-fill-content {
6188    display: flex;
6189    align-items: center;
6190  }
6191
6192  .quick-shop-qty-btn {
6193    width: 40px;
6194    height: 100%;
6195    border: 1px solid rgba(230, 230, 230, 1);
6196  }
6197
6198  .quick-shop-qty-btn[disabled] {
6199    background-color: rgba(230, 230, 230, 1);
6200  }
6201
6202  .quick-shop-qty-input {
6203    width: 36px;
6204  }
6205
6206  /* buy button */
6207  .quick-shop_atc_btn {
6208    height: 52px;
6209    width: 100%;
6210    padding: 0;
6211    font-weight: 600;
6212    outline: 2px solid transparent;
6213    outline-offset: 2px;
6214  }
6215
6216  #quick-shop-body[status="product_unavailable"] [role="addToCart"],
6217  #quick-shop-body[status="soldout"] [role="addToCart"] {
6218    cursor: default;
6219    pointer-events: none;
6220    background-color: rgb(230, 230, 230, 0.5);
6221    color: #9F9F9F;
6222  }
6223
6224  #quick-shop-body[status="product_unavailable"] #quick-shop-btn-price,
6225  #quick-shop-body[status="soldout"] #quick-shop-btn-price,
6226  .quick-shop_atc_btn[loading] [role="content"],
6227  .quick-shop_atc_btn:not([loading]) .loading,
6228  .quick-shop_atc_btn[role="addToCart"][loading] #quick-shop-btn-price {
6229    display: none;
6230  }
6231
6232  .quick-shop_buy_now_btn {
6233    border: 1px solid var(--color-primary-btn-bg);
6234  }
6235
6236  /* wholesale */
6237  .quick-shop-wholesale {
6238    overflow-y: hidden;
6239    overflow-x: auto;
6240    background: #F9F9FA;
6241  }
6242
6243  .quick-shop-wholesale-item:nth-child(n + 2) {
6244    margin-left: 8px;
6245  }
6246
6247  .quick-shop-wholesale-item .money {
6248    color: var(--color-price-text);
6249  }
6250
6251  .quick-shop-wholesale-item.highlight .money {
6252    color: var(--color-save-price-text)
6253  }
6254
6255  @media (max-width: 959.98px) {
6256    #quick-shop {
6257      padding: 0 18px;
6258    }
6259
6260    #quick-shop > .quick-shop-container{
6261      width: 100%;
6262    }
6263  }
6264
6265  @media (min-width: 960px) {
6266    .quick-shop-render {
6267      width: 495px;
6268    }
6269    .quick-shop-content {
6270      padding: 32px 24px;
6271    }
6272  }
6273</style>
6274<spz-lightbox class="quick-shop i-spzhtml-layout-nodisplay" id="quick-shop" layout="nodisplay" hidden="" unclose-in-focus style="display: none" i-spzhtml-layout="nodisplay">
6275    <div class="quick-shop-container">
6276      <div class="relative">
6277        <spz-render class="quick-shop-render pointer-events-auto w-full i-spzhtml-layout-container" id="quick-shop-render" items="data" layout="container" @finish="quick-shop-variants.variantsRender(product=event.data.product);quick-shop-body.setProduct(data=event.data.product);quick-shop-btn-price.rerender(data=event.data);" manual i-spzhtml-layout="container">
6278          <template>
6279            ${function(){
6280              const productData = data.product;
6281              let product_change_event = '',
6282                  mouse_over_event = ' ';
6283                  mouse_out_event = '';
6284              const product_options = productData.options.filter(Boolean) || [];
6285              for (let opt of product_options) {
6286                const nameEscape = opt.name.replace(/\/|\\|\s|\'|\"|`|\<|\>/g, '')
6287                product_change_event = product_change_event + `quick-shop-selected-variant-${opt.id}.rerender(data=event.selectedValues.${opt.name});`;
6288                mouse_out_event = mouse_out_event + `@${nameEscape}Mouseout="quick-shop-selected-variant-${opt.id}.rerender(data=event.selectData.${opt.name}, redo=true);"`;
6289                mouse_over_event = mouse_over_event + `@${nameEscape}Mouseover="quick-shop-selected-variant-${opt.id}.rerender(data=event, redo=true);"`;
6290              }
6291              const selectedVariant = productData.variants.find(v => v.available) || productData.variants[0];
6292              const statusLan = ((selectedVariant && !selectedVariant.available) || (!selectedVariant && !productData.available)) ?
6293                "Sold out" :
6294                "Add to cart";
6295
6296              return `
6297                <div>
6298                  <spz-product-form
6299                    id="quick-shop-body"
6300                    product-unavailable-status
6301                    product-id="${productData.id}"
6302                    variant-id="${selectedVariant.id}"
6303                    layout="container"
6304                    @atcSuccess="quick-shop.close;cart-drawer-modal.open;"
6305                    @atcError="theme-toast.showToast(content=event.message);"
6306                    @productChange="quick-shop-btn-price.rerender(data=event);${product_change_event}"
6307                  >
6308                    <form>
6309                      <div class="quick-shop-content rounded-global-small">
6310                        <div class="quick-shop-inner-content">
6311                          <spz-variants
6312                            name="quick-shop-variant"
6313                            id="quick-shop-variants"
6314                            class="pointer-events-none"
6315                            layout="container"
6316                            template="quick-shop-variant-template"
6317                            spz-if="${product_options && product_options.length > 0}"
6318                            interact="hover"
6319                            interference
6320                            ${mouse_out_event}
6321                            ${mouse_over_event}
6322                          ></spz-variants>
6323                          
6324                          <button
6325                            class="relative mt-5 lg:mt-6 button-primary flex items-center justify-center body-plus-2  type-text-font-family rounded-btn quick-shop_atc_btn"
6326                            type="button"
6327                            role="addToCart"
6328                            data-track="click"
6329                            data-track-content="add_to_cart"
6330                            data-track-source="add_to_cart"
6331                          >
6332                            <span role="content">${statusLan}</span>
6333                            
6334                              <spz-render id="quick-shop-btn-price" layout="container" template="quick-shop-button-price-template" manual></spz-render>
6335                            
6336                            
6337
6338<div class="loading items-center justify-center absolute inset-0" role="loading"   show >
6339  <div class="loading-bounce"></div>
6340</div>
6341                          </button>
6342                        </div>
6343                      </div>
6344                    </form>
6345                  </spz-product-form>
6346                </div>
6347              `
6348            }()}
6349          </template>
6350        </spz-render>
6351        <spz-loading class="quick-shop-loading i-spzhtml-layout-container" layout="container" role="mask" hidden i-spzhtml-layout="container"></spz-loading>
6352        <div class="quick-shop-close-btn absolute right-0 top-0 text-current flex items-center justify-center no-underline text-2xl" @tap="quick-shop.close;"><svg class="" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M5.034 3.652a.367.367 0 0 0-.518 0l-.864.864a.367.367 0 0 0 0 .519l5.963 5.963-5.963 5.963a.367.367 0 0 0 0 .519l.864.864a.367.367 0 0 0 .518 0l5.964-5.963 5.963 5.963a.367.367 0 0 0 .519 0l.864-.864a.367.367 0 0 0 0-.519l-5.964-5.963 5.964-5.963a.367.367 0 0 0 0-.519l-.864-.864a.367.367 0 0 0-.519 0l-5.963 5.963-5.964-5.963z" fill="currentColor"/></svg></div>
6353      </div>
6354
6355      <template id="quick-shop-retail-price-template">
6356          ${function(){
6357            const currentSelectVariant = data.variant;
6358            const defaultVariant = (data.product && data.product.variants && data.product.variants[0]);
6359
6360            const variantData = currentSelectVariant || defaultVariant || data;
6361            const retail_price = variantData.retail_price || 0;
6362            return `
6363              <div>
6364                <div class="flex color-compare-price mt-3" spz-if="${retail_price>0}">
6365                  <span class="mr-1">Retail</span> <spz-currency value="${retail_price}" layout="container"></spz-currency>
6366                </div>
6367              </div>
6368            `
6369          }()}
6370      </template>
6371      <style>
6372  .product_price_before::before {
6373    content: ' - ';
6374    display: block;
6375    width: 20px;
6376  }
6377</style>
6378<template id="quick-shop-button-price-template">
6379  ${function(){
6380    const wholesale_enabled = false;
6381    const qty = data.quantity || 1;
6382    const currentSelectVariant = data.variant;
6383    const defaultVariant = (data.product && data.product.variants && data.product.variants[0]);
6384    const productVariant = null;
6385
6386    const variantData = currentSelectVariant || defaultVariant || productVariant;
6387    const wholesale_price = variantData.wholesale_price || [];
6388
6389    if(wholesale_enabled && wholesale_price.length > 0) {
6390      let wholesaleIndex = wholesale_price.findIndex(item => {
6391        return item.min_quantity > qty;
6392      });
6393      if(wholesaleIndex < 0){
6394        wholesaleIndex = wholesale_price.length - 1;
6395      }else if(wholesaleIndex > 0){
6396        wholesaleIndex = wholesaleIndex - 1;
6397      }
6398      const wholesalePrice = wholesale_price[wholesaleIndex] || '';
6399      return `
6400        <div class="flex">
6401          <span class="product_price_before"></span><spz-currency value="${wholesalePrice.price}" layout="container"></spz-currency>
6402        </div>
6403      `
6404    }else {
6405      const price = variantData && variantData.price;
6406      return price != undefined ? `<div class="flex"><span class="product_price_before"></span><spz-currency value="${price}" layout="container"></spz-currency></div>` : '<span></span>';
6407    }
6408  }()}
6409</template>
6410      </div>
6411  </spz-lightbox>
6412  <template id="quick-shop-variant-template">
6413  <div class="quick-shop-variants-container">
6414    ${function() {
6415      let variantImageShowed = false;
6416      const currentProduct = data.product;
6417
6418      return (currentProduct.options || []).map((option, index) => {
6419        const optionName = option.name || '';
6420        const optionId = option.id || '';
6421        const position = `option${index + 1}`;
6422
6423        let isThumbImage = false;
6424        if (currentProduct.need_variant_image && !variantImageShowed) {
6425          const variantNames = ["color"] || [];
6426          for (let i = 0, len = variantNames.length; i < len; i++) {
6427            const name = variantNames[i].toLowerCase();
6428            if (name === optionName.toLowerCase()) {
6429              isThumbImage = true;
6430              variantImageShowed = true;
6431            }
6432          }
6433        }
6434        const variantType = "button";
6435        const thumbStyle = "image_with_text";
6436
6437        return `
6438          <fieldset spz-if="${variantType=='button' || isThumbImage}" class="quick-shop__variants_content mt-6 mx-0 min-w-[0px]" name="${optionName}">
6439            <legend class="quick-shop__variants_title flex items-center max-w-full">
6440              <span class="lg:body-plus-2 leading-1.3 flex-shrink-0 inline-block">${optionName}:&nbsp;</span>
6441              <spz-render spz-if="${isThumbImage}" class="flex items-center opacity-60 inline-block flex-grow min-w-[0px]" id="quick-shop-selected-variant-${optionId}" layout="container" template="quick-shop-selected-variant-template" manual></spz-render>
6442            </legend>
6443            <div class="flex flex-wrap ${isThumbImage ? 'mt-1' : 'quick-shop-variant-container'}">
6444              ${option.values.map((value, idx) => {
6445                const selected = data.selectedValues[optionName] == value ? 'checked' : '';
6446
6447                let thumbImage = null;
6448                if (isThumbImage) {
6449                  const variants = currentProduct.variants;
6450                  for (let i = 0, len = variants.length; i < len; i++) {
6451                    const variant = variants[i];
6452                    if (variant[position] == value && thumbImage == null) {
6453                      thumbImage = variant.image;
6454                      break;
6455                    }
6456                  }
6457                }
6458
6459                return `
6460                  <div class="relative mt-3 mr-3" option="${value}">
6461                    <input
6462                      type="radio"
6463                      class="pointer-events-auto"
6464                      option="${value}"
6465                      id="quick-shop-variant-${value}-${idx}"
6466                      name="quick-shop-variant-${optionName}"
6467                      value="${value}"
6468                      form="quick-shop-body"
6469                      @input-debounced="quick-shop-selected-variant-${optionId}.rerender(data=event, redo=true);"
6470                      ${selected}
6471                    >
6472                    <label
6473                      class="quick-shop-variant-option relative flex items-center break-words flex-shrink-0 
6474  rounded-[1px] 
6475"
6476                      data-type="${isThumbImage ? (thumbStyle == 'image_with_text' ? 'image-with-text' : 'image') : 'text'}"
6477                      for="quick-shop-variant-${value}-${idx}">
6478                        <spz-img spz-if="${isThumbImage}" class="${thumbStyle == 'image_with_text' ? 'ml-1' : ''}" src="${thumbImage && thumbImage.src}" layout="responsive" width="42" height="42" alt="${thumbImage && thumbImage.alt}" object-fit="cover" auto-fit></spz-img>
6479                        <span spz-if="${thumbStyle == 'image_with_text' || !isThumbImage}" class="break-words py-2 px-3">${value}</span>
6480                    </label>
6481                  </div>
6482                `
6483              }).join('')}
6484            </div>
6485          </fieldset>
6486          <div spz-else class="mt-6">
6487            <div class="lg:body-plus-2 leading-1.3">${optionName}</div>
6488            <div class="relative mt-3">
6489              <select class="quick-shop__variant__select pointer-events-auto w-full text-text-font-size type-text-font-family 
6490  rounded-[1px] 
6491secondary-select" role="variant" name="${optionName}">
6492                ${option.values.map(value => {
6493                  const selected = data.selectedValues[optionName] == value ? 'selected' : '';
6494                  return `<option class="quick-shop__variants_value" value="${value}" option="${value}" ${selected}>${value}</option>`
6495                }).join('')}
6496              </select>
6497              <svg   class="quick-shop__variant__select-icon" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424 
64970l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"/></svg>
6498</div>
6499          </div>
6500        `
6501      }).join('');
6502    }()}
6503  </div>
6504</template>
6505<template id="quick-shop-selected-variant-template">
6506  <span class="inline-block truncate max-w-full" title="${data.originData && data.originData.value || data.value}">
6507    ${data.originData && data.originData.value || data.value}
6508  </span>
6509</template>
6510
6511<script type="text/javascript" async src="https://static.staticdj.com/seahorse/bottom_v2.335e01c1.js"></script>
vendor: 1 bytes, line 6511
6511
6512<script type="text/javascript" async src="https://static.staticdj.com/golden/bottom_v2.157d17d3.js"></script>
vendor: 1 bytes, line 6512
6512
6513<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"basic":"basic.c50df513.js"});</script>
vendor: 1 bytes, line 6513
6513
6514<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"cart_pop":"cart_pop.c733db0f.js"});</script>
vendor: 1 bytes, line 6514
6514
6515<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"couponcode":"couponcode.0cd81091.js"});</script>
vendor: 1 bytes, line 6515
6515
6516<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"bear":"bear.4241d627.js"});</script>
vendor: 1 bytes, line 6516
6516
6517<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"bundle":"bundle.a029e922.js"});</script>
vendor: 1 bytes, line 6517
6517
6518<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"filly":"filly.b9085eb2.js"});</script>
vendor: 1 bytes, line 6518
6518
6519<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"discount_gifts":"discount_gifts.87837098.js"});</script>
vendor: 1 bytes, line 6519
6519
6520<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"blog_products":"blog_products.b67b5c27.js"});</script>
vendor: 1 bytes, line 6520
6520
6521<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"google_form":"google_form.025d905a.js"});</script>
vendor: 1 bytes, line 6521
6521
6522<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"zebu":"zebu.e8dece57.js"});</script>
vendor: 1 bytes, line 6522
6522
6523<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"buy_on_others":"buy_on_others.d678fa5c.js"});</script>
vendor: 1 bytes, line 6523
6523
6524<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"variants_combination":"variants_combination.17e6b308.js"});</script>
vendor: 1 bytes, line 6524
6524
6525<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"translate":"translate.5c34eee2.js"});</script>
vendor: 1 bytes, line 6525
6525
6526<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"discount_gifts_v2":"discount_gifts_v2.a34137af.js"});</script>
vendor: 1 bytes, line 6526
6526
6527<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"image_video":"image_video.b713d119.js"});</script>
vendor: 1 bytes, line 6527
6527
6528<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"reviews":"reviews.77c0cadd.js"});</script>
vendor: 1 bytes, line 6528
6528
6529<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"privacy_app":"privacy_app.ade927e4.js"});</script>
vendor: 1 bytes, line 6529
6529
6530<script type="text/javascript">
6531  (function () {
6532    if (!C_SETTINGS.payment_settings.paypal_express_enabled) return;
6533    if ((window.disabled_exts || []).indexOf("*") != -1 || (window.disabled_exts || []).indexOf("paypal_express") != -1) return;
6534    function getCookie(name) {
6535      var match = document.cookie.match(new RegExp(name + '=([^;]+)'));
6536      return (match && match[1]) || '';
6537    }
6538    var ppStamp = (getCookie('awesomeab').match(/paypal-express-([vs0-9]+)/) || ['', ''])[1];
6539    var entry = ppStamp ? 'paypal_express.' + ppStamp + '.js' : 'paypal_express.70c809e1.js';
6540    var s = document.createElement('script');
6541    s.crossOrigin = "anonymous";
6542    s.async = !0;
6543    s.src = SHOP_PARAMS.cdn_domain + entry;
6544    document.body.appendChild(s);
6545
6546  })();
6547</script>
vendor: 1 bytes, line 6547
6547
6548<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"fb_messenger":"fb_messenger.1de139d2.js"});</script>
vendor: 1 bytes, line 6548
6548
6549<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"common":"common.e560ab2c.js"});</script>
vendor: 1 bytes, line 6549
6549
6550<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"installment":"installment.e24868df.js"});</script>
vendor: 1 bytes, line 6550
6550
6551<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"stamped_frontend":"stamped_frontend.f67dcbe7.js"});</script>
vendor: 1 bytes, line 6551
6551
6552<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"multi_market":"multi_market.85145627.js"});</script>
vendor: 1 bytes, line 6552
6552
6553<script type='text/javascript'>(window._ext || (window._ext =[])).push('currency');</script>
vendor: 1 bytes, line 6553
6553
6554<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"product_detail_rebate":"product_detail_rebate.cbca7ec3.js"});</script>
vendor: 1 bytes, line 6554
6554
6555<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"buffalo":"buffalo.e0f4e5cf.js"});</script>
vendor: 1 bytes, line 6555
6555
6556<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"jellyfish":"jellyfish.f9cc89bb.js"});</script>
vendor: 1 bytes, line 6556
6556
6557<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"currency":"currency.ca2b3757.js"});</script>
vendor: 1 bytes, line 6557
6557
6558<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"vole":"vole.de34b0f2.js"});</script>
vendor: 1 bytes, line 6558
6558
6559<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"wishlist":"wishlist.0fc03a14.js"});</script>
vendor: 1 bytes, line 6559
6559
6560<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"social_login":"social_login.537a8e8f.js"});</script>
vendor: 1 bytes, line 6560
6560
6561<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"numbat":"numbat.14e8199b.js"});</script>
vendor: 1 bytes, line 6561
6561
6562<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"subscription_popups":"subscription_popups.9a18a460.js"});</script>
vendor: 1 bytes, line 6562
6562
6563<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"coupon":"coupon.07fd62a8.js"});</script>
vendor: 1 bytes, line 6563
6563
6564<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"top_products":"top_products.4da4f6f3.js"});</script>
vendor: 1 bytes, line 6564
6564
6565<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"appparakeet":"appparakeet.537f9b5b.js"});</script>
vendor: 1 bytes, line 6565
6565
6566<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"recommended_product":"recommended_product.b4592e0a.js"});</script>
vendor: 1 bytes, line 6566
6566
6567<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"boowc":"boowc.15caf0e7.js"});</script>
vendor: 1 bytes, line 6567
6567
6568<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"add_to_cart":"add_to_cart.6cde2531.js"});</script>
vendor: 1 bytes, line 6568
6568
6569<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"apptrustpilot-plugin":"apptrustpilot-plugin.7edc2607.js"});</script>
vendor: 1 bytes, line 6569
6569
6570<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"sales_pop":"sales_pop.0410e3b6.js"});</script>
vendor: 1 bytes, line 6570
6570
6571<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"sloth":"sloth.cc72648e.js"});</script>
vendor: 1 bytes, line 6571
6571
6572<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"size_guide":"size_guide.ac4ad793.js"});</script>
6572
6573
6574<script>
6575~(function() {
6576  // checkout page
6577  if (window.SHOP_PARAMS.template_type === '14') {
6578    return;
6579  }
6580  function track(event, params) {
6581    if (window.sa && window.sa.track && typeof window.sa.track === 'function') {
6582      window.sa.track(event, params);
6583    };
6584  }
6585  function preload() {
6586    var script = document.createElement('script');
6587    script.async = true;
6588    script.src = '/api/preload-checkout?t=' + Date.now();
6589    var loadStart = Date.now();
6590    track('preload_checkout_start');
6591    script.addEventListener('load', function() {
6592      track('preload_checkout_loaded', { load_duration: Date.now() - loadStart });
6593    });
6594    script.addEventListener('error', function(e) {
6595      track('preload_checkout_error', { load_duration: Date.now() - loadStart });
6596    });
6597    document.body.appendChild(script);
6598  }
6599
6600  try {
6601      var ab = document.cookie.split(';').find(function (i) { return /awesomeab=/.test(i); });
6602      var version = 'default';
6603      if (ab) {
6604        var chickNext = decodeURIComponent(ab).split('=')[1].split(',').find(function (i) { return /chick-next/.test(i); });
6605        if (chickNext) version = chickNext;
6606      }
6607
6608      var loadedObj = JSON.parse(sessionStorage.getItem('preload_checkout_loaded_v1') || '{}');
6609
6610      if (loadedObj[version] && loadedObj[version]['allLoaded']) return;
6611    } catch (e) {}
6612
6613    window.addEventListener('load', preload);
6614})();
6615</script>
6615
6616
6617<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"flashsale":"flashsale.d2ddc7ab.js"});</script>
vendor: 1 bytes, line 6617
6617
6618<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"plugin_parakeet":"plugin_parakeet.6893a874.js"});</script>
vendor: 1 bytes, line 6618
6618
6619<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"trout":"trout.47f21cf1.js"});</script>
6619
6620</body>
6621</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.