PageSourceSearch

https://www.jjraymond.com/account/login

html jjraymond.com collected 2026-10-02 11:26:23 UTC 274,503 bytes, 5,475 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>JJRAYMOND</title>
8    <meta name="keywords" content="JJRAYMOND">
9    <meta name="description" content="JJRAYMOND">
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.jjraymond.com/account/login">
16    <link rel="shortcut icon" href="https://img.staticdj.com/bbb4b6f40c99e3b5013529e54154498b.png">
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="JJRAYMOND">
22<meta property="og:url" content="https://www.jjraymond.com/account/login">
23<meta property="og:title" content="JJRAYMOND">
24<meta property="og:type" content="website">
25<meta property="og:description" content="JJRAYMOND">
26<meta name="twitter:site" content="@">
27<meta name="twitter:card" content="summary_large_image">
28<meta name="twitter:title" content="JJRAYMOND">
29<meta name="twitter:description" content="JJRAYMOND">
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-product-title-text: #202020;
51      --color-general-text: #202020;
52      --color-price-text: #EB391B;
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-quick-shop-btn-bg: #FFFFFF;
60      --color-quick-shop-btn-icon: #000000;
61      --color-toggle-btn-bg: #FFFFFF;
62      --color-toggle-btn-icon: #000000;
63      --color-label-bg: rgba(198, 156, 109, 1);
64      --color-sold-label-bg: #FFFFFF;
65      --color-sold-label-text: #202020;
66      --color-announcement-bg: #FFFFFF;
67      --color-announcement-text: #000000;
68      --color-cart-dot-bg: rgba(198, 156, 109, 1);
69      --color-header-bg: #FFFFFF;
70      --color-header-text: #202020;
71      --color-header-search-bg: rgba(230, 230, 230, 0.4);
72      --color-header-search-text: #202020;
73      --color-header-search-btn-bg: #202020;
74      --color-menu-bg: #F8F8F8;
75      --color-menu-item-bg: #FFFFFF;
76      --color-menu-item-text: #202020;
77      --color-actived-menu-item-bg: rgba(198, 156, 109, 1);
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-label-text: #FFFFFF;
86      --color-cart-dot-text: #FFFFFF;
87      --color-border: #E6E6E6;
88      --color-overlay-title: #292929;
89      --color-overlay-text: #292929;
90      --color-header-search-btn-text: #FFFFFF;
91      --color-actived-menu-item-text: #FFFFFF;
92      --color-newsletter-btn-text: #FFFFFF;
93      --color-countdown-bg: rgba(248, 248, 248, 0.8);
94      --color-countdown-time-text: #EA3F36;
95      --color-background-shipping-success: #E5FFE2;
96      --color-text-shipping-success: #3AAA2E;
97      --color-cart-subtotal-bg: #F6F6F6;
98      /* 颜色相关 */
99    --color-body-bg: #FFFFFF;
100    --color-body-bg-80: rgba(255, 255, 255, 0.8);
101    --color-product-title-text: #202020;
102    --color-primary-btn-bg: #202020;
103    --color-primary-btn-bg-10: rgba(32, 32, 32, 0.1);
104    --color-primary-btn-text: #FFFFFF;
105
106    --color-quick-shop-btn-bg: #FFFFFF;
107    --color-quick-shop-btn-icon: #000000;
108    --color-toggle-btn-bg: #FFFFFF;
109    --color-toggle-btn-icon: #000000;
110
111    --color-body-text: #202020;
112    --color-body-text-50: rgba(32, 32, 32, 0.5);
113    --color-body-text-60: rgba(32, 32, 32, 0.6);
114    --color-body-text-70: rgba(32, 32, 32, 0.7);
115    --color-body-text-75: rgba(32, 32, 32, 0.75);
116    --color-body-text-80: rgba(32, 32, 32, 0.8);
117    --color-body-text-85: rgba(32, 32, 32, 0.85);
118    --color-body-text-90: rgba(32, 32, 32, 0.9);
119
120    --color-menu-item-text-70: rgba(32, 32, 32, 0.7);
121    --color-menu-item-text-80: rgba(32, 32, 32, 0.8);
122    --color-menu-item-text-90: rgba(32, 32, 32, 0.9);
123    --color-actived-menu-item-bg: rgba(198, 156, 109, 1);
124    --color-actived-menu-item-text: #FFFFFF;
125
126    --color-header-search-text-50: rgba(32, 32, 32, 0.5);
127
128    --color-header-text-70: rgba(32, 32, 32, 0.7);
129
130    /* 边框颜色 */
131    --color-border: #E6E6E6;
132    --color-border-35: rgba(230, 230, 230, 0.35);
133    --color-border-60: rgba(230, 230, 230, 0.6);
134
135    /* 蒙层标题颜色 */
136    --color-overlay-title: #202020;
137    /* 蒙层文字颜色 */
138    --color-overlay-text: #202020;
139
140    /* 圆角 */
141    --global-large-border-radius: 2px;
142    --global-border-radius: 2px;
143    --global-small-border-radius: 2px;
144    --global-fixed-border-radius: 2px;
145    --btn-border-radius: 2px;
146    --btn-fixed-border-radius: 2px;
147
148    /* 字体相关 */
149    --font-body-family: Lato, sans-serif;
150    --font-body-style: normal;
151    --font-body-weight: 400;
152
153    --font-heading-family: Lato, sans-serif;
154    --font-heading-style: normal;
155    --font-heading-weight: 400;
156
157    /* 倒计时 */
158    --color-countdown-bg: rgba(248, 248, 248, 0.8);
159    --color-countdown-time-text: #EA3F36;
160    --color-background-shipping-success: #E5FFE2;
161    --color-text-shipping-success: #3AAA2E;
162    --color-cart-subtotal-bg: #F6F6F6;
163
164    /* mask */
165    --color-mask-bg: rgba(0, 0, 0, 0.3);
166
167    /* 提供给插件 */
168    --breakpoint: 960;
169
170    /* z-index */
171    --z-index-dropdown: 1000;
172    --z-index-sticky: 1020;
173    --z-index-fixed: 1030;
174    --z-index-modal-backdrop: 1040;
175    --z-index-modal: 1050;
176    --z-index-popover: 1060;
177    --z-index-tooltip: 1070;
178  }
179
180  @media (min-width: 960px) {
181    :root {
182      --page-spacing: 100px;
183
184      /* 圆角 */
185      --global-small-border-radius: 2px;
186    }
187  }
188
189  .type-text-font-family {
190    font-family: var(--font-body-family);
191    font-style: var(--font-body-style);
192    font-weight: var(--font-body-weight);
193  }
194
195  .type-heading-font-family {
196    font-family: var(--font-heading-family);
197    font-style: var(--font-heading-style);
198    font-weight: var(--font-heading-weight);
199  }
200
201  .heading-font-size_08 {
202    font-size: calc(var(--type-heading-font-size) * 0.8);
203  }
204  
205
206
207  /* latin-ext */@font-face {  font-family: 'Lato';  font-style: normal;  font-weight: 400;  font-display: swap;
207  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;}
208  /* 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;}
209</style>
210    <link href="//static.staticdj.com/themes/theme_base-3fea44c94a.css" as="style" type="text/css" rel="preload">
211<link href="//static.staticdj.com/themes/theme_base-3fea44c94a.css" rel="stylesheet" type="text/css"  media="all"  />
212
213<style>
214  .page_container {
215    padding-top: 0px;
216    padding-right: 0px;
217    padding-bottom: 0px;
218    padding-left: 0px;
219  }
220
221  @media (min-width: 960px) {
222    .page_container {
223      padding-top: 0px;
224      padding-right: 0px;
225      padding-bottom: 0px;
226      padding-left: 0px;
227    }
228  }
229</style>
230<style>
231  /* position, display, width, height */
232  .uppercase { text-transform: uppercase; }
233  .\!static { position: static; }
234  .relative { position: relative; }
235  .absolute { position: absolute; }
236  .sticky { position: sticky; }
237  /* top left right bottom */
238  .top-0 { top: 0; }
239  .top-1\/2 { top: 50%; }
240  .bottom-0 { bottom: 0; }
241  .bottom-3 { bottom: 12px;}
242  .bottom-5 { bottom: 20px; }
243  .-bottom-5 { bottom: -20px }
244  .inset-0 { top: 0; left: 0; right: 0; bottom: 0; }
245  .inset-x-\[-22px\] { left: -22px; right: -22px; }
246  .-inset-y-5 { top: -20px; bottom: -20px; }
247
248  .block { display: block; }
249  .inline-block { display: inline-block; }
250  .inline-flex { display: inline-flex; }
251  .flex { display: flex; }
252  .flex-1 { flex: 1; }
253  .flex-col { flex-direction: column; }
254  .items-end { align-items: flex-end; }
255  .items-center { align-items: center; }
256  .self-center { align-self: center; }
257  .items-start { align-items: flex-start; }
258  .items-stretch { align-items: stretch; }
259  .justify-end { justify-content: flex-end; }
260  .justify-center { justify-content: center; }
261  .justify-between { justify-content: space-between; }
262  .flex-center{ display: flex; align-items: center; justify-content: center; }
263  .flex-grow { flex-grow: 1; }
264  .flex-shrink-0 { flex-shrink: 0; }
265  .flex-wrap { flex-wrap: wrap; }
266  .flex-1 { flex: 1; }
267  .flex-row-reverse	{ flex-direction: row-reverse; }
268  .hidden { display: none; }
269  .\!hidden { display: none !important; }
270  .empty-hidden:empty{ display: none; }
271
272  .max-w-full { max-width: 100%; }
273  .max-w-\[300px\] { max-width: 300px; }
274  .min-w-\[0px\] { min-width: 0px; }
275
276  .w-full { width: 100%; }
277  .w-7 { width: 28px; }
278  .w-10 { width: 40px; }
279  .w-11 { width: 44px; }
280  .h-full { height: 100%; }
281  .h-11 { width: 44px; }
282  .h-14 { height: 56px;}
283
284
285  /* margin, padding */
286  .m-0 { margin: 0; }
287  .-mt-3 { margin-top: -12px; }
288  .mt-0\.5 { margin-top: 2px; }
289  .mt-0 { margin-top: 0; }
290  .mt-1 { margin-top: 4px; }
291  .mt-1\.5 { margin-top: 6px; }
292  .mt-2 { margin-top: 8px; }
293  .mt-3 { margin-top: 12px; }
294  .mt-4 { margin-top: 16px; }
295  .mt-5 { margin-top: 20px; }
296  .mt-6 { margin-top: 24px; }
297  .mt-7 { margin-top: 28px; }
298  .mt-8 { margin-top: 32px; }
299  .mt-9 { margin-top: 36px; }
300  .mt-10 { margin-top: 40px; }
301
302  .mb-1 { margin-bottom: 4px; }
303  .mb-2 { margin-bottom: 8px; }
304  .mb-3 { margin-bottom: 12px; }
305  .mb-4 { margin-bottom: 16px; }
306  .mb-5 { margin-bottom: 20px; }
307  .mb-6 { margin-bottom: 24px; }
308  .mb-8 { margin-bottom: 32px; }
309  .mb-10 { margin-bottom: 40px; }
310  .mx-auto { margin-left: auto; margin-right: auto; }
311  .mx-0 { margin-left: 0; margin-right: 0; }
312  .mx-5 { margin-left: 20px; margin-right: 20px; }
313  .my-1 { margin-top: 4px; margin-bottom: 4px; }
314  .my-6 { margin-top: 24px; margin-bottom: 24px; }
315  .my-10 { margin-top: 40px; margin-bottom: 40px; }
316  .my-14 { margin-top: 56px; margin-bottom: 56px; }
317
318  .p-0 { padding: 0; }
319  .p-2 { padding: 8px; }
320  .p-3 { padding: 12px; }
321  .p-4 { padding: 16px; }
322  .p-6 { padding: 24px; }
323  .p-8 { padding: 32px; }
324  .p-\[15px\] { padding: 15px; }
325  .px-2 { padding-left: 8px; padding-right: 8px; }
326  .px-3 { padding-left: 12px; padding-right: 12px; }
327  .px-4 { padding-left: 16px; padding-right: 16px; }
328  .px-5 { padding-left: 20px; padding-right: 20px; }
329  .px-6 { padding-left: 24px; padding-right: 24px; }
330  .px-10 { padding-left: 40px; padding-right: 40px; }
331  .px-\[18px\] { padding-left: 18px; padding-right: 18px; }
332  .px-\[22px\] { padding-left: 22px; padding-right: 22px; }
333  .py-\[10px\] { padding-top: 10px; padding-bottom: 10px; }
334
335  .py-0 { padding-top: 0; padding-bottom: 0; }
336  .py-1 { padding-top: 4px; padding-bottom: 4px; }
337  .py-2 { padding-top: 8px; padding-bottom: 8px; }
338  .py-3 { padding-top: 12px; padding-bottom: 12px; }
339  .py-4 { padding-top: 16px; padding-bottom: 16px; }
340  .py-5 { padding-top: 20px; padding-bottom: 20px; }
341  .py-6 { padding-top: 24px; padding-bottom: 24px; }
342  .py-8 { padding-top: 32px; padding-bottom: 32px; }
343  .py-12 { padding-top: 48px; padding-bottom: 48px; }
344  .pt-2 { padding-top: 8px; }
345  .pt-3 { padding-top: 12px; }
346  .pt-4 { padding-top: 16px; }
347  .pt-5 { padding-top: 20px; }
348  .pt-6 { padding-top: 24px; }
349  .pt-10 { padding-top: 40px; }
350  .pt-12 { padding-top: 48px; }
351  .pb-1 { padding-bottom: 4px; }
352  .pb-2 { padding-bottom: 8px; }
353  .pb-3 { padding-bottom: 12px; }
354  .pb-4 { padding-bottom: 16px; }
355  .pb-8 { padding-bottom: 32px; }
356  .pb-full { padding-bottom: 100%; }
357
358  /* Typography */
359  .body-minus-2 { font-size: calc(var(--type-text-font-size) - 2px); }
360  .body-minus-1 { font-size: calc(var(--type-text-font-size) - 1px); }
361  .body-base { font-size: var(--type-text-font-size); }
362  .body-plus-1 { font-size: calc(var(--type-text-font-size) + 1px); }
363  .body-plus-2 { font-size: calc(var(--type-text-font-size) + 2px); }
364  .body-plus-3 { font-size: calc(var(--type-text-font-size) + 3px); }
365  .body-plus-4 { font-size: calc(var(--type-text-font-size) + 4px); }
366  .body-plus-6 { font-size: calc(var(--type-text-font-size) + 6px); }
367  .text-2xl { font-size: 24px; line-height: 28px; }
368  .text-xs { font-size: 12px; line-height: 16px; }
369  .text-sm { font-size: 14px; line-height: 20px; }
370  .text-base { font-size: 16px; line-height: 24px; }
371  .text-lg { font-size: 18px; line-height: 28px; }
372  .text-0 { font-size: 0; }
373  .text-5 { font-size: 20px; }
374  .text-6 { font-size: 24px; }
375  .text-8 { font-size: 32px; }
376
377  .text-inherit { color: inherit; }
378  .text-center { text-align: center; }
379  .text-current{ color:currentColor }
380  .text-btn-bg { color: var(--color-primary-btn-bg); }
381
382  .text-white { color: rgba(255,255,255,1); }
383  .text-compare-at-price-color { color:var(--color-compare-at-price-text); }
384  .bg-btn-text-color { background-color: var(--color-primary-btn-text); }
385
386  .font-normal { font-weight: 400; }
387  .font-medium { font-weight: 500; }
388  .font-semibold { font-weight: 600; }
389  .font-bold { font-weight: 700; }
390
391  .leading-none { line-height: 1; }
392  .leading-1\.1 { line-height: 1.1; }
393  .leading-1\.15 { line-height: 1.15; }
394  .leading-1\.2 { line-height: 1.2; }
395  .leading-1\.25 { line-height: 1.25; }
396  .leading-1\.3 { line-height: 1.3; }
397  .leading-1\.4 { line-height: 1.4; }
398  .leading-1\.5 { line-height: 1.5; }
399  .leading-1\.7 { line-height: 1.7; }
400
401  .break-all { word-break: break-all; }
402
403  .whitespace-nowrap { white-space: nowrap; }
404
405  .overflow-hidden { overflow: hidden; }
406  .overflow-x-hidden { overflow-x: hidden; }
407  .overflow-x-auto { overflow-x: auto; }
408  .overflow-y-hidden { overflow-y: hidden; }
409  .overflow-y-auto { overflow-y: auto; }
410
411  .underline { text-decoration: underline; }
412  .no-underline { text-decoration-line: none; }
413  .appearance-none {
414    -webkit-appearance: none;
415    -moz-appearance: none;
416    appearance: none;
417  }
418
419  /* Color */
420  .color-body { color: var(--color-body-text); }
421  .color-body-60 { color: var(--color-body-text-60); }
422  .color-body-70 { color: var(--color-body-text-70); }
423  .color-heading { color: var(--color-general-heading-text); }
424  .color-price { color: var(--color-price-text); }
425  .color-save-price { color: var(--color-save-price-text); }
426  .color-compare-price { color: var(--color-compare-at-price-text); }
427  .color-text-default { color: #9F9F9F; }
428  .color-custom-label-text {color: var(--color-custom-label-text);}
429
430  /* Background */
431  .bg-custom-label {background-color: var(--color-custom-label-bg);}
432  .bg-color-body {background-color: var(--color-body-bg);}
433  .color-body-text { color: var(--color-body-text); }
434
435  /* Border Radius */
436  .rounded-sm { border-radius: 2px; }
437  .rounded { border-radius: 4px; }
438  .rounded-full { border-radius: 9999px; }
439
440  /* Border */
441  .border-none { border-style: none; }
442  .border { border: 1px solid var(--color-border); }
443  .border-t { border-top: 1px solid var(--color-border); }
444  .border-b { border-bottom: 1px solid var(--color-border); }
445  .border-solid { border-style: solid; }
446  .\!border-none { border-style: none !important; }
447  .border-t { border-top-width: 1px; }
448  .border-0 { border-width: 0; }
449  .border-t-0 { border-top-width: 0;}
450  .border-\[\#e6e6e6\] { border-color: rgba(230,230,230,1); }
451  .placeholder-svg {
452    position: relative;
453  }
454
455  .placeholder-svg > svg {
456    width: 100%;
457    height: 100%;
458    top: 0;
459    right: 0;
460    bottom: 0;
461    left: 0;
462    fill: #c0c0c0;
463    background-color: #eee;
464  }
465
466  /* z-index */
467  .z-1 { z-index: 1; }
468  .z-10 { z-index: 10; }
469  .z-20 { z-index: 20; }
470  .z-50 { z-index: 50; }
471  .-z-1 { z-index: -1; }
472
473  /* .z-dropdown { z-index: 1000; } */
474
475  /* Object */
476  .object-contain { -o-object-fit: contain; object-fit: contain; }
477  .object-cover { -o-object-fit: cover; object-fit: cover; }
478
479  /* opacity */
480  .opacity-0 { opacity: 0; }
481  .opacity-\[18\%\] { opacity: 18%; }
482  .opacity-50 { opacity: .5; }
483  .opacity-60 { opacity: .6; }
484  .opacity-70 { opacity: .7; }
485  .opacity-75{ opacity: .75; }
486
487  .group-hover\:opacity-100 { opacity: 1; }
488
489  /* text decoration */
490  .line-through { text-decoration: line-through; }
491
492  /* Other */
493  .cursor-pointer { cursor: pointer; }
494  .pointer-events-none { pointer-events: none; }
495  .pointer-events-auto { pointer-events: auto; }
496
497  /* svg */
498  .fill-svg { fill: silver; }
499  .bg-svg { background-color: rgba(238, 238, 238, 1); }
500  .bg-black { background-color: rgba(0,0,0,1); }
501  .bg-white { background-color: rgba(255,255,255,1); }
502  /* grid */
503  .grid { display: grid; }
504  .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
505  .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
506  .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
507  .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
508  .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
509  .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
510  .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
511  .grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
512  .grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
513  .grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }
514
515  .gap-3 { gap: 12px; }
516  .gap-4 { gap: 16px; }
517  .gap-x-4 { column-gap: 16px; }
518  .gap-x-6 { column-gap: 24px; }
519  .gap-x-10 { column-gap: 40px; }
520  .gap-y-4 { row-gap: 16px; }
521  .gap-y-5 { row-gap: 20px; }
522  .gap-y-6 { row-gap: 24px; }
523  .gap-y-11 { row-gap: 44px; }
524
525  .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
526
527  /* btn */
528  .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); }
529  .primary-btn:hover { background-color: var(--color-cart-dot-bg); }
530  .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);}
531  .secondary-btn:hover{ border-color: var(--color-primary-btn-bg); background-color: var(--color-primary-btn-bg); color: var(--color-primary-btn-text); }
532
533  .rounded-btn { border-radius: var(--btn-border-radius); }
534
535  /* last */
536  .last\:mb-0:last-child { margin-bottom: 0; }
537
538  /* transform */
539  .-translate-y-1\/2 { transform: var(-50%); }
540
541  /* box */
542  .box-border { box-sizing: border-box; }
543
544  /* ul li */
545  .list-none { list-style-type: none; }
546
547  .left-0 { left: 0; }
548    .left-1\/2 { left: 50%; }
549    .left-3 { left: 12px; }
550    .right-0 { right: 0; }
551    .right-3 { right: 12px; }
552    .right-4 { right: 16px; }
553    .right-8 { right: 32px; }
554    .mr-\[6px\] { margin-right: 6px; }
555    .ml-auto { margin-left: auto; }
556    .-ml-3 { margin-left: -12px; }
557    .ml-1 { margin-left: 4px; }
558    .ml-2 { margin-left: 8px; }
559    .ml-3 { margin-left: 12px; }
560    .ml-4 { margin-left: 16px; }
561    .ml-5 { margin-left: 20px; }
562    .ml-6 { margin-left: 24px; }
563    .ml-7 { margin-left: 28px; }
564    .mr-1 { margin-right: 4px; }
565    .mr-2 { margin-right: 8px; }
566    .mr-3 { margin-right: 12px; }
567    .mr-4 { margin-right: 16px; }
568    .mr-5 { margin-right: 20px; }
569    .pl-2 { padding-left: 8px; }
570    .pl-3 { padding-left: 12px; }
571    .pl-4 { padding-left: 16px; }
572    .pr-3 { padding-right: 12px; }
573    .text-left { text-align: left; }
574    .text-right { text-align: right; }
575    .rotate-90 { transform: rotate(90deg); }
576    .rotate--90 { transform: rotate(-90deg); }
577    .rotate-180 { transform: rotate(180deg); }
578    .-translate-x-1\/2 { transform: translateX(-50%); }
579  @media (max-width: 959.98px) {
580    .md\:hidden { display: none !important; }
581    .md\:flex { display: flex; }
582    .md\:flex-row-reverse { flex-direction: row-reverse; }
583    .md\:flex-col-reverse { flex-direction: column-reverse; }
584    .md\:flex-1 { flex: 1; }
585    .md\:flex-col { flex-direction: column; }
586    .md\:justify-end { justify-content: flex-end; }
587    .md\:justify-center { justify-content: center; }
588    .md\:justify-between { justify-content: space-between; }
589    .md\:items-center { align-items: center; }
590    .md\:self-center { align-self: center; }
591    .md\:shrink-0 { flex-shrink: 0; }
592    .md\:items-start { align-items: flex-start; }
593    .md\:flex-wrap { flex-wrap: wrap; }
594
595    .md\:w-full { width: 100%; }
596
597    .md\:mt-4 { margin-top: 16px; }
598    .md\:mt-5 { margin-top: 20px; }
599    .md\:mt-6 { margin-top: 24px; }
600    .md\:mt-9 { margin-top: 36px; }
601    .md\:mb-3 { margin-bottom: 13px; }
602    .md\:mb-4 { margin-bottom: 16px; }
603    .md\:mb-5 { margin-bottom: 20px; }
604    .md\:mx-4 { margin-left: 16px; margin-right: 16px; }
605
606    .md\:pb-0 { padding-bottom: 0; }
607    .md\:px-8 { padding-left: 32px; padding-right: 32px; }
608    .md\:px-4 { padding-left: 16px; padding-right: 16px; }
609    .md\:pt-6 { padding-top: 24px; }
610    .md\:pt-4 { padding-top: 16px; }
611    .md\:pt-2 { padding-top: 8px; }
612    .md\:pt-10 { padding-top: 40px; }
613    .md\:pb-5 { padding-bottom: 20px; }
614    .md\:pb-6 { padding-bottom: 24px; }
615    .md\:py-3 { padding-top: 12px; padding-bottom: 12px; }
616    .md\:order-1 { order: 1; }
617    .md\:order-2 { order: 2; }
618
619    .md\:body-minus-2 { font-size: calc(var(--type-text-font-size) - 2px); }
620    .md\:body-plus-1 { font-size: calc(var(--type-text-font-size) + 1px); }
621    .md\:body-plus-2 { font-size: calc(var(--type-text-font-size) + 2px); }
622    .md\:text-base { font-size: 16px; line-height: 24px; }
623    .md\:text-xs { font-size: 12px; line-height: 16px; }
624    .md\:text-sm { font-size: 14px; line-height: 20px; }
625    .md\:text-center { text-align: center; }
626
627    .md\:border-t { border-top: 1px solid var(--color-border); }
628    .md\:pb-full { padding-bottom: 100%; }
629    .md\:pt-\[30px\] { padding-top: 30px; }
630    .md\:pb-\[54px\] { padding-bottom: 54px; }
631    .md\:p-\[30px\] { padding: 30px; }
632
633    .md\:gap-x-4 { column-gap: 16px; }
634    .md\:gap-y-6 { row-gap: 24px; }
635    .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
636
637    .md\:overflow-x-scroll { overflow: scroll; }
638    .md\:w-2\/3 { width: 66.67%; }
639    .md\:truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
640
641    .md\:color-body-70 { color: var(--color-body-text-70); }
642  }
643
644  @media (min-width: 960px) {
645    .lg\:hidden { display: none !important; }
646    .lg\:flex { display: flex; }
647    .lg\:flex-wrap { flex-wrap: wrap; }
648    .lg\:flex-row-reverse { flex-direction: row-reverse; }
649    .lg\:flex-col-reverse { flex-direction: column-reverse; }
650    .lg\:flex-1 { flex: 1; }
651    .lg\:flex-col { flex-direction: column; }
652    .lg\:items-center { align-items: center; }
653    .lg\:justify-end { justify-content: flex-end; }
654    .lg\:justify-center { justify-content: center; }
655    .lg\:justify-between { justify-content: space-between; }
656    .lg\:shrink-0 { flex-shrink: 0; }
657
658    .lg\:w-full { width: 100%; }
659    .lg\:h-full { height: 100%; }
660    .lg\:w-1\/2 { width: 50%; }
661
662    .lg\:mx-8 { margin-left: 32px; margin-right: 32px; }
663    .lg\:mt-1 { margin-top: 4px; }
664    .lg\:mt-2 { margin-top: 8px; }
665    .lg\:mt-3 { margin-top: 12px; }
666    .lg\:mt-4 { margin-top: 16px; }
667    .lg\:mt-5 { margin-top: 20px; }
668    .lg\:mt-6 { margin-top: 24px; }
669    .lg\:mt-7 { margin-top: 28px; }
670    .lg\:mt-8 { margin-top: 32px; }
671    .lg\:mt-9 { margin-top: 36px; }
672    .lg\:mt-10 { margin-top: 40px; }
673    .lg\:mt-15 { margin-top: 60px; }
674    .lg\:mt-84 { margin-top: 84px; }
675    .lg\:mb-3 { margin-bottom: 12px; }
676    .lg\:mb-4 { margin-bottom: 16px; }
677    .lg\:mb-5 { margin-bottom: 20px; }
678    .lg\:mb-7 { margin-bottom: 28px; }
679    .lg\:mb-15 { margin-bottom: 60px; }
680
681    .lg\:p-4 { padding: 16px; }
682    .lg\:p-8 { padding: 32px; }
683    .lg\:px-3 { padding-left: 12px; padding-right: 12px; }
684    .lg\:px-5 { padding-left: 20px; padding-right: 20px; }
685    .lg\:px-6 { padding-left: 24px; padding-right: 24px; }
686    .lg\:px-8 { padding-left: 32px; padding-right: 32px; }
687    .lg\:px-12 { padding-left: 48px; padding-right: 48px; }
688    .lg\:px-20 { padding-left: 80px; padding-right: 80px; }
689
690    .lg\:px-10 { padding-left: 40px; padding-right: 40px; }
691    .lg\:py-5 { padding-top: 20px; padding-bottom: 20px; }
692    .lg\:py-6 { padding-top: 24px; padding-bottom: 24px; }
693    .lg\:py-7 { padding-top: 28px; padding-bottom: 28px; }
694    .lg\:py-8 { padding-top: 32px; padding-bottom: 32px; }
695    .lg\:py-15 { padding-top: 60px; padding-bottom: 60px; }
696    .lg\:py-20 {padding-top: 80px; padding-bottom: 80px; }
697    .lg\:pt-1 { padding-top: 4px; }
698    .lg\:pt-3 { padding-top: 12px; }
699    .lg\:pt-5 { padding-top: 20px; }
700    .lg\:pt-6 { padding-top: 24px; }
701    .lg\:pt-8 { padding-top: 32px; }
702    .lg\:pt-9 { padding-top: 36px; }
703    .lg\:pt-10 { padding-top: 40px; }
704    .lg\:pt-15 { padding-top: 60px; }
705    .lg\:pt-11 { padding-top: 44px; }
706    .lg\:pb-6 { padding-bottom: 24px; }
707    .lg\:pb-8 { padding-bottom: 32px; }
708    .lg\:pb-9 { padding-bottom: 36px; }
709    .lg\:pb-13 { padding-bottom: 52px; }
710    .lg\:px-\[98px\] { padding-left: 98px; padding-right: 98px; }
711
712    .lg\:max-w-full{ max-width: 100%;}
713
714    .lg\:body-plus-1 { font-size: calc(var(--type-text-font-size) + 1px); }
715    .lg\:body-plus-2 { font-size: calc(var(--type-text-font-size) + 2px); }
716    .lg\:body-plus-4 { font-size: calc(var(--type-text-font-size) + 4px); }
717    .lg\:text-7 { font-size: 28px; }
718    .lg\:text-sm { font-size: 14px; line-height: 20px; }
719    .lg\:text-base { font-size: 16px; line-height: 24px; }
720    .lg\:text-xl { font-size: 20px; line-height: 24px; }
721    .lg\:text-2xl { font-size: 24px; line-height: 28px; }
722    .lg\:text-3xl { font-size: 28px; line-height: 32px; }
723
724    .lg\:text-center { text-align: center; }
725
726    .lg\:color-text-default { color: #9F9F9F; }
727
728    .lg\:border { border: 1px solid var(--color-border); }
729
730    .lg\:leading-1\.2 { line-height: 1.2; }
731
732    .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
733    .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
734    .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
735    .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
736    .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
737    .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
738    .lg\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
739    .lg\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
740    .lg\:gap-y-11 { row-gap: 44px; }
741
742    .lg\:gap-3 { gap: 12px; }
743    .lg\:gap-4 { gap: 16px; }
744    .lg\:gap-6 { gap: 24px; }
745    .lg\:gap-y-4 { row-gap: 16px; }
746    .lg\:gap-y-5 { row-gap: 20px; }
747    .lg\:gap-y-6 { row-gap: 24px; }
748    .lg\:gap-y-11 { row-gap: 44px; }
749    .lg\:gap-x-4 { column-gap: 16px; }
750    .lg\:gap-x-6 { column-gap: 24px; }
751    .lg\:gap-x-10 { column-gap: 40px; }
752
753    .lg\:inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
754
755    .lg\:bottom-4 { bottom: 16px; }
756    .lg\:bottom-5 { bottom: 20px; }
757
758    .lg\:overflow-hidden { overflow: hidden; }
759
760     /* box */
761    .lg\:box-border { box-sizing: border-box; }
762
763    .lg\:hover\:border-btn-bg:hover:hover { border-color: var(--color-primary-btn-bg); }
764    .lg\:hover\:bg-btn-bg:hover { background-color: var(--color-primary-btn-bg); }
765    .lg\:hover\:text-btn-text-color:hover {color: var(--color-primary-btn-text); }
766    .lg\:hover\:shadow-image:hover { box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.1); }
767    .lg\:order-1 { order: 1; }
768    .lg\:order-2 { order: 2; }
769  }
770  @media (max-width: 959.98px) {
771      .md\:ml-4 { margin-left: 16px; }
772      .md\:pr-4 { padding-right: 16px; }
773      .md\:pl-4 { padding-left: 16px; }
774      .md\:rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; }
775    }
776    @media (min-width: 960px) {
777      .lg\:ml-auto { margin-left: auto; }
778      .lg\:ml-1 { margin-left: 4px; }
779      .lg\:ml-4 { margin-left: 16px; }
780      .lg\:ml-8 { margin-left: 32px; }
781      .lg\:ml-10 { margin-left: 40px; }
782      .lg\:mr-0 { margin-right: 0; }
783      .lg\:mr-3 { margin-right: 12px; }
784      .lg\:mr-4 { margin-right: 16px; }
785      .lg\:mr-5 { margin-right: 20px; }
786      .lg\:pr-10{ padding-right: 40px; }
787      .lg\:pl-10{ padding-left: 40px; }
788      .lg\:pl-\[42px\] { padding-left: 42px; }
789      .lg\:border-l { border-left: 1px solid var(--color-border); }
790      .lg\:border-r { border-right: 1px solid var(--color-border); }
791      .lg\:rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; }
792    }
793  </style>
794<style>
795  /* image */
796  .product-snippet__img,
797  .product-snippet__img-secondary{
798    transition: opacity 400ms, transform 400ms;
799  }
800  .product-snippet__img-secondary {
801    opacity: 0;
802  }
803
804  .product-snippet__img {
805    opacity: 1;
806  }
807
808  .product-snippet__img-link{
809    border-radius: var(--global-small-border-radius);
810  }
811  .product-snippet__img-wrapper.show_carousel .product-snippet__img_main,
812  .product-snippet__img-wrapper:not(.show_carousel) .product-snippet__img_carousel{
813    display: none !important;
814  }
815  .product-snippet__img_carousel .i-spzhtml-slide-item > * {
816    width: 100% !important;
817    padding: 0 !important;
818    margin: 0 !important;
819  }
820  /* label */
821  .product_snippet__label {
822    position: absolute;
823    top: 8px;
824    left: 8px;
825    padding: 2px;
826    text-decoration-line: none;
827    font-size: 12px;
828    line-height: 1.2;
829    border-radius:  2px ;
830    z-index: 1;
831  }
832  .product_snippet__label:not([label-type="sold_out"]){
833    background-color: var(--color-label-bg);
834    color: var(--color-label-text);
835  }
836  .product_snippet__label[label-type="sold_out"]{
837    background-color: var(--color-sold-label-bg);
838    color: var(--color-sold-label-text);
839  }
840  .product_snippet__label spz-currency{
841    display: inline-flex;
842  }
843  .product-snippet__title{
844    word-break: break-word;
845  }
846
847  /* price */
848  .product-snippet__price-wrapper{
849    line-height: 1.3;
850  }
851  .product-snippet__price{
852    padding-right: 6px;
853    font-weight: 500;
854  }
855  .product-snippet__price spz-currency{
856    display: inline-flex;
857  }
858
859  .product-snippet__from-price spz-currency {
860    margin-left: 1px;
861  }
862
863  html[dir="rtl"] .product-snippet__from-price spz-currency {
864    margin-left: 0;
865    margin-right: 1px;
866  }
867
868  .product-snippet__price,
869  .product-snippet__price .money,
870  .product-snippet__compare-at-price{
871    overflow: hidden;
872    text-overflow: ellipsis;
873    white-space: nowrap;
874  }
875
876  .product-snippet__price .money {
877    line-height: 1.25;
878    font-weight: 600;
879    color: var(--color-price-text);
880  }
881
882  .product-snippet__compare-at-price {
883    line-height: 1.15;
884    color: var(--color-compare-at-price-text);
885  }
886
887  .product-snippet__price-wrapper:not([wholesale-enabled]) .product-snippet__compare-at-price{
888    text-decoration: line-through;
889  }
890
891  .product-info-sales-and-reviews {
892    display: flex;
893    align-items: center;
894    gap: 8px;
895  }
896
897  @media (min-width: 960px){
898    .product-snippet__price-wrapper{
899      line-height: 1.1;
900    }
901    .product-snippet__price{
902      font-size: calc(var(--type-text-font-size) + 2px);
903    }
904
905    .product_snippet__label {
906      padding: 2px 4px;
907    }
908
909    .product-snippet__img-link[has-secondary-image]:hover .product-snippet__img{
910      opacity: 0;
911    }
912
913    .product-snippet__img-link[has-secondary-image]:hover .product-snippet__img-secondary{
914      opacity: 1;
915      will-change: transform;
916    }
917    .product-snippet__img-secondary{
918      transform: scale(1.05);
919    }
920
921    .product-snippet__img-link[has-secondary-image]:hover .product-snippet__img-secondary{
922      transform: scale(1);
923    }
924  }
925  /* thumbnails */
926  .product-snippet__thumbnails-item,
927  .product-snippet__thumbnails-item img{
928    border-radius: 1px;
929  }
930
931  .product-snippet__thumbnails-item + .product-snippet__thumbnails-item {
932    margin-left: 8px;
933  }
934
935
936  html[dir="rtl"] .product-snippet__thumbnails-item + .product-snippet__thumbnails-item {
937    margin-left: 0;
938    margin-right: 8px;
939  }
940
941  .product-snippet__thumbnails-item[option] {
942    position: relative;
943  }
944
945  .product-snippet__thumbnails-item[option]::before {
946    content: '';
947    z-index: 1;
948    position: absolute;
949    top: 0;
950    left: 0;
951    right: 0;
952    bottom: 0;
953    border: 1px solid transparent;
954    border-radius: var(--global-fixed-border-radius);
955    transition: all .2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
956  }
957
958  .product-snippet__thumbnails-item[option][selected]::before {
959    border-color: var(--color-body-text);
960  }
961
962  .product-snippet__thumbnails-item:not([option]) {
963    margin: 0;
964    padding: 0 8px;
965  }
966
967  html[dir="rtl"] .product-snippet__thumbnails-item:not([option]) {
968    margin: 0;
969  }
970
971  /* quick shop icon */
972  .product-snippet__quick-shop-icon {
973    position: absolute;
974    right: 8px;
975    bottom: 8px;
976    display: flex;
977    align-items: center;
978    justify-content: center;
979    margin: 0;
980    padding: 7px;
981    border: none;
982    border-radius: 9999px;
983    background: var(--color-quick-shop-btn-bg);
984    color: var(--color-body-text);
985    z-index: 1;
986  }
987  .product-snippet__quick-shop-icon svg {
988    color: var(--color-quick-shop-btn-icon);
989  }
990
991  html[dir="rtl"] .product-snippet__quick-shop-icon {
992    left: 8px;
993    right: unset;
994  }
995
996  @media (max-width: 959.98px) {
997    .product-snippet__quick-shop-icon::before {
998      content: '';
999      position: absolute;
1000      top: -5px;
1001      left: -8px;
1002      right: -8px;
1003      bottom: -8px;
1004    }
1005  }
1006
1007  @media (min-width: 960px){
1008    .product-snippet__quick-shop-icon {
1009      padding: 10px;
1010      opacity: 0;
1011      transform: translateY(4px);
1012      transition: opacity .3s cubic-bezier(0.445, 0.05, 0.55, 0.95),
1013                  transform .3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
1014    }
1015
1016    .product-snippet__img-wrapper:hover .product-snippet__quick-shop-icon{
1017      opacity: 1;
1018      transform: translateY(0);
1019    }
1020  }
1021  /* quick shop btn */
1022  .product-snippet__quick-shop-btn{
1023    width: 100%;
1024    min-height: 40px;
1025    padding: 8px;
1026    border: 1px solid var(--color-primary-btn-bg);
1027    font-size: calc(var(--type-text-font-size) + 2px);
1028    font-weight: 600;
1029  }
1030  .product-snippet__quick-shop-btn[disable]{
1031    color: #9f9f9f;
1032    background-color: rgba(230, 230, 230, .5);
1033    border: none;
1034    cursor: default;
1035  }
1036  .product-snippet__quick-shop-btn:not(.select),
1037  .product_snippet__atc_select_btn{
1038    margin-top: 24px;
1039  }
1040  .product_snippet__atc_dropdown .i-spzhtml-dropdown-container{
1041    min-width: 100%;
1042  }
1043
1044  .product_snippet__atc_tooltip .i-spzhtml-tooltip-inner{
1045    padding: 0;
1046    box-shadow: none;
1047  }
1048  .product_snippet__atc_tooltip_content{
1049    display: flex;
1050    flex-direction: column;
1051    padding: 4px 0;
1052    color: var(--color-body-text);
1053    font-size: var(--type-text-font-size);
1054    background: var(--color-body-bg);
1055    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1), 0px 8px 40px rgba(0, 0, 0, 0.2);
1056    max-height: 300px;
1057    overflow: hidden auto;
1058  }
1059  .product_snippet__atc_tooltip_content input[type="radio"]{
1060    display: none;
1061  }
1062  .product_snippet__atc_tooltip_content label{
1063    padding: 12px;
1064    border-bottom: 1px solid #e5e5e5;
1065    display: flex;
1066    flex-wrap: wrap;
1067  }
1068  .product_snippet__atc_tooltip_content label:not([disabled]):hover{
1069    background: var(--color-body-text);
1070    color: var(--color-body-bg);
1071  }
1072  .product_snippet__atc_tooltip_content label[disabled]{
1073    opacity: 0.6;
1074  }
1075  .product_snippet__atc_tooltip_content .product-snippet__compare-at-price{
1076    text-decoration: line-through;
1077  }
1078</style>
1079<style>
1080
1081  /* Button */
1082  .button-primary,
1083  .button-secondary {
1084    cursor: pointer;
1085    display: inline-flex;
1086    align-items: center;
1087    justify-content: center;
1088    padding-top: 16px;
1089    padding-right:16px;
1090    padding-bottom:16px;
1091    padding-left:16px;
1092    font-weight: bold;
1093    text-align: center;
1094    color: var(--color-primary-btn-text);
1095    text-decoration: none;
1096    background-color: var(--color-primary-btn-bg);
1097    border-radius: var(--btn-border-radius);
1098    border: 1px solid transparent;
1099    position: relative;
1100    overflow: hidden;
1101    transition: opacity 0.15s ease-in-out, transform 0.3s ease-in-out;
1102  }
1103
1104  .button-secondary {
1105    color: var(--color-primary-btn-bg);
1106    background-color: transparent;
1107    border: 1px solid var(--color-primary-btn-bg);
1108  }
1109  
1110  /* 悬浮放大 */
1111  body[data-button-hover-animation="enlarge_hover"] .button-primary:hover,
1112  body[data-button-hover-animation="enlarge_hover"] .button-secondary:hover {
1113   transform: scale(1.05);
1114  }
1115
1116  /* 颜色反转 */
1117  body[data-button-hover-animation="color_invert"] .button-primary:hover {
1118    color: var(--color-primary-btn-bg);
1119    background-color: var(--color-primary-btn-text);
1120    border: 1px solid var(--color-primary-btn-bg);
1121  }
1122  body[data-button-hover-animation="color_invert"] .button-secondary:hover {
1123    color: var(--color-primary-btn-text);
1124    background-color: var(--color-primary-btn-bg);
1125  }
1126
1127  .button-primary::before,
1128  .button-secondary::before {
1129    content: "";
1130    position: absolute;
1131    bottom: 0px;
1132    left: 0px;
1133    right: 0px;
1134    top: 0px;
1135    z-index: 1;
1136    border-radius: var(--btn-border-radius);
1137    pointer-events: none;
1138  }
1139
1140  /* 左右扫光 */
1141  body[data-button-hover-animation="horizontal_swipe"] .button-primary::before,
1142  body[data-button-hover-animation="horizontal_swipe"] .button-secondary::before {
1143    width: 200%;
1144    height: 100%;
1145  }
1146  @keyframes button-swipe {
1147    100% {
1148      left: -200%;
1149    }
1150  }
1151  body[data-button-hover-animation="horizontal_swipe"] .button-primary:hover::before,
1152  body[data-button-hover-animation="horizontal_swipe"] .button-secondary:hover::before {
1153    transform: skew(-20deg);
1154    background-image: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, 0.25), transparent);
1155    animation: button-swipe 0.75s cubic-bezier(0.01, 0.56, 1, 1);
1156    left: 150%;
1157  }
1158
1159  /* 向右填充 */
1160  body[data-button-hover-animation="fill_right"] .button-primary::before,
1161  body[data-button-hover-animation="fill_right"] .button-secondary::before {
1162    background-color: #fff;
1163    opacity: 0.2;
1164    width: 0;
1165    height: 100%;
1166    transition: width 0.5s ease-out;
1167  }
1168  body[data-button-hover-animation="fill_right"] .button-primary:hover::before,
1169  body[data-button-hover-animation="fill_right"] .button-secondary:hover::before {
1170    width: 100%;
1171  }
1172
1173  .button-primary[loading] .loading-bounce {
1174    border-bottom-color: var(--color-primary-btn-text);
1175  }
1176  .button-secondary[loading] .loading-bounce {
1177    border-bottom-color: var(--color-primary-btn-bg);
1178  }
1179
1180  @media (max-width: 960px) {
1181    .button-primary,
1182    .button-secondary {
1183      padding-top: 12px;
1184      padding-right:12px;
1185      padding-bottom:12px;
1186      padding-left:12px;
1187    }
1188  }
1189
1190</style>
1191<script>
1192      window.SHOP_PARAMS = {
1193        product_lang:{
1194          added_to_cart_successfully:"Added successfully",
1195          view_cart:"View Cart",
1196          select_variant:"Please select a variant at least",
1197          line_items_variant_withdraw: "Some items are not in stock, please re-order",
1198          line_items_variant_sold_out: "Some items have been sold out, please re-order",
1199          product_reorder: "Some items information has been updated, please re-order"
1200        },
1201        product_settings: {
1202          add_to_cart_process:"drawer",
1203        }
1204      }
1205      window.breakpoint = 960;
1206      window.disabled_exts = ["bootstrap", "image_video", "social_login", "global_version", "share_product", "boowc", "paypal_express"];
1207    </script>
1207
1208    
1208<script async crossorigin="anonymous" src="//static.staticdj.com/cuttlefish/v1/spz.min.js"></script>
1208
1209  
1209<script>window.C_SETTINGS={image_domain:"//img.staticdj.com/",payment_settings:{"paypal_express_enabled":false,"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","express_checkout_config":{"express_channels":[],"express_account_infos":[],"express_theme_configs":[]},"scm":"","unified_user_id":"","fallback_reason":"","request_id":"f7150b3e-3f48-4ea5-8be5-6884fb5ab13d","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=2439486",sa_web_url:"https://r.shoplazza.com/?store_id=2439486",routes:{root:""},currency_code:"USD",currency_symbol:"$",currency_symbol_pos:"left",theme:{"theme_id":"945368f1-b557-4152-921c-57ac5487f080","theme_version_id":"27761","merchant_theme_name":"Nova 2023","theme_preset":"Default","updated_at":"2026-04-01 09:02:27","merchant_theme_updated_at":"2026-09-29 06:05:32","theme_type":"standard","support_block":true,"support_app_block":true,"ext_theme_key":"","merchant_theme_c_version":"3.6.90","merchant_theme_version":"26.13.7"},customer:{"customer_id":null,"customer_phone":null,"customer_email":null},shop:{"shop_id":"2439486","shop_env":0,"shop_name":"JJRAYMOND","finance":1,"cdn_domain":"\/\/static.staticdj.com\/","image_domain":"\/\/img.staticdj.com\/","wholesale_enabled":false,"time_zone":"+00002","attrs":null,"show_payment_logo":false},meta:{page:{"template_name":"login","template_type":19,"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:"jyrtfd",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>
1209<style type="text/css">
1210  .theme-toast-wrap{
1211    position: fixed;
1212    z-index: var(--z-index-tooltip);
1213    top: 64px;
1214    right: 0;
1215    left: 0;
1216    pointer-events: none;
1217  }
1218  .theme-toast{
1219    width: 100%;
1220    background: rgba(41, 41, 41, 0.95);
1221    color: #fff;
1222    pointer-events: auto;
1223    border-radius: 0px;
1224    position: unset !important;
1225    transform: unset !important;
1226    text-align: left !important;
1227  }
1228  @media (min-width: 960px) {
1229    .theme-toast-wrap {
1230      top: 60px;
1231    }
1232    .theme-toast{
1233      width: 400px;
1234      border-radius: 2px;
1235    }
1236  }
1237
1238  .add_cart-toast-wrap{
1239    position: fixed;
1240    z-index: var(--z-index-tooltip);
1241    top: 64px;
1242    right: 0;
1243    left: 0;
1244    pointer-events: none;
1245  }
1246  .add_cart-toast{
1247    width: 100%;
1248    background: rgba(41, 41, 41, 0.95);
1249    color: #fff;
1250    pointer-events: auto;
1251    border-radius: 0px;
1252    position: unset !important;
1253    transform: unset !important;
1254    text-align: left !important;
1255  }
1256  .toast_view_cart {
1257    color: #F3D07D;
1258  }
1259  @media (min-width: 960px) {
1260    .add_cart-toast-wrap {
1261      top: 60px;
1262    }
1263    .add_cart-toast{
1264      width: 400px;
1265      border-radius: 2px;
1266    }
1267  }
1268</style>
1269<script type="text/javascript">
1270/* 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}
1270));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_())};
1270return 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={};
1270return 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)}
1270)},[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)=>
1270{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 */
1271</script>
1271
1272<style id="spz-theme-vars">
1273  :root {
1274    --spz-theme-pdp-title-font-family: var(--font-heading-family);
1275    --spz-theme-pdp-title-font-size: calc(var(--type-heading-font-size) * 0.8);
1276    --spz-theme-pdp-title-line-height: 1.25;
1277    --spz-theme-pdp-title-font-weight: var(--font-heading-weight);
1278    --spz-theme-pdp-title-color: var(--color-product-title-text);
1279    --spz-theme-pdp-subtitle-font-size: var(--type-text-font-size);
1280    --spz-theme-pdp-subtitle-line-height: 1.2;
1281    --spz-theme-pdp-subtitle-font-weight: var(--font-body-weight);
1282    --spz-theme-pdp-subtitle-color: #9F9F9F;
1283    --spz-theme-pdp-price-font-family: var(--font-heading-family);
1284    --spz-theme-pdp-price-font-size: calc(var(--type-heading-font-size) * .8);
1285    --spz-theme-pdp-price-line-height: 1.2;
1286    --spz-theme-pdp-price-font-weight: 600;
1287    --spz-theme-pdp-price-color: var(--color-price-text);
1288    --spz-theme-pdp-compare-price-font-size: calc(var(--type-text-font-size) + 2px);
1289    --spz-theme-pdp-compare-price-line-height: 1.2;
1290    --spz-theme-pdp-compare-price-font-weight: var(--font-body-weight);
1291    --spz-theme-pdp-compare-price-color: var(--color-compare-at-price-text);
1292    --spz-theme-pdp-save-badge-font-size: calc(var(--type-text-font-size) - 2px);
1293    --spz-theme-pdp-save-badge-line-height: 1.2;
1294    --spz-theme-pdp-save-badge-font-weight: 600;
1295    --spz-theme-pdp-save-badge-color: var(--color-save-price-text);
1296    --spz-theme-pdp-save-badge-border: 1px solid currentColor;
1297    --spz-theme-pdp-save-badge-radius: 2px;
1298    --spz-theme-pdp-save-badge-padding: 0px 4px;
1299    --spz-theme-pdp-variant-title-font-family: var(--font-body-family);
1300    --spz-theme-pdp-variant-title-font-size: calc(var(--type-text-font-size) + 2px);
1301    --spz-theme-pdp-variant-title-font-weight: 600;
1302    --spz-theme-pdp-variant-font-size: var(--type-text-font-size);
1303    --spz-theme-pdp-variant-line-height: 1.15;
1304    --spz-theme-pdp-variant-font-weight: var(--font-body-weight);
1305    --spz-theme-pdp-variant-color: var(--color-body-text-75);
1306    --spz-theme-pdp-variant-border: 1px solid var(--color-border);
1307    --spz-theme-pdp-variant-radius: var(--btn-fixed-border-radius);
1308    --spz-theme-pdp-variant-min-width: auto;
1309    --spz-theme-pdp-variant-min-height: auto;
1310    --spz-theme-pdp-variant-max-width: none;
1311    --spz-theme-pdp-variant-padding: 13px 16px;
1312    --spz-theme-pdp-variant-gap: 12px;
1313    --spz-theme-pdp-qty-label-font-family: var(--font-body-family);
1314    --spz-theme-pdp-qty-label-font-size: calc(var(--type-text-font-size) + 2px);
1315    --spz-theme-pdp-qty-label-line-height: 1.25;
1316    --spz-theme-pdp-qty-label-font-weight: 600;
1317    --spz-theme-pdp-qty-label-color: var(--color-body-text);
1318    --spz-theme-pdp-qty-font-size: calc(var(--type-text-font-size) + 2px);
1319    --spz-theme-pdp-qty-radius: 2px;
1320    --spz-theme-pdp-atc-button-font-size: calc(var(--type-text-font-size) + 2px);
1321    --spz-theme-pdp-atc-button-line-height: 1.25;
1322    --spz-theme-pdp-atc-button-font-weight: 500;
1323    --spz-theme-pdp-atc-button-height: 52px;
1324    --spz-theme-pdp-atc-button-padding: 16px 16px 16px 16px;
1325    --spz-theme-pdp-atc-button-radius: var(--btn-border-radius);
1326    --spz-theme-pdp-buy-button-font-size: calc(var(--type-text-font-size) + 2px);
1327    --spz-theme-pdp-buy-button-line-height: 1.25;
1328    --spz-theme-pdp-buy-button-font-weight: 500;
1329    --spz-theme-pdp-stock-note-font-size: var(--type-text-font-size);
1330    --spz-theme-pdp-stock-note-line-height: 1.2;
1331    --spz-theme-pdp-stock-note-font-weight: var(--font-body-weight);
1332    --spz-theme-pdp-stock-note-color: var(--color-price-text);
1333    --spz-theme-plp-title-font-size: 24px;
1334    --spz-theme-plp-title-line-height: 1.3;
1335    --spz-theme-plp-title-font-weight: 400;
1336    --spz-theme-plp-title-font-family: var(--font-body-family);
1337    --spz-theme-plp-title-color: var(--color-general-heading-text);
1338    --spz-theme-plp-card-title-font-size: var(--type-text-font-size);
1339    --spz-theme-plp-card-title-line-height: 1.25;
1340    --spz-theme-plp-card-title-font-weight: var(--font-heading-weight);
1341    --spz-theme-plp-card-title-font-family: var(--font-heading-family);
1342    --spz-theme-plp-card-title-color: var(--color-product-title-text);
1343    --spz-theme-plp-card-price-font-size: calc(var(--type-text-font-size) + 2px);
1344    --spz-theme-plp-card-price-font-weight: 600;
1345    --spz-theme-plp-card-price-color: var(--color-price-text);
1346    --spz-theme-plp-card-compare-font-size: var(--type-text-font-size);
1347    --spz-theme-plp-card-compare-line-height: 1.15;
1348    --spz-theme-plp-card-compare-font-weight: var(--font-body-weight);
1349    --spz-theme-plp-card-compare-color: var(--color-compare-at-price-text);
1350    --spz-theme-plp-badge-font-size: 12px;
1351    --spz-theme-plp-badge-padding: 2px 4px;
1352    --spz-theme-plp-badge-radius: var(--global-border-radius);
1353    --spz-theme-plp-badge-color: var(--color-label-text);
1354    --spz-theme-plp-soldout-color: var(--color-sold-label-text);
1355    --spz-theme-plp-quick-add-color: var(--color-quick-shop-btn-bg);
1356    --spz-theme-plp-swatch-gap: 8px;
1357    --spz-theme-plp-swatch-radius: var(--global-fixed-border-radius);
1358    --spz-theme-plp-card-image-radius: var(--global-small-border-radius);
1359    --spz-theme-plp-card-image-aspect-ratio: calc(100 / 133.33);
1360    --spz-theme-plp-card-radius: 0;
1361    --spz-theme-cart-drawer-width: 468px;
1362    --spz-theme-cart-drawer-radius: 0;
1363    --spz-theme-cart-title-font-size: calc(var(--type-heading-font-size) * 0.8);
1364    --spz-theme-cart-title-line-height: 1.17;
1365    --spz-theme-cart-title-font-weight: var(--font-heading-weight);
1366    --spz-theme-cart-item-title-font-size: var(--type-text-font-size);
1367    --spz-theme-cart-item-title-line-height: 1.25;
1368    --spz-theme-cart-item-title-font-weight: var(--font-body-weight);
1369    --spz-theme-cart-item-title-font-family: var(--font-body-family);
1370    --spz-theme-cart-item-title-color: var(--color-product-title-text);
1371    --spz-theme-cart-item-variant-font-size: var(--type-text-font-size);
1372    --spz-theme-cart-item-variant-color: var(--color-body-text-70);
1373    --spz-theme-cart-item-price-font-size: calc(var(--type-text-font-size) + 2px);
1374    --spz-theme-cart-item-price-line-height: 1.25;
1375    --spz-theme-cart-item-price-font-weight: 500;
1376    --spz-theme-cart-item-price-color: var(--color-price-text);
1377    --spz-theme-cart-qty-radius: var(--global-border-radius);
1378    --spz-theme-cart-qty-border: 1px solid var(--color-border);
1379    --spz-theme-cart-item-image-radius: var(--global-fixed-border-radius);
1380    --spz-theme-cart-summary-card-bg: var(--color-cart-subtotal-bg);
1381    --spz-theme-cart-checkout-bg: var(--color-primary-btn-bg);
1382    --spz-theme-cart-checkout-color: var(--color-primary-btn-text);
1383    --spz-theme-cart-checkout-height: 46px;
1384    --spz-theme-cart-checkout-font-size: calc(var(--type-text-font-size) + 2px);
1385    --spz-theme-cart-checkout-font-weight: 700;
1386    --spz-theme-cart-checkout-radius: var(--btn-border-radius);
1387    --spz-theme-atc-modal-width: 495px;
1388    --spz-theme-atc-modal-max-height: 86vh;
1389    --spz-theme-atc-modal-border-width: 0;
1390    --spz-theme-atc-modal-radius: var(--global-small-border-radius);
1391    --spz-theme-page-width: 1440px;
1392    --spz-theme-page-gutter: var(--page-spacing);
1393    --spz-theme-grid-gap-x: 40px;
1394    --spz-theme-grid-gap-y: 44px;
1395    --spz-theme-button-radius: var(--btn-border-radius);
1396    --spz-theme-button-border-width: 1px;
1397    --spz-theme-button-hover-bg-color: var(--color-primary-btn-bg);
1398    --spz-theme-button-hover-text-color: var(--color-primary-btn-text);
1399    --spz-theme-input-bg-color: transparent;
1400    --spz-theme-input-text-color: var(--color-body-text);
1401    --spz-theme-input-border-color: var(--color-border);
1402    --spz-theme-input-radius: var(--global-border-radius);
1403    --spz-theme-toast-radius: 2px;
1404    --spz-theme-progress-radius: 1px;
1405    --spz-theme-pill-radius: 9999px;
1406  }
1407  #cart-drawer-modal, [data-spz-theme-scope="cart-drawer"] {
1408    --spz-theme-cart-item-price-font-size: var(--type-text-font-size);
1409  }
1410  @media (max-width: 959px) {
1411    :root {
1412      --spz-theme-pdp-title-font-size: calc(var(--type-heading-font-size) * 0.47);
1413      --spz-theme-pdp-variant-title-font-size: var(--type-text-font-size);
1414      --spz-theme-pdp-variant-padding: 10px 16px;
1415      --spz-theme-pdp-atc-button-height: 42px;
1416      --spz-theme-pdp-atc-button-padding: 12px 12px 12px 12px;
1417      --spz-theme-cart-drawer-width: 84.62%;
1418      --spz-theme-page-gutter: 16px;
1419      --spz-theme-grid-gap-x: 15px;
1420      --spz-theme-grid-gap-y: 24px;
1421      --spz-theme-toast-radius: 0;
1422    }
1423  }
1424</style>
1425
1426<script type="text/javascript">
1427/* 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=([^&]*)(&|$)/);
1427return 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
1427SendData_(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(
1427Boolean).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 */
1428</script>
1428
1429
1430
1431<head>
1432<meta name="p:domain_verify" content="f2c9711c20f9cbbcadc26b9f81916320"/>
1433</head>
1434<!-- pinterest_sdk start --->
1435<script>
1436try{!function(e){if(!window.pintrk){window.pintrk=function(){window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var n=window.pintrk;n.queue=[],n.version="3.0";var t=document.createElement("script");t.async=!0,t.src=e;var r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}("https://s.pinimg.com/ct/core.js")}catch(e){}
1437</script>
1437
1438<!-- pinterest_sdk end --->
1439<!-- track_config start -->
1440<script>
1441try{(function(){var a="AD_TRACK_ASSETS";var c="track_config";var r={"pinterest":{"pixels":[{"pixel":"2612966284596","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){}
1442</script>
1442
1443<!-- track_config end -->
1444
1445<script type="text/javascript">Object.assign(window.AD_TRACK_ASSETS || (window.AD_TRACK_ASSETS={}),{"golden_world":"golden_world.PSV6FO2D.js"});</script>
vendor: 1 bytes, line 1445
1445
1446<script>
1447try {
1448  (function () {
1449    
1450	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;
1451
1452    var CONTENT_TYPE = "Content-Type";
1453    var recaptchaReady = Promise.resolve();
1454    var parseUrl = function (href) {
1455      const parser = document.createElement('a');
1456      parser.href = href;
1457      return parser;
1458    };
1459    var recaptchaLocal = document.getElementsByTagName('html')[0].getAttribute("lang"),
1460      recaptchaV2Languages = {
1461        "ar-SA": { "recaptcha": "للمتابعة ، أخبرنا أنك لست روبوتًا.", "submit": "إرسال" },
1462        "de-DE": { "recaptcha": "Lassen Sie uns wissen, dass Sie kein Roboter sind.", "submit": "Einreichen" },
1463        "en-US": { "recaptcha": "To continue, let us know you're not a robot.", "submit": "Submit" },
1464        "es-ES": { "recaptcha": "Para continuar, háganos saber que no eres un robot.", "submit": "Entregar" },
1465        "fr-FR": { "recaptcha": "Pour continuer, faites-nous savoir que vous n'êtes pas un robot.", "submit": "Soumettre" },
1466        "id-ID": { "recaptcha": "Untuk melanjutkan, beri tahu kami bahwa Anda bukan robot.", "submit": "Kirim" },
1467        "it-IT": { "recaptcha": "Per continuare, facci sapere che non sei un robot.", "submit": "Invia" },
1468        "ja-JP": { "recaptcha": "続行するには、あなたがロボットではないことを教えてください。", "submit": "送信" },
1469        "ko-KR": { "recaptcha": "계속하려면 로봇이 아니라는 것을 알려주십시오.", "submit": "제출하다" },
1470        "nl-NL": { "recaptcha": "Om door te gaan, laat ons weten dat je geen robot bent.", "submit": "Indienen" },
1471        "pl-PL": { "recaptcha": "Aby kontynuować, daj nam znać, że nie jesteś robotem.", "submit": "Składać" },
1472        "pt-PT": { "recaptcha": "Para continuar, informe -nos que você não é um robô.", "submit": "Enviar" },
1473        "ru-RU": { "recaptcha": "Чтобы продолжить, дайте нам знать, что вы не робот.", "submit": "Представлять на рассмотрение" },
1474        "th-TH": { "recaptcha": "เพื่อดำเนินการต่อแจ้งให้เราทราบว่าคุณไม่ใช่หุ่นยนต์", "submit": "ส่ง" },
1475        "zh-CN": { "recaptcha": "为了进行下一步,请让我们知道你不是一个机器人", "submit": "提交" },
1476        "zh-TW": { "recaptcha": "為了進行下一步,請让我們知道你不是是一个機器人", "submit": "提交" }
1477      },
1478      recaptchaV3 = {
1479        siteKey: "6LfCUdobAAAAAGmp3pDH7n5amaAwXfPhGr60KO7k",
1480        getToken: function (url) {
1481          var pathname = parseUrl(url).pathname;
1482          var action_name = pathname.replace(/-/g, '_');
1483          return recaptchaReady.then(function () {
1484            return new Promise((resolve, reject) => {
1485              grecaptcha.ready(resolve)
1486            })
1487          }).then(function () {
1488            return grecaptcha.execute(recaptchaV3.siteKey, {
1489              action: action_name
1490            })
1491          }).then(function (token) {
1492            return { token, version: 'v3' }
1493          });
1494        }
1495      },
1496      recaptchaV2 = {
1497        recaptchaV2Id: '',
1498        recaptchaV2Render: function (url, method, body) {
1499          this.onClick = function () {
1500            var data = this.getToken();
1501            var xhr = new XMLHttpRequest();
1502            xhr.open(method, url, true);
1503            xhr.setRequestHeader(CONTENT_TYPE, 'application/json; charset=UTF-8');
1504            xhr.onload = function () {
1505              if (xhr.readyState === xhr.DONE && xhr.status === 200) {
1506                var returnUrl = paramsToObject()._returnUrl || (document.referrer.indexOf(location.origin) === 0 ? document.referrer : '/');
1507                location.href = returnUrl;
1508              } else {
1509                try {
1510                  var errorMsg = JSON.parse(xhr.responseText).errors[0] || '';
1511                  errorMsg && alert(errorMsg);
1512                } catch (error) { }
1513              }
1514            };
1515            xhr.send(JSON.stringify(Object.assign({}, body, data)));
1516          }
1517          domAction.v2Render();
1518          recaptchaV2.recaptchaV2Id = grecaptcha.render('g-recaptcha', {
1519            sitekey: "6LfkLg4gAAAAAK83kNxjkqOYXahfNzh4eoc9D9oQ",
1520            size: (window.innerWidth > 320) ? 'normal' : 'compact'
1521          });
1522        },
1523        getToken: function () {
1524          var recaptchaV2Token = grecaptcha.getResponse(recaptchaV2.recaptchaV2Id)
1525          if (recaptchaV2Token.length <= 0) return {};
1526          return { token: recaptchaV2Token, version: "v2" }
1527        },
1528        onClick: function () { }
1529      },
1530      reportRecaptchaLoad = function (success) {
1531        try {
1532          window.sa.track('function_request', {
1533            function_name: 'recaptcha',
1534            business_type: 'customer_portal',
1535            event_type: 'response',
1536            event_info: JSON.stringify({
1537              captcha_type: 'google',
1538              status: success ? 'success' : 'fail',
1539            }),
1540          });
1541        } catch (e) {}
1542      },
1543      domAction = {
1544        recaptchaScriptLoad: function () {
1545          return new Promise((resolve, reject) => {
1546            window.addEventListener('DOMContentLoaded', function () {
1547              var recaptchaDom = document.createElement("script");
1548              recaptchaDom.onload = function () {
1549                reportRecaptchaLoad(true);
1550                resolve();
1551              };
1552              recaptchaDom.onerror = function () {
1553                reportRecaptchaLoad(false);
1554                reject(new Error('recaptcha script load failed'));
1555              };
1556              recaptchaDom.setAttribute("src", "https://www.recaptcha.net/recaptcha/api.js?render=" + ('6LfCUdobAAAAAGmp3pDH7n5amaAwXfPhGr60KO7k' || recaptchaV3.siteKey) + "&hl=en");
1557              document.body.appendChild(recaptchaDom);
1558            }, false);
1559          })
1560        },
1561        v2ContainerCreate: function () {
1562          var recaptchaV2Container = document.createElement("div");
1563          recaptchaV2Container.setAttribute("id", "container-recaptcha");
1564          recaptchaV2Container.style.margin = "70px auto";
1565          recaptchaV2Container.style.maxWidth = "500px";
1566          return recaptchaV2Container;
1567        },
1568        v2TipCreate: function () {
1569          var recaptchaV2Tips = document.createElement("div");
1570          recaptchaV2Tips.innerHTML = recaptchaV2Languages[recaptchaLocal]["recaptcha"] || recaptchaV2Languages["en-US"]["recaptcha"];
1571          recaptchaV2Tips.style.margin = "16px auto";
1572          recaptchaV2Tips.style.textAlign = "center";
1573          return recaptchaV2Tips;
1574        },
1575        v2ValidateCreate: function () {
1576          var recaptchaV2Validate = document.createElement("div");
1577          recaptchaV2Validate.setAttribute("id", "g-recaptcha");
1578          recaptchaV2Validate.style.display = "flex";
1579          recaptchaV2Validate.style.justifyContent = "center";
1580          return recaptchaV2Validate;
1581        },
1582        v2ButtonCreate: function () {
1583          var recaptchaV2Btn = document.createElement("button");
1584          recaptchaV2Btn.style.cursor = 'pointer';
1585          recaptchaV2Btn.style.backgroundColor = '#292929';
1586          recaptchaV2Btn.style.color = '#FFFFFF';
1587          recaptchaV2Btn.style.padding = "12px 30px";
1588          recaptchaV2Btn.style.margin = "0px auto";
1589          recaptchaV2Btn.style.display = "block";
1590          recaptchaV2Btn.style.fontSize = "16px";
1591          recaptchaV2Btn.style.lineHeight = "1";
1592          recaptchaV2Btn.style.border = "none";
1593          recaptchaV2Btn.innerHTML = recaptchaV2Languages[recaptchaLocal]["submit"] || recaptchaV2Languages["en-US"]["submit"];
1594          recaptchaV2Btn.onclick = function () {
1595            recaptchaV2.onClick();
1596          }
1597          return recaptchaV2Btn;
1598        },
1599        v2Render: function () {
1600          if (document.getElementById("container-recaptcha")) return;
1601          var recaptchaV2Container = this.v2ContainerCreate(),
1602            recaptchaV2Tips = this.v2TipCreate(),
1603            recaptchaV2Validate = this.v2ValidateCreate(),
1604            recaptchaV2Btn = this.v2ButtonCreate(),
1605            hidetNode = document.getElementById("password").closest('.shoplaza-section');
1606          recaptchaV2Container.appendChild(recaptchaV2Tips);
1607          recaptchaV2Container.appendChild(recaptchaV2Validate);
1608          recaptchaV2Container.appendChild(recaptchaV2Btn);
1609          hidetNode.style.display = 'none';
1610          hidetNode.parentNode.insertBefore(recaptchaV2Container, null);
1611        },
1612        v2ContainerHide: function () {
1613          document.getElementById("password").closest('.shoplaza-section').style.display = 'block';
1614          document.getElementById("container-recaptcha").remove();
1615        }
1616      };
1617
1618    // 语言不存在,使用默认语言
1619    if(!recaptchaV2Languages[recaptchaLocal]) {
1620      recaptchaLocal = "en-US"
1621    }
1622
1623    var handleRequest = function (params) {
1624      var status = params.status;
1625      var method = params.method;
1626      var data = params.data;
1627      var body = params.body;
1628      var url = params.url;
1629      if (status == 422 && data.need_recaptcha && body.version === 'v3') {
1630        recaptchaV2.recaptchaV2Render(url, method || 'GET', body);
1631      } else {
1632        if (document.getElementById("password").closest(".shoplaza-section").style.display == "none") {
1633          domAction.v2ContainerHide();
1634        }
1635      }
1636    };
1637
1638    var paramsToObject = function (url) {
1639      url = url || window.location.href;
1640      var params = {};
1641      url.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (str, key, value) {
1642        try {
1643          params[key] = decodeURIComponent(value);
1644        } catch (e) {
1645          params[key] = value;
1646        }
1647      });
1648      return params;
1649    };
1650
1651    var serializeQueryString = function (params) {
1652      const s = [];
1653      for (const k in params) {
1654        const v = params[k];
1655        if (v == null) {
1656          continue;
1657        } else {
1658          const sv = v;
1659          s.push(encodeURIComponent(k) + '=' + encodeURIComponent(sv));
1660        }
1661      }
1662      return s.join('&');
1663    }
1664
1665    var BodyToObj = function (body, contentType) {
1666      if (!(body && contentType)) return body;
1667      if (contentType.indexOf('application/x-www-form-urlencoded') > -1) {
1668        return paramsToObject('?' + body);
1669      } else if (contentType.indexOf('application/json') > -1) {
1670        return JSON.parse(body);
1671      }
1672      return body;
1673    }
1674
1675    var ObjToBody = function (obj, contentType) {
1676      if (!(obj && contentType)) return obj;
1677      if (contentType.indexOf('application/x-www-form-urlencoded') > -1) {
1678        return serializeQueryString(obj);
1679      } else if (contentType.indexOf('application/json') > -1) {
1680        return JSON.stringify(obj);
1681      }
1682      return obj;
1683    }
1684
1685    var getContentType = function (headers) {
1686      if (headers) {
1687        for (var key in headers) {
1688          if (key.toLowerCase() === CONTENT_TYPE.toLowerCase()) {
1689            return headers[key];
1690          }
1691        }
1692      };
1693    }
1694
1695    // 判断是否需要token
1696    var needToken = function (url) {
1697      var pathname = parseUrl(url).pathname;
1698      var routes_root = (window.SHOPLAZZA.routes && window.SHOPLAZZA.routes.root) || '';
1699      var sign_in_url = routes_root + '/api/customers/sign_in';
1700      var sign_up_url = routes_root + '/api/customers/sign_up';
1701      var password_reset_url = routes_root + '/api/customers/password_reset';
1702      var password_reset_email_url = routes_root + '/api/customers/password_reset_email';
1703      return pathname == sign_in_url || pathname == sign_up_url || pathname == password_reset_url || pathname == password_reset_email_url;
1704    };
1705
1706    var proxyXhr = function () {
1707      var xhr = window.XMLHttpRequest,
1708        xhrSetRequestHeader = xhr.prototype.setRequestHeader,
1709        xhrOpen = xhr.prototype.open,
1710        xhrSend = xhr.prototype.send;
1711      var handleXhr = function (xhr, method, url, body) {
1712        if (xhr.readyState === XMLHttpRequest.DONE && needToken(url)) {
1713          var data = JSON.parse(xhr.responseText);
1714          handleRequest({ status: xhr.status, method, data, body, url });
1715        }
1716      };
1717      var open = function (method, url) {
1718        this._method = method;
1719        this._url = url;
1720        return xhrOpen.apply(this, arguments);
1721      };
1722      var setRequestHeader = function () {
1723        if (arguments[0] && arguments[0].toLowerCase() === CONTENT_TYPE.toLowerCase() && arguments[1]) {
1724          this._contentType = arguments[1];
1725        }
1726        return xhrSetRequestHeader.apply(this, arguments);
1727      }
1728      var send = function (body) {
1729        try {
1730          var xhr = this,
1731            url = xhr._url,
1732            method = xhr._method,
1733            contentType = xhr._contentType;
1734          var bodyObj = BodyToObj(body, contentType) || {};
1735
1736          // readystatechange
1737          if (needToken(url)) {
1738            if (xhr.addEventListener) {
1739              xhr.addEventListener('readystatechange', function () {
1740                handleXhr(xhr, method, url, bodyObj);
1741              }, false);
1742            } else {
1743              var oldOnReadyStateChange = xhr.onreadystatechange;
1744              xhr.onreadystatechange = function () {
1745                handleXhr(xhr, method, url, bodyObj);
1746                oldOnReadyStateChange();
1747              };
1748            };
1749          };
1750          // add token
1751          if (needToken(url) && !(bodyObj.token && bodyObj.version)) {
1752            recaptchaV3.getToken(url).then(function (data) {
1753              body = ObjToBody(Object.assign(bodyObj, data || {}), contentType);
1754              xhrSend.call(xhr, body);
1755            });
1756            return;
1757          }
1758        } catch (e) { }
1759        xhrSend.call(xhr, body);
1760      };
1761
1762      window.XMLHttpRequest.prototype.setRequestHeader = setRequestHeader;
1763      window.XMLHttpRequest.prototype.open = open;
1764      window.XMLHttpRequest.prototype.send = send;
1765    };
1766
1767    var proxyFetch = function () {
1768      var fetch = window.fetch;
1769      if (typeof fetch !== 'function') return;
1770      const handleFetch = (params) => {
1771        var response = params.response;
1772        var method = params.method || 'GET';
1773        var body = params.body;
1774        var url = params.url;
1775
1776        if (!needToken(url)) return;
1777        response
1778          .clone()
1779          .json()
1780          .then((data) => {
1781            var status = response.status;
1782            handleRequest({ status, method, data, body, url });
1783          })
1784          .catch(function () {});
1785      };
1786      window.fetch = function () {
1787        var that = this;
1788        var arg = arguments;
1789        var input = arg[0];
1790        var init = arg[1] || {};
1791        try {
1792          var contentType = getContentType(init.headers) || '';
1793          var bodyObj = BodyToObj(init.body, contentType) || {};
1794          // add token
1795          if (needToken(input) && !(bodyObj.token && bodyObj.version)) {
1796            return recaptchaV3.getToken(input).then(function (data) {
1797              init.body = ObjToBody(Object.assign(bodyObj, data || {}), contentType);
1798              return fetch.call(that, input, init).then(function (response) {
1799                handleFetch({ response, url: input, method: init.method, body: bodyObj });
1800                return response
1801              });
1802            })
1803          }
1804        } catch (e) { }
1805        return fetch.apply(that, arg).then(function (response) {
1806          needToken(input) && handleFetch({ response, method: init.method, body: bodyObj });
1807          return response
1808        });;
1809      };
1810    };
1811
1812    proxyXhr();
1813    proxyFetch();
1814    recaptchaReady = domAction.recaptchaScriptLoad();
1815
1816  })()
1817 } catch(e){  }</script>
1817
1818</head>
1819  <body class="nova template-login m-0 type-text-font-family leading-1.3" id="nova-theme"  data-button-hover-animation=enlarge_hover>
1820    <style>
1821      .back-to-top {
1822        position: fixed;
1823        right: 16px;
1824        bottom: 34px;
1825        width: 50px;
1826        height: 50px;
1827        background-color: rgba(41,41,41,.4);;
1828        transition: transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
1829        z-index: calc(var(--z-index-fixed) + 5);
1830      }
1831      .back-to-top[show] { transform: translateY(0); }
1832      @media (min-width: 960px) {
1833        .back-to-top {
1834          right: 32px;
1835          bottom: 24px;
1836        }
1837      }
1838    </style>
1839    <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');">
1840        <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>
1841    </div>
1842    <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>
1843  
1843<script id="product-snippet-config" type="application/json">
1844  {
1845    "wholesale_enabled": false,
1846    "product_image_display": "133.33%",
1847    "product_image_hover_on": true,
1848    "product_label_discount_on": true,
1849    "product_label_discount_format": "amount",
1850    "product_swatches_collection_on": true,
1851    "product_quick_view_on": true,
1852    "quick_shop_style": "icon",
1853    "hide_mobile_product_title": false,
1854    "product_title_style": "full",
1855    "routes_root_url": "\/",
1856    "icon_quickview": "\u003Csvg class=\"\" width=\"16\" height=\"16\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003E\u003Cpath 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\"\/\u003E\u003C\/svg\u003E",
1857    "mixed_rules_quantity": "0"
1858  }
1859</script>
1859
1860<div class="page_container">
1861      <style type="text/css">
1862  [data-section-id=announcement] {
1863    position: relative;
1864    z-index: 1030;
1865    background: var(--color-announcement-bg);
1866    color: var(--color-announcement-text);
1867  }
1868  [data-section-id=announcement].header_mask_open{
1869    z-index: unset;
1870  }
1871
1872  .announcement-content {
1873    cursor: pointer;
1874  }
1875
1876  .announcement-content[carousel_off] {
1877    pointer-events: none;
1878  }
1879</style><div id="shoplaza-section-announcement" class="shoplaza-section" data-section-id="announcement" data-section-type="announcement" data-section-style="">
1880
1881<div class="page-container relative">
1882    <spz-carousel ssr class="announcement-content md:hidden mx-auto text-center i-spzhtml-layout-container" layout="container" loop autoplay delay="5000" i-spzhtml-layout="container">
1883      <div  class="break-all py-2 mce-content"><p>✨Free Shipping for Orders Over $50✨</p></div>
1884        <div  class="break-all py-2 mce-content"><p>🌷Buy 2 Get 10% OFF🌵Buy 3 Get 15% OFF🌸Buy 4 Get 20% OFF🌻</p><p></p><p></p></div>
1885        </spz-carousel>
1886    <spz-carousel ssr class="announcement-content lg:hidden mx-auto text-center i-spzhtml-layout-container" layout="container" loop autoplay delay="5000" i-spzhtml-layout="container">
1887      <div  class="break-all w-full py-2 flex-shrink-0 mce-content"><p>✨Free Shipping for Orders Over $50✨</p></div>
1888        <div  class="break-all w-full py-2 flex-shrink-0 mce-content"><p>🌷Buy 2 Get 10% OFF🌵Buy 3 Get 15% OFF🌸Buy 4 Get 20% OFF🌻</p></div>
1889        </spz-carousel>
1890  </div>
1891</div>
1892      <style type="text/css">
1893  @media (min-width: 960px) {
1894    .pc-hidden {
1895      display: none;
1896    }
1897  }
1898
1899  @media (max-width: 959.98px) {
1900    .mobile-hidden {
1901      display: none;
1902    }
1903  }
1904</style><div id="shoplaza-section-header" class="shoplaza-section" data-section-id="header" data-section-type="header" data-section-style="">
1905<style>
1906  .header__desktop,
1907  .header__mobile {
1908    color: var(--color-header-text);
1909    position: relative;
1910    z-index: 20;
1911  }
1912
1913  .header__layout {
1914    background: var(--color-header-bg);
1915  }
1916
1917  .header-shadow{
1918    box-shadow: 0 6px 10px -3px rgba(41, 41, 41, 0.08);
1919  }
1920
1921  .header-account-shadow{
1922    box-shadow: 0 6px 10px 3px rgba(29, 29, 29, 0.08);
1923  }
1924
1925  .header-bg {
1926    background: var(--color-header-bg);
1927  }
1928
1929  .header__menu-item-tag{
1930    margin-top: -6px;
1931    margin-left: 2px;
1932    padding: 2px 4px;
1933    font-size: 12px;
1934    line-height: 1;
1935    border-radius: 2px;
1936  }
1937  [data-section-id="header"]{
1938    pointer-events: none;
1939  }
1940</style>
1941
1942<style>
1943  @media (min-width: 960px) {
1944      [data-section-id="header"]{
1945      position: sticky;
1946      top: 0;
1947      z-index: 1021;
1948    }
1949  }
1950  @media (max-width: 959.98px) {
1951      [data-section-id="header"]{
1952      position: sticky;
1953      top: 0;
1954      z-index: 1021;
1955    }
1956  }
1957  </style>
1958
1959<style>
1960  /* layout left */
1961  .header__desktop[data-layout="left"] .header__logo {
1962    flex: 1;
1963    order: 1;
1964  }
1965
1966  .header__desktop[data-layout="left"] .header__icons {
1967    order: 4;
1968  }
1969
1970  .header__desktop[data-layout="left"] .header__menu-sticky,
1971  .header__desktop[data-layout="center"] .header__menu-sticky {
1972    display: none;
1973    order: 2;
1974  }
1975
1976  /* layout center */
1977  .header__desktop[data-layout="center"] .header__logo {
1978    order: 2;
1979    display: flex;
1980    justify-content: center;
1981  }
1982
1983  .header__desktop[data-layout="center"] .header__search {
1984    flex: 1;
1985    order: 1;
1986  }
1987
1988  /* layout menu_left_logo_center */
1989  .header__desktop[data-layout="menu_left_logo_center"] .header__logo {
1990    order: 2;
1991    display: flex;
1992    justify-content: center;
1993    width: 200px;
1994    margin-left: 50px;
1995    margin-right: 50px;
1996  }
1997
1998  /* layout logo_left_menu_left */
1999  .header__desktop[data-layout="logo_left_menu_left"] .header__logo {
2000    order: 0;
2001    display: flex;
2002    margin-right: 24px;
2003  }
2004
2005  .header__desktop[data-layout="logo_left_menu_left"] .header__icons {
2006    order: 4;
2007    justify-content: flex-end;
2008  }
2009
2010  .header__desktop[data-layout="center"] .header__icons,
2011  .header__desktop[data-layout="menu_left_logo_center"] .header__icons {
2012    flex: 1;
2013    order: 4;
2014    justify-content: flex-end;
2015  }
2016
2017  .header__desktop[data-layout="left"] .header__menu-sticky,
2018  .header__desktop[data-layout="center"] .header__menu-sticky,
2019  .header__desktop[data-layout="logo_left_menu_left"] .header__menu-sticky {
2020    padding-left: 28px;
2021    padding-right: 28px;
2022  }
2023
2024  .header__desktop[data-layout="logo_left_menu_left"] .header__menu-sticky .header__menu-item-sub,
2025  .header__desktop[data-layout="menu_left_logo_center"] .header__menu-sticky .header__menu-item-sub {
2026    max-width: 425px;
2027  }
2028
2029  .header__desktop[data-layout="left"] .header__menu-wrapper .header__menu,
2030  .header__desktop[data-layout="center"] .header__menu-wrapper .header__menu{
2031    padding: 6px 0 0 0;
2032  }
2033  .header__desktop[data-layout="left"] .header__menu-wrapper .header__menu-item-sub,
2034  .header__desktop[data-layout="center"] .header__menu-wrapper .header__menu-item-sub{
2035    padding-bottom: 17px;
2036  }
2037
2038  </style>
2039
2040<style>
2041  @media (min-width: 960px) {
2042      .header__scroll_hide,
2043      .header__scroll_hide ~ *{
2044        transition: transform 0.3s;
2045      }
2046      #shoplaza-section-header.show_shadow .header__desktop .header__menu-wrapper{
2047        box-shadow: 0 6px 10px -3px rgba(41, 41, 41, 0.08);
2048      }
2049      body.header_scroll #shoplaza-section-header{
2050        box-shadow: none;
2051      }
2052      .header_scroll .header__desktop[data-layout="center"] .header__search,
2053      .header_scroll .header__desktop[data-layout="center"] .header__icons,
2054      .header_scroll .header__desktop[data-layout="left"] .header__search,
2055      .header_scroll .header__desktop[data-layout="left"] .header__icons
2056      {
2057        flex-grow: unset;
2058      }
2059      .header_scroll .header__desktop[data-layout="center"] .header__logo,
2060      .header_scroll .header__desktop[data-layout="left"] .header__logo{
2061        flex-grow: unset;
2062        order: 1;
2063        margin-right: 20px;
2064      }
2065      .header_scroll .header__desktop[data-layout="center"] .header__scroll_hide,
2066      .header_scroll .header__desktop[data-layout="left"] .header__scroll_hide{
2067        transform: translateY(-100%);
2068      }
2069      .header_scroll .header__desktop[data-layout="center"] .header__scroll_hide ~ *,
2070      .header_scroll .header__desktop[data-layout="left"] .header__scroll_hide ~ *{
2071        transform: translateY(calc(-1 * var(--header-scroll-hide-height-pc)));
2072      }
2073      .header_scroll .header__desktop[data-layout="center"] .header__menu-sticky,
2074      .header_scroll .header__desktop[data-layout="left"] .header__menu-sticky{
2075        display: block;
2076        flex: 1;
2077      }
2078      .header_scroll .header__desktop[data-layout="center"] .header__menu-content,
2079      .header_scroll .header__desktop[data-layout="left"] .header__menu-content{
2080        visibility: hidden;
2081      }
2082    }
2083  @media (max-width: 959.98px) {
2084      .header__scroll_hide {
2085        transition: transform .5s;
2086      }
2087
2088      #shoplaza-section-header.show_shadow .header__mobile .header__fixed-top {
2089        box-shadow: 0 6px 10px -3px rgba(41, 41, 41, 0.08);
2090      }
2091
2092      .header_scroll .header__scroll_hide.non-sticky {
2093        transform: translateY(-100%);
2094        position: absolute;
2095        width: 100%;
2096      }
2097
2098      .header__icons.show-menu-icon .header__account,
2099      .header__icons:not(.show-menu-icon) .header__icon-menu--force,
2100      #header-search-container-mobile:not(.show) {
2101        display: none;
2102      }
2103    }
2104  </style>
2105
2106<style>
2107  .header__logo{
2108    margin: 0;
2109    font-size: 0;
2110  }
2111  .header__logo-title{
2112    max-width: 185px;
2113    overflow-wrap: break-word;
2114    font-size: 24px;
2115    line-height: 38px;
2116    font-weight: 600;
2117    color: inherit;
2118    overflow: hidden;
2119    text-decoration-line: none;
2120  }
2121  [data-section-id="header"] .image_width {
2122    width: 120px;
2123  }
2124  @media (min-width: 960px) {
2125    .header__logo{
2126      padding: 18px 0;
2127    }
2128    .header__logo-title{
2129      max-width: 380px;
2130      font-size: 30px;
2131      line-height: 36px;
2132      font-weight: 500;
2133    }
2134    [data-section-id="header"] .image_width {
2135      width: 200px;
2136    }
2137  }
2138  @media (max-width: 959.98px) {
2139    .header__logo{
2140      flex: 1;
2141    }
2142  }
2143</style>
2144
2145<style>
2146  .header__account,
2147    .header__cart,
2148    .header__drawer_icon{
2149    margin-left: 22px;
2150    }
2151  .header__account_dropdown {
2152    margin: 6px;
2153  }
2154
2155  .header__account_dropdown .i-spzhtml-dropdown-container {
2156    background-color: transparent;
2157  }
2158
2159  .header__account_dropdown_content{
2160    width: 146px;
2161    padding: 15px;
2162    font-size: 14px;
2163    line-height: 18px;
2164    color: var(--color-header-text);
2165    background-color: var(--color-header-bg);
2166    z-index: var(--z-index-dropdown);
2167    transition: all 200ms;
2168    border-radius: 4px;
2169  }
2170  .header__account_dropdown_content > li{
2171    cursor: pointer;
2172  }
2173  .header__account_dropdown_content > li:hover{
2174    color: var(--color-header-text-70);
2175  }
2176  .header__account_dropdown_content > li + li{
2177    margin-top: 18px;
2178  }
2179  .header__account_dropdown_content a{
2180    color: inherit;
2181    text-decoration: none;
2182  }
2183  .header__cart-count{
2184    min-height: 18px;
2185    min-width: 18px;
2186    padding: 3px 4px;
2187    top: -18px;
2188  right: -4px;
2189  font-size: 12px;
2190    color: var(--color-cart-dot-text);
2191    background-color: var(--color-cart-dot-bg);
2192  }
2193
2194  .header-cart-back-btn {
2195    margin-right: 2px;
2196  }
2197
2198  html[dir="rtl"] .header-cart-back-btn {
2199    margin-left: 2px;
2200    margin-right: 0;
2201    transform: rotate(180deg);
2202  }
2203
2204  @media (min-width: 960px) {
2205    .header__account,
2206    .header__cart,
2207    .header__plugin-container > *{
2208      margin-left: 30px;
2209      margin-right: unset;
2210    }
2211    .header__account_dropdown_content{
2212      visibility: hidden;
2213      position: absolute;
2214      margin-top: 10px;
2215    margin-left: -50px;
2216    width: 160px;
2217    }
2218    .header__account:hover .header__account_dropdown_content{
2219      visibility: visible;
2220    }
2221  }
2222</style>
2223<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>
2224  <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>
2225<div class="header_container relative">
2226  <style>
2227  .header__menu-sticky {
2228    padding-top: 28px;
2229  }
2230  .header__menu-sticky .header__menu-item-sub {
2231    padding-bottom: 28px;
2232  }
2233</style>
2234<div class="header__desktop md:hidden" data-layout="center">
2235  <div class="header__layout relative z-50 pointer-events-auto">
2236    <div class="header__layout-content page-container flex items-center direction_ltr_self">
2237      <h2 class="header__logo flex-shrink-0 type-heading-font-family">
2238  <a class="image_width block md:hidden" href="/">
2239  <spz-img layout="responsive" width="1774" height="887" src="//img.staticdj.com/bbb4b6f40c99e3b5013529e54154498b.png" alt="" auto-fit scale-ratio="2" class="i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:50%;"></i-spzhtml-sizer></spz-img>
2240  </a>
2241  <a class="image_width block lg:hidden" href="/">
2242  <spz-img layout="responsive" width="1774" height="887" src="//img.staticdj.com/bbb4b6f40c99e3b5013529e54154498b.png" alt="" auto-fit scale-ratio="2" class="i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:50%;"></i-spzhtml-sizer></spz-img>
2243  </a>
2244</h2>
2245<style>
2246  .header__search button,
2247  .header__search input{
2248    border: none;
2249    outline: none;
2250  }
2251  .header__search-btn,
2252  .header__search-icon{
2253    background: transparent;
2254  }
2255  .header__search {
2256    display: flex;
2257    align-items: center;
2258    flex-shrink: 0;
2259  }
2260  .header__search-btn {
2261    padding: 0;
2262    margin: 0;
2263    font-size: 0;
2264    color: inherit;
2265    cursor: pointer;
2266  }
2267  .header__search-form{
2268    min-height: 40px;
2269  }
2270  .header__search-input{
2271    font-size: 13px;
2272    line-height: 16px;
2273    color: var(--color-header-search-text);
2274    background-color: var(--color-header-search-bg);
2275    caret-color: var(--color-header-search-text);
2276    padding: 12px 30px 12px 36px;
2277      border-radius: 2px 0 0 2px;
2278    }
2279  .header__search-input:not(:placeholder-shown) ~ .header__search-icon-close{
2280    display: flex;
2281  }
2282  .header__search-icon{
2283    left: 10px;
2284    top: 50%;
2285    transform: translateY(-50%);
2286    color: var(--color-header-search-text-50);
2287  }
2288  .header__search-icon-close{
2289    top: 50%;
2290    transform: translateY(-50%);
2291    height: 18px;
2292    width: 18px;
2293    color: #fff;
2294    background: #C0C0C0;
2295    right: 10px;
2296    }
2297  .header__search-icon:hover,
2298  .header__search-icon-close:hover{
2299    color: var(--color-header-search-text);
2300  }
2301  .header__search-submit-btn{
2302    padding: 11px 16px;
2303    font-size: 14px;
2304    line-height: 18px;
2305    color: var(--color-header-search-btn-text);
2306    background-color: var(--color-header-search-btn-bg);
2307    border-radius: 0 2px 2px 0;
2308    }
2309  @media (max-width: 959.98px) {
2310    .header__search-form{
2311      width: 100%
2312    }
2313  }
2314  @media (min-width: 960px) {
2315    .header__search-form{
2316      margin: 18px 0;
2317    }
2318    .header__search-input{
2319      width: 232px;
2320      border-radius: 2px;
2321    }
2322    .header__desktop[data-layout="left"] .header__search-input{
2323      width: 278px;
2324    }
2325  }
2326</style>
2327
2328<div class="header__search" id="">
2329    <button
2330        type="button"
2331        class="header__search-btn"
2332        @tap="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=true);header_search_sidebar.open()"
2333      >
2334        <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 
23340 1 1-16.8 0 8.4 8.4 0 0 1 16.8 0z" fill="currentColor"/></svg>
2335      </button>
2336    </div>
2337<spz-observer layout="logic" target="header__plugin-container" @childupdated="header-menu-top.updateMoreLink" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-observer>
2338<div class="header__icons flex-shrink-0 flex items-center" >
2339  <div class="header__plugin-container md:hidden flex items-center" id="header__plugin-container">
2340    <div><!-- 给js插件提供的block坑位 -->
2341
2342<div class="app-translate-card  "></div>
2343</div>
2344      <div><!-- 给js插件提供的block坑位 -->
2345<div class="app-currency-card  "></div>
2346</div>
2347      <div class="empty-hidden plugin__translate-header"></div>
2348    <div class="empty-hidden plugin__currency"></div>
2349  </div>
2350
2351  <div class="header__account relative text-0  md:hidden ">
2352    <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>
2353    <ul class="header__account_dropdown_content list-none header-account-shadow">
2354    <li><a href="/account/login">Log in</a></li>
2355      <li><a href="/account/register">Create an account</a></li>
2356      </ul>
2357</div>
2358  <a class="header__cart relative flex justify-end items-center text-0 text-inherit cursor-pointer no-underline" href="/cart">
2359    <i>
2360      <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>
2361      </i>
2362    <!-- 购物车数量 -->
2363    <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>
2364    <spz-render id="header_cart_count_render_pc" layout="container" src="/api/cart/count" template-src="//static.staticdj.com/themes/global_render_template-7283f20ca4.tpl#header-cart-count" class="i-spzhtml-layout-container" i-spzhtml-layout="container"></spz-render>
2365  </a>
2366  <i class="header__drawer_icon  flex lg:hidden cursor-pointer" @tap="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=true);header_drawer.open()">
2367      <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>
2368    </i>
2369  </div>
2370      <div class="header__menu-sticky flex-1 overflow-hidden">
2371        <style>
2372  .header__desktop .header__menu{
2373    background: inherit !important;
2374  }
2375  .header__desktop .header__menu-item{
2376    padding: 0 18px;
2377    font-size: var(--type-nav-font-size);
2378  }
2379  .header__desktop .header__menu-item:first-child {
2380    margin-left: 0;
2381    }
2382  .header__second_menu-wrapper,
2383  .header__three_menu-wrapper,
2384  .header__more_menu-wrapper{
2385    z-index: var(--z-index-sticky);
2386    visibility: hidden;
2387  }
2388  .header__menu-item-first:hover .header__second_menu-wrapper,
2389  .header__menu-item-first:hover .header__three_menu-wrapper,
2390  .header__menu-item-first:hover .header__more_menu-wrapper{
2391    visibility: visible;
2392  }
2393  .header__second_menu-wrapper,
2394  .header__three_menu-wrapper,
2395  .header__more_menu_three{
2396    overflow: hidden auto;
2397    max-height: calc(var(--window-height) - var(--header-height) - 200px);
2398  }
2399  .header__second_menu-wrapper{
2400    min-width: 180px;
2401    max-width: 400px;
2402    margin: 0 0 -18px 0;
2403    padding: 25px 18px;
2404    }
2405  .header__second_menu-wrapper li + li{
2406    margin-top: 18px;
2407  }
2408  .header__three_menu-content{
2409    display: grid;
2410    grid-template-columns: repeat(4, minmax(0, 1fr));
2411    margin: 0 -30px;
2412  }
2413  .header__desktop .header__menu-item[data-levels="2"] .header__three_menu-wrapper ul{
2414    flex-wrap: wrap;
2415    margin-top: -50px;
2416  }
2417  .header__desktop .header__menu-item:not([data-levels="2"]) .header__three_menu-wrapper ul{
2418    flex-direction: column;
2419    margin-top: -12px;
2420  }
2421  .header__desktop .header__menu-item[data-levels="2"][data-has-product] .header__three_menu-wrapper ul li{
2422    width: 33.33%;
2423  }
2424  .header__desktop .header__menu-item[data-levels="2"]:not([data-has-product]) .header__three_menu-wrapper ul li{
2425    width: 25%;
2426  }
2427  .header__desktop .header__menu-item[data-has-product] .header__three_menu-wrapper ul{
2428    grid-column: span 3 / span 3;
2429  }
2430  .header__desktop .header__menu-item:not([data-has-product]) .header__three_menu-wrapper ul{
2431    grid-column: span 4 / span 4;
2432  }
2433  .header__desktop .header__menu-item[data-levels="2"] .header__menu-item-second{
2434    padding: 0 30px;
2435    font-size: var(--type-nav-font-size);
2436    color: var(--color-header-text);
2437  }
2438  .header__desktop .header__menu-item[data-levels="2"] .header__menu-item-second-wrapper {
2439    margin-top: 50px;
2440    margin-bottom: 8px;
2441  }
2442  .header__three_menu-wrapper .header__menu-item-last{
2443    padding: 12px 30px 0;
2444  }
2445  .header__desktop .header__menu-item .header__menu-item-last{
2446    color: var(--color-header-text-70);
2447    font-size: calc(var(--type-nav-font-size) - 2px);
2448    line-height: 1.4;
2449  }
2450  .header__desktop .header__menu-item .header__menu-item-last:hover {
2451    color: var(--color-header-text);
2452  }
2453  .header__menu_product{
2454    grid-column: span 1 / span 1;
2455    padding-left: 30px;
2456    padding-right: 30px;
2457  }
2458  .header_menu_hover_animation{
2459    opacity: 0;
2460    transform: translateY(-12px);
2461    transition: all 200ms;
2462  }
2463  .header__desktop .header__menu-item-first:first-child {
2464    padding-left: 0;
2465  }
2466  .header__menu-item-first:hover .header_menu_hover_animation{
2467    opacity: 1;
2468    transform: translateY(0);
2469  }
2470  .header__desktop .header__menu-item-first .header__menu-item-sub::after{
2471    content: "";
2472    position: absolute;
2473    left: 0;
2474    bottom: 0;
2475    display: block;
2476    width: 0;
2477    height: 3px;
2478    background-color: var(--color-header-text);
2479    transition: width .2s;
2480	}
2481	.header__desktop .header__menu-item-first:hover .header__menu-item-sub::after{
2482		width: 100%;
2483	}
2484  .header__waterfall-wrapper {
2485    margin: 0 -30px;
2486    margin-top: -50px;
2487  }
2488  .header__waterfall-wrapper.grid-menu-list {
2489    grid-auto-rows: max-content;
2490    grid-template-columns: repeat(4, minmax(0, 1fr));
2491  }
2492  .menu_has_product .header-menu-full-screen-content {
2493    display: grid;
2494    grid-template-columns: repeat(4, minmax(0, 1fr));
2495  }
2496  .menu_has_product .header__waterfall-wrapper {
2497    grid-column: span 3 / span 3;
2498  }
2499  .menu_has_product .header__menu_product {
2500    grid-column: span 1 / span 1;
2501  }
2502</style>
2503
2504<link rel="preload" href="//static.staticdj.com/themes/global_render_template-7283f20ca4.tpl" as="fetch" crossorigin="anonymous">
2505
2506<script id="menu-json" type="application/json">
2507  {
2508    "links": [
2509      {
2510          "id": "84552319",
2511          "title": "Home",
2512          "url": "\/",
2513          "target": "",
2514          "menuTag": null,
2515          "hasThirdMenu": false,
2516          "isFullscreen": false,
2517          "secondLinks": [
2518            ]
2519        }
2520      ,
2521        {
2522          "id": "84552385",
2523          "title": "Women's Clothing",
2524          "url": "\/collections\/best-sale",
2525          "target": "",
2526          "menuTag": null,
2527          "hasThirdMenu": false,
2528          "isFullscreen": false,
2529          "secondLinks": [
2530            ]
2531        }
2532      ,
2533        {
2534          "id": "84552386",
2535          "title": "Men's Clothing",
2536          "url": "\/collections\/mens",
2537          "target": "",
2538          "menuTag": null,
2539          "hasThirdMenu": false,
2540          "isFullscreen": false,
2541          "secondLinks": [
2542            ]
2543        }
2544      ,
2545        {
2546          "id": "84552387",
2547          "title": "Summer Collection",
2548          "url": "\/collections\/summer-collection",
2549          "target": "",
2550          "menuTag": null,
2551          "hasThirdMenu": false,
2552          "isFullscreen": false,
2553          "secondLinks": [
2554            ]
2555        }
2556      ],
2557    "settings": {
2558      "productSnippetTemplateSrc": "\/\/static.staticdj.com\/themes\/product_snippet-9a3c5dee11.tpl",
2559      "variantThumbNames": "color"
2560    }
2561  }
2562</script>
2562
2563
2564<spz-menu id="header-menu-top" layout="container" template-mode="hybrid" src="script:menu-json" template-src="//static.staticdj.com/themes/global_render_template-7283f20ca4.tpl#header-menu-submenu-template" @overflowchange="morelink-tabs.toggleAttribute(key='default-tab',force=true,value=event.offset)" class="header-menu-container   type-heading-font-family  i-spzhtml-layout-container" i-spzhtml-layout="container">
2565  <ul class="header__menu flex m-0 p-0 list-none">
2566
2567    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-1" data-id="84552319"  data-levels="">
2568          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap flex items-start" 
2569href="/"  >
2570  <span class="">Home</span>
2571  </a>
2572</li>
2573    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-2" data-id="84552385"  data-levels="">
2574          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap flex items-start" 
2575href="/collections/best-sale"  >
2576  <span class="">Women&#039;s Clothing</span>
2577  </a>
2578</li>
2579    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-3" data-id="84552386"  data-levels="">
2580          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap flex items-start" 
2581href="/collections/mens"  >
2582  <span class="">Men&#039;s Clothing</span>
2583  </a>
2584</li>
2585    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-4" data-id="84552387"  data-levels="">
2586          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap flex items-start" 
2587href="/collections/summer-collection"  >
2588  <span class="">Summer Collection</span>
2589  </a>
2590</li>
2591    <style>
2592    .header-menu-container[finish] .header__more_menu-wrapper {
2593      display: block !important;
2594      position: static !important;
2595    }
2596    .header__more_menu {
2597      display: grid;
2598    }
2599    .header__more_menu {
2600      grid-template-columns: repeat(4,minmax(0,1fr));
2601    }
2602
2603    .header__more_menu_right {
2604      grid-column: span 3/span 3;
2605      grid-template-columns: repeat(3,minmax(0,1fr));
2606    }
2607
2608    .header__more_menu [role="tabs"],
2609    .header__more_menu_right .header__menu_product {
2610      grid-column: span 1/span 1;
2611    }
2612
2613    .header__more_menu_right .menu_list_wrapper[data-has-product] {
2614      grid-column: span 2/span 2;
2615    }
2616
2617    .header__more_menu [role="tabpanel"],
2618    .header__more_menu_right .menu_list_wrapper {
2619      grid-column: span 3/span 3;
2620    }
2621
2622    .header__more_menu {
2623      line-height: 1.25;
2624      padding-top: 32px;
2625      padding-bottom: 36px;
2626    }
2627    .header__more_menu [role="tab"] + [role="tab"] {
2628      padding-top: 20px;
2629    }
2630    .header__more_menu_icon {
2631      transform: rotate(180deg);
2632      transition: all 200ms;
2633    }
2634    .header__more_menu [role="tab"][active] .header__more_menu_icon {
2635      transform: rotate(0);
2636    }
2637    .header__more_menu_right li {
2638      padding-bottom: 20px;
2639    }
2640    .header__more_menu_right {
2641      margin-top: -50px;
2642    }
2643    .grid_gap_ele {
2644      height: 50px;
2645      margin: 0;
2646    }
2647    .header__more_menu_right:not(.grid_gap_ele) {
2648      margin-top: 0;
2649    }
2650    .header__more_menu_right_item {
2651      padding: 0 30px 8px;
2652    }
2653    .header__more_menu_right_item + .header__more_menu_right_item {
2654      padding: 12px 30px 0;
2655    }
2656    .header__more_menu_right .header__menu_product {
2657      padding: 0 30px;
2658    }
2659    .header__more_menu_right.has_third_menu {
2660      margin-top: -50px;
2661    }
2662    .header__more_menu_right.has_third_menu .header__menu_product {
2663      margin-top: 50px;
2664    }
2665    .header__more_menu_right spz-product-snippet {
2666      height: 100%;
2667    }
2668    .header__more_menu_right .grid-col-list {
2669      grid-auto-rows: min-content;
2670    }
2671</style>
2672
2673<li spz-menu-more-link class="header__menu-item header__menu-item-first">
2674    <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap cursor-pointer" href="javascript:;" >More links</a>
2675    <div class="header__more_menu-wrapper" spz-menu-submenu
2676    ></div>
2677</li>
2678</ul>
2679</spz-menu>
2680      </div>
2681    </div>
2682  </div>
2683
2684  <div class="header__menu-wrapper header__scroll_hide header-bg overflow-hidden pointer-events-auto">
2685      <div class="header__menu-content page-container">
2686        <style>
2687  .header__desktop .header__menu{
2688    background: inherit !important;
2689  }
2690  .header__desktop .header__menu-item{
2691    padding: 0 18px;
2692    font-size: var(--type-nav-font-size);
2693  }
2694  .header__desktop .header__menu-item:first-child {
2695    margin-left: 0;
2696    }
2697  .header__second_menu-wrapper,
2698  .header__three_menu-wrapper,
2699  .header__more_menu-wrapper{
2700    z-index: var(--z-index-sticky);
2701    visibility: hidden;
2702  }
2703  .header__menu-item-first:hover .header__second_menu-wrapper,
2704  .header__menu-item-first:hover .header__three_menu-wrapper,
2705  .header__menu-item-first:hover .header__more_menu-wrapper{
2706    visibility: visible;
2707  }
2708  .header__second_menu-wrapper,
2709  .header__three_menu-wrapper,
2710  .header__more_menu_three{
2711    overflow: hidden auto;
2712    max-height: calc(var(--window-height) - var(--header-height) - 200px);
2713  }
2714  .header__second_menu-wrapper{
2715    min-width: 180px;
2716    max-width: 400px;
2717    margin: 0 0 -18px 0;
2718    padding: 25px 18px;
2719    }
2720  .header__second_menu-wrapper li + li{
2721    margin-top: 18px;
2722  }
2723  .header__three_menu-content{
2724    display: grid;
2725    grid-template-columns: repeat(4, minmax(0, 1fr));
2726    margin: 0 -30px;
2727  }
2728  .header__desktop .header__menu-item[data-levels="2"] .header__three_menu-wrapper ul{
2729    flex-wrap: wrap;
2730    margin-top: -50px;
2731  }
2732  .header__desktop .header__menu-item:not([data-levels="2"]) .header__three_menu-wrapper ul{
2733    flex-direction: column;
2734    margin-top: -12px;
2735  }
2736  .header__desktop .header__menu-item[data-levels="2"][data-has-product] .header__three_menu-wrapper ul li{
2737    width: 33.33%;
2738  }
2739  .header__desktop .header__menu-item[data-levels="2"]:not([data-has-product]) .header__three_menu-wrapper ul li{
2740    width: 25%;
2741  }
2742  .header__desktop .header__menu-item[data-has-product] .header__three_menu-wrapper ul{
2743    grid-column: span 3 / span 3;
2744  }
2745  .header__desktop .header__menu-item:not([data-has-product]) .header__three_menu-wrapper ul{
2746    grid-column: span 4 / span 4;
2747  }
2748  .header__desktop .header__menu-item[data-levels="2"] .header__menu-item-second{
2749    padding: 0 30px;
2750    font-size: var(--type-nav-font-size);
2751    color: var(--color-header-text);
2752  }
2753  .header__desktop .header__menu-item[data-levels="2"] .header__menu-item-second-wrapper {
2754    margin-top: 50px;
2755    margin-bottom: 8px;
2756  }
2757  .header__three_menu-wrapper .header__menu-item-last{
2758    padding: 12px 30px 0;
2759  }
2760  .header__desktop .header__menu-item .header__menu-item-last{
2761    color: var(--color-header-text-70);
2762    font-size: calc(var(--type-nav-font-size) - 2px);
2763    line-height: 1.4;
2764  }
2765  .header__desktop .header__menu-item .header__menu-item-last:hover {
2766    color: var(--color-header-text);
2767  }
2768  .header__menu_product{
2769    grid-column: span 1 / span 1;
2770    padding-left: 30px;
2771    padding-right: 30px;
2772  }
2773  .header_menu_hover_animation{
2774    opacity: 0;
2775    transform: translateY(-12px);
2776    transition: all 200ms;
2777  }
2778  .header__desktop .header__menu-item-first:first-child {
2779    padding-left: 0;
2780  }
2781  .header__menu-item-first:hover .header_menu_hover_animation{
2782    opacity: 1;
2783    transform: translateY(0);
2784  }
2785  .header__desktop .header__menu-item-first .header__menu-item-sub::after{
2786    content: "";
2787    position: absolute;
2788    left: 0;
2789    bottom: 0;
2790    display: block;
2791    width: 0;
2792    height: 3px;
2793    background-color: var(--color-header-text);
2794    transition: width .2s;
2795	}
2796	.header__desktop .header__menu-item-first:hover .header__menu-item-sub::after{
2797		width: 100%;
2798	}
2799  .header__waterfall-wrapper {
2800    margin: 0 -30px;
2801    margin-top: -50px;
2802  }
2803  .header__waterfall-wrapper.grid-menu-list {
2804    grid-auto-rows: max-content;
2805    grid-template-columns: repeat(4, minmax(0, 1fr));
2806  }
2807  .menu_has_product .header-menu-full-screen-content {
2808    display: grid;
2809    grid-template-columns: repeat(4, minmax(0, 1fr));
2810  }
2811  .menu_has_product .header__waterfall-wrapper {
2812    grid-column: span 3 / span 3;
2813  }
2814  .menu_has_product .header__menu_product {
2815    grid-column: span 1 / span 1;
2816  }
2817</style>
2818
2819<link rel="preload" href="//static.staticdj.com/themes/global_render_template-7283f20ca4.tpl" as="fetch" crossorigin="anonymous">
2820
2821<script id="menu-json" type="application/json">
2822  {
2823    "links": [
2824      {
2825          "id": "84552319",
2826          "title": "Home",
2827          "url": "\/",
2828          "target": "",
2829          "menuTag": null,
2830          "hasThirdMenu": false,
2831          "isFullscreen": false,
2832          "secondLinks": [
2833            ]
2834        }
2835      ,
2836        {
2837          "id": "84552385",
2838          "title": "Women's Clothing",
2839          "url": "\/collections\/best-sale",
2840          "target": "",
2841          "menuTag": null,
2842          "hasThirdMenu": false,
2843          "isFullscreen": false,
2844          "secondLinks": [
2845            ]
2846        }
2847      ,
2848        {
2849          "id": "84552386",
2850          "title": "Men's Clothing",
2851          "url": "\/collections\/mens",
2852          "target": "",
2853          "menuTag": null,
2854          "hasThirdMenu": false,
2855          "isFullscreen": false,
2856          "secondLinks": [
2857            ]
2858        }
2859      ,
2860        {
2861          "id": "84552387",
2862          "title": "Summer Collection",
2863          "url": "\/collections\/summer-collection",
2864          "target": "",
2865          "menuTag": null,
2866          "hasThirdMenu": false,
2867          "isFullscreen": false,
2868          "secondLinks": [
2869            ]
2870        }
2871      ],
2872    "settings": {
2873      "productSnippetTemplateSrc": "\/\/static.staticdj.com\/themes\/product_snippet-9a3c5dee11.tpl",
2874      "variantThumbNames": "color"
2875    }
2876  }
2877</script>
2877
2878
2879<spz-menu id="header-menu-bottom" layout="container" template-mode="hybrid" src="script:menu-json" template-src="//static.staticdj.com/themes/global_render_template-7283f20ca4.tpl#header-menu-submenu-template" @overflowchange="morelink-tabs.toggleAttribute(key='default-tab',force=true,value=event.offset)" class="header-menu-container   type-heading-font-family  i-spzhtml-layout-container" i-spzhtml-layout="container">
2880  <ul class="header__menu flex m-0 p-0 list-none">
2881
2882    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-1" data-id="84552319"  data-levels="">
2883          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap flex items-start" 
2884href="/"  >
2885  <span class="">Home</span>
2886  </a>
2887</li>
2888    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-2" data-id="84552385"  data-levels="">
2889          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap flex items-start" 
2890href="/collections/best-sale"  >
2891  <span class="">Women&#039;s Clothing</span>
2892  </a>
2893</li>
2894    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-3" data-id="84552386"  data-levels="">
2895          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap flex items-start" 
2896href="/collections/mens"  >
2897  <span class="">Men&#039;s Clothing</span>
2898  </a>
2899</li>
2900    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-4" data-id="84552387"  data-levels="">
2901          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap flex items-start" 
2902href="/collections/summer-collection"  >
2903  <span class="">Summer Collection</span>
2904  </a>
2905</li>
2906    <style>
2907    .header-menu-container[finish] .header__more_menu-wrapper {
2908      display: block !important;
2909      position: static !important;
2910    }
2911    .header__more_menu {
2912      display: grid;
2913    }
2914    .header__more_menu {
2915      grid-template-columns: repeat(4,minmax(0,1fr));
2916    }
2917
2918    .header__more_menu_right {
2919      grid-column: span 3/span 3;
2920      grid-template-columns: repeat(3,minmax(0,1fr));
2921    }
2922
2923    .header__more_menu [role="tabs"],
2924    .header__more_menu_right .header__menu_product {
2925      grid-column: span 1/span 1;
2926    }
2927
2928    .header__more_menu_right .menu_list_wrapper[data-has-product] {
2929      grid-column: span 2/span 2;
2930    }
2931
2932    .header__more_menu [role="tabpanel"],
2933    .header__more_menu_right .menu_list_wrapper {
2934      grid-column: span 3/span 3;
2935    }
2936
2937    .header__more_menu {
2938      line-height: 1.25;
2939      padding-top: 32px;
2940      padding-bottom: 36px;
2941    }
2942    .header__more_menu [role="tab"] + [role="tab"] {
2943      padding-top: 20px;
2944    }
2945    .header__more_menu_icon {
2946      transform: rotate(180deg);
2947      transition: all 200ms;
2948    }
2949    .header__more_menu [role="tab"][active] .header__more_menu_icon {
2950      transform: rotate(0);
2951    }
2952    .header__more_menu_right li {
2953      padding-bottom: 20px;
2954    }
2955    .header__more_menu_right {
2956      margin-top: -50px;
2957    }
2958    .grid_gap_ele {
2959      height: 50px;
2960      margin: 0;
2961    }
2962    .header__more_menu_right:not(.grid_gap_ele) {
2963      margin-top: 0;
2964    }
2965    .header__more_menu_right_item {
2966      padding: 0 30px 8px;
2967    }
2968    .header__more_menu_right_item + .header__more_menu_right_item {
2969      padding: 12px 30px 0;
2970    }
2971    .header__more_menu_right .header__menu_product {
2972      padding: 0 30px;
2973    }
2974    .header__more_menu_right.has_third_menu {
2975      margin-top: -50px;
2976    }
2977    .header__more_menu_right.has_third_menu .header__menu_product {
2978      margin-top: 50px;
2979    }
2980    .header__more_menu_right spz-product-snippet {
2981      height: 100%;
2982    }
2983    .header__more_menu_right .grid-col-list {
2984      grid-auto-rows: min-content;
2985    }
2986</style>
2987
2988<li spz-menu-more-link class="header__menu-item header__menu-item-first">
2989    <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap cursor-pointer" href="javascript:;" >More links</a>
2990    <div class="header__more_menu-wrapper" spz-menu-submenu
2991    ></div>
2992</li>
2993</ul>
2994</spz-menu>
2995      </div>
2996    </div>
2997  <div class="plugin__fixed-div pointer-events-auto md:hidden"></div>
2998</div>
2999<style>
3000  .header__mobile .header{
3001    padding-top: 18px;
3002    padding-bottom: 18px;
3003  }
3004  .header__mobile .header_apps_wrap > * {
3005    margin-bottom: 18px;
3006    flex: 1;
3007  }
3008  .header__mobile .header__search-wrapper{
3009    padding-top: 4px;
3010    padding-bottom: 10px;
3011  }
3012  .header__mobile .header__menu-wrapper{
3013    padding: 8px 0 8px 16px;
3014  background: var(--color-menu-bg);
3015  }
3016  .header__mobile__menu-item-first{
3017    padding-right: 10px;
3018  }
3019  .header__mobile__menu-item-first a{
3020    padding: 9px 12px;
3021    font-size: 12px;
3022    line-height: 1.3;
3023    color: var(--color-menu-item-text-90);
3024    background: var(--color-menu-item-bg);
3025    border-radius: 4px;
3026  }
3027  .header_menu_tooltip,
3028  .header_menu_tooltip .i-spzhtml-tooltip-inner{
3029    padding: 0;
3030    background: transparent !important;
3031  }
3032  .header_menu_tooltip .header__menu_second {
3033    width: 150px;
3034    max-height: 236px;
3035    border-radius: 4px ;
3036  }
3037  .header_menu_tooltip .header__menu_second-item{
3038    background: var(--color-menu-item-bg);
3039    color: var(--color-menu-item-text-80);
3040    padding: 0 0 0 14px;
3041  font-size: 12px;
3042    line-height: 1.3
3043  }
3044  .header_menu_tooltip .header__menu_second-item a{
3045    padding: 15px 14px 15px 0;
3046  }
3047  .header_menu_tooltip .header__menu_second-item a + a{
3048    border: 1px solid #E6E6E6;
3049  }
3050  .header__mobile__menu-item-first a.header_menu_active {
3051    background-color: var(--color-actived-menu-item-bg) ;
3052    color: var(--color-actived-menu-item-text) ;
3053  }
3054</style>
3055<header class="header__mobile tw-text-header-text-color lg:hidden">
3056  <div class="header page-container z-20 relative header-bg pointer-events-auto">
3057    <div class="flex items-center">
3058      <h2 class="header__logo flex-shrink-0 type-heading-font-family">
3059  <a class="image_width block md:hidden" href="/">
3060  <spz-img layout="responsive" width="1774" height="887" src="//img.staticdj.com/bbb4b6f40c99e3b5013529e54154498b.png" alt="" auto-fit scale-ratio="2" class="i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:50%;"></i-spzhtml-sizer></spz-img>
3061  </a>
3062  <a class="image_width block lg:hidden" href="/">
3063  <spz-img layout="responsive" width="1774" height="887" src="//img.staticdj.com/bbb4b6f40c99e3b5013529e54154498b.png" alt="" auto-fit scale-ratio="2" class="i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:50%;"></i-spzhtml-sizer></spz-img>
3064  </a>
3065</h2>
3066<style>
3067  .header__search button,
3068  .header__search input{
3069    border: none;
3070    outline: none;
3071  }
3072  .header__search-btn,
3073  .header__search-icon{
3074    background: transparent;
3075  }
3076  .header__search {
3077    display: flex;
3078    align-items: center;
3079    flex-shrink: 0;
3080  }
3081  .header__search-btn {
3082    padding: 0;
3083    margin: 0;
3084    font-size: 0;
3085    color: inherit;
3086    cursor: pointer;
3087  }
3088  .header__search-form{
3089    min-height: 40px;
3090  }
3091  .header__search-input{
3092    font-size: 13px;
3093    line-height: 16px;
3094    color: var(--color-header-search-text);
3095    background-color: var(--color-header-search-bg);
3096    caret-color: var(--color-header-search-text);
3097    padding: 12px 30px 12px 36px;
3098      border-radius: 2px 0 0 2px;
3099    }
3100  .header__search-input:not(:placeholder-shown) ~ .header__search-icon-close{
3101    display: flex;
3102  }
3103  .header__search-icon{
3104    left: 10px;
3105    top: 50%;
3106    transform: translateY(-50%);
3107    color: var(--color-header-search-text-50);
3108  }
3109  .header__search-icon-close{
3110    top: 50%;
3111    transform: translateY(-50%);
3112    height: 18px;
3113    width: 18px;
3114    color: #fff;
3115    background: #C0C0C0;
3116    right: 10px;
3117    }
3118  .header__search-icon:hover,
3119  .header__search-icon-close:hover{
3120    color: var(--color-header-search-text);
3121  }
3122  .header__search-submit-btn{
3123    padding: 11px 16px;
3124    font-size: 14px;
3125    line-height: 18px;
3126    color: var(--color-header-search-btn-text);
3127    background-color: var(--color-header-search-btn-bg);
3128    border-radius: 0 2px 2px 0;
3129    }
3130  @media (max-width: 959.98px) {
3131    .header__search-form{
3132      width: 100%
3133    }
3134  }
3135  @media (min-width: 960px) {
3136    .header__search-form{
3137      margin: 18px 0;
3138    }
3139    .header__search-input{
3140      width: 232px;
3141      border-radius: 2px;
3142    }
3143    .header__desktop[data-layout="left"] .header__search-input{
3144      width: 278px;
3145    }
3146  }
3147</style>
3148
3149<div class="header__search" id="">
3150    <button
3151        type="button"
3152        class="header__search-btn"
3153        @tap="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=true);header_search_sidebar.open()"
3154      >
3155        <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 
31550 1 1-16.8 0 8.4 8.4 0 0 1 16.8 0z" fill="currentColor"/></svg>
3156      </button>
3157    </div>
3158<spz-observer layout="logic" target="header__plugin-container" @childupdated="header-menu-top.updateMoreLink" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-observer>
3159<div class="header__icons flex-shrink-0 flex items-center"  id="header-icons" >
3160  <div class="header__plugin-container md:hidden flex items-center" id="header__plugin-container">
3161    <div><!-- 给js插件提供的block坑位 -->
3162
3163<div class="app-translate-card  "></div>
3164</div>
3165      <div><!-- 给js插件提供的block坑位 -->
3166<div class="app-currency-card  "></div>
3167</div>
3168      <div class="empty-hidden plugin__translate-header"></div>
3169    <div class="empty-hidden plugin__currency"></div>
3170  </div>
3171
3172  <div class="header__account relative text-0  md:hidden ">
3173    <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"><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>
3174    <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">
3175        <ul class="header__account_dropdown_content list-none header-account-shadow">
3176    <li><a href="/account/login">Log in</a></li>
3177      <li><a href="/account/register">Create an account</a></li>
3178      </ul>
3179</spz-dropdown>
3180    </div>
3181  <a class="header__cart relative flex justify-end items-center text-0 text-inherit cursor-pointer no-underline" href="/cart">
3182    <i>
3183      <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>
3184      </i>
3185    <!-- 购物车数量 -->
3186    <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>
3187    <spz-render id="header_cart_count_render_md" layout="container" src="/api/cart/count" template-src="//static.staticdj.com/themes/global_render_template-7283f20ca4.tpl#header-cart-count" class="i-spzhtml-layout-container" i-spzhtml-layout="container"></spz-render>
3188  </a>
3189  <i class="header__drawer_icon  flex lg:hidden cursor-pointer" @tap="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=true);header_drawer.open()">
3190      <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>
3191    </i>
3192  </div>
3193    </div>
3194  </div>
3195
3196  <div
3197    class="header__fixed-top header__scroll_hide pointer-events-auto"
3198    id="header-scrollable-container-mobile"
3199  >
3200    </div>
3201  <div class="plugin__fixed-div pointer-events-auto"></div>
3202</header>
3203<style>
3204    .header__search_sidebar{
3205      height: 100vh;
3206      width: 100%;
3207      pointer-events: none;
3208    }
3209    .header__search_sidebar_content{
3210      pointer-events: auto;
3211      overflow: hidden auto;
3212      max-height: 100%;
3213      background-color: var(--color-header-bg);
3214    }
3215    .header__search-modal-form{
3216      position: sticky;
3217      top: 0;
3218      z-index: 10;
3219      background-color: var(--color-header-bg);
3220    }
3221    .header__search_sidebar-input{
3222      padding: 24px 16px;
3223      color: var(--color-header-search-text);
3224    }
3225    .header__search_sidebar + .i-spzhtml-sidebar-mask{
3226      pointer-events: auto;
3227    }
3228  </style>
3229  <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">
3230    <div class="header__search_sidebar_content">
3231      <div class="page-container header__search-modal-form">
3232        <form class="flex items-center" action="/search" method="get">
3233          <button type="submit" class="clear text-0 text-inherit cursor-pointer">
3234            <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 
32340 1 1-16.8 0 8.4 8.4 0 0 1 16.8 0z" fill="currentColor"/></svg>
3235          </button>
3236          <input
3237            @input-debounced="header_search_predictive_render-sidebar.rerender(extraData=event.value, redo=true);"
3238            class="header__search_sidebar-input flex-1 text-base leading-none type-text-font-family clear"
3239            type="text"
3240            autocomplete="off"
3241            name="q"
3242            placeholder="Search products"
3243          />
3244          <button type="reset" class="header__search-modal-close text-0 text-inherit clear cursor-pointer" @tap="header_search_sidebar.close()">
3245            <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>
3246          </button>
3247        </form>
3248      </div>
3249      <style>
3250    .header__search_predictive_render{
3251      background-color: var(--color-header-bg);
3252    }
3253    .header__search_product_list_wrap{
3254      padding: 24px 0 70px;
3255    }
3256    .header__search_product_list{
3257      display: grid;
3258      grid-template-columns: repeat(2, minmax(0, 1fr));
3259      column-gap: 16px;
3260      row-gap: 24px;
3261    }
3262    .header__search_product_list[data-empty],
3263    .header__search_product__empty,
3264    .header__search_product__view_more_wrap{
3265      display: none;
3266    }
3267    .header__search_product_list[hasmore] + .header__search_product__view_more_wrap,
3268    .header__search_product_list[data-empty] ~ .header__search_product__empty{
3269      display: flex;
3270      justify-content: center;
3271      align-items: center;
3272    }
3273    .header__search_product_list[loading] ~ .loading{
3274      display: var(--loading-show);
3275    }
3276    .header__search_product_list ~ .loading .loading-bounce{
3277      border-bottom-color: var(--color-body-text);
3278    }
3279    .header__search_product__view_more{
3280      margin: 24px auto 0;
3281      padding: 8px 24px;
3282      font-weight: 600;
3283      font-size: 16px;
3284      line-height: 24px;
3285    }
3286    @media (min-width: 960px) {
3287      .header__search_product_list{
3288        grid-template-columns: repeat(4, minmax(0, 1fr));
3289        column-gap: 24px;
3290      }
3291      .header__search_product_list_wrap{
3292        padding: 24px 0 40px;
3293      }
3294    }
3295  </style>
3296  
3296<script id="header-search-predictive-config-sidebar" type="application/json">
3297    {
3298      "listId": "header_search_product_list-sidebar",
3299      "configId": "header-search-predictive-config-sidebar",
3300      "productSnippetTemplateSrc": "\/\/static.staticdj.com\/themes\/product_snippet-9a3c5dee11.tpl",
3301      "variantThumbNames": "color",
3302      "searchApi": "\/api\/search",
3303      "searchUrl": "\/search",
3304      "viewMoreText": "View more",
3305      "noResultsText": "Your search for '__KEYWORD__' did not yield any results."
3306    }
3307  </script>
3307
3308  <spz-render id="header_search_predictive_render-sidebar" class="header__search_predictive_render i-spzhtml-layout-container" layout="container" manual multiple-datasource src="script:header-search-predictive-config-sidebar" template-src="//static.staticdj.com/themes/global_render_template-7283f20ca4.tpl#header-search-predictive" i-spzhtml-layout="container"></spz-render>
3309</div>
3310  </spz-sidebar>
3311<style>
3312  .header__drawer{
3313    width: 330px;
3314    top: 0;
3315    bottom: 0;
3316    max-width: 100vw !important;
3317    line-height: 1.4;
3318  }
3319  .header__drawer,
3320  .header__drawer + .i-spzhtml-sidebar-mask{
3321    pointer-events: auto;
3322  }
3323  .header__drawer a{
3324    color: inherit;
3325    text-decoration: none;
3326  }
3327  .header__drawer_header{
3328    position: sticky;
3329    top: 0;
3330    z-index: 10;
3331    height: 62px;
3332    border-bottom: 1px solid var(--color-border);
3333  }
3334  .header__drawer_close{
3335    width: 62px;
3336    position: absolute;
3337    top: 0;
3338    right: 0;
3339    bottom: 0;
3340    opacity: 0.7;
3341  }
3342  .header__drawer_footer{
3343    position: sticky;
3344    bottom: 0;
3345    z-index: 10;
3346    border-top: 1px solid rgba(230,230,230,0.6);
3347    padding: 16px 20px;
3348  }
3349  .header__drawer_prev{
3350    position: sticky;
3351    top: 0;
3352    z-index: 10;
3353    display: flex;
3354    align-items: center;
3355    border-bottom: 1px solid var(--color-border);
3356    padding: 16px 20px;
3357    background-color: var(--color-body-bg);
3358  }
3359  .header__drawer [spz-nested-submenu]:not([child-open]){
3360    overflow: hidden auto;
3361    max-height: 100%;
3362  }
3363  .header__drawer_menu_item{
3364    display: flex;
3365    align-items: center;
3366    justify-content: space-between;
3367    min-height: 22px;
3368    margin-left: 20px;
3369      padding: 16px 20px 16px 0;
3370    border-bottom: 1px solid var(--color-border);
3371    cursor: pointer;
3372  }
3373  .header__drawer_menu_item a:not([spz-nested-submenu-open]){
3374    flex: 1
3375  }
3376  .header_drawer_menu .header_drawer_menu_first{
3377    overflow: hidden auto;
3378  }
3379  .header_drawer_menu[child-open] .header_drawer_menu_first{
3380    overflow: unset !important;
3381  }
3382  </style>
3383<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">
3384  <div class="header__drawer_header flex-shrink-0 relative flex bg-color-body">
3385    <i class="header__drawer_close flex-center cursor-pointer" @tap="header_drawer.close()">
3386      <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>
3387    </i>
3388  </div>
3389  <div class="flex-1 relative overflow-hidden">
3390    <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">
3391      <ul class="header_drawer_menu_first flex-1 hide-scrollbar">
3392        <li>
3393              <div  class="header__drawer_menu_item">
3394                <a class="flex items-start " 
3395href="/" >
3396  <span>Home</span>
3397  </a>
3398                </div>
3399              </li>
3400          <li>
3401              <div  class="header__drawer_menu_item">
3402                <a class="flex items-start " 
3403href="/collections/best-sale" >
3404  <span>Women&#039;s Clothing</span>
3405  </a>
3406                </div>
3407              </li>
3408          <li>
3409              <div  class="header__drawer_menu_item">
3410                <a class="flex items-start " 
3411href="/collections/mens" >
3412  <span>Men&#039;s Clothing</span>
3413  </a>
3414                </div>
3415              </li>
3416          <li>
3417              <div  class="header__drawer_menu_item">
3418                <a class="flex items-start " 
3419href="/collections/summer-collection" >
3420  <span>Summer Collection</span>
3421  </a>
3422                </div>
3423              </li>
3424          <div class="header__drawer_plugins">
3425          <div class=" px-5 my-10">
3426                <!-- 给js插件提供的block坑位 -->
3427
3428<div class="app-translate-card  "></div>
3429</div>
3430              <div class=" px-5 my-10">
3431                <!-- 给js插件提供的block坑位 -->
3432<div class="app-currency-card  "></div>
3433</div>
3434              <div class="empty-hidden  plugin__translate-header px-5 my-10"></div>
3435          <div class="empty-hidden  plugin__currency px-5 my-10"></div>
3436        </div>
3437      </ul>
3438
3439      <li class="header__drawer_menu_item"><a href="/account/login">Log in</a></li>
3440          <li class="header__drawer_menu_item"><a href="/account/register">Create an account</a></li>
3441          </spz-nested-menu>
3442  </div>
3443</spz-sidebar>
3444</div>
3445<spz-script
3446  layout="logic"
3447  type="application/javascript"
3448  src="//static.staticdj.com/themes/header_height_vars-20ba9ceea9.js"
3449  data-theme-section-id="shoplaza-section-header"
3450  data-nosnippet
3451></spz-script>
3452
3453</div>
3454      <div class="plugin__static-div"></div>
3455      <div class="main-content" id="main-content">
3456        <style type="text/css">
3457  /* 组件就绪前隐藏,避免闪步骤 */
3458  .auth-flow:not([data-ready]) {
3459    visibility: hidden;
3460  }
3461
3462  .auth-flow [hidden] {
3463    display: none !important;
3464  }
3465
3466  .auth-title {
3467    margin-bottom: 20px;
3468  }
3469
3470  .auth-tips {
3471    margin: 4px 0 20px;
3472    opacity: 0.75;
3473  }
3474
3475  /* 页面容器 + 游客登录(原 login/register inline style 迁入,别丢) */
3476  .guest_login {
3477    margin-top: 12px;
3478    padding-top: 60px;
3479  }
3480
3481  .guest_login_button {
3482    margin: 24px auto 0;
3483    width: 100%;
3484    max-width: 240px;
3485    height: 44px;
3486    line-height: 44px;
3487    font-weight: 600;
3488    text-decoration: none;
3489  }
3490
3491  @media (min-width: 960px) {
3492    .register-page {
3493      width: calc(420px + var(--page-spacing) * 2);
3494      padding: 160px 0;
3495    }
3496
3497    .guest_login {
3498      margin-top: 28px;
3499      padding-top: 68px;
3500      border-top: 1px solid #eaeaea;
3501      text-align: center;
3502    }
3503  }
3504
3505  /* 刻意放在 @media 之后(同原 login.liquid 顺序),勿颠倒 */
3506  .register-page {
3507    padding: 20px var(--page-spacing);
3508  }
3509
3510  #auth-tips {
3511    display: none;
3512  }
3513
3514  #auth-tips.form-tips-visible {
3515    display: block;
3516  }
3517
3518  .auth-submit {
3519    width: 100%;
3520  }
3521
3522  .auth-code-loading {
3523    display: none;
3524  }
3525
3526  .auth-flow[data-loading] .auth-code-loading {
3527    display: flex;
3528    align-items: center;
3529    justify-content: center;
3530  }
3531
3532  .auth-flow[data-loading] .auth-code-resend {
3533    display: none !important;
3534  }
3535
3536  .auth-submit--cta {
3537    position: relative;
3538  }
3539
3540  .auth-submit--cta .auth-cta-spinner {
3541    display: none;
3542    position: absolute;
3543    top: 50%;
3544    left: 50%;
3545    margin: -10px 0 0 -10px;
3546  }
3547
3548  .auth-flow[data-loading] .auth-submit--cta .auth-cta-label {
3549    visibility: hidden;
3550  }
3551
3552  .auth-flow[data-loading] .auth-submit--cta .auth-cta-spinner {
3553    display: inline-block;
3554  }
3555
3556  .auth-spinner {
3557    display: inline-block;
3558    width: 20px;
3559    height: 20px;
3560    border: 2px solid rgba(255, 255, 255, 0.4);
3561    border-top-color: #fff;
3562    border-radius: 50%;
3563    animation: auth-spin 0.6s linear infinite;
3564    vertical-align: middle;
3565  }
3566
3567  @keyframes auth-spin {
3568    to {
3569      transform: rotate(360deg);
3570    }
3571  }
3572
3573  .auth-email-line {
3574    display: flex;
3575    align-items: center;
3576    justify-content: center;
3577    gap: 6px;
3578    margin: 8px 0 20px;
3579    font-size: 14px;
3580    color: var(--color-body-text);
3581  }
3582
3583  .auth-email-line svg {
3584    width: 16px;
3585    height: auto;
3586    flex-shrink: 0;
3587  }
3588
3589  .auth-password-actions {
3590    z-index: 1;
3591    position: absolute;
3592    top: 10px;
3593    inset-inline-end: 16px;
3594    display: flex;
3595    align-items: center;
3596  }
3597
3598  .auth-password-visibility-icon {
3599    position: relative;
3600    box-sizing: content-box;
3601    display: flex;
3602    align-items: center;
3603    justify-content: center;
3604    width: 16px;
3605    height: 16px;
3606    padding: 8px;
3607    cursor: pointer;
3608    user-select: none;
3609  }
3610
3611  .auth-password-visibility-icon:not(.visible) .icon-eye,
3612  .auth-password-visibility-icon.visible .icon-eyelash {
3613    display: none;
3614  }
3615
3616  .auth-password-input {
3617    padding-inline-end: 96px !important;
3618  }
3619
3620  .auth-resetpw {
3621    display: block;
3622    text-align: end;
3623    line-height: 20px;
3624    text-decoration: none;
3625    color: var(--color-body-text);
3626  }
3627
3628  @media (max-width: 959.98px) {
3629    .auth-password-actions {
3630      top: 2px;
3631    }
3632
3633    .auth-password-visibility-icon {
3634      padding: 16px;
3635      margin-inline-end: -16px;
3636    }
3637  }
3638
3639  .auth-code-input {
3640    padding-inline-end: 88px !important;
3641  }
3642
3643  .auth-code-send {
3644    position: absolute;
3645    top: 0;
3646    inset-inline-end: 16px;
3647    height: 52px;
3648    line-height: 52px;
3649    white-space: nowrap;
3650    font-size: 13px;
3651    text-decoration: none;
3652    cursor: pointer;
3653    color: var(--color-primary-btn-bg);
3654  }
3655
3656  .auth-code-send--disabled {
3657    color: var(--color-body-text-70);
3658    pointer-events: none;
3659    cursor: default;
3660  }
3661
3662  .auth-code-hint {
3663    display: flex;
3664    align-items: center;
3665    gap: 6px;
3666    margin-top: 8px;
3667    font-size: 12px;
3668    color: var(--color-body-text);
3669  }
3670
3671  .auth-code-hint svg {
3672    width: 14px;
3673    height: 14px;
3674    flex-shrink: 0;
3675  }
3676
3677  .auth-code-boxes {
3678    display: flex;
3679    gap: 8px;
3680    justify-content: space-between;
3681  }
3682
3683  .auth-code-box {
3684    width: 44px;
3685    height: 52px;
3686    text-align: center;
3687    font-size: 20px;
3688    color: var(--color-body-text);
3689    border: 1px solid var(--color-border);
3690    background-color: transparent;
3691    outline: 0;
3692  }
3693
3694  .auth-code-box:focus,
3695  .auth-code-box[data-filled] {
3696    border-color: var(--color-body-text);
3697  }
3698
3699  .visually-hidden {
3700    position: absolute;
3701    width: 1px;
3702    height: 1px;
3703    padding: 0;
3704    margin: -1px;
3705    overflow: hidden;
3706    clip: rect(0 0 0 0);
3707    white-space: nowrap;
3708    border: 0;
3709  }
3710
3711  .auth-switch {
3712    margin-top: 12px;
3713  }
3714
3715  /* 跟随全局 .button-* 的 padding 模型用 flex 居中,勿写 line-height(会撞 padding) */
3716  .auth-switch-btn {
3717    display: flex;
3718    align-items: center;
3719    justify-content: center;
3720    width: 100%;
3721    text-decoration: none;
3722    font-weight: 600;
3723    cursor: pointer;
3724  }
3725
3726  .auth-back {
3727    margin-top: 20px;
3728    text-align: center;
3729  }
3730
3731  .auth-back-link {
3732    display: inline-flex;
3733    align-items: center;
3734    gap: 4px;
3735    cursor: pointer;
3736    font-size: 14px;
3737    color: var(--color-body-text);
3738  }
3739
3740  .auth-back-link svg {
3741    width: auto;
3742    height: 12px;
3743    flex-shrink: 0;
3744  }
3745
3746  html[dir='rtl'] .auth-back-link svg {
3747    transform: rotate(180deg);
3748  }
3749
3750  .auth-success {
3751    text-align: center;
3752  }
3753
3754  .auth-success .auth-submit {
3755    display: flex;
3756    align-items: center;
3757    justify-content: center;
3758    margin-top: 20px;
3759  }
3760
3761  .auth-success__icon {
3762    color: #16a34a;
3763    margin-bottom: 12px;
3764    line-height: 0;
3765  }
3766
3767  .auth-success__icon svg {
3768    width: 44px;
3769    height: 44px;
3770  }
3771
3772  .auth-success__title {
3773    margin-bottom: 12px;
3774  }
3775
3776  .auth-success__badge {
3777    margin: 8px 0;
3778    font-size: 13px;
3779    color: var(--color-body-text);
3780  }
3781
3782  .auth-success__badge--new {
3783    display: inline-block;
3784    padding: 4px 10px;
3785    border-radius: 4px;
3786    background: rgba(22, 163, 74, 0.1);
3787    color: #16a34a;
3788  }
3789
3790  .auth-success__link {
3791    display: inline-block;
3792    margin-top: 16px;
3793    font-size: 13px;
3794    text-decoration: underline;
3795    color: var(--color-body-text);
3796  }
3797
3798  .social-login-container {
3799    padding: 24px 0;
3800  }
3801
3802  spz-social-login + spz-social-login {
3803    margin-inline-start: 16px;
3804  }
3805
3806  /* 这里只隐藏可编辑框:框带 auth-keep,隐藏也参与提交 */
3807
3808  .auth-flow[data-one-step][data-step='password'] .auth-email-field,
3809  .auth-flow[data-one-step][data-step='password'] .auth-social-block,
3810  .auth-flow[data-one-step][data-step='password'] .auth-switch {
3811    display: none;
3812  }
3813
3814  .auth-flow[data-one-step][data-step='signup'] .auth-email-field {
3815    display: none;
3816  }
3817
3818  .auth-flow:not([data-one-step])[data-step='signup'] .auth-email-line {
3819    display: none;
3820  }
3821
3822  .auth-flow[data-one-step] .auth-register-hint {
3823    display: none;
3824  }
3825</style><div id="shoplaza-section-1539137349999" class="shoplaza-section" data-section-id="1539137349999" data-section-type="login" data-section-style=""><style>
3826  .form_item {
3827    position: relative;
3828    width: 100%;
3829    margin-top: 16px;
3830  }
3831  .form_input,
3832  .form_select {
3833    padding: 16px 15px;
3834    transition: all 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
3835    width: 100%;
3836    height: 52px;
3837    margin: 0;
3838    font-size: 14px;
3839    line-height: 18px;
3840    color: var(--color-body-text);
3841    border: 1px solid var(--color-border);
3842    background-color: transparent;
3843    outline: 0;
3844  }
3845  .form_input:focus {
3846    border-color: var(--color-body-text);
3847  }
3848  .form_input[has-value] {
3849    padding-top: 27px;
3850    padding-bottom: 7px;
3851  }
3852  .form_label {
3853    position: absolute;
3854    top: 17px;
3855    left: 15px;
3856    font-size: 14px;
3857    line-height: 18px;
3858    color: #888a8b;
3859    transition: all 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
3860    cursor: text;
3861  }
3862  .form_input[has-value] + .form_label {
3863    transform: translateY(-10px);
3864    font-size: 12px;
3865    line-height: 15px;
3866  }
3867  .form_input:-webkit-autofill + .form_label {
3868    transform: translateY(-10px);
3869    font-size: 12px;
3870    line-height: 15px;
3871  }
3872  .form_checkbox-container {
3873    position: relative;
3874    display: flex;
3875    align-items: center;
3876    width: 100%;
3877    margin-top: 16px;
3878  }
3879  
3880  .form_checkbox {
3881    position: absolute;
3882    left: 0;
3883    width: 16px;
3884    height: 16px;
3885    margin: 0;
3886    opacity: 0;
3887    background-color: transparent;
3888    border-color: transparent;
3889    outline: none;
3890  }
3891  
3892  .form_checkbox-label {
3893    position: relative;
3894    z-index: 10;
3895    width: 16px;
3896    height: 16px;
3897    margin-right: 8px;
3898    font-size: 0;
3899    border-radius: 2px;
3900    border: 1px solid var(--color-border);
3901  }
3902  
3903  .form_checkbox-label > svg {
3904    position: absolute;
3905    left: -1px;
3906    top: -1px;
3907    color: var(--color-primary-btn-bg);
3908    opacity: 0;
3909    transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
3910  }
3911  
3912  .form_checkbox:checked + .form_checkbox-label > svg {
3913    opacity: 1;
3914  }
3915  
3916  .form_checkbox-text {
3917    font-size: 16px;
3918    font-weight: 400;
3919    line-height: 16px;
3920    color: rgba(159, 159, 159);
3921  }
3922  
3923  .form_submit {
3924    margin-top: 24px;
3925    /* height: 46px; */
3926  }
3927  .form-tips-text {
3928    padding: 13px 92px;
3929    background-color: rgba(255, 240, 240, 1);
3930    min-height: 42px;
3931    color: rgba(226, 65, 45, 1);
3932    margin: 20px 0 16px;
3933    font-size: 16px;
3934  }
3935  .footer_text {
3936    margin-top: 30px;
3937    color: rgba(159, 159, 159, 1);
3938    margin-right: 6px;
3939    font-size: 16px;
3940  }
3941  .footer_text_link {
3942    color: var(--color-body-text);
3943    margin-left: 6px;
3944  }
3945  .form_item_group {
3946    display: grid;
3947    grid-template-columns: repeat(2, minmax(0, 1fr));
3948    gap: 0 20px;
3949    width: 100%;
3950  }
3951  .form_item_group .form_item {
3952    margin-top: 0;
3953  }
3954  .form_select-label {
3955    position: absolute;
3956    top: 18px;
3957    right: 16px;
3958    font-size: 0;
3959    pointer-events: none;
3960    transform: rotate(180deg);
3961  }
3962  
3963  .form_select {
3964    padding: 16px 44px 16px 15px;
3965    -webkit-appearance: none;
3966    -moz-appearance: none;
3967    appearance: none;
3968  }
3969  
3970  .address_form spz-area[areacode] {
3971    position: absolute;
3972    top: 50%;
3973    left: 16px;
3974    transform: translateY(-50%);
3975    border-right: 1px solid var(--color-border);
3976  }
3977  
3978  .address_form spz-area[areacode] {
3979    position: absolute;
3980    top: 50%;
3981    left: 16px;
3982    transform: translateY(-50%);
3983    border-right: 1px solid var(--color-border);
3984  }
3985  
3986  .address_form spz-area[areacode] label {
3987    position: absolute;
3988    top: 8px;
3989    right: 8px;
3990    font-size: 0;
3991    pointer-events: none;
3992    transform: rotate(180deg);
3993  }
3994  .address_form spz-area[areacode] select {
3995    width: 103px;
3996    margin: 0;
3997    padding: 7px 32px 7px 0;
3998    border: none;
3999    outline: none;
4000    font-size: 14px;
4001    line-height: 18px;
4002    background-color: transparent;
4003    -webkit-appearance: none;
4004    -moz-appearance: none;
4005    appearance: none;
4006  }
4007  
4008  .address_form spz-area[areacode] label {
4009    position: absolute;
4010    top: 8px;
4011    right: 8px;
4012    font-size: 0;
4013    pointer-events: none;
4014    transform: rotate(180deg);
4015  }
4016  
4017  .address_form .form_input[name="phone"] {
4018    padding-left: 127px;
4019  }
4020  
4021  .address_form .form_label[for="edit_phone"],
4022  .address_form .form_label[for="add_phone"] {
4023    left: 127px;
4024  }
4025
4026  .form_checkbox_container {
4027    position: relative;
4028    display: flex;
4029    align-items: center;
4030    width: 100%;
4031    padding-top: 16px;
4032  }
4033  .form_checkbox {
4034    position: absolute;
4035    left: 0;
4036    width: 16px;
4037    height: 16px;
4038    margin: 0;
4039    opacity: 0;
4040    background-color: transparent;
4041    border-color: transparent;
4042    outline: none;
4043  }
4044  .form_checkbox_text {
4045    font-size: 14px;
4046    font-weight: 300;
4047    line-height: 18px;
4048    color: rgba(159,159,159);
4049  }
4050  .address_cencel {
4051    margin: 30px 0 54px;
4052    text-transform: capitalize;
4053  }
4054
4055  .address_form spz-area[province][count="0"] {
4056    display: none;
4057  }
4058  .form-tips-error {
4059    color: #E2412D;
4060    text-align: left;
4061    display: flex;
4062    align-items: center;
4063  }
4064  .form-tips-error svg {
4065    margin-right: 4px;
4066    flex-shrink: 0;
4067  }
4068
4069  .hidden_important {
4070    display: none !important;
4071  }
4072  
4073  @media (max-width: 960px) {
4074    .footer_text {
4075      margin-bottom: 72px;
4076    }
4077  }  
4078</style>
4079
4080<div class="page-container text-center register-page">
4081  <spz-auth id="auth" class="auth-flow i-spzhtml-layout-container" layout="container" entry="signin" prefill-param="email" return-param="_returnUrl" method-param="login_method" login-redirect="/account/order" reload-when-success @error="auth-tips.setText(text=event.errors.0);auth-tips.toggleClass(class='form-tips-visible', force=true);" @stepchange="auth-tips.toggleClass(class='form-tips-visible', force=false);" @codesent="auth-tips.toggleClass(class='form-tips-visible', force=false);" @submit="auth-tips.toggleClass(class='form-tips-visible', force=false);" i-spzhtml-layout="container">
4082    
4082<script type="application/json" auth-messages>{
4083  "code_invalid": "Verification code is invalid",
4084  "code_expired": "The code has expired, please resend.",
4085  "too_many_attempts": "Too many attempts, please try again later.",
4086  "too_many_requests": "Too many requests, please try again later.",
4087  "token_invalid": "Verification expired, please start over.",
4088  "token_used": "Verification expired, please start over.",
4089  "email_registered": "This email is already registered.",
4090  "method_disabled": "This sign-in method is not available.",
4091  "unauthorized": "Incorrect email or password.",
4092  "invalid_email": "Please enter a valid email.",
4093  "default": "Something went wrong, please try again."
4094}
4095</script>
4095
4096
4097    <form
4098      id="auth-form"
4099      class="form flex flex-col"
4100      method="POST"
4101      action-xhr="/api/customers/sign_in"
4102      custom-validation="change-interact-and-submit"
4103      @submitSuccess="auth.formSuccess(data=event);"
4104      @submitError="auth-tips.setText(text=event.errors.0);auth-tips.toggleClass(class='form-tips-visible', force=true);auth.formError(data=event);"
4105    >
4106      <h4 class="auth-title text-6 text-base">
4107        <span auth-step="email" auth-if="one_step">Sign in or create account</span>
4108        <span auth-step="email" auth-unless="one_step">Login</span>
4109        <span auth-step="password" auth-if="one_step">Login</span>
4110        <span auth-step="password" auth-unless="one_step">Login</span>
4111        <span auth-step="code">Verify your email</span>
4112        <span auth-step="signup">Create your account</span>
4113        <span auth-step="profile">Almost done</span>
4114      </h4>
4115      <div class="auth-tips text-base" auth-step="email" auth-method="code">
4116        We'll email a code to verify your email
4117      </div>
4118      <div class="auth-tips text-base" auth-step="password" auth-unless="one_step">
4119        Please enter your e-mail and password:
4120      </div>
4121      <p class="auth-tips text-base" auth-step="code">We sent a 6-digit code to</p>
4122
4123      <div class="auth-email-line" auth-step="code profile signup">
4124        <svg class="" width="20" height="19" viewBox="0 0 20 19" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 3v14H0V3h20ZM1.707 4l6.5 6.5h3.585l6.5-6.5H1.708Zm11.555 6.445-.908.909a.5.5 0 0 1-.275.14L12 11.5H8a.5.5 0 0 1-.294-.095l-.06-.051-.873-.874L1.647 16H18.42l-5.158-5.555ZM19 15.155l-5.03-5.417L19 4.708v10.447ZM1 4.707v10.52l5.065-5.455L1 4.707Z" fill="currentColor"/></svg>
4125        <span class="auth-email" auth-text="email"></span>
4126        <span class="auth-email-verified" auth-step="profile">
4127          ·&nbsp;Email verified
4128        </span>
4129      </div>
4130      <div class="auth-email-line" auth-step="password" auth-if="one_step">
4131        <svg class="" width="20" height="19" viewBox="0 0 20 19" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 3v14H0V3h20ZM1.707 4l6.5 6.5h3.585l6.5-6.5H1.708Zm11.555 6.445-.908.909a.5.5 0 0 1-.275.14L12 11.5H8a.5.5 0 0 1-.294-.095l-.06-.051-.873-.874L1.647 16H18.42l-5.158-5.555ZM19 15.155l-5.03-5.417L19 4.708v10.447ZM1 4.707v10.52l5.065-5.455L1 4.707Z" fill="currentColor"/></svg>
4132        <span class="auth-email" auth-text="email"></span>
4133      </div>
4134
4135      <div id="auth-tips" class="form-tips-text"></div>
4136
4137      <div class="form_item auth-code" auth-step="code">
4138        <div class="auth-code-boxes" auth-code-boxes>
4139          <input
4140              class="auth-code-box"
4141              type="text"
4142              inputmode="numeric"
4143              maxlength="1"
4144              tabindex="4"
4145              autocomplete="one-time-code"
4146            >
4147          
4148            <input
4149              class="auth-code-box"
4150              type="text"
4151              inputmode="numeric"
4152              maxlength="1"
4153              tabindex="4"
4154              autocomplete="off"
4155            >
4156          
4157            <input
4158              class="auth-code-box"
4159              type="text"
4160              inputmode="numeric"
4161              maxlength="1"
4162              tabindex="4"
4163              autocomplete="off"
4164            >
4165          
4166            <input
4167              class="auth-code-box"
4168              type="text"
4169              inputmode="numeric"
4170              maxlength="1"
4171              tabindex="4"
4172              autocomplete="off"
4173            >
4174          
4175            <input
4176              class="auth-code-box"
4177              type="text"
4178              inputmode="numeric"
4179              maxlength="1"
4180              tabindex="4"
4181              autocomplete="off"
4182            >
4183          
4184            <input
4185              class="auth-code-box"
4186              type="text"
4187              inputmode="numeric"
4188              maxlength="1"
4189              tabindex="4"
4190              autocomplete="off"
4191            >
4192          </div>
4193        <input
4194          class="auth-code-value visually-hidden"
4195          id="auth-code"
4196          type="text"
4197          name="code"
4198          auth-field="code"
4199          tabindex="-1"
4200          inputmode="numeric"
4201          maxlength="6"
4202          autocomplete="one-time-code"
4203          required
4204        >
4205        <div class="form_item form-tips-error" validation-for="auth-code" visible-when-invalid="valueMissing" hidden>
4206          <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>
4207          Please enter a valid code
4208        </div>
4209      </div>
4210
4211      <div class="form_item" auth-step="signup profile" auth-if="first_name" auth-autofocus>
4212        <input
4213          id="auth-first-name"
4214          class="form_input"
4215          type="text"
4216          name="first_name"
4217          auth-field="first_name"
4218          tabindex="1"
4219          maxlength="50"
4220          pattern='[^~!@#$%\^&*\(\)_+<>?:"\{\}\/;\[\]]*'
4221          autocomplete="given-name"
4222        >
4223        <label class="form_label" for="auth-first-name">First name</label>
4224        <div class="form_item form-tips-error" validation-for="auth-first-name" visible-when-invalid="valueMissing" hidden>
4225          <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>
4226          First name is required.
4227        </div>
4228        <div class="form_item form-tips-error" validation-for="auth-first-name" visible-when-invalid="patternMismatch" hidden>
4229          <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>
4230          Contains invalid characters
4231        </div>
4232      </div>
4233      <div class="form_item" auth-step="signup profile" auth-if="last_name" auth-autofocus>
4234        <input
4235          id="auth-last-name"
4236          class="form_input"
4237          type="text"
4238          name="last_name"
4239          auth-field="last_name"
4240          tabindex="2"
4241          maxlength="50"
4242          pattern='[^~!@#$%\^&*\(\)_+<>?:"\{\}\/;\[\]]*'
4243          autocomplete="family-name"
4244        >
4245        <label class="form_label" for="auth-last-name">Last name</label>
4246        <div class="form_item form-tips-error" validation-for="auth-last-name" visible-when-invalid="valueMissing" hidden>
4247          <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>
4248          Last name is required.
4249        </div>
4250        <div class="form_item form-tips-error" validation-for="auth-last-name" visible-when-invalid="patternMismatch" hidden>
4251          <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>
4252          Contains invalid characters
4253        </div>
4254      </div>
4255
4256      <div class="form_item auth-email-field" auth-step="email password signup" auth-keep>
4257        <input
4258          id="auth-email"
4259          class="form_input"
4260          type="text"
4261          name="email"
4262          auth-field="email"
4263          auth-autofocus
4264          tabindex="3"
4265          required
4266          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])?"
4267          autocomplete="email"
4268        >
4269        <label class="form_label" for="auth-email">Email</label>
4270        <div class="form_item form-tips-error" validation-for="auth-email" visible-when-invalid="valueMissing" hidden>
4271          <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>
4272          Email is required
4273        </div>
4274        <div class="form_item form-tips-error" validation-for="auth-email" visible-when-invalid="patternMismatch" hidden>
4275          <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>
4276          Please enter a valid email.
4277        </div>
4278      </div>
4279
4280      <div class="form_item auth-code-inline" auth-step="signup" auth-if="signup_needs_code">
4281        <div class="relative">
4282          <input
4283            id="auth-signup-code"
4284            class="form_input auth-code-input"
4285            type="text"
4286            name="code"
4287            auth-field="code"
4288            auth-autofocus
4289            tabindex="4"
4290            inputmode="numeric"
4291            maxlength="6"
4292            autocomplete="one-time-code"
4293            required
4294          >
4295          <label class="form_label" for="auth-signup-code">Verification code</label>
4296          <a class="auth-code-send" auth-unless="cooldown,code_sent" @tap="auth.sendCode(scene='signup');">
4297            Send code
4298          </a>
4299          <a class="auth-code-send" auth-if="code_sent" auth-unless="cooldown" @tap="auth.sendCode(scene='signup');">
4300            Resend
4301          </a>
4302          <span class="auth-code-send auth-code-send--disabled" auth-if="cooldown">
4303            <span auth-text="cooldown"></span>s
4304          </span>
4305        </div>
4306        <div class="auth-code-hint">
4307          <svg class="" viewBox="0 0 16 16" width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg">
4308  <path d="M8 1.75A3.25 3.25 0 0 1 11.25 5v2.19c0 .19.075.373.21.507l1.08 1.08a.75.75 0 0 1 .21.53v.443a.5.5 0 0 1-.5.5h-8.5a.5.5 0 0 1-.5-.5v-.443a.75.75 0 0 1 .22-.53l1.08-1.08a.717.717 0 0 0 .21-.508V5A3.25 3.25 0 0 1 8 1.75Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/>
4309  <path d="M6.5 12.25a1.5 1.5 0 0 0 3 0" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
4310</svg>
4311<span>We'll email a code to verify your email</span>
4312        </div>
4313        <div class="form_item form-tips-error" validation-for="auth-signup-code" visible-when-invalid="valueMissing" hidden>
4314          <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>
4315          Please enter a valid code
4316        </div>
4317      </div>
4318
4319      <div class="form_item" auth-step="password signup">
4320        <div class="relative">
4321          <input
4322            id="auth-password"
4323            class="form_input auth-password-input"
4324            type="password"
4325            name="password"
4326            auth-field="password"
4327            tabindex="5"
4328            required
4329            minlength="6"
4330            maxlength="16"
4331            pattern="[\s\S]{6,16}"
4332            autocomplete="new-password"
4333          >
4334          <label class="form_label" for="auth-password">Password</label>
4335          <div class="auth-password-actions">
4336            <i
4337              class="auth-password-visibility-icon"
4338              id="auth-password-icon"
4339              @tap="auth-form.togglePasswordVisibility(name='password');auth-password-icon.toggleClass(class='visible');"
4340            >
4341              <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>
4342              <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>
4343            </i>
4344            <a
4345              class="auth-resetpw md:hidden"
4346              auth-step="password"
4347              href="/account/resetpw"
4348              data-track="dj.jumpToResetpw"
4349              data-track-href="/account/resetpw"
4350            >
4351              Forgot password?
4352            </a>
4353          </div>
4354        </div>
4355        <div class="form_item form-tips-error" validation-for="auth-password" visible-when-invalid="valueMissing" hidden>
4356          <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>
4357          Password is required.
4358        </div>
4359        <div class="form_item form-tips-error" validation-for="auth-password" visible-when-invalid="patternMismatch" hidden>
4360          <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>
4361          Password must be between 6-16 characters long.
4362        </div>
4363      </div>
4364
4365      <a
4366        class="auth-resetpw lg:hidden mt-3"
4367        auth-step="password"
4368        href="/account/resetpw"
4369        data-track="dj.jumpToResetpw"
4370        data-track-href="/account/resetpw"
4371      >
4372        Forgot password?
4373      </a>
4374
4375      <div class="form_checkbox-container" auth-step="signup profile">
4376        <input
4377          class="form_checkbox touch-scale"
4378          type="checkbox"
4379          id="auth-newsletter"
4380          name="newsletter"
4381          auth-field="newsletter"
4382          checked
4383        >
4384        <label class="form_checkbox-label" for="auth-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>
4385        <label class="form_checkbox-text" for="auth-newsletter">
4386          Subscribe to get latest offers and discounts.
4387        </label>
4388      </div>
4389
4390      <div class="form_checkbox-container" auth-step="code" auth-unless="first_name,last_name,email_exists">
4391        <input
4392          class="form_checkbox touch-scale"
4393          type="checkbox"
4394          id="auth-newsletter-code"
4395          name="newsletter"
4396          auth-field="newsletter"
4397          checked
4398        >
4399        <label class="form_checkbox-label" for="auth-newsletter-code"><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>
4400        <label class="form_checkbox-text" for="auth-newsletter-code">
4401          Subscribe to get latest offers and discounts.
4402        </label>
4403      </div>
4404
4405      <div class="form_item" auth-step="email password signup profile">
4406        <button
4407          type="button"
4408          class="form_submit auth-submit auth-submit--cta button-primary"
4409          auth-busy-disabled
4410          @tap="auth.continue;"
4411        >
4412          <span class="auth-cta-label">
4413            <span auth-step="email">Continue</span>
4414            <span auth-step="password" auth-if="one_step">Continue</span>
4415            <span auth-step="password" auth-unless="one_step">Sign in</span>
4416            <span auth-step="signup" auth-if="signup_verify">Continue</span>
4417            <span auth-step="signup" auth-unless="signup_verify">Create account</span>
4418            <span auth-step="profile">Create account</span>
4419          </span>
4420          <span class="auth-spinner auth-cta-spinner" aria-hidden="true"></span>
4421        </button>
4422      </div>
4423
4424      <div class="form_item" auth-step="code">
4425        <button
4426          type="button"
4427          class="form_submit auth-submit button-primary auth-code-loading"
4428          disabled
4429        >
4430          <span class="auth-spinner" aria-hidden="true"></span>
4431        </button>
4432        <button
4433          type="button"
4434          class="form_submit auth-submit button-primary auth-code-resend"
4435          auth-if="cooldown"
4436          disabled
4437        >
4438          Resend code&nbsp;<span auth-text="cooldown"></span>s
4439        </button>
4440        <button
4441          type="button"
4442          class="form_submit auth-submit button-primary auth-code-resend"
4443          auth-unless="cooldown"
4444          auth-busy-disabled
4445          @tap="auth.sendCode;"
4446        >
4447          Resend code
4448        </button>
4449      </div>
4450
4451      <div class="auth-back" auth-step="code">
4452        <a class="auth-back-link" @tap="auth.back;">
4453          <svg class="" width="18" height="18" viewBox="0 0 18 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>
4454          <span>Wrong email? Go back</span>
4455        </a>
4456      </div>
4457      <div class="auth-back" auth-step="signup password" auth-if="one_step">
4458        <a class="auth-back-link" @tap="auth.back;">
4459          <svg class="" width="18" height="18" viewBox="0 0 18 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>
4460          <span>Wrong email? Go back</span>
4461        </a>
4462      </div>
4463
4464      <div class="auth-switch" auth-if="both_methods">
4465        <a
4466          class="auth-switch-btn button-secondary"
4467          auth-step="email password"
4468          auth-method="password"
4469          @tap="auth.switchMethod(method='code');"
4470        >
4471          Use verification code
4472        </a>
4473        <a
4474          class="auth-switch-btn button-secondary"
4475          auth-step="email password"
4476          auth-method="code"
4477          @tap="auth.switchMethod(method='password');"
4478        >
4479          Use password instead
4480        </a>
4481      </div>
4482    </form>
4483
4484    <div class="auth-register-hint footer_text" auth-step="email password">
4485      <span>Don't have an account?</span>
4486      <a
4487        class="footer_text_link"
4488        href="/account/register"
4489        data-track="dj.jumpToRegister"
4490      >
4491        Create one
4492      </a>
4493    </div>
4494
4495    <div class="auth-social-block" auth-step="email password">
4496      <spz-render layout="container" src="/api/customers/login_settings" template-src="//static.staticdj.com/themes/account_render_template-a76e319994.tpl#social-login" class="i-spzhtml-layout-container" i-spzhtml-layout="container"></spz-render>
4497    </div>
4498
4499  </spz-auth>
4500
4501  <div class="flex justify-center items-center mt-10">
4502    <svg class="mr-2" width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.572 5.983a.751.751 0 0 1 .323.316c.07.135.107.269.107.403a.699.699 0 0 1-.107.373.599.599 0 0 1-.303.249.588.588 0 0 0-.312.222.624.624 0 0 0-.03.651.75.75 0 0 0 .282.28.668.668 0 0 1 .282.305.824.824 0 0 1-.02.74.329.329 0 0 1-.262.18.34.34 0 0 0-.225.165.553.553 0 0 0-.067.28c0 .1.023.2.067.295a.382.382 0 0 0 .225.201.45.45 0 0 1 .245.229c.057.114.09.235.098.363a1 1 0 0 1-.047.362.47.47 0 0 1-.175.25c-.262.154-.39.325-.39.516 0 .192.131.383.39.575.05.037.1.107.148.212a.72.72 0 0 1 .067.305c0 .101-.027.192-.077.27-.054.076-.145.113-.273.113h-1.055c-.077 0-.12-.006-.127-.02-.00
45027-.013.003-.033.03-.067a.899.899 0 0 1 .098-.104.493.493 0 0 0 .097-.135c.064-.178.064-.332 0-.46a.818.818 0 0 0-.333-.326.459.459 0 0 1-.225-.238.776.776 0 0 1-.06-.336.93.93 0 0 1 .067-.306.364.364 0 0 1 .175-.191.415.415 0 0 0 .235-.212c.05-.1.077-.212.077-.326a.865.865 0 0 0-.057-.316.374.374 0 0 0-.175-.201.575.575 0 0 1-.245-.229.697.697 0 0 1-.087-.346c0-.128.026-.252.077-.373a.639.639 0 0 1 .255-.295.594.594 0 0 0 .195-.212.63.63 0 0 0 .03-.585.544.544 0 0 0-.245-.238.584.584 0 0 1-.282-.28.82.82 0 0 1 0-.735.655.655 0 0 1 .245-.269c.222-.114.343-.272.363-.47.02-.198.003-.38-.05-.548a.77.77 0 0 0-.236-.346.665.665 0 0 0-.45-.154H7.462V4.005h10.996c.09 0 .168.033.235.094a.466.466 0 0 1 .128.232.5.5 0 0 1-.205.517.893.893 0 0 0-.205.249.735.735 0 0 0-.047.641.38.38 0 0 0 .208.245ZM2.617 5.046c0-.255.101-.49.303-.709.201-.218.42-.326.655-.326h2.694v1.532H2.617v-.497Zm1.838 10.942H3.38c-.286 0-.571-.003-.85-.01-.279-.006-.47-.01-.575-.01-.352.014-.598-.043-.742-.171-.145-.128-.215-.37-.215-.729V12.31c0-.141.023-.246.067-.316.047-.07.141-.118.282-.145.054 0 .125-.02.215-.057a.914.914 0 0 0 .272-.181c.091-.084.168-.192.236-.326.063-.134.097-.296.097-.487 0-.296-.08-.524-.245-.689a.901.901 0 0 0-.518-.289c-.144-.027-.248-.067-.312-.124-.064-.057-.098-.158-.098-.296V7.368c0-.346.058-.592.175-.74.118-.147.376-.221.78-.221h2.5v9.582h.006ZM16.18 6.531c.057.084.09.175.098.279a.596.596 0 0 1-.068.306.426.426 0 0 1-.255.211.595.595 0 0 0-.41.487.474.474 0 0 0 .077.316c.064.104.175.178.333.229.118.05.212.127.282.228.07.101.111.209.118.316a.521.521 0 0 1-.078.306.473.473 0 0 1-.282.201.632.632 0 0 0-.5.558.593.593 0 0 0 .097.346c.07.114.178.198.323.249a.58.58 0 0 1 .292.228c.064.1.1.212.107.326a.64.64 0 0 1-.067.326.524.524 0 0 1-.235.232c-.326.154-.494.339-.507.554-.014.218.11.39.373.517.117.05.211.131.282.239.07.107.11.225.117.346a.62.62 0 0 1-.067.326.439.439 0 0 1-.252.201.644.644 0 0 0-.363.212.559.559 0 0 0-.137.326.598.598 0 0 0 .097.346c.07.114.185.212.343.289a.46.46 0 0 1 .225.239c.047.107.06.215.05.315a.645.645 0 0 1-.107.28.28.28 0 0 1-.245.123H5.607V6.408h10.331c.101 0 .185.04.242.124Zm-6.45 3.28c-.02-.858-.437-1.294-1.257-1.311-.837.02-1.256.457-1.256 1.31v.336c.036.82.456 1.236 1.256 1.257.8-.017 1.216-.437 1.257-1.257V9.81Zm2.056-1.506c-.209-.037-.39.12-.541.474L8.96 13.3a.81.81 0 0 0-.084.279c.057.13.172.215.343.252.171.016.353-.121.54-.42l2.285-4.522a.822.822 0 0 0 .084-.306.44.44 0 0 0-.342-.279Zm1.999 3.766c-.02-.857-.437-1.293-1.257-1.31-.836.02-1.256.457-1.256 1.31v.336c.02.783.436 1.183 1.256 1.2.8-.02 1.216-.42 1.257-1.2v-.336Zm-1.257 1.005c-.285.02-.42-.27-.4-.864-.02-.557.115-.836.4-.836.265-.017.39.262.37.836.02.612-.104.9-.37.864Zm-4.055-2.288c-.286.037-.41-.242-.37-.837-.036-.594.088-.883.37-.863.265 0 .4.289.4.863 0 .575-.135.857-.4.837Z" fill="#121B17"/></svg>
4503    Login for more discounts
4504    </div>
4505</div>
4506</div>
4506<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>
4506
4507      </div>
4508      <div id="shoplaza-section-footer" class="shoplaza-section" data-section-id="footer" data-section-type="footer" data-section-style="expand"><style>
4509  [data-section-id="footer"] {
4510    color: var(--color-footer-text);
4511    background-color: var(--color-footer-bg);
4512  }
4513  .footer__newsletter,
4514  .footer_blocks,
4515  .footer__additional {
4516    border-top: 1px solid var(--color-footer-border);
4517  }
4518</style>
4519<style>
4520    .footer__additional__item{
4521      padding-top: 12px
4522    }
4523    .footer__additional__item + .footer__additional__item{
4524      padding-left: 20px;
4525    }
4526    .footer__copyright a[href] {
4527      color: inherit;
4528      text-decoration: none;
4529    }
4530  </style>
4531
4532  <div class="footer__additional pt-5 pb-8 lg:pt-6 lg:pb-8">
4533    <div class="page-container body-minus-1 flex flex-wrap justify-center">
4534      <span class="footer__additional__item">&copy;&nbsp;<time datetime="2026">2026</time>&nbsp;JJRAYMOND</span>
4535      <a class="footer__additional__item text-inherit" 
4536href="/pages/about-us" >About Us</a>
4537      <a class="footer__additional__item text-inherit" 
4538href="/pages/contact-us" >Contact Us</a>
4539      <a class="footer__additional__item text-inherit" 
4540href="/pages/returns-refunds-policy" >Returns & Refunds Policy</a>
4541      <a class="footer__additional__item text-inherit" 
4542href="/pages/privacy-policy" >Privacy Policy</a>
4543      <a class="footer__additional__item text-inherit" 
4544href="/pages/shipping-policy" >Shipping Policy</a>
4545      <a class="footer__additional__item text-inherit" 
4546href="/pages/terms-of-service" >Terms of service</a>
4547      <a class="footer__additional__item text-inherit" 
4548href="/pages/payment-methods" >Payment Methods</a>
4549      </div>
4550  </div>
4551</div>
4552      <style type="text/css">
4553  .cart-ec-button-container {
4554    margin: 10px 0;
4555  }
4556</style><div id="shoplaza-section-cart_drawer" class="shoplaza-section" data-section-id="cart_drawer" data-section-type="cart_drawer" data-section-style="">
4557  <style>
4558  #cart-drawer {
4559    width: 0;
4560    height: 0;
4561  }
4562
4563  #cart-drawer[loading] ~ *,
4564  #cart-drawer[data-empty][finish] ~ *,
4565  #cart-drawer:not([data-empty])[finish] ~ .cart-empty {
4566    display: none;
4567  }
4568
4569  #cart-drawer[loading] ~ .cart-drawer-loading {
4570    display: var(--loading-show);
4571  }
4572
4573  #cart-drawer:not([loading]) ~ .cart-drawer-loading {
4574    display: none !important;
4575  }
4576
4577  #cart-drawer[data-empty][finish] ~ .cart-empty {
4578    display: block;
4579  }
4580
4581  .cart-drawer-loading {
4582    padding-top: 50%;
4583  }
4584
4585  .cart-drawer-loading .loading-bounce {
4586    border-bottom-color: var(--color-body-text);
4587  }
4588
4589  #cart-drawer-modal {
4590    height: 100vh;
4591  }
4592
4593  #cart-drawer-modal,
4594  .cart-drawer-summary-sticky-render {
4595    width: 84.62%;
4596    max-width: 84.62%;
4597    background-color: var(--color-body-bg);
4598  }
4599
4600  .cart-drawer-header {
4601    padding: 12px 16px;
4602    border-bottom: 1px solid var(--color-border);
4603  }
4604
4605  .cart-drawer-title {
4606    line-height: 1.1667;
4607    font-size: calc(var(--type-heading-font-size) * .8);
4608  }
4609
4610  .cart-drawer-item-image {
4611    flex-shrink: 0;
4612    width: 23.49%;
4613  }
4614
4615  .cart-drawer-item-delete-btn::before {
4616    content: '';
4617    position: absolute;
4618    top: -8px;
4619    left: -8px;
4620    right: -8px;
4621    bottom: -8px;
4622  }
4623
4624  .cart-drawer-item-qty-container spz-quantity {
4625    width: 81px;
4626  }
4627
4628  .cart-drawer-item-qty-container spz-quantity .i-spzhtml-quantity-number-decrease[disabled] {
4629    cursor: pointer;
4630  }
4631
4632  .cart-drawer-item-qty-container spz-quantity span[role="button"] {
4633    padding: 6px;
4634    border-color: var(--color-border) !important;
4635  }
4636
4637  .cart-drawer-item-qty-container spz-quantity input[type="number"] {
4638    width: 25px;
4639  }
4640
4641  .cart-drawer-item-text {
4642    color: #FF3F02;
4643  }
4644
4645  .cart-drawer-countdown-wrapper {
4646    margin: 0 -16px;
4647  }
4648
4649  .cart_free_shipping ~ .cart-drawer-summary {
4650    margin-top: 10px;
4651  }
4652
4653  .cart-drawer-summary {
4654    padding: 8px;
4655    border-radius: 2px;
4656    background-color: var(--color-cart-subtotal-bg);
4657  }
4658
4659  .cart-drawer-summary-discount-btn {
4660    display: flex;
4661    align-items: center;
4662    padding: 4px 8px;
4663    margin-top: 4px;
4664    color: #F16515;
4665    border-radius: 100px;
4666    background-color: #fff;
4667    cursor: pointer;
4668  }
4669
4670  .cart-drawer-summary-discount-btn span {
4671    margin-right: 2px;
4672  }
4673
4674  html[dir="rtl"] .cart-drawer-summary-discount-btn span {
4675    margin-left: 2px;
4676    margin-right: 0;
4677  }
4678
4679  .cart-drawer-summary-discount-btn svg {
4680    transition: transform .2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
4681  }
4682
4683  .cart-drawer-summary-discount-list.open .cart-drawer-summary-discount-btn svg {
4684    transform: rotate(-180deg);
4685  }
4686
4687  .cart-drawer-summary-discount-list ul {
4688    display: none;
4689  }
4690
4691  .cart-drawer-summary-discount-list.open ul {
4692    display: block;
4693  }
4694
4695  .cart-drawer-invalid-msg {
4696    color: #FF3F02;
4697  }
4698
4699  .cart-drawer-checkout-btn {
4700    height: 46px;
4701    padding: 12px 0;
4702  }
4703
4704  .cart-drawer-checkout-btn > *,
4705  .cart-drawer-checkout-btn[loading] {
4706    pointer-events: none;
4707  }
4708
4709  .cart-drawer-checkout-btn[loading] > span,
4710  .cart-drawer-checkout-btn:not([loading]) > .loading {
4711    display: none;
4712  }
4713
4714  .cart-drawer-checkout-btn[loading] > .loading {
4715    opacity: 1;
4716  }
4717
4718  .cart-drawer-summary-sticky-render {
4719    z-index: calc(var(--z-index-modal) + 1);
4720    position: fixed;
4721    right: 0;
4722    bottom: 0;
4723    width: 100%;
4724    background-color: #fff;
4725    box-shadow: 0 -8px 20px 0 rgba(34, 34, 34, .08);
4726    opacity: 0;
4727    transform: translateY(100%);
4728  }
4729
4730  .cart-drawer-summary-sticky {
4731    padding: 16px;
4732    background-color: var(--color-body-bg);
4733  }
4734
4735  .cart-drawer-summary-sticky-render {
4736    pointer-events: none;
4737  }
4738
4739  .cart-drawer-summary-sticky-render:not(.open),
4740  .cart-drawer-summary-sticky-render:not(.visible) {
4741    display: none;
4742  }
4743
4744  .cart-drawer-summary-sticky-render.visible.open {
4745    pointer-events: auto;
4746    animation: sticky-bottom-show .4s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
4747  }
4748
4749  @keyframes sticky-bottom-show {
4750    0% { opacity: 1;}
4751    100% { transform: translateY(0); opacity: 1; }
4752  }
4753
4754  .cart-drawer-summary-sticky-compensation-container.visible {
4755    height: var(--cart-drawer-summary-sticky-height);
4756  }
4757
4758  .cart-drawer-summary-sticky .cart-drawer-summary-discount-btn {
4759    background-color: #F6F6F6;
4760  }
4761
4762  .cart-drawer-empty-container {
4763    padding: 80px 16px;
4764  }
4765
4766  .cart-drawer-empty-btn {
4767    height: 46px;
4768  }
4769
4770  .cart-drawer-content .cart-ec-button-container {
4771    margin-top: 0;
4772  }
4773
4774  @media (max-width: 959.98px) {
4775    #cart-drawer-modal .ios_safari_bottom_bar {
4776      display: none;
4777    }
4778
4779    #cart-drawer-modal.deepen ~ .i-spzhtml-sidebar-mask {
4780      background-color: var(--color-body-text-70);
4781    }
4782
4783    .cart-drawer-summary-sticky-modal {
4784      z-index: calc(var(--z-index-modal) + 1);
4785      width: 100% !important;
4786      max-height: 85vh !important;
4787      display: flex;
4788      align-items: flex-end;
4789      justify-content: flex-end;
4790      pointer-events: none;
4791    }
4792
4793    .cart-drawer-summary-sticky-modal .ios_safari_bottom_bar {
4794      display: none;
4795    }
4796
4797    .cart-drawer-summary-sticky-modal-inner {
4798      width: 100%;
4799      padding: 8px 16px 16px;
4800      border-radius: 2px;
4801      background-color: #fff;
4802      box-shadow: 0 -8px 20px 0 rgba(34, 34, 34, .08);
4803      pointer-events: auto;
4804    }
4805
4806    .cart-drawer-summary-sticky-modal-close {
4807      margin-right: -8px;
4808    }
4809
4810    html[dir="rtl"] .cart-drawer-summary-sticky-modal-close {
4811      margin-left: -8px;
4812      margin-right: 0;
4813    }
4814
4815    .cart-drawer-checkout-btn-mobile {
4816      flex-shrink: 0;
4817      width: 40.268%;
4818      margin-top: 0;
4819    }
4820
4821    .cart-drawer-summary-sticky .cart-drawer-summary-discount-btn svg {
4822      transform: rotate(0) !important;
4823    }
4824
4825    .cart-drawer-summary-sticky-modal ~ .i-spzhtml-sidebar-mask {
4826      top: unset !important;
4827      bottom: 0;
4828    }
4829  }
4830
4831  @media (min-width: 960px) {
4832    #cart-drawer-modal,
4833    .cart-drawer-summary-sticky-render {
4834      width: 468px;
4835      max-width: 468px;
4836    }
4837
4838    .cart-drawer-header {
4839      padding: 22px 16px;
4840    }
4841
4842    .cart-drawer-item-image {
4843      width: 32.11%;
4844    }
4845
4846    .cart-drawer-item-qty-container spz-quantity {
4847      width: 93px;
4848    }
4849
4850    .cart-drawer-item-qty-container spz-quantity input[type="number"] {
4851      width: 37px;
4852    }
4853  }
4854</style>
4855
4856  <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">
4857    <header class="cart-drawer-header flex-shrink-0 flex items-center justify-between">
4858      <h4 class="cart-drawer-title m-0 type-heading-font-family color-heading">
4859        Cart
4860      </h4>
4861      <button class="clear flex p-2 cursor-pointer" @tap="cart-drawer-modal.close();" type="button">
4862        <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>
4863      </button>
4864    </header>
4865
4866    <spz-cart id="cart-drawer" layout="container" empty-item="cart.line_items" @mounted="cart-drawer-subtotal-render.rerender(extraData=event.cart);cart-drawer-summary-sticky-render.rerender(extraData=event.cart);cart-drawer-items-render.rerender(extraData=event.cart);" @cartchange="cart-drawer-items-render.rerender(extraData=event.cart);cart-drawer-subtotal-render.rerender(extraData=event.cart);cart-drawer-summary-sticky-render.rerender(extraData=event.cart);" class="i-spzhtml-layout-container" i-spzhtml-layout="container">
4867      <template><div></div></template>
4868    </spz-cart>
4869    <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>
4870
4871    <div class="loading items-center justify-center cart-drawer-loading" role="loading"   show >
4872  <div class="loading-bounce"></div>
4873</div>
4874    <div class="cart-empty flex flex-col items-center text-center cart-drawer-empty-container" >
4875  <svg class="color-body-70" xmlns="http://www.w3.org/2000/svg" width="80" height="70" fill="none">
4875<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>
4876  <div class="mt-5 color-body-70 font-medium body-plus-4 leading-1.2">Your shopping bag is empty</div>
4877  <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">
4878    Continue shopping
4879  </button>
4880</div>
4881
4882    <div class="cart-drawer-content flex-1 overflow-y-auto px-4" id="cart-drawer-content">
4883      
4883<script id="cart-drawer-items-config" type="application/json">
4884  {
4885    "wholesaleEnabled": false,
4886    "viewImageText": "View image",
4887    "freeGiftText": "Free gift",
4888    "mixedLotText": "Mixed Lot",
4889    "mixedLotTipsText": "You can enjoy the wholesale price when you add up to {{count}} pieces of current goods and any goods that support \"Mixed Lot\" in the store."
4890  }
4891</script>
4891
4892
4893<spz-render id="cart-drawer-items-render" layout="container" manual multiple-datasource src="script:cart-drawer-items-config" template-src="//static.staticdj.com/themes/cart_drawer_render_template-659dd225cf.tpl#cart-drawer-items" class="i-spzhtml-layout-container" i-spzhtml-layout="container"></spz-render>
4894<script id="cart-drawer-subtotal-config" type="application/json">
4895  {
4896    "freeShippingEnabled": false,
4897    "postageFreeAmount": 0,
4898    "enjoyFreeShoppingText": "Spend {{ amount }} more and get free shipping!",
4899    "freeShippingText": "You've got free shipping",
4900    "totalText": "Total",
4901    "saveText": "Save {{save_amount}}",
4902    "taxShippingInfoText": "Taxes and shipping calculated at checkout",
4903    "checkOutText": "Check out",
4904    "taxIncluded": false,
4905    "taxIncludedText": "(Tax included)",
4906    "couponHtml": "\u003Cscript async crossorigin=\"anonymous\" src=\"\/\/static.staticdj.com\/cuttlefish\/v1\/spz.min.js\"\u003E\u003C\/script\u003E\n\u003Clink rel=\"stylesheet\" href=\"\/\/app-assets.staticdj.com\/apps\/publicapp\/basic_css-82a8310f.css\"\u003E\n\u003Cstyle\u003E\n  .cart-coupon-code {\n    --inputs-radius: 4px;\n    --inputs-border: 1px;\n  }\n  ljs-coupon-code:not([dom-mounted]) {\n    opacity: 0;\n    margin-bottom: 0 !important;\n  }\n\u003C\/style\u003E\n\u003Clink rel=\"stylesheet\" href=\"\/\/app-assets.staticdj.com\/apps\/publicapp\/cart_coupon_code-e4d109ea.css\" media=\"print\" onload=\"this.media='all'\"\u003E\n\u003Cnoscript\u003E\u003Clink rel=\"stylesheet\" href=\"\/\/app-assets.staticdj.com\/apps\/publicapp\/cart_coupon_code-e4d109ea.css\"\u003E\u003C\/noscript\u003E\n\u003Cscript type=\"application\/json\" data-tpl-i18n\u003E\n{\n  \"discount_code.add\": \"Add\",\n  \"discount_code.code_unavailable\": \"Below discount codes are unavailable\",\n  \"discount_code.recommend_discount_code\": \"Recommend discount codes\"\n}\n\u003C\/script\u003E\n\u003Cljs-script layout=\"logic\" type=\"application\/javascript\" src=\"\/\/app-assets.staticdj.com\/apps\/publicapp\/marketing_tpl_loader-7adfd043.js\" data-nosnippet\u003E\u003C\/ljs-script\u003E\n\u003Clink rel=\"stylesheet\" href=\"\/\/app-assets.staticdj.com\/apps\/publicapp\/cart_coupon_code_modal-227ab51a.css\" media=\"print\" onload=\"this.media='all'\"\u003E\n\u003Cnoscript\u003E\u003Clink rel=\"stylesheet\" href=\"\/\/app-assets.staticdj.com\/apps\/publicapp\/cart_coupon_code_modal-227ab51a.css\"\u003E\u003C\/noscript\u003E\n\n\u003Ctemplate id=\"cart-coupon-code-modal-tpl\"\u003E\u003C\/template\u003E\n\u003Ctemplate id=\"cart-coupon-code-modal-products-template\"\u003E\u003C\/template\u003E\n\u003Ctemplate id=\"cart-coupon-code-modal-products-template-y\"\u003E\u003C\/template\u003E\n\u003Cscript type=\"application\/json\" data-tpl-loader-map\u003E\n  {\n    \"cart-coupon-code-modal-tpl\": {\n      \"url\": \"\\\/\\\/app-assets.staticdj.com\\\/apps\\\/publicapp\\\/cart_coupon_code_modal-ccaf576e.tpl\",\n      \"vars\": { \"PROGRESS_TPL_URL\": \"\\\/\\\/app-assets.staticdj.com\\\/apps\\\/publicapp\\\/cart_coupon_code_modal_progress-0bc17e28.tpl\" }\n    },\n    \"cart-coupon-code-modal-products-template\": {\n      \"url\": \"\\\/\\\/app-assets.staticdj.com\\\/apps\\\/publicapp\\\/cart_coupon_code_modal_products-6f9d27f7.tpl\",\n      \"vars\": { \"SOURCE_ID\": \"cart-coupon-code-modal__buy\", \"PRODUCT_TPL_ID\": \"marketing-product-template\" }\n    },\n    \"cart-coupon-code-modal-products-template-y\": {\n      \"url\": \"\\\/\\\/app-assets.staticdj.com\\\/apps\\\/publicapp\\\/cart_coupon_code_modal_products-6f9d27f7.tpl\",\n      \"vars\": { \"SOURCE_ID\": \"cart-coupon-code-modal__buy_y\", \"PRODUCT_TPL_ID\": \"marketing-product-template\" }\n    }\n  }\n\u003C\/script\u003E\n\u003Cspz-custom-cart-coupon-code-utils layout=\"logic\" id=\"cart-coupon-code-utils\" data-modal-id=\"cart-coupon-code-modal\"\u003E\u003C\/spz-custom-cart-coupon-code-utils\u003E\n\n\u003Cljs-sidebar\n  layout=\"nodisplay\"\n  side=\"bottom\"\n  id=\"cart-coupon-code-modal\"\n  class=\"app-marketing-block-base-style cart-coupon-code-modal\"\n  hidden\n  target=\"body\"\n  @open=\"cart-coupon-code-utils.setSideBarHeight();\"\n\u003E\n  \u003Cljs-render layout=\"container\" src=\"custom:coupon-code.getModalData\" id=\"cart_coupon_code_modal\" class=\"cart-coupon-code-modal-render\" template=\"cart-coupon-code-modal-tpl\"\u003E\u003C\/ljs-render\u003E\n\u003C\/ljs-sidebar\u003E\n\n\u003Cljs-script layout=\"logic\" type=\"application\/javascript\" src=\"\/\/app-assets.staticdj.com\/apps\/publicapp\/cart_coupon_code_modal-75a23140.js\" data-nosnippet\u003E\u003C\/ljs-script\u003E\n\u003Cscript type=\"application\/json\" data-tpl-i18n\u003E\n{\n  \"quick_shop.price\": \"Price\",\n  \"quick_shop.save\": \"Save\",\n  \"quick_shop.quantity\": \"Quantity\",\n  \"quick_shop.add_to_cart\": \"Add to cart\",\n  \"quick_shop.sold_out\": \"SOLD OUT\",\n  \"quick_shop.sale\": \"SALE\",\n  \"quick_shop.buy_now\": \"Buy it now\",\n  \"quick_shop.out_of_stock\": \"Product was out of stock.\",\n  \"quick_shop.product_unavailable\": \"Product is unavailable.\",\n  \"quick_shop.avaliability\": \"Avaliability\",\n  \"quick_shop.in_stock_shipped\": \"in stock, ready to be shipped\",\n  \"quick_shop.low_stock\": \"Low stock\"\n}\n\u003C\/script\u003E\n\u003Ctemplate id=\"marketing-product-template\"\u003E\u003C\/template\u003E\n\u003Cscript type=\"application\/json\" data-tpl-loader-map\u003E\n  {\n    \"marketing-product-template\": {\n      \"url\": \"\\\/\\\/app-assets.staticdj.com\\\/apps\\\/publicapp\\\/marketing_product_template-8696c4ec.tpl\",\n      \"vars\": {\n        \"PRODUCTS_API\": \"\\\/api\\\/products\"\n      }\n    }\n  }\n\u003C\/script\u003E\n\u003Clink rel=\"stylesheet\" href=\"\/\/app-assets.staticdj.com\/apps\/publicapp\/marketing_product_template-6ae784fe.css\" media=\"print\" onload=\"this.media='all'\"\u003E\n\u003Cnoscript\u003E\u003Clink rel=\"stylesheet\" href=\"\/\/app-assets.staticdj.com\/apps\/publicapp\/marketing_product_template-6ae784fe.css\"\u003E\u003C\/noscript\u003E\n\u003Cstyle\u003E\n  @media (min-width: 960px) {\n      .marketing-product-tmpl-extra { padding: 16px 28px 20px; }\n    }\n    @media (max-width: 959.98px) {\n      .marketing-product-tmpl-extra { padding: 6px 20px 16px; }\n    }\n  \u003C\/style\u003E\n\u003Cljs-lightbox id='marketing-quick-view' layout='nodisplay' class='app-marketing-block-base-style marketing-quick-shop pointer-events-none' target=\"body\"\u003E\n  \u003Ctemplate id=\"marketing-quick-view-tpl\"\u003E\u003C\/template\u003E\n  \u003Cscript type=\"application\/json\" data-tpl-loader-map\u003E\n    {\n      \"marketing-quick-view-tpl\": {\n        \"url\": \"\\\/\\\/app-assets.staticdj.com\\\/apps\\\/publicapp\\\/marketing_quick_view-1808ed4a.tpl\",\n        \"vars\": {\n          \"ATC_PRICE_URL\": \"\\\/\\\/app-assets.staticdj.com\\\/apps\\\/publicapp\\\/marketing_atc_price-b7dd0520.tpl\",\n          \"THUMB_CONTROLS_URL\": \"\\\/\\\/app-assets.staticdj.com\\\/apps\\\/publicapp\\\/marketing_qv_thumb_controls-621d7738.tpl\",\n          \"QV_RESIZE_URL\": \"\\\/\\\/app-assets.staticdj.com\\\/apps\\\/publicapp\\\/marketing_qv_resize-57785915.js\"\n        }\n      }\n    }\n  \u003C\/script\u003E\n  \u003Cljs-render\n    class='marketing-quick-view-render pointer-events-auto w-full'\n    layout='container'\n    id='marketing-quick-view-render'\n    items='data.product'\n    has-loading\n    manual\n    @finish='marketing-quick-view-variants.variantsRender(product=event.data);'\n    template=\"marketing-quick-view-tpl\"\n  \u003E\u003C\/ljs-render\u003E\n\u003C\/ljs-lightbox\u003E\n\n\u003Ctemplate id='marketing-quick-view-variants-template'\u003E\u003C\/template\u003E\n\u003Ctemplate id=\"marketing-qsv-selected-render-template\"\u003E\u003C\/template\u003E\n\u003Cscript type=\"application\/json\" data-tpl-loader-map\u003E\n  {\n    \"marketing-quick-view-variants-template\": {\n      \"url\": \"\\\/\\\/app-assets.staticdj.com\\\/apps\\\/publicapp\\\/marketing_qs_variants-77815158.tpl\",\n      \"vars\": { \"TYPE\": \"qv\", \"INPUT_FROM\": \"marketing-quick-view-body\" }\n    },\n    \"marketing-qsv-selected-render-template\": {\n      \"url\": \"\\\/\\\/app-assets.staticdj.com\\\/apps\\\/publicapp\\\/marketing_qsv_selected_render-ac3d2cc4.tpl\"\n    }\n  }\n\u003C\/script\u003E\n\u003Ctemplate id='marketing-qv-prices-template'\u003E\u003C\/template\u003E\n\u003Cscript type=\"application\/json\" data-tpl-loader-map\u003E\n  {\n    \"marketing-qv-prices-template\": {\n      \"url\": \"\\\/\\\/app-assets.staticdj.com\\\/apps\\\/publicapp\\\/marketing_qs_prices-f5f94ddb.tpl\"\n    }\n  }\n\u003C\/script\u003E\n\u003Cljs-lightbox class=\"app-marketing-block-base-style marketing-quick-shop pointer-events-none\" id=\"marketing-quick-shop\" layout=\"nodisplay\" target=\"body\"\u003E\n  \u003Ctemplate id=\"marketing-quick-shop-tpl\"\u003E\u003C\/template\u003E\n  \u003Cscript type=\"application\/json\" data-tpl-loader-map\u003E\n    {\n      \"marketing-quick-shop-tpl\": {\n        \"url\": \"\\\/\\\/app-assets.staticdj.com\\\/apps\\\/publicapp\\\/marketing_quick_shop-728b177a.tpl\",\n        \"vars\": {\n          \"ATC_PRICE_URL\": \"\\\/\\\/app-assets.staticdj.com\\\/apps\\\/publicapp\\\/marketing_atc_price-b7dd0520.tpl\"\n        }\n      }\n    }\n  \u003C\/script\u003E\n  \u003Cljs-render\n    class=\"marketing-quick-shop-render pointer-events-auto w-full\"\n    id=\"marketing-quick-shop-render\"\n    items=\"data\"\n    layout=\"container\"\n    has-loading\n    manual\n    @finish=\"marketing-quick-shop-variants.variantsRender(product=event.data.product);marketing-quick-shop-quantity.update(value=event.data.product.quantity,max=event.data.product.max,min=event.data.product.min);\"\n    template=\"marketing-quick-shop-tpl\"\n  \u003E\u003C\/ljs-render\u003E\n\u003C\/ljs-lightbox\u003E\n\u003Ctemplate id='marketing-quick-shop-variants-template'\u003E\u003C\/template\u003E\n\u003Ctemplate id=\"marketing-qsv-selected-render-template\"\u003E\u003C\/template\u003E\n\u003Cscript type=\"application\/json\" data-tpl-loader-map\u003E\n  {\n    \"marketing-quick-shop-variants-template\": {\n      \"url\": \"\\\/\\\/app-assets.staticdj.com\\\/apps\\\/publicapp\\\/marketing_qs_variants-77815158.tpl\",\n      \"vars\": { \"TYPE\": \"qs\", \"INPUT_FROM\": \"marketing-quick-shop-body\" }\n    },\n    \"marketing-qsv-selected-render-template\": {\n      \"url\": \"\\\/\\\/app-assets.staticdj.com\\\/apps\\\/publicapp\\\/marketing_qsv_selected_render-ac3d2cc4.tpl\"\n    }\n  }\n\u003C\/script\u003E\n\u003Ctemplate id='marketing-qs-prices-template'\u003E\u003C\/template\u003E\n\u003Cscript type=\"application\/json\" data-tpl-loader-map\u003E\n  {\n    \"marketing-qs-prices-template\": {\n      \"url\": \"\\\/\\\/app-assets.staticdj.com\\\/apps\\\/publicapp\\\/marketing_qs_prices-f5f94ddb.tpl\"\n    }\n  }\n\u003C\/script\u003E\n\u003Cspz-custom-marketing-utils id=\"spz-custom-marketing-utils\" layout=\"logic\"\u003E\u003C\/spz-custom-marketing-utils\u003E\n\n\u003Cscript id=\"marketing-custom-spz-config\" type=\"application\/json\" data-nosnippet\u003E\n  { \"addedToCartText\": \"Added successfully\" }\n\u003C\/script\u003E\n\n\u003Cljs-script layout=\"logic\" type=\"application\/javascript\" src=\"\/\/app-assets.staticdj.com\/apps\/publicapp\/marketing_custom_spz-9c0adc3c.js\" data-nosnippet\u003E\u003C\/ljs-script\u003E\n  \u003Clink rel=\"stylesheet\" href=\"\/\/app-assets.staticdj.com\/apps\/publicapp\/marketing_theme_toast-1b7d0a39.css\" media=\"print\" onload=\"this.media='all'\"\u003E\n\u003Cnoscript\u003E\u003Clink rel=\"stylesheet\" href=\"\/\/app-assets.staticdj.com\/apps\/publicapp\/marketing_theme_toast-1b7d0a39.css\"\u003E\u003C\/noscript\u003E\n\n\u003Cdiv class=\"marketing-theme-toast-wrap\" id=\"coupon-code-toast-wrap\"\u003E\n  \u003Cljs-toast class=\"marketing-theme-toast flex items-center pointer-events-auto\" id=\"coupon-code-toast\" layout=\"nodisplay\" hidden\u003E\u003C\/ljs-toast\u003E\n\u003C\/div\u003E\n\u003Ctemplate id=\"cart-coupon-code-message-tpl\"\u003E\u003C\/template\u003E\n\u003Ctemplate id=\"cart-coupon-code-unavailable-tpl\"\u003E\u003C\/template\u003E\n\u003Ctemplate id=\"cart-coupon-code-recommend-tpl\"\u003E\u003C\/template\u003E\n\u003Cscript type=\"application\/json\" data-tpl-loader-map\u003E\n  {\n    \"cart-coupon-code-message-tpl\": {\n      \"url\": \"\\\/\\\/app-assets.staticdj.com\\\/apps\\\/publicapp\\\/cart_coupon_code_message-fddd9ead.tpl\"\n    },\n    \"cart-coupon-code-unavailable-tpl\": {\n      \"url\": \"\\\/\\\/app-assets.staticdj.com\\\/apps\\\/publicapp\\\/cart_coupon_code_unavailable-0e79e1e9.tpl\"\n    },\n    \"cart-coupon-code-recommend-tpl\": {\n      \"url\": \"\\\/\\\/app-assets.staticdj.com\\\/apps\\\/publicapp\\\/cart_coupon_code_recommend-032c082e.tpl\"\n    }\n  }\n\u003C\/script\u003E\n\u003Cljs-coupon-code id=\"coupon-code\" cart-id=\"cart-drawer\" layout=\"container\" class=\"app-marketing-block-base-style cart-coupon-code\" @copied=\"coupon-code-toast.showToast(content=Discount code copied !)\" @apply=\"cart-coupon-code-input.focus();cart-coupon-code-input.select();\" @applyMessage=\"coupon-code-message.rerender(data=event, redo=true);cart-coupon-code-modal-progress.render(redo=true);\"\u003E\n  \u003Cdiv\u003E\n    \u003Cdiv class=\"flex\"\u003E\n      \u003Cdiv class=\"cart-coupon-code-input\"\u003E\n        \u003Cdiv class=\"cart-coupon-code-close cursor-pointer\" role=\"clear\"\u003E\n    \u003Csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"\u003E\n      \u003Crect opacity=\"0.01\" width=\"16\" height=\"16\" fill=\"#6D7175\"\/\u003E\n      \u003Cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 8C0 3.5888 3.5888 0 8 0C12.4112 0 16 3.5888 16 8C16 12.4112 12.4112 16 8 16C3.5888 16 0 12.4112 0 8ZM6.16569 5.03431C5.85327 4.7219 5.34673 4.7219 5.03431 5.03431C4.7219 5.34673 4.7219 5.85327 5.03431 6.16569L6.86863 8L5.03431 9.83432C4.7219 10.1467 4.7219 10.6533 5.03431 10.9657C5.34673 11.2781 5.85327 11.2781 6.16569 10.9657L8 9.13137L9.83432 10.9657C10.1467 11.2781 10.6533 11.2781 10.9657 10.9657C11.2781 10.6533 11.2781 10.1467 10.9657 9.83432L9.13137 8L10.9657 6.16569C11.2781 5.85327 11.2781 5.34673 10.9657 5.03431C10.6533 4.7219 10.1467 4.7219 9.83432 5.03431L8 6.86863L6.16569 5.03431Z\" fill=\"#6D7175\"\/\u003E\n    \u003C\/svg\u003E\n  \u003C\/div\u003E\n        \u003Cinput id=\"cart-coupon-code-input\" role=\"input\"\/\u003E\n        \u003Clabel for=\"cart-coupon-code-input\" class=\"absolute\"\u003EDiscount code\u003C\/label\u003E\n      \u003C\/div\u003E\n      \u003Cbutton role='apply'\u003EApply\u003C\/button\u003E\n    \u003C\/div\u003E\n    \u003Cljs-render layout='container' id=\"coupon-code-message\" manual template=\"cart-coupon-code-message-tpl\"\u003E\u003C\/ljs-render\u003E\n    \u003Cljs-render layout='container' role='applied' manual template-src=\"\/\/app-assets.staticdj.com\/apps\/publicapp\/cart_coupon_code_applied-b0c911c9.tpl\"\u003E\u003C\/ljs-render\u003E\n    \u003Cljs-render layout='container' role='unavailable' manual template=\"cart-coupon-code-unavailable-tpl\"\u003E\u003C\/ljs-render\u003E\n    \u003Cljs-render layout='container' role='recommend' manual template=\"cart-coupon-code-recommend-tpl\"\u003E\u003C\/ljs-render\u003E\n  \u003C\/div\u003E\n\u003C\/ljs-coupon-code\u003E"
4907  }
4908</script>
4908
4909
4910<spz-render id="cart-drawer-subtotal-render" layout="container" manual multiple-datasource src="script:cart-drawer-subtotal-config" template-src="//static.staticdj.com/themes/cart_drawer_render_template-659dd225cf.tpl#cart-drawer-subtotal" class="i-spzhtml-layout-container" i-spzhtml-layout="container"></spz-render>
4911<div class="cart-ec-button-container ec-button-container" >
4912  <spz-ec layout="container" scene="cart" class="i-spzhtml-layout-container" i-spzhtml-layout="container"></spz-ec>
4913</div>
4914        </div>
4915
4916    <div class="cart-drawer-summary-sticky-compensation-container" id="cart-drawer-summary-sticky-compensation-container"></div>
4917  </spz-sidebar>
4918
4919  
4919<script id="cart-drawer-summary-sticky-config" type="application/json">
4920  {
4921    "freeShippingEnabled": false,
4922    "postageFreeAmount": 0,
4923    "enjoyFreeShoppingText": "Spend {{ amount }} more and get free shipping!",
4924    "freeShippingText": "You've got free shipping",
4925    "totalText": "Total",
4926    "subtotalText": "Subtotal",
4927    "saveText": "Save {{save_amount}}",
4928    "taxShippingInfoText": "Taxes and shipping calculated at checkout",
4929    "checkOutText": "Check out",
4930    "taxIncluded": false,
4931    "taxIncludedText": "(Tax included)",
4932    "stickyHeightJsUrl": "\/\/static.staticdj.com\/themes\/cart_drawer_summary_sticky_height-0bd13e7677.js"
4933  }
4934</script>
4934
4935
4936<spz-render class="cart-drawer-summary-sticky-render i-spzhtml-layout-container" id="cart-drawer-summary-sticky-render" layout="container" manual multiple-datasource src="script:cart-drawer-summary-sticky-config" template-src="//static.staticdj.com/themes/cart_drawer_render_template-659dd225cf.tpl#cart-drawer-summary-sticky" i-spzhtml-layout="container"></spz-render>
4937</div>
4938    </div>
4939    
4939<script type="application/ld+json">
4940  {
4941    "@context": "http://schema.org",
4942    "@type": "WebSite",
4943    "name": "JJRAYMOND",
4944    "url": "https://www.jjraymond.com"
4945  }
4946</script>
4946
4947<div class="theme-toast-wrap lg:page-container flex justify-end">
4948  <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>
4949  <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">
4950    <svg class="flex-shrink-0 mr-3" width="18" height="18" viewBox="0 0 18 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>
4951    <span role="content"></span>
4952  </spz-toast>
4953</div>
4954    <div class="add_cart-toast-wrap lg:page-container flex justify-end">
4955  <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">
4956    <span class="flex justify-between items-center w-full">
4957      <span role="content"></span>
4958      <a class="toast_view_cart inline-block font-bold text-base leading-1.1 cursor-pointer no-underline" href="/cart">View Cart</a>
4959    </span>
4960  </spz-toast>
4961</div>
4962    <style>
4963  .quick-shop .i-spzhtml-fill-content {
4964    display: flex;
4965    align-items: center;
4966    justify-content: center;
4967  }
4968
4969  .quick-shop-render {
4970    height: auto !important;
4971    width: 100%;
4972  }
4973
4974  .quick-shop-render[loading],
4975  .quick-shop-render[loading] ~ .quick-shop-close-btn {
4976    display: none;
4977  }
4978
4979  .quick-shop-content {
4980    position: relative;
4981    max-height: 86vh;
4982    overflow-y: auto;
4983    box-sizing: border-box;
4984    padding: 28px 24px 36px;
4985    width: 100%;
4986    background-color: var(--color-body-bg);
4987    overflow-y: auto;
4988    transition: all 0.2s ease-in-out;
4989  }
4990
4991  /* variants */
4992  .quick-shop__variants_content {
4993    padding: 0;
4994    border: none;
4995  }
4996
4997  .quick-shop__variants_content input[type='radio'] {
4998    position: absolute;
4999    left: 0;
5000    right: 0;
5001    opacity: 0;
5002    width: 100%;
5003    height: 100%;
5004    z-index: 10;
5005    border: 0;
5006    margin: 0;
5007    cursor: pointer;
5008  }
5009
5010  .quick-shop__variants_title {
5011    display: flex;
5012    align-items: center;
5013    flex-wrap: wrap;
5014    max-width: 100%;
5015  }
5016
5017  .quick-shop-variant-option {
5018    display: flex;
5019    align-items: center;
5020    justify-content: center;
5021    position: relative;
5022    color: var(--color-body-text-75);
5023    border: 1px solid var(--color-border);
5024    overflow: hidden;
5025  }
5026
5027  .quick-shop-variant-option[data-type='text'] {
5028    display: flex;
5029    align-items: center;
5030    justify-content: center;
5031    padding: 10px 16px;
5032  }
5033  .quick-shop-variant-option[data-type^='image'] {
5034    padding: 4px;
5035    gap: 4px;
5036  }
5037
5038  .quick-shop-variant-option[data-type^='image'] > spz-img {
5039    width: 42px;
5040    height: 42px;
5041    border-radius: 1px;
5042  }
5043
5044  .quick-shop__variants_content input[type='radio']:checked + .quick-shop-variant-option {
5045    color: var(--color-body-text);
5046    border-color: var(--color-body-text);
5047    outline: none;
5048  }
5049  .quick-shop__variants_content
5050    input[type='radio'][soldout]:not(:checked)
5051    + .quick-shop-variant-option,
5052  .quick-shop__variants_content
5053    input[type='radio'][no_exits]:not(:checked)
5054    + .quick-shop-variant-option {
5055    border-style: dashed;
5056  }
5057  .quick-shop__variants_content
5058    input[type='radio'][soldout]
5059    + .quick-shop-variant-option[data-type^='image']
5060    spz-img,
5061  .quick-shop__variants_content
5062    input[type='radio'][no_exits]
5063    + .quick-shop-variant-option[data-type^='image']
5064    spz-img {
5065    filter: opacity(0.5);
5066  }
5067
5068  .quick-shop-body[status='soldout'] .quick-shop__variant__select,
5069  .quick-shop-body[status*='unavailable'] .quick-shop__variant__select {
5070    color: var(--color-body-text-50, #888a8b);
5071    text-decoration: line-through;
5072  }
5073
5074  .quick-shop__variants_content input[type='radio'][soldout] + .quick-shop-variant-option,
5075  .quick-shop__variants_content input[type='radio'][no_exits] + .quick-shop-variant-option {
5076    color: var(--color-body-text-50, #202020);
5077    background: var(--color-border-35);
5078    text-decoration: line-through;
5079  }
5080
5081  .quick-shop__variant__select {
5082    min-height: 46px;
5083    line-height: 46px;
5084    padding-right: 46px;
5085    padding-left: 12px;
5086  }
5087
5088  .quick-shop__variant__select-icon {
5089    display: flex;
5090    flex-shrink: 0;
5091    position: absolute;
5092    top: 50%;
5093    right: 12px;
5094    transform: translateY(-50%) rotate(90deg);
5095    pointer-events: none;
5096  }
5097
5098  .quick-shop-close-btn {
5099    height: 66px;
5100    width: 66px;
5101    cursor: pointer;
5102    opacity: 0.7;
5103    z-index: 10;
5104  }
5105
5106  #quick-shop-render[loading] ~ .quick-shop-loading {
5107    display: block !important;
5108  }
5109
5110  /* qty */
5111  .quick-shop-qty {
5112    width: 116px;
5113  }
5114
5115  .quick-shop-qty > .i-spzhtml-fill-content {
5116    display: flex;
5117    align-items: center;
5118  }
5119
5120  .quick-shop-qty-btn {
5121    width: 40px;
5122    height: 100%;
5123    border: 1px solid rgba(230, 230, 230, 1);
5124  }
5125
5126  .quick-shop-qty-btn[disabled] {
5127    background-color: rgba(230, 230, 230, 1);
5128  }
5129
5130  .quick-shop-qty-input {
5131    width: 36px;
5132  }
5133
5134  /* buy button */
5135  .quick-shop_atc_btn {
5136    height: 52px;
5137    width: 100%;
5138    padding: 0;
5139    font-weight: 600;
5140    outline: 2px solid transparent;
5141    outline-offset: 2px;
5142  }
5143
5144  #quick-shop-body[status*='unavailable'] [role='addToCart'],
5145  #quick-shop-body[status='soldout'] [role='addToCart'] {
5146    cursor: default;
5147    pointer-events: none;
5148    background: #ced0d2;
5149    color: #fff;
5150  }
5151
5152  #quick-shop-body[status*='unavailable'] #quick-shop-btn-price,
5153  #quick-shop-body[status='soldout'] #quick-shop-btn-price,
5154  .quick-shop_atc_btn[loading] [role='content'],
5155  .quick-shop_atc_btn:not([loading]) .loading,
5156  .quick-shop_atc_btn[role='addToCart'][loading] #quick-shop-btn-price {
5157    display: none;
5158  }
5159
5160  .quick-shop_buy_now_btn {
5161    border: 1px solid var(--color-primary-btn-bg);
5162  }
5163
5164  /* wholesale */
5165  .quick-shop-wholesale {
5166    overflow-y: hidden;
5167    overflow-x: auto;
5168    background: #f9f9fa;
5169  }
5170
5171  .quick-shop-wholesale-item:nth-child(n + 2) {
5172    margin-left: 8px;
5173  }
5174
5175  .quick-shop-wholesale-item .money {
5176    color: var(--color-price-text);
5177  }
5178
5179  .quick-shop-wholesale-item.highlight .money {
5180    color: var(--color-save-price-text);
5181  }
5182
5183  @media (max-width: 959.98px) {
5184    #quick-shop {
5185      padding: 0 18px;
5186    }
5187
5188    #quick-shop > .quick-shop-container {
5189      width: 100%;
5190    }
5191  }
5192
5193  @media (min-width: 960px) {
5194    .quick-shop-render {
5195      width: 495px;
5196    }
5197    .quick-shop-content {
5198      padding: 32px 24px;
5199    }
5200    .quick-shop-variant-option[data-type='text'] {
5201      padding: 13px 16px;
5202    }
5203  }
5204</style>
5205<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">
5206    <div class="quick-shop-container">
5207      <div class="relative">
5208        
5208<script id="quick-shop-body-merge" type="text/template-merge">
5209          function(data) {
5210            data.config = {
5211              wholesaleEnabled: false,
5212              enableBtnPrice: true,
5213              enableVariantPriceOnAddToCart: true,
5214              swatchesNames: "color",
5215              soldOutSuffix: " - Sold out",
5216              unavailableSuffix: " - Unavailable",
5217              mixedRulesQuantity: null,
5218              variantTemplateSrc: "\/\/static.staticdj.com\/themes\/quick_shop_render_template-047eb80b2d.tpl#quick-shop-variant",
5219              retailPriceTemplateSrc: "\/\/static.staticdj.com\/themes\/quick_shop_render_template-047eb80b2d.tpl#quick-shop-retail-price",
5220              buttonPriceTemplateSrc: "\/\/static.staticdj.com\/themes\/quick_shop_render_template-047eb80b2d.tpl#quick-shop-btn-price",
5221              wholesalePriceTemplateSrc: "\/\/static.staticdj.com\/themes\/quick_shop_render_template-047eb80b2d.tpl#quick-shop-prices-wholesale",
5222              productVariant: null,
5223              piecesText: "Pieces",
5224              edgesRound: false
5225            };
5226            return data;
5227          }
5228        </script>
5228
5229        <spz-render class="quick-shop-render pointer-events-auto w-full i-spzhtml-layout-container" id="quick-shop-render" items="data" layout="container" template-src="//static.staticdj.com/themes/quick_shop_render_template-047eb80b2d.tpl#quick-shop-body" @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">
5230        </spz-render>
5231        <spz-loading class="quick-shop-loading i-spzhtml-layout-container" layout="container" role="mask" hidden i-spzhtml-layout="container"></spz-loading>
5232        <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>
5233      </div>
5234
5235      <style>
5236  .product_price_before::before {
5237    content: ' - ';
5238    display: block;
5239    width: 20px;
5240  }
5241</style>
5242</div>
5243  </spz-lightbox>
5244  
5244<script id="quick-shop-variant-merge" type="text/template-merge">
5245  function(data) {
5246    data.config = {
5247      thumbStyle: "image_with_text",
5248      variantType: "button",
5249      borderRadius: "rounded-[1px]"
5250    };
5251    return data;
5252  }
5253</script>
5253
5254<spz-render id="add-cart-event-proxy" layout="container" manual @finish=";cart-drawer-modal.open;" hidden class="hidden i-spzhtml-layout-container" i-spzhtml-layout="container">
5255    <template>
5256      <div></div>
5257    </template>
5258  </spz-render>
5259  <spz-custom-atc-event-gate layout="logic" class="hidden i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-custom-atc-event-gate>
5260  <spz-script
5261    layout="logic"
5262    type="application/javascript"
5263    src="//static.staticdj.com/themes/atc_event_gate-f75899f9c6.js"
5264    data-nosnippet
5265  ></spz-script>
5266  <spz-event target-id="add-cart-event-proxy" target-api="render" event-pattern="source!=buy_now" event-name="theme.addToCartGated;" layout="logic" class="hidden i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-event>
5267<link href="//app-assets.staticdj.com/apps/app-size-guide/app-size-guide-91993564.css" rel="stylesheet" type="text/css"  media="all"  /><div id="shoplaza-section-app-size-guide0" class="shoplaza-section" data-section-id="app-size-guide0" data-section-type="shoplazza://apps/app-size-guide/blocks/app-size-guide/666830221613217783" data-section-style="">
5268<div id="app-size-guide" class="app-size-guide-container">
5269  <ljs-render id="app-size-guide_btn_render" layout="container" manual template-src="//app-assets.staticdj.com/apps/app-size-guide/size-guide-entry-598d572c.tpl" class="i-spzhtml-layout-container" i-spzhtml-layout="container">
5270</ljs-render>
5271
5272<ljs-script layout="logic" type="application/javascript" src="//app-assets.staticdj.com/apps/app-size-guide/app-size-guide-d57493ea.js" data-nosnippet class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></ljs-script>
5273  <div style="position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;pointer-events:none;" aria-hidden="true">
5274    <spz-custom-size-guide id="size-guide" layout="logic" section-type="shoplazza://apps/app-size-guide/blocks/app-size-guide/666830221613217783" data-fms-title="Find My Size" data-fallback-image="//img.staticdj.com/oss/operation/504dc36e9723d893d9da882a46de6a3a.svg" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-custom-size-guide>
5275  </div>
5276<ljs-render id="size-guide-content-wrapper" layout="container" manual template-src="//app-assets.staticdj.com/apps/app-size-guide/size-guide-modal-b35dd9ec.tpl" @finish="size-guide.resetTableScroll()" class="i-spzhtml-layout-container" i-spzhtml-layout="container">
5277</ljs-render>
5278  <link rel="stylesheet" href="//app-assets.staticdj.com/apps/app-size-guide/find-size-modal-7759b7bf.css" media="print" onload="this.media='all'">
5279<noscript><link rel="stylesheet" href="//app-assets.staticdj.com/apps/app-size-guide/find-size-modal-7759b7bf.css"></noscript>
5280<link rel="stylesheet" href="//app-assets.staticdj.com/apps/app-size-guide/atlas-modal-4dd7ba03.css" media="print" onload="this.media='all'">
5281<noscript><link rel="stylesheet" href="//app-assets.staticdj.com/apps/app-size-guide/atlas-modal-4dd7ba03.css"></noscript>
5282
5283<ljs-sidebar layout="nodisplay" id="find-size__ljs-sidebar" class="find-size__ljs-sidebar sg-modal-shell__sidebar i-spzhtml-layout-nodisplay" side="bottom" hidden="" style="display: none" i-spzhtml-layout="nodisplay">
5284  <div class="sg-modal-shell">
5285
5286    <div class="sg-modal-shell__header">
5287      <div class="sg-modal-shell__header-left">
5288        <div class="sg-modal-shell__prev-btn sg-modal-shell__prev-btn--hidden"
5289            @tap="app-find-my-size.prevStep()">
5290          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5291            <path fill-rule="evenodd" clip-rule="evenodd" d="M10.066 1.434a1 1 0 0 1 0 1.414L5.63 7l4.435 4.152a1 1 0 1 1-1.364 1.464l-5-4.683a1 1 0 0 1 0-1.464l5-4.683a1 1 0 0 1 1.365.048z" fill="currentColor"/>
5292          </svg>
5293        </div>
5294
5295        <div id="find-size-modal-title" class="sg-modal-shell__title">
5296          Find My Size
5297</div>
5298      </div>
5299
5300      <div class="sg-modal-shell__close" @tap="find-size__ljs-sidebar.close();app-find-my-size.trackFmsClose();">
5301        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5302          <path d="M7.00003 5.88893L10.3333 2.55557C10.6402 2.24874 11.1376 2.24873 11.4445 2.55556C11.7513 2.86238 11.7513 3.35984 11.4445 3.66666L8.11114 7.00003L11.4444 10.3333C11.7513 10.6402 11.7513 11.1376 11.4444 11.4444C11.1376 11.7513 10.6402 11.7513 10.3333 11.4444L7.00003 8.11114L3.66666 11.4445C3.35984 11.7513 2.86238 11.7513 2.55556 11.4445C2.24873 11.1376 2.24874 10.6402 2.55556 10.3333L5.88893 7.00003L2.55556 3.66667C2.24873 3.35984 2.24873 2.86238 2.55556 2.55556C2.86238 2.24873 3.35984 2.24873 3.66667 2.55556L7.00003 5.88893Z" fill="currentColor"/>
5303        </svg>
5304      </div>
5305    </div>
5306
5307    <div class="sg-modal-shell__content">
5308      <ljs-render id="find-size-modal__ljs-render" class="find-size-modal__ljs-render i-spzhtml-layout-container" layout="container" manual template-src="//app-assets.staticdj.com/apps/app-size-guide/app-find-size-modal-ac1990f0.tpl" i-spzhtml-layout="container">
5309  <div class="find-size-modal__skeleton" aria-hidden="true">
5310    <div class="find-size-modal__content">
5311      <div class="fms-step">
5312        <div class="fms-step-body">
5313          <p class="fms-subtitle">Tell us about you, we'll find the best fit.</p>
5314          <div class="fms-unit-toggle" role="tabs">
5315            <div class="fms-unit-btn" active>Imperial (in/lb)</div>
5316            <div class="fms-unit-btn">Metric (cm/kg)</div>
5317          </div>
5318          <div class="fms-field">
5319            <label class="fms-label">
5320              Height
5321              <span class="fms-required">*</span>
5322            </label>
5323            <div class="fms-input-row">
5324              <div class="fms-input-group">
5325                <input type="number" class="fms-input" placeholder="0" min="0" readonly tabindex="-1">
5326                <span class="fms-input-unit">in</span>
5327              </div>
5328            </div>
5329          </div>
5330          <div class="fms-field">
5331            <label class="fms-label">
5332              Weight
5333              <span class="fms-required">*</span>
5334            </label>
5335            <div class="fms-input-row">
5336              <div class="fms-input-group">
5337                <input type="number" class="fms-input" placeholder="0" min="0" readonly tabindex="-1">
5338                <span class="fms-input-unit">lb</span>
5339              </div>
5340            </div>
5341          </div>
5342        </div>
5343      </div>
5344    </div>
5345  </div>
5346</ljs-render>
5347</div>
5348
5349  </div>
5350
5351  </ljs-sidebar>
5352<ljs-script layout="logic" type="application/javascript" src="//app-assets.staticdj.com/apps/app-size-guide/app-find-my-size-42a8e741.js" data-nosnippet class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></ljs-script>
5353<div style="position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;pointer-events:none;" aria-hidden="true">
5354  <spz-custom-find-my-size section-type="shoplazza://apps/app-size-guide/blocks/app-size-guide/666830221613217783" id="app-find-my-size" layout="logic" @sizereadytoast="size-guide-global-toast.showToast(content='   Please choose other variants before adding to cart. ')" @fmserror="size-guide-global-toast.showToast(content='   Recommendation unavailable. Please try again. ')" @atcerror="size-guide-global-toast.showToast(content=event);" @closefmsmodal="find-size__ljs-sidebar.close()" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-custom-find-my-size>
5355</div>
5356<ljs-toast layout="nodisplay" hidden="" id="size-guide-global-toast" class="i-spzhtml-layout-nodisplay" style="display: none" i-spzhtml-layout="nodisplay">
5357    <span role="content"></span>
5358  </ljs-toast>
5359</div>
5360
5361</div>
5361<script src="//app-assets.staticdj.com/apps/app-size-guide/app-size-guide-init-10fcd710.js" type="text/javascript"></script>
5361<div id="shoplaza-section-painterb0" class="shoplaza-section" data-section-id="painterb0" data-section-type="shoplazza://apps/painterb/blocks/index/283166158603952609" data-section-style="">
5361<script id='painter-painterb0' async type="text/javascript" src="//static.staticdj.com/painter.329ff9e9.js"></script>
5361
5362
5363</div>
5364<script type="text/javascript" async src="https://static.staticdj.com/seahorse/bottom_v2.335e01c1.js"></script>
vendor: 1 bytes, line 5364
5364
5365<script type="text/javascript" async src="https://static.staticdj.com/golden/bottom_v2.157d17d3.js"></script>
vendor: 1 bytes, line 5365
5365
5366<script type='text/javascript'>(window._ext || (window._ext =[])).push('translate');</script>
vendor: 1 bytes, line 5366
5366
5367<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"couponcode":"couponcode.0cd81091.js"});</script>
vendor: 1 bytes, line 5367
5367
5368<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"variants_combination":"variants_combination.17e6b308.js"});</script>
vendor: 1 bytes, line 5368
5368
5369<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"bear":"bear.4241d627.js"});</script>
vendor: 1 bytes, line 5369
5369
5370<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"bundle":"bundle.a029e922.js"});</script>
vendor: 1 bytes, line 5370
5370
5371<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"basic":"basic.c50df513.js"});</script>
vendor: 1 bytes, line 5371
5371
5372<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"discount_gifts":"discount_gifts.87837098.js"});</script>
vendor: 1 bytes, line 5372
5372
5373<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"blog_products":"blog_products.b67b5c27.js"});</script>
vendor: 1 bytes, line 5373
5373
5374<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"google_form":"google_form.025d905a.js"});</script>
vendor: 1 bytes, line 5374
5374
5375<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"zebu":"zebu.e8dece57.js"});</script>
vendor: 1 bytes, line 5375
5375
5376<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"discount_gifts_v2":"discount_gifts_v2.a34137af.js"});</script>
vendor: 1 bytes, line 5376
5376
5377<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"cart_pop":"cart_pop.c733db0f.js"});</script>
vendor: 1 bytes, line 5377
5377
5378<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"buy_on_others":"buy_on_others.d678fa5c.js"});</script>
vendor: 1 bytes, line 5378
5378
5379<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"stamped_frontend":"stamped_frontend.f67dcbe7.js"});</script>
vendor: 1 bytes, line 5379
5379
5380<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"translate":"translate.5c34eee2.js"});</script>
vendor: 1 bytes, line 5380
5380
5381<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"filly":"filly.b9085eb2.js"});</script>
vendor: 1 bytes, line 5381
5381
5382<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"sloth":"sloth.cc72648e.js"});</script>
vendor: 1 bytes, line 5382
5382
5383<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"image_video":"image_video.b713d119.js"});</script>
vendor: 1 bytes, line 5383
5383
5384<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"reviews":"reviews.77c0cadd.js"});</script>
vendor: 1 bytes, line 5384
5384
5385<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"subscription_popups":"subscription_popups.9a18a460.js"});</script>
vendor: 1 bytes, line 5385
5385
5386<script type="text/javascript">
5387  (function () {
5388    if (!C_SETTINGS.payment_settings.paypal_express_enabled) return;
5389    if ((window.disabled_exts || []).indexOf("*") != -1 || (window.disabled_exts || []).indexOf("paypal_express") != -1) return;
5390    function getCookie(name) {
5391      var match = document.cookie.match(new RegExp(name + '=([^;]+)'));
5392      return (match && match[1]) || '';
5393    }
5394    var ppStamp = (getCookie('awesomeab').match(/paypal-express-([vs0-9]+)/) || ['', ''])[1];
5395    var entry = ppStamp ? 'paypal_express.' + ppStamp + '.js' : 'paypal_express.70c809e1.js';
5396    var s = document.createElement('script');
5397    s.crossOrigin = "anonymous";
5398    s.async = !0;
5399    s.src = SHOP_PARAMS.cdn_domain + entry;
5400    document.body.appendChild(s);
5401
5402  })();
5403</script>
vendor: 1 bytes, line 5403
5403
5404<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"fb_messenger":"fb_messenger.1de139d2.js"});</script>
vendor: 1 bytes, line 5404
5404
5405<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"common":"common.e560ab2c.js"});</script>
vendor: 1 bytes, line 5405
5405
5406<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"installment":"installment.e24868df.js"});</script>
vendor: 1 bytes, line 5406
5406
5407<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"plugin_parakeet":"plugin_parakeet.6893a874.js"});</script>
vendor: 1 bytes, line 5407
5407
5408<script type='text/javascript'>(window._ext || (window._ext =[])).push('currency');</script>
vendor: 1 bytes, line 5408
5408
5409<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"coupon":"coupon.07fd62a8.js"});</script>
vendor: 1 bytes, line 5409
5409
5410<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"jellyfish":"jellyfish.f9cc89bb.js"});</script>
vendor: 1 bytes, line 5410
5410
5411<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"buffalo":"buffalo.e0f4e5cf.js"});</script>
vendor: 1 bytes, line 5411
5411
5412<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"top_products":"top_products.4da4f6f3.js"});</script>
vendor: 1 bytes, line 5412
5412
5413<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"currency":"currency.ca2b3757.js"});</script>
vendor: 1 bytes, line 5413
5413
5414<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"vole":"vole.de34b0f2.js"});</script>
vendor: 1 bytes, line 5414
5414
5415<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"wishlist":"wishlist.0fc03a14.js"});</script>
vendor: 1 bytes, line 5415
5415
5416<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"social_login":"social_login.537a8e8f.js"});</script>
vendor: 1 bytes, line 5416
5416
5417<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"product_detail_rebate":"product_detail_rebate.cbca7ec3.js"});</script>
vendor: 1 bytes, line 5417
5417
5418<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"flashsale":"flashsale.d2ddc7ab.js"});</script>
5418
5419
5420<script>
5421~(function() {
5422  // checkout page
5423  if (window.SHOP_PARAMS.template_type === '14') {
5424    return;
5425  }
5426  function track(event, params) {
5427    if (window.sa && window.sa.track && typeof window.sa.track === 'function') {
5428      window.sa.track(event, params);
5429    };
5430  }
5431  function preload() {
5432    var script = document.createElement('script');
5433    script.async = true;
5434    script.src = '/api/preload-checkout?t=' + Date.now();
5435    var loadStart = Date.now();
5436    track('preload_checkout_start');
5437    script.addEventListener('load', function() {
5438      track('preload_checkout_loaded', { load_duration: Date.now() - loadStart });
5439    });
5440    script.addEventListener('error', function(e) {
5441      track('preload_checkout_error', { load_duration: Date.now() - loadStart });
5442    });
5443    document.body.appendChild(script);
5444  }
5445
5446  try {
5447      var ab = document.cookie.split(';').find(function (i) { return /awesomeab=/.test(i); });
5448      var version = 'default';
5449      if (ab) {
5450        var chickNext = decodeURIComponent(ab).split('=')[1].split(',').find(function (i) { return /chick-next/.test(i); });
5451        if (chickNext) version = chickNext;
5452      }
5453
5454      var loadedObj = JSON.parse(sessionStorage.getItem('preload_checkout_loaded_v1') || '{}');
5455
5456      if (loadedObj[version] && loadedObj[version]['allLoaded']) return;
5457    } catch (e) {}
5458
5459    window.addEventListener('load', preload);
5460})();
5461</script>
5461
5462
5463<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"appparakeet":"appparakeet.537f9b5b.js"});</script>
vendor: 1 bytes, line 5463
5463
5464<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"multi_market":"multi_market.85145627.js"});</script>
vendor: 1 bytes, line 5464
5464
5465<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"recommended_product":"recommended_product.b4592e0a.js"});</script>
vendor: 1 bytes, line 5465
5465
5466<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"boowc":"boowc.15caf0e7.js"});</script>
vendor: 1 bytes, line 5466
5466
5467<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"add_to_cart":"add_to_cart.6cde2531.js"});</script>
vendor: 1 bytes, line 5467
5467
5468<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"apptrustpilot-plugin":"apptrustpilot-plugin.7edc2607.js"});</script>
vendor: 1 bytes, line 5468
5468
5469<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"sales_pop":"sales_pop.0410e3b6.js"});</script>
vendor: 1 bytes, line 5469
5469
5470<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"size_guide":"size_guide.ac4ad793.js"});</script>
vendor: 1 bytes, line 5470
5470
5471<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"numbat":"numbat.14e8199b.js"});</script>
vendor: 1 bytes, line 5471
5471
5472<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"privacy_app":"privacy_app.ade927e4.js"});</script>
vendor: 1 bytes, line 5472
5472
5473<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"trout":"trout.47f21cf1.js"});</script>
5473
5474</body>
5475</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.