PageSourceSearch

https://www.latexcall.com/cart

html latexcall.com collected 2026-10-06 19:15:30 UTC 397,324 bytes, 9,171 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>LatexCall</title>
8    <meta name="keywords" content="LatexCall">
9    <meta name="description" content="LatexCall">
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.latexcall.com/cart">
16    <link rel="shortcut icon" href="https://img.staticdj.com/99440762d43b0616c73167edc7c398fe.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="LatexCall">
22<meta property="og:url" content="https://www.latexcall.com/cart">
23<meta property="og:title" content="LatexCall">
24<meta property="og:type" content="website">
25<meta property="og:description" content="LatexCall">
26<meta name="twitter:site" content="@">
27<meta name="twitter:card" content="summary_large_image">
28<meta name="twitter:title" content="LatexCall">
29<meta name="twitter:description" content="LatexCall">
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  /* latin-ext */@font-face {  font-family: 'Lato';  font-style: normal;  font-weight: 400;  font-display: swap;
201  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;}
202  /* 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;}
203</style>
204    <style>
205  html {
206    -ms-text-size-adjust: 100%;
207    -webkit-text-size-adjust: 100%;
208    -webkit-font-smoothing: antialiased;
209    -moz-osx-font-smoothing: grayscale;
210    -webkit-tap-highlight-color: transparent;
211  }
212
213  body {
214    padding-bottom: constant(safe-area-inset-bottom);
215    padding-bottom: env(safe-area-inset-bottom);
216    -webkit-tap-highlight-color: transparent;
217  }
218
219  *,
220  :after,
221  :before {
222    box-sizing: border-box;
223  }
224
225  *:focus {
226    outline: none;
227  }
228
229  /* Chrome, Safari, Edge, Opera */
230  input::-webkit-outer-spin-button,
231  input::-webkit-inner-spin-button {
232    -webkit-appearance: none;
233    margin: 0;
234  }
235
236  /* Firefox */
237  input[type='number'] {
238    -moz-appearance: textfield;
239  }
240
241  input[type='text'],
242  input[type='search'],
243  input[type='email'],
244  input[type='password'],
245  input:not([type]),
246  textarea {
247    appearance: none;
248    -webkit-appearance: none;
249  }
250
251  input,
252  textarea,
253  button,
254  select {
255    font-family: inherit;
256    font-style: inherit;
257    font-weight: inherit;
258    font-size: inherit;
259    color: var(--color-body-text);
260    background: var(--color-body-bg);
261  }
262
263  input[type='button'],
264  button,
265  select,
266  label {
267    cursor: pointer;
268  }
269
270  input[type='search']::-webkit-search-cancel-button {
271    display: none;
272  }
273
274  /* theme base class */
275  html body.nova {
276    color: var(--color-body-text);
277    font-size: var(--type-text-font-size);
278    background-color: var(--color-body-bg);
279  }
280
281  body > .page_container{
282    min-height: 100vh;
283    display: flex;
284    flex-direction: column;
285  }
286  body > .page_container > .main-content{
287    margin-bottom: auto;
288  }
289
290  .page-container {
291    max-width: var(--page-width);
292    padding: 0 var(--page-spacing);
293    margin: 0 auto;
294  }
295
296  @media (max-width: 959.98px) {
297    .md\:page-container {
298      max-width: var(--page-width);
299      padding: 0 var(--page-spacing);
300      margin: 0 auto;
301    }
302  }
303
304  @media (min-width: 960px) {
305    .lg\:page-container {
306      max-width: var(--page-width);
307      padding: 0 var(--page-spacing);
308      margin: 0 auto;
309    }
310  }
311
312  .clear {
313    margin: 0;
314    padding: 0;
315    border: 0;
316    outline: none;
317    list-style: none;
318    background-color: transparent;
319  }
320
321  [spz-if="false"],
322  [hidden] {
323    display: none !important;
324  }
325
326  /* title default style */
327
328  .title-font {
329    font-size: var(--type-heading-font-size);
330    color: var(--color-general-heading-text);
331  }
332
333  @media (max-width: 959.98px) {
334    .title-font {
335      font-size: calc(var(--type-heading-font-size) * .8);
336    }
337  }
338
339  .title-color{
340    color: var(--color-general-heading-text);
341  }
342  .product-title-color {
343    color: var(--color-product-title-text);
344  }
345  .text-color-8{
346    color: var(--color-body-text-80);
347  }
348
349  /* Border Radius */
350  .rounded-global {
351    border-radius: var(--global-border-radius);
352  }
353
354  .rounded-global-small {
355    border-radius: var(--global-small-border-radius);
356  }
357
358  .rounded-global-fixed {
359    border-radius: var(--global-fixed-border-radius);
360  }
361
362  .rounded-btn {
363    border-radius: var(--btn-border-radius);
364  }
365
366  .rounded-btn-fixed {
367    border-radius: var(--btn-fixed-border-radius);
368  }
369  .rounded-\[1px\] {
370    border-radius: 1px;
371  }
372
373  /* Button */
374  /* .button-primary {
375    font-weight: bold;
376    text-align: center;
377    border: 1px solid transparent;
378    color: var(--color-primary-btn-text);
379    border-radius: var(--btn-border-radius);
380    background-color: var(--color-primary-btn-bg);
381    transition: all .2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
382    cursor: pointer;
383  }
384
385  .button-secondary {
386    color: var(--color-body-text);
387    background-color: transparent;
388    border: 1px solid var(--color-border);
389    border-radius: var(--btn-border-radius);
390    transition: all .2s cubic-bezier(0.445, 0.05, 0.55, 0.95);;
391    cursor: pointer;
392  } */
393
394  /* Select */
395  .secondary-select {
396    cursor: pointer;
397    -webkit-appearance: none;
398    -moz-appearance: none;
399    appearance: none;
400    border-width: 1px;
401    border-style: solid;
402    border-color: rgba(230, 230, 230, 1);
403    background-color: transparent;
404    color: var(--color-body-text);
405  }
406
407  /* @media (min-width: 960px) {
408    .button-primary:hover {
409      background-color: var(--color-cart-dot-bg);
410    }
411
412    .button-secondary:hover {
413      color: var(--color-primary-btn-text);
414      border-color: var(--color-primary-btn-bg);
415      background-color: var(--color-primary-btn-bg);
416    }
417  } */
418
419  /* line-clamp-* */
420  .line-clamp-1 {
421    overflow: hidden;
422    text-overflow: ellipsis;
423    white-space: nowrap;
424  }
425
426  .line-clamp-2 {
427    overflow: hidden;
428    display: -webkit-box;
429    -webkit-line-clamp: 2;
430    -webkit-box-orient: vertical;
431    word-break: break-word;
432  }
433
434  .hide-scrollbar {
435    -ms-overflow-style: none;
436    scrollbar-width: none;
437  }
438
439  .hide-scrollbar::-webkit-scrollbar,
440  .hide-scrollbar ::-webkit-scrollbar {
441    display: none;
442  }
443
444  .break-words {
445    overflow-wrap: break-word;
446    word-break: break-word;
447  }
448  /* mce */
449  .mce-content p:first-child {
450    margin-top: 0;
451  }
452  .mce-content p:last-child {
453    margin-bottom: 0;
454  }
455  .mce-content img + img,
456  .mce-content spz-img + spz-img {
457    margin-top: 30px;
458  }
459  .mce-content spz-img {
460    max-width: 100% !important;
461  }
462  .mce-content table {
463    max-width: 100%;
464    border-collapse: collapse;
465  }
466  .mce-content table td,
467  .mce-content table th {
468    padding: 8px;
469  }
470  .mce-content iframe {
471    max-width: 100%;
472  }
473  .mce-content blockquote {
474    margin: 1em 40px;
475  }
476  .mce-content a {
477    color: inherit;
478    word-break: break-all;
479  }
480
481  /* loading */
482  @keyframes spinning {
483    from {
484      -webkit-transform: rotate(0deg);
485      transform: rotate(0deg);
486    }
487
488    to {
489      -webkit-transform: rotate(1turn);
490      transform: rotate(1turn);
491    }
492  }
493
494  spz-loading {
495    background: rgba(0, 0, 0, 0.3);
496  }
497
498  @keyframes rotate {
499    0% {
500      -webkit-transform: rotate(0deg);
501      transform: rotate(0deg)
502    }
503    to {
504      -webkit-transform: rotate(1turn);
505      transform: rotate(1turn)
506    }
507  }
508
509  spz-loading .loading-inner {
510    border-radius: 50%;
511    border-top: 3px solid transparent;
512    border-left: 3px solid transparent;
513    border-right: 3px solid transparent;
514    width: 26px;
515    height: 26px;
516    border: 3px solid #fff;
517    -webkit-animation: rotate .8s ease infinite;
518    animation: rotate .8s ease infinite;
519    border-bottom-color: #fff;
520    border-top-color: transparent;
521    border-left-color: transparent;
522    border-right-color: transparent;
523  }
524
525  .loading{
526    --loading-show: flex !important;
527    --loading-hide: none !important;
528  }
529
530  .loading[show]{
531    display: var(--loading-show);
532  }
533
534  .loading[hide]{
535    display: var(--loading-hide);
536  }
537
538  .loading[has-full-mask]{
539    position: fixed;
540    top: 0;
541    bottom: 0;
542    right: 0;
543    left: 0;
544    background: var(--color-mask-bg);
545    z-index: var(--z-index-modal-backdrop);
546  }
547
548  .loading-bounce {
549    width: 26px;
550    height: 26px;
551    border-radius: 50%;
552    border: 3px solid transparent;
553    border-bottom-color: #fff;
554    animation: spinning .8s ease infinite;
555    -webkit-animation: spinning .8s ease infinite;
556  }
557
558  /* spz-carousel button */
559  spz-carousel .spz-carousel-button {
560    display: flex;
561    align-items: center;
562    justify-content: center;
563    width: 44px;
564    height: 44px;
565    border-radius: 100%;
566    box-shadow: 4px 4px 16px rgba(18, 27, 23, 0.04);
567    background-color: var(--color-toggle-btn-bg);
568    cursor: pointer;
569    opacity: 0 !important;
570    transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
571  }
572
573  @media (min-width: 960px) {
574    spz-carousel:hover .spz-carousel-button {
575      opacity: 1 !important;
576    }
577
578    .lg\:line-clamp-3 {
579      overflow: hidden;
580      display: -webkit-box;
581      -webkit-line-clamp: 3;
582      -webkit-box-orient: vertical;
583      word-break: break-word;
584    }
585  }
586
587  spz-carousel .spz-carousel-button-prev > svg {
588    transform: rotate(-90deg);
589    color: var(--color-toggle-btn-icon);
590  }
591
592  spz-carousel .spz-carousel-button-next > svg {
593    transform: rotate(90deg);
594    color: var(--color-toggle-btn-icon);
595  }
596
597  .button-primary[loading],
598  .button-secondary[loading] {
599    pointer-events: none;
600  }
601
602  .button-primary[loading] [role="content"],
603  .button-secondary[loading] [role="content"],
604  .button-primary:not([loading]) .loading,
605  .button-secondary:not([loading]) .loading {
606    opacity: 0;
607  }
608
609  .button-primary[loading] .loading,
610  .button-secondary[loading] .loading {
611    opacity: 1;
612  }
613
614  /* discount style */
615  .discount_gift_content {
616    display: inline-flex;
617    align-items: center;
618    padding: 4px;
619    color: #EB391B;
620    background-color: rgba(235, 57, 27, 0.1);
621    border-radius: 2px;
622  }
623  .discount_gift_content .discount__gift_lan {
624    margin-left: 2px;
625  }
626
627  spz-carousel > .i-spzhtml-slides-container {
628    width: 100%;
629  }
630
631  spz-sidebar ~ .i-spzhtml-sidebar-mask {
632    background-color: rgba(0, 0, 0, 0.5);
633  }
634
635  /********************************* 全局spz-toast 提示样式 *********************************/
636  spz-toast.i-spzhtml-toast-global {
637    width: max-content;
638    padding: 12px 24px;
639    border-radius: 8px;
640    overflow-wrap: break-word;
641    word-break: break-word;
642  }
643  @media screen and (max-width: 959.98px) {
644    spz-toast.i-spzhtml-toast-global {
645      max-width: 300px;
646    }
647  }
648  @media screen and (min-width: 960px) {
649    spz-toast.i-spzhtml-toast-global {
650      max-width: 480px;
651    }
652  }
653</style>
654
655<style>
656  .page_container {
657    padding-top: 0px;
658    padding-right: 0px;
659    padding-bottom: 0px;
660    padding-left: 0px;
661  }
662
663  @media (min-width: 960px) {
664    .page_container {
665      padding-top: 0px;
666      padding-right: 0px;
667      padding-bottom: 0px;
668      padding-left: 0px;
669    }
670  }
671</style>
672<style>
673  /* position, display, width, height */
674  .uppercase { text-transform: uppercase; }
675  .\!static { position: static; }
676  .relative { position: relative; }
677  .absolute { position: absolute; }
678  .sticky { position: sticky; }
679  /* top left right bottom */
680  .top-0 { top: 0; }
681  .top-1\/2 { top: 50%; }
682  .bottom-0 { bottom: 0; }
683  .bottom-3 { bottom: 12px;}
684  .bottom-5 { bottom: 20px; }
685  .-bottom-5 { bottom: -20px }
686  .inset-0 { top: 0; left: 0; right: 0; bottom: 0; }
687  .inset-x-\[-22px\] { left: -22px; right: -22px; }
688  .-inset-y-5 { top: -20px; bottom: -20px; }
689
690  .block { display: block; }
691  .inline-block { display: inline-block; }
692  .inline-flex { display: inline-flex; }
693  .flex { display: flex; }
694  .flex-1 { flex: 1; }
695  .flex-col { flex-direction: column; }
696  .items-end { align-items: flex-end; }
697  .items-center { align-items: center; }
698  .self-center { align-self: center; }
699  .items-start { align-items: flex-start; }
700  .items-stretch { align-items: stretch; }
701  .justify-end { justify-content: flex-end; }
702  .justify-center { justify-content: center; }
703  .justify-between { justify-content: space-between; }
704  .flex-center{ display: flex; align-items: center; justify-content: center; }
705  .flex-grow { flex-grow: 1; }
706  .flex-shrink-0 { flex-shrink: 0; }
707  .flex-wrap { flex-wrap: wrap; }
708  .flex-1 { flex: 1; }
709  .flex-row-reverse	{ flex-direction: row-reverse; }
710  .hidden { display: none; }
711  .\!hidden { display: none !important; }
712  .empty-hidden:empty{ display: none; }
713
714  .max-w-full { max-width: 100%; }
715  .max-w-\[300px\] { max-width: 300px; }
716  .min-w-\[0px\] { min-width: 0px; }
717
718  .w-full { width: 100%; }
719  .w-7 { width: 28px; }
720  .w-10 { width: 40px; }
721  .w-11 { width: 44px; }
722  .h-full { height: 100%; }
723  .h-11 { width: 44px; }
724  .h-14 { height: 56px;}
725
726
727  /* margin, padding */
728  .m-0 { margin: 0; }
729  .-mt-3 { margin-top: -12px; }
730  .mt-0\.5 { margin-top: 2px; }
731  .mt-0 { margin-top: 0; }
732  .mt-1 { margin-top: 4px; }
733  .mt-1\.5 { margin-top: 6px; }
734  .mt-2 { margin-top: 8px; }
735  .mt-3 { margin-top: 12px; }
736  .mt-4 { margin-top: 16px; }
737  .mt-5 { margin-top: 20px; }
738  .mt-6 { margin-top: 24px; }
739  .mt-7 { margin-top: 28px; }
740  .mt-8 { margin-top: 32px; }
741  .mt-9 { margin-top: 36px; }
742  .mt-10 { margin-top: 40px; }
743
744  .mb-1 { margin-bottom: 4px; }
745  .mb-2 { margin-bottom: 8px; }
746  .mb-3 { margin-bottom: 12px; }
747  .mb-4 { margin-bottom: 16px; }
748  .mb-5 { margin-bottom: 20px; }
749  .mb-6 { margin-bottom: 24px; }
750  .mb-8 { margin-bottom: 32px; }
751  .mx-auto { margin-left: auto; margin-right: auto; }
752  .mx-0 { margin-left: 0; margin-right: 0; }
753  .mx-5 { margin-left: 20px; margin-right: 20px; }
754  .my-1 { margin-top: 4px; margin-bottom: 4px; }
755  .my-6 { margin-top: 24px; margin-bottom: 24px; }
756  .my-10 { margin-top: 40px; margin-bottom: 40px; }
757  .my-14 { margin-top: 56px; margin-bottom: 56px; }
758
759  .p-0 { padding: 0; }
760  .p-2 { padding: 8px; }
761  .p-3 { padding: 12px; }
762  .p-4 { padding: 16px; }
763  .p-6 { padding: 24px; }
764  .p-8 { padding: 32px; }
765  .p-\[15px\] { padding: 15px; }
766  .px-2 { padding-left: 8px; padding-right: 8px; }
767  .px-3 { padding-left: 12px; padding-right: 12px; }
768  .px-4 { padding-left: 16px; padding-right: 16px; }
769  .px-5 { padding-left: 20px; padding-right: 20px; }
770  .px-6 { padding-left: 24px; padding-right: 24px; }
771  .px-10 { padding-left: 40px; padding-right: 40px; }
772  .px-\[18px\] { padding-left: 18px; padding-right: 18px; }
773  .px-\[22px\] { padding-left: 22px; padding-right: 22px; }
774  .py-\[10px\] { padding-top: 10px; padding-bottom: 10px; }
775
776  .py-0 { padding-top: 0; padding-bottom: 0; }
777  .py-1 { padding-top: 4px; padding-bottom: 4px; }
778  .py-2 { padding-top: 8px; padding-bottom: 8px; }
779  .py-3 { padding-top: 12px; padding-bottom: 12px; }
780  .py-4 { padding-top: 16px; padding-bottom: 16px; }
781  .py-5 { padding-top: 20px; padding-bottom: 20px; }
782  .py-6 { padding-top: 24px; padding-bottom: 24px; }
783  .py-8 { padding-top: 32px; padding-bottom: 32px; }
784  .py-12 { padding-top: 48px; padding-bottom: 48px; }
785  .pt-2 { padding-top: 8px; }
786  .pt-3 { padding-top: 12px; }
787  .pt-4 { padding-top: 16px; }
788  .pt-5 { padding-top: 20px; }
789  .pt-6 { padding-top: 24px; }
790  .pt-10 { padding-top: 40px; }
791  .pt-12 { padding-top: 48px; }
792  .pb-1 { padding-bottom: 4px; }
793  .pb-2 { padding-bottom: 8px; }
794  .pb-3 { padding-bottom: 12px; }
795  .pb-4 { padding-bottom: 16px; }
796  .pb-8 { padding-bottom: 32px; }
797  .pb-full { padding-bottom: 100%; }
798
799  /* Typography */
800  .body-minus-2 { font-size: calc(var(--type-text-font-size) - 2px); }
801  .body-minus-1 { font-size: calc(var(--type-text-font-size) - 1px); }
802  .body-base { font-size: var(--type-text-font-size); }
803  .body-plus-1 { font-size: calc(var(--type-text-font-size) + 1px); }
804  .body-plus-2 { font-size: calc(var(--type-text-font-size) + 2px); }
805  .body-plus-3 { font-size: calc(var(--type-text-font-size) + 3px); }
806  .body-plus-4 { font-size: calc(var(--type-text-font-size) + 4px); }
807  .body-plus-6 { font-size: calc(var(--type-text-font-size) + 6px); }
808  .text-2xl { font-size: 24px; line-height: 28px; }
809  .text-xs { font-size: 12px; line-height: 16px; }
810  .text-sm { font-size: 14px; line-height: 20px; }
811  .text-base { font-size: 16px; line-height: 24px; }
812  .text-lg { font-size: 18px; line-height: 28px; }
813  .text-0 { font-size: 0; }
814  .text-5 { font-size: 20px; }
815  .text-6 { font-size: 24px; }
816  .text-8 { font-size: 32px; }
817
818  .text-inherit { color: inherit; }
819  .text-center { text-align: center; }
820  .text-current{ color:currentColor }
821  .text-btn-bg { color: var(--color-primary-btn-bg); }
822
823  .text-white { color: rgba(255,255,255,1); }
824  .text-compare-at-price-color { color:var(--color-compare-at-price-text); }
825  .bg-btn-text-color { background-color: var(--color-primary-btn-text); }
826
827  .font-normal { font-weight: 400; }
828  .font-medium { font-weight: 500; }
829  .font-semibold { font-weight: 600; }
830  .font-bold { font-weight: 700; }
831
832  .leading-none { line-height: 1; }
833  .leading-1\.1 { line-height: 1.1; }
834  .leading-1\.15 { line-height: 1.15; }
835  .leading-1\.2 { line-height: 1.2; }
836  .leading-1\.25 { line-height: 1.25; }
837  .leading-1\.3 { line-height: 1.3; }
838  .leading-1\.4 { line-height: 1.4; }
839  .leading-1\.5 { line-height: 1.5; }
840  .leading-1\.7 { line-height: 1.7; }
841
842  .break-all { word-break: break-all; }
843
844  .whitespace-nowrap { white-space: nowrap; }
845
846  .overflow-hidden { overflow: hidden; }
847  .overflow-x-hidden { overflow-x: hidden; }
848  .overflow-x-auto { overflow-x: auto; }
849  .overflow-y-hidden { overflow-y: hidden; }
850  .overflow-y-auto { overflow-y: auto; }
851
852  .underline { text-decoration: underline; }
853  .no-underline { text-decoration-line: none; }
854  .appearance-none {
855    -webkit-appearance: none;
856    -moz-appearance: none;
857    appearance: none;
858  }
859
860  /* Color */
861  .color-body { color: var(--color-body-text); }
862  .color-body-60 { color: var(--color-body-text-60); }
863  .color-body-70 { color: var(--color-body-text-70); }
864  .color-heading { color: var(--color-general-heading-text); }
865  .color-price { color: var(--color-price-text); }
866  .color-save-price { color: var(--color-save-price-text); }
867  .color-compare-price { color: var(--color-compare-at-price-text); }
868  .color-text-default { color: #9F9F9F; }
869  .color-custom-label-text {color: var(--color-custom-label-text);}
870
871  /* Background */
872  .bg-custom-label {background-color: var(--color-custom-label-bg);}
873  .bg-color-body {background-color: var(--color-body-bg);}
874  .color-body-text { color: var(--color-body-text); }
875
876  /* Border Radius */
877  .rounded-sm { border-radius: 2px; }
878  .rounded { border-radius: 4px; }
879  .rounded-full { border-radius: 9999px; }
880
881  /* Border */
882  .border-none { border-style: none; }
883  .border { border: 1px solid var(--color-border); }
884  .border-t { border-top: 1px solid var(--color-border); }
885  .border-b { border-bottom: 1px solid var(--color-border); }
886  .border-solid { border-style: solid; }
887  .\!border-none { border-style: none !important; }
888  .border-t { border-top-width: 1px; }
889  .border-0 { border-width: 0; }
890  .border-t-0 { border-top-width: 0;}
891  .border-\[\#e6e6e6\] { border-color: rgba(230,230,230,1); }
892  .placeholder-svg {
893    position: relative;
894  }
895
896  .placeholder-svg > svg {
897    width: 100%;
898    height: 100%;
899    top: 0;
900    right: 0;
901    bottom: 0;
902    left: 0;
903    fill: #c0c0c0;
904    background-color: #eee;
905  }
906
907  /* z-index */
908  .z-1 { z-index: 1; }
909  .z-10 { z-index: 10; }
910  .z-20 { z-index: 20; }
911  .z-50 { z-index: 50; }
912  .-z-1 { z-index: -1; }
913
914  /* .z-dropdown { z-index: 1000; } */
915
916  /* Object */
917  .object-contain { -o-object-fit: contain; object-fit: contain; }
918  .object-cover { -o-object-fit: cover; object-fit: cover; }
919
920  /* opacity */
921  .opacity-0 { opacity: 0; }
922  .opacity-\[18\%\] { opacity: 18%; }
923  .opacity-50 { opacity: .5; }
924  .opacity-60 { opacity: .6; }
925  .opacity-70 { opacity: .7; }
926  .opacity-75{ opacity: .75; }
927
928  .group-hover\:opacity-100 { opacity: 1; }
929
930  /* text decoration */
931  .line-through { text-decoration: line-through; }
932
933  /* Other */
934  .cursor-pointer { cursor: pointer; }
935  .pointer-events-none { pointer-events: none; }
936  .pointer-events-auto { pointer-events: auto; }
937
938  /* svg */
939  .fill-svg { fill: silver; }
940  .bg-svg { background-color: rgba(238, 238, 238, 1); }
941  .bg-black { background-color: rgba(0,0,0,1); }
942  .bg-white { background-color: rgba(255,255,255,1); }
943  /* grid */
944  .grid { display: grid; }
945  .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
946  .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
947  .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
948  .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
949  .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
950  .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
951  .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
952  .grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
953  .grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
954  .grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }
955
956  .gap-3 { gap: 12px; }
957  .gap-4 { gap: 16px; }
958  .gap-x-4 { column-gap: 16px; }
959  .gap-x-6 { column-gap: 24px; }
960  .gap-x-10 { column-gap: 40px; }
961  .gap-y-4 { row-gap: 16px; }
962  .gap-y-5 { row-gap: 20px; }
963  .gap-y-6 { row-gap: 24px; }
964  .gap-y-11 { row-gap: 44px; }
965
966  .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
967
968  /* btn */
969  .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); }
970  .primary-btn:hover { background-color: var(--color-cart-dot-bg); }
971  .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);}
972  .secondary-btn:hover{ border-color: var(--color-primary-btn-bg); background-color: var(--color-primary-btn-bg); color: var(--color-primary-btn-text); }
973
974  .rounded-btn { border-radius: var(--btn-border-radius); }
975
976  /* last */
977  .last\:mb-0:last-child { margin-bottom: 0; }
978
979  /* transform */
980  .-translate-y-1\/2 { transform: var(-50%); }
981
982  /* box */
983  .box-border { box-sizing: border-box; }
984
985  /* ul li */
986  .list-none { list-style-type: none; }
987
988  .left-0 { left: 0; }
989    .left-1\/2 { left: 50%; }
990    .left-3 { left: 12px; }
991    .right-0 { right: 0; }
992    .right-3 { right: 12px; }
993    .right-4 { right: 16px; }
994    .right-8 { right: 32px; }
995    .mr-\[6px\] { margin-right: 6px; }
996    .ml-auto { margin-left: auto; }
997    .-ml-3 { margin-left: -12px; }
998    .ml-1 { margin-left: 4px; }
999    .ml-2 { margin-left: 8px; }
1000    .ml-3 { margin-left: 12px; }
1001    .ml-4 { margin-left: 16px; }
1002    .ml-5 { margin-left: 20px; }
1003    .ml-6 { margin-left: 24px; }
1004    .ml-7 { margin-left: 28px; }
1005    .mr-1 { margin-right: 4px; }
1006    .mr-2 { margin-right: 8px; }
1007    .mr-3 { margin-right: 12px; }
1008    .mr-4 { margin-right: 16px; }
1009    .mr-5 { margin-right: 20px; }
1010    .pl-2 { padding-left: 8px; }
1011    .pl-3 { padding-left: 12px; }
1012    .pl-4 { padding-left: 16px; }
1013    .pr-3 { padding-right: 12px; }
1014    .text-left { text-align: left; }
1015    .text-right { text-align: right; }
1016    .rotate-90 { transform: rotate(90deg); }
1017    .rotate--90 { transform: rotate(-90deg); }
1018    .rotate-180 { transform: rotate(180deg); }
1019    .-translate-x-1\/2 { transform: translateX(-50%); }
1020  @media (max-width: 959.98px) {
1021    .md\:hidden { display: none !important; }
1022    .md\:flex { display: flex; }
1023    .md\:flex-row-reverse { flex-direction: row-reverse; }
1024    .md\:flex-col-reverse { flex-direction: column-reverse; }
1025    .md\:flex-1 { flex: 1; }
1026    .md\:flex-col { flex-direction: column; }
1027    .md\:justify-end { justify-content: flex-end; }
1028    .md\:justify-center { justify-content: center; }
1029    .md\:justify-between { justify-content: space-between; }
1030    .md\:items-center { align-items: center; }
1031    .md\:self-center { align-self: center; }
1032    .md\:shrink-0 { flex-shrink: 0; }
1033    .md\:items-start { align-items: flex-start; }
1034    .md\:flex-wrap { flex-wrap: wrap; }
1035
1036    .md\:w-full { width: 100%; }
1037
1038    .md\:mt-4 { margin-top: 16px; }
1039    .md\:mt-5 { margin-top: 20px; }
1040    .md\:mt-6 { margin-top: 24px; }
1041    .md\:mt-9 { margin-top: 36px; }
1042    .md\:mb-3 { margin-bottom: 13px; }
1043    .md\:mb-4 { margin-bottom: 16px; }
1044    .md\:mb-5 { margin-bottom: 20px; }
1045    .md\:mx-4 { margin-left: 16px; margin-right: 16px; }
1046
1047    .md\:pb-0 { padding-bottom: 0; }
1048    .md\:px-8 { padding-left: 32px; padding-right: 32px; }
1049    .md\:px-4 { padding-left: 16px; padding-right: 16px; }
1050    .md\:pt-6 { padding-top: 24px; }
1051    .md\:pt-4 { padding-top: 16px; }
1052    .md\:pt-2 { padding-top: 8px; }
1053    .md\:pt-10 { padding-top: 40px; }
1054    .md\:pb-5 { padding-bottom: 20px; }
1055    .md\:pb-6 { padding-bottom: 24px; }
1056    .md\:py-3 { padding-top: 12px; padding-bottom: 12px; }
1057    .md\:order-1 { order: 1; }
1058    .md\:order-2 { order: 2; }
1059
1060    .md\:body-minus-2 { font-size: calc(var(--type-text-font-size) - 2px); }
1061    .md\:body-plus-1 { font-size: calc(var(--type-text-font-size) + 1px); }
1062    .md\:body-plus-2 { font-size: calc(var(--type-text-font-size) + 2px); }
1063    .md\:text-base { font-size: 16px; line-height: 24px; }
1064    .md\:text-xs { font-size: 12px; line-height: 16px; }
1065    .md\:text-sm { font-size: 14px; line-height: 20px; }
1066    .md\:text-center { text-align: center; }
1067
1068    .md\:border-t { border-top: 1px solid var(--color-border); }
1069    .md\:pb-full { padding-bottom: 100%; }
1070    .md\:pt-\[30px\] { padding-top: 30px; }
1071    .md\:pb-\[54px\] { padding-bottom: 54px; }
1072    .md\:p-\[30px\] { padding: 30px; }
1073
1074    .md\:gap-x-4 { column-gap: 16px; }
1075    .md\:gap-y-6 { row-gap: 24px; }
1076    .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
1077
1078    .md\:overflow-x-scroll { overflow: scroll; }
1079    .md\:w-2\/3 { width: 66.67%; }
1080    .md\:truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
1081
1082    .md\:color-body-70 { color: var(--color-body-text-70); }
1083  }
1084
1085  @media (min-width: 960px) {
1086    .lg\:hidden { display: none !important; }
1087    .lg\:flex { display: flex; }
1088    .lg\:flex-wrap { flex-wrap: wrap; }
1089    .lg\:flex-row-reverse { flex-direction: row-reverse; }
1090    .lg\:flex-col-reverse { flex-direction: column-reverse; }
1091    .lg\:flex-1 { flex: 1; }
1092    .lg\:flex-col { flex-direction: column; }
1093    .lg\:items-center { align-items: center; }
1094    .lg\:justify-end { justify-content: flex-end; }
1095    .lg\:justify-center { justify-content: center; }
1096    .lg\:justify-between { justify-content: space-between; }
1097    .lg\:shrink-0 { flex-shrink: 0; }
1098
1099    .lg\:w-full { width: 100%; }
1100    .lg\:h-full { height: 100%; }
1101    .lg\:w-1\/2 { width: 50%; }
1102
1103    .lg\:mx-8 { margin-left: 32px; margin-right: 32px; }
1104    .lg\:mt-1 { margin-top: 4px; }
1105    .lg\:mt-2 { margin-top: 8px; }
1106    .lg\:mt-3 { margin-top: 12px; }
1107    .lg\:mt-4 { margin-top: 16px; }
1108    .lg\:mt-5 { margin-top: 20px; }
1109    .lg\:mt-6 { margin-top: 24px; }
1110    .lg\:mt-7 { margin-top: 28px; }
1111    .lg\:mt-8 { margin-top: 32px; }
1112    .lg\:mt-9 { margin-top: 36px; }
1113    .lg\:mt-10 { margin-top: 40px; }
1114    .lg\:mt-15 { margin-top: 60px; }
1115    .lg\:mt-84 { margin-top: 84px; }
1116    .lg\:mb-3 { margin-bottom: 12px; }
1117    .lg\:mb-4 { margin-bottom: 16px; }
1118    .lg\:mb-5 { margin-bottom: 20px; }
1119    .lg\:mb-7 { margin-bottom: 28px; }
1120    .lg\:mb-15 { margin-bottom: 60px; }
1121
1122    .lg\:p-4 { padding: 16px; }
1123    .lg\:p-8 { padding: 32px; }
1124    .lg\:px-3 { padding-left: 12px; padding-right: 12px; }
1125    .lg\:px-5 { padding-left: 20px; padding-right: 20px; }
1126    .lg\:px-6 { padding-left: 24px; padding-right: 24px; }
1127    .lg\:px-8 { padding-left: 32px; padding-right: 32px; }
1128    .lg\:px-12 { padding-left: 48px; padding-right: 48px; }
1129    .lg\:px-20 { padding-left: 80px; padding-right: 80px; }
1130
1131    .lg\:px-10 { padding-left: 40px; padding-right: 40px; }
1132    .lg\:py-5 { padding-top: 20px; padding-bottom: 20px; }
1133    .lg\:py-6 { padding-top: 24px; padding-bottom: 24px; }
1134    .lg\:py-7 { padding-top: 28px; padding-bottom: 28px; }
1135    .lg\:py-8 { padding-top: 32px; padding-bottom: 32px; }
1136    .lg\:py-15 { padding-top: 60px; padding-bottom: 60px; }
1137    .lg\:py-20 {padding-top: 80px; padding-bottom: 80px; }
1138    .lg\:pt-1 { padding-top: 4px; }
1139    .lg\:pt-3 { padding-top: 12px; }
1140    .lg\:pt-5 { padding-top: 20px; }
1141    .lg\:pt-6 { padding-top: 24px; }
1142    .lg\:pt-8 { padding-top: 32px; }
1143    .lg\:pt-9 { padding-top: 36px; }
1144    .lg\:pt-10 { padding-top: 40px; }
1145    .lg\:pt-15 { padding-top: 60px; }
1146    .lg\:pt-11 { padding-top: 44px; }
1147    .lg\:pb-6 { padding-bottom: 24px; }
1148    .lg\:pb-8 { padding-bottom: 32px; }
1149    .lg\:pb-9 { padding-bottom: 36px; }
1150    .lg\:pb-13 { padding-bottom: 52px; }
1151    .lg\:px-\[98px\] { padding-left: 98px; padding-right: 98px; }
1152
1153    .lg\:max-w-full{ max-width: 100%;}
1154
1155    .lg\:body-plus-1 { font-size: calc(var(--type-text-font-size) + 1px); }
1156    .lg\:body-plus-2 { font-size: calc(var(--type-text-font-size) + 2px); }
1157    .lg\:body-plus-4 { font-size: calc(var(--type-text-font-size) + 4px); }
1158    .lg\:text-7 { font-size: 28px; }
1159    .lg\:text-sm { font-size: 14px; line-height: 20px; }
1160    .lg\:text-base { font-size: 16px; line-height: 24px; }
1161    .lg\:text-xl { font-size: 20px; line-height: 24px; }
1162    .lg\:text-2xl { font-size: 24px; line-height: 28px; }
1163    .lg\:text-3xl { font-size: 28px; line-height: 32px; }
1164
1165    .lg\:text-center { text-align: center; }
1166
1167    .lg\:color-text-default { color: #9F9F9F; }
1168
1169    .lg\:border { border: 1px solid var(--color-border); }
1170
1171    .lg\:leading-1\.2 { line-height: 1.2; }
1172
1173    .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
1174    .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
1175    .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
1176    .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
1177    .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
1178    .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
1179    .lg\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
1180    .lg\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
1181    .lg\:gap-y-11 { row-gap: 44px; }
1182
1183    .lg\:gap-3 { gap: 12px; }
1184    .lg\:gap-4 { gap: 16px; }
1185    .lg\:gap-6 { gap: 24px; }
1186    .lg\:gap-y-4 { row-gap: 16px; }
1187    .lg\:gap-y-5 { row-gap: 20px; }
1188    .lg\:gap-y-6 { row-gap: 24px; }
1189    .lg\:gap-y-11 { row-gap: 44px; }
1190    .lg\:gap-x-4 { column-gap: 16px; }
1191    .lg\:gap-x-6 { column-gap: 24px; }
1192    .lg\:gap-x-10 { column-gap: 40px; }
1193
1194    .lg\:inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
1195
1196    .lg\:bottom-4 { bottom: 16px; }
1197    .lg\:bottom-5 { bottom: 20px; }
1198
1199    .lg\:overflow-hidden { overflow: hidden; }
1200
1201     /* box */
1202    .lg\:box-border { box-sizing: border-box; }
1203
1204    .lg\:hover\:border-btn-bg:hover:hover { border-color: var(--color-primary-btn-bg); }
1205    .lg\:hover\:bg-btn-bg:hover { background-color: var(--color-primary-btn-bg); }
1206    .lg\:hover\:text-btn-text-color:hover {color: var(--color-primary-btn-text); }
1207    .lg\:hover\:shadow-image:hover { box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.1); }
1208    .lg\:order-1 { order: 1; }
1209    .lg\:order-2 { order: 2; }
1210  }
1211  @media (max-width: 959.98px) {
1212      .md\:ml-4 { margin-left: 16px; }
1213      .md\:pr-4 { padding-right: 16px; }
1214      .md\:pl-4 { padding-left: 16px; }
1215      .md\:rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; }
1216    }
1217    @media (min-width: 960px) {
1218      .lg\:ml-auto { margin-left: auto; }
1219      .lg\:ml-1 { margin-left: 4px; }
1220      .lg\:ml-4 { margin-left: 16px; }
1221      .lg\:ml-8 { margin-left: 32px; }
1222      .lg\:ml-10 { margin-left: 40px; }
1223      .lg\:mr-0 { margin-right: 0; }
1224      .lg\:mr-3 { margin-right: 12px; }
1225      .lg\:mr-4 { margin-right: 16px; }
1226      .lg\:mr-5 { margin-right: 20px; }
1227      .lg\:pr-10{ padding-right: 40px; }
1228      .lg\:pl-10{ padding-left: 40px; }
1229      .lg\:pl-\[42px\] { padding-left: 42px; }
1230      .lg\:border-l { border-left: 1px solid var(--color-border); }
1231      .lg\:border-r { border-right: 1px solid var(--color-border); }
1232      .lg\:rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; }
1233    }
1234  </style>
1235<style>
1236  /* image */
1237  .product-snippet__img,
1238  .product-snippet__img-secondary{
1239    transition: opacity 400ms, transform 400ms;
1240  }
1241  .product-snippet__img-secondary {
1242    opacity: 0;
1243  }
1244
1245  .product-snippet__img {
1246    opacity: 1;
1247  }
1248
1249  .product-snippet__img-link{
1250    border-radius: var(--global-small-border-radius);
1251  }
1252  .product-snippet__img-wrapper.show_carousel .product-snippet__img_main,
1253  .product-snippet__img-wrapper:not(.show_carousel) .product-snippet__img_carousel{
1254    display: none !important;
1255  }
1256  .product-snippet__img_carousel .i-spzhtml-slide-item > * {
1257    width: 100% !important;
1258    padding: 0 !important;
1259    margin: 0 !important;
1260  }
1261  /* label */
1262  .product_snippet__label {
1263    position: absolute;
1264    top: 8px;
1265    left: 8px;
1266    padding: 2px;
1267    text-decoration-line: none;
1268    font-size: 12px;
1269    line-height: 1.2;
1270    border-radius:  2px ;
1271    z-index: 1;
1272  }
1273  .product_snippet__label:not([label-type="sold_out"]){
1274    background-color: var(--color-label-bg);
1275    color: var(--color-label-text);
1276  }
1277  .product_snippet__label[label-type="sold_out"]{
1278    background-color: var(--color-sold-label-bg);
1279    color: var(--color-sold-label-text);
1280  }
1281  .product_snippet__label spz-currency{
1282    display: inline-flex;
1283  }
1284  .product-snippet__title{
1285    word-break: break-word;
1286  }
1287
1288  /* price */
1289  .product-snippet__price-wrapper{
1290    line-height: 1.3;
1291  }
1292  .product-snippet__price{
1293    padding-right: 6px;
1294    font-weight: 500;
1295  }
1296  .product-snippet__price spz-currency{
1297    display: inline-flex;
1298  }
1299
1300  .product-snippet__from-price spz-currency {
1301    margin-left: 1px;
1302  }
1303
1304  html[dir="rtl"] .product-snippet__from-price spz-currency {
1305    margin-left: 0;
1306    margin-right: 1px;
1307  }
1308
1309  .product-snippet__price,
1310  .product-snippet__price .money,
1311  .product-snippet__compare-at-price{
1312    overflow: hidden;
1313    text-overflow: ellipsis;
1314    white-space: nowrap;
1315  }
1316
1317  .product-snippet__price .money {
1318    line-height: 1.25;
1319    font-weight: 600;
1320    color: var(--color-price-text);
1321  }
1322
1323  .product-snippet__compare-at-price {
1324    line-height: 1.15;
1325    color: var(--color-compare-at-price-text);
1326  }
1327
1328  .product-snippet__price-wrapper:not([wholesale-enabled]) .product-snippet__compare-at-price{
1329    text-decoration: line-through;
1330  }
1331
1332  .product-info-sales-and-reviews {
1333    display: flex;
1334    align-items: center;
1335    gap: 8px;
1336  }
1337
1338  @media (min-width: 960px){
1339    .product-snippet__price-wrapper{
1340      line-height: 1.1;
1341    }
1342    .product-snippet__price{
1343      font-size: calc(var(--type-text-font-size) + 2px);
1344    }
1345
1346    .product_snippet__label {
1347      padding: 2px 4px;
1348    }
1349
1350    .product-snippet__img-link[has-secondary-image]:hover .product-snippet__img{
1351      opacity: 0;
1352    }
1353
1354    .product-snippet__img-link[has-secondary-image]:hover .product-snippet__img-secondary{
1355      opacity: 1;
1356    }
1357    .product-snippet__img-secondary{
1358      transform: scale(1.05);
1359    }
1360
1361    .product-snippet__img-link[has-secondary-image]:hover .product-snippet__img-secondary{
1362      transform: scale(1);
1363    }
1364  }
1365  /* thumbnails */
1366  .product-snippet__thumbnails-item,
1367  .product-snippet__thumbnails-item img{
1368    border-radius: 1px;
1369  }
1370
1371  .product-snippet__thumbnails-item + .product-snippet__thumbnails-item {
1372    margin-left: 8px;
1373  }
1374
1375
1376  html[dir="rtl"] .product-snippet__thumbnails-item + .product-snippet__thumbnails-item {
1377    margin-left: 0;
1378    margin-right: 8px;
1379  }
1380
1381  .product-snippet__thumbnails-item[option] {
1382    position: relative;
1383  }
1384
1385  .product-snippet__thumbnails-item[option]::before {
1386    content: '';
1387    z-index: 1;
1388    position: absolute;
1389    top: 0;
1390    left: 0;
1391    right: 0;
1392    bottom: 0;
1393    border: 1px solid transparent;
1394    border-radius: var(--global-fixed-border-radius);
1395    transition: all .2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
1396  }
1397
1398  .product-snippet__thumbnails-item[option][selected]::before {
1399    border-color: var(--color-body-text);
1400  }
1401
1402  .product-snippet__thumbnails-item:not([option]) {
1403    margin: 0;
1404    padding: 0 8px;
1405  }
1406
1407  html[dir="rtl"] .product-snippet__thumbnails-item:not([option]) {
1408    margin: 0;
1409  }
1410
1411  /* quick shop icon */
1412  .product-snippet__quick-shop-icon {
1413    position: absolute;
1414    right: 8px;
1415    bottom: 8px;
1416    display: flex;
1417    align-items: center;
1418    justify-content: center;
1419    margin: 0;
1420    padding: 7px;
1421    border: none;
1422    border-radius: 9999px;
1423    background: var(--color-quick-shop-btn-bg);
1424    color: var(--color-body-text);
1425    z-index: 1;
1426  }
1427  .product-snippet__quick-shop-icon svg {
1428    color: var(--color-quick-shop-btn-icon);
1429  }
1430
1431  html[dir="rtl"] .product-snippet__quick-shop-icon {
1432    left: 8px;
1433    right: unset;
1434  }
1435
1436  @media (max-width: 959.98px) {
1437    .product-snippet__quick-shop-icon::before {
1438      content: '';
1439      position: absolute;
1440      top: -5px;
1441      left: -8px;
1442      right: -8px;
1443      bottom: -8px;
1444    }
1445  }
1446
1447  @media (min-width: 960px){
1448    .product-snippet__quick-shop-icon {
1449      padding: 10px;
1450      opacity: 0;
1451      transform: translateY(4px);
1452      transition: opacity .3s cubic-bezier(0.445, 0.05, 0.55, 0.95),
1453                  transform .3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
1454    }
1455
1456    .product-snippet__img-wrapper:hover .product-snippet__quick-shop-icon{
1457      opacity: 1;
1458      transform: translateY(0);
1459    }
1460  }
1461  /* quick shop btn */
1462  .product-snippet__quick-shop-btn{
1463    width: 100%;
1464    min-height: 40px;
1465    padding: 8px;
1466    border: 1px solid var(--color-primary-btn-bg);
1467    font-size: calc(var(--type-text-font-size) + 2px);
1468    font-weight: 600;
1469  }
1470  .product-snippet__quick-shop-btn[disable]{
1471    color: #9f9f9f;
1472    background-color: rgba(230, 230, 230, .5);
1473    border: none;
1474    cursor: default;
1475  }
1476  .product-snippet__quick-shop-btn:not(.select),
1477  .product_snippet__atc_select_btn{
1478    margin-top: 24px;
1479  }
1480  .product_snippet__atc_dropdown .i-spzhtml-dropdown-container{
1481    min-width: 100%;
1482  }
1483
1484  .product_snippet__atc_tooltip .i-spzhtml-tooltip-inner{
1485    padding: 0;
1486    box-shadow: none;
1487  }
1488  .product_snippet__atc_tooltip_content{
1489    display: flex;
1490    flex-direction: column;
1491    padding: 4px 0;
1492    color: var(--color-body-text);
1493    font-size: var(--type-text-font-size);
1494    background: var(--color-body-bg);
1495    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1), 0px 8px 40px rgba(0, 0, 0, 0.2);
1496    max-height: 300px;
1497    overflow: hidden auto;
1498  }
1499  .product_snippet__atc_tooltip_content input[type="radio"]{
1500    display: none;
1501  }
1502  .product_snippet__atc_tooltip_content label{
1503    padding: 12px;
1504    border-bottom: 1px solid #e5e5e5;
1505    display: flex;
1506    flex-wrap: wrap;
1507  }
1508  .product_snippet__atc_tooltip_content label:not([disabled]):hover{
1509    background: var(--color-body-text);
1510    color: var(--color-body-bg);
1511  }
1512  .product_snippet__atc_tooltip_content label[disabled]{
1513    opacity: 0.6;
1514  }
1515  .product_snippet__atc_tooltip_content .product-snippet__compare-at-price{
1516    text-decoration: line-through;
1517  }
1518</style>
1519<style>
1520
1521  /* Button */
1522  .button-primary,
1523  .button-secondary {
1524    cursor: pointer;
1525    display: inline-flex;
1526    align-items: center;
1527    justify-content: center;
1528    padding-top: 16px;
1529    padding-right:16px;
1530    padding-bottom:16px;
1531    padding-left:16px;
1532    font-weight: bold;
1533    text-align: center;
1534    color: var(--color-primary-btn-text);
1535    text-decoration: none;
1536    background-color: var(--color-primary-btn-bg);
1537    border-radius: var(--btn-border-radius);
1538    border: 1px solid transparent;
1539    position: relative;
1540    overflow: hidden;
1541    transition: opacity 0.15s ease-in-out, transform 0.3s ease-in-out;
1542  }
1543
1544  .button-secondary {
1545    color: var(--color-primary-btn-bg);
1546    background-color: transparent;
1547    border: 1px solid var(--color-primary-btn-bg);
1548  }
1549  
1550  /* 悬浮放大 */
1551  body[data-button-hover-animation="enlarge_hover"] .button-primary:hover,
1552  body[data-button-hover-animation="enlarge_hover"] .button-secondary:hover {
1553   transform: scale(1.05);
1554  }
1555
1556  /* 颜色反转 */
1557  body[data-button-hover-animation="color_invert"] .button-primary:hover {
1558    color: var(--color-primary-btn-bg);
1559    background-color: var(--color-primary-btn-text);
1560    border: 1px solid var(--color-primary-btn-bg);
1561  }
1562  body[data-button-hover-animation="color_invert"] .button-secondary:hover {
1563    color: var(--color-primary-btn-text);
1564    background-color: var(--color-primary-btn-bg);
1565  }
1566
1567  .button-primary::before,
1568  .button-secondary::before {
1569    content: "";
1570    position: absolute;
1571    bottom: 0px;
1572    left: 0px;
1573    right: 0px;
1574    top: 0px;
1575    z-index: 1;
1576    border-radius: var(--btn-border-radius);
1577    pointer-events: none;
1578  }
1579
1580  /* 左右扫光 */
1581  body[data-button-hover-animation="horizontal_swipe"] .button-primary::before,
1582  body[data-button-hover-animation="horizontal_swipe"] .button-secondary::before {
1583    width: 200%;
1584    height: 100%;
1585  }
1586  @keyframes button-swipe {
1587    100% {
1588      left: -200%;
1589    }
1590  }
1591  body[data-button-hover-animation="horizontal_swipe"] .button-primary:hover::before,
1592  body[data-button-hover-animation="horizontal_swipe"] .button-secondary:hover::before {
1593    transform: skew(-20deg);
1594    background-image: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, 0.25), transparent);
1595    animation: button-swipe 0.75s cubic-bezier(0.01, 0.56, 1, 1);
1596    left: 150%;
1597  }
1598
1599  /* 向右填充 */
1600  body[data-button-hover-animation="fill_right"] .button-primary::before,
1601  body[data-button-hover-animation="fill_right"] .button-secondary::before {
1602    background-color: #fff;
1603    opacity: 0.2;
1604    width: 0;
1605    height: 100%;
1606    transition: width 0.5s ease-out;
1607  }
1608  body[data-button-hover-animation="fill_right"] .button-primary:hover::before,
1609  body[data-button-hover-animation="fill_right"] .button-secondary:hover::before {
1610    width: 100%;
1611  }
1612
1613  .button-primary[loading] .loading-bounce {
1614    border-bottom-color: var(--color-primary-btn-text);
1615  }
1616  .button-secondary[loading] .loading-bounce {
1617    border-bottom-color: var(--color-primary-btn-bg);
1618  }
1619
1620  @media (max-width: 960px) {
1621    .button-primary,
1622    .button-secondary {
1623      padding-top: 12px;
1624      padding-right:12px;
1625      padding-bottom:12px;
1626      padding-left:12px;
1627    }
1628  }
1629
1630</style>
1631<script>
1632      window.SHOP_PARAMS = {
1633        product_lang:{
1634          added_to_cart_successfully:"Added successfully",
1635          view_cart:"View Cart",
1636          select_variant:"Please select a variant at least",
1637          line_items_variant_withdraw: "Some items are not in stock, please re-order",
1638          line_items_variant_sold_out: "Some items have been sold out, please re-order",
1639          product_reorder: "Some items information has been updated, please re-order"
1640        },
1641        product_settings: {
1642          add_to_cart_process:"drawer",
1643        }
1644      }
1645      window.breakpoint = 960;
1646      window.disabled_exts = ["bootstrap", "image_video", "social_login", "global_version", "share_product", "boowc", "paypal_express"];
1647    </script>
1647
1648    
1648<script async crossorigin="anonymous" src="//static.staticdj.com/cuttlefish/v1/spz.min.js"></script>
1648
1649  
1649<script>window.C_SETTINGS={image_domain:"//img.staticdj.com/",payment_settings:{"paypal_express_enabled":true,"dynamic_config":{"paypal_js_sdk_url":"https:\/\/www.paypal.com\/sdk\/js?client-id=AUwoRlv3iZ3jt3o3hhcft_tZ5g6tvefEpjCf9YNGeH7q8p_WraleitkKfLnWIs8HLpzalgRA5AMT0BYO&currency=USD&disable-funding=card%2Cbancontact%2Cblik%2Ceps%2Cgiropay%2Cideal%2Cmercadopago%2Cmybank%2Cp24%2Csepa%2Csofort%2Cvenmo&enable-funding=paylater&merchant-id=KPZR3ULNHYC8W","express_checkout_config":{"express_channels":["paypal"],"express_account_infos":{"paypal":{"channel_id":"9744358d-5381-4bec-83a8-ed09168ff0ea","merchant_id":"KPZR3ULNHYC8W","client_id":"BAAoSe19MvKmFMKSSmfAvc0YN9hDPd6l29SigKjQNJ7rIykmIpBFaWlkYy-6ylWX1soeNqj1TynN5SNZs0","account":"merchant","partner_account":{"id":"partner_region_cn","client_id":"AUwoRlv3iZ3jt3o3hhcft_tZ5g6tvefEpjCf9YNGeH7q8p_WraleitkKfLnWIs8HLpzalgRA5AMT0BYO"}}},"express_theme_configs":[]},"scm":"","unified_user_id":"","fallback_reason":"","request_id":"bb0ca7f2-8e8d-46e1-b863-363ce615d5c1","ec_recommend":{"recommend_count":1,"exp_group":"X1","channel_groups":[{"payment_type":"paypal","candidates":[{"channel":"paypal","score":100}]}],"scm":"","unified_user_id":""},"ec_legacy_apple_pay_block_store_ids":["2036132","2171855","1021775","2373789","2050387","1831597","2386285","2374192"],"ec_legacy_google_pay_block_store_ids":["2036132","2171855","1021775","2373789","2050387","1831597","2386285","2374192"],"ec_legacy_spz_paypal_store_ids":[]}},sa_server_url:"https://r.shoplazza.com/sa?project=production&store_id=2362940",sa_web_url:"https://r.shoplazza.com/?store_id=2362940",routes:{root:""},currency_code:"USD",currency_symbol:"$",currency_symbol_pos:"left",theme:{"theme_id":"a744c427-1d95-47d8-ad40-293893fbab0a","theme_version_id":"17316","merchant_theme_name":"Nova 2023","theme_preset":"","updated_at":"2026-04-01 09:02:27","merchant_theme_updated_at":"2025-12-16 07:43:49","theme_type":"standard","support_block":true,"support_app_block":true,"ext_theme_key":"","merchant_theme_c_version":"3.6.47","merchant_theme_version":"25.50.20"},customer:{"customer_id":null,"customer_phone":null,"customer_email":null},shop:{"shop_id":"2362940","shop_env":0,"shop_name":"LatexCall","finance":1,"cdn_domain":"\/\/static.staticdj.com\/","image_domain":"\/\/img.staticdj.com\/","wholesale_enabled":false,"time_zone":"+0800","attrs":null,"show_payment_logo":false},meta:{page:{"template_name":"cart","template_type":13,"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:"20251203c",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>
1649<style type="text/css">
1650  .theme-toast-wrap{
1651    position: fixed;
1652    z-index: var(--z-index-tooltip);
1653    top: 64px;
1654    right: 0;
1655    left: 0;
1656    pointer-events: none;
1657  }
1658  .theme-toast{
1659    width: 100%;
1660    background: rgba(41, 41, 41, 0.95);
1661    color: #fff;
1662    pointer-events: auto;
1663    border-radius: 0px;
1664    position: unset !important;
1665    transform: unset !important;
1666    text-align: left !important;
1667  }
1668  @media (min-width: 960px) {
1669    .theme-toast-wrap {
1670      top: 60px;
1671    }
1672    .theme-toast{
1673      width: 400px;
1674      border-radius: 2px;
1675    }
1676  }
1677
1678  .add_cart-toast-wrap{
1679    position: fixed;
1680    z-index: var(--z-index-tooltip);
1681    top: 64px;
1682    right: 0;
1683    left: 0;
1684    pointer-events: none;
1685  }
1686  .add_cart-toast{
1687    width: 100%;
1688    background: rgba(41, 41, 41, 0.95);
1689    color: #fff;
1690    pointer-events: auto;
1691    border-radius: 0px;
1692    position: unset !important;
1693    transform: unset !important;
1694    text-align: left !important;
1695  }
1696  .toast_view_cart {
1697    color: #F3D07D;
1698  }
1699  @media (min-width: 960px) {
1700    .add_cart-toast-wrap {
1701      top: 60px;
1702    }
1703    .add_cart-toast{
1704      width: 400px;
1705      border-radius: 2px;
1706    }
1707  }
1708</style>
1709<script type="text/javascript">
1710/* 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}
1710));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_())};
1710return 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={};
1710return 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)}
1710)},[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)=>
1710{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 */
1711</script>
1711
1712<style id="spz-theme-vars">
1713  :root {
1714    --spz-theme-pdp-title-font-family: var(--font-heading-family);
1715    --spz-theme-pdp-title-font-size: calc(var(--type-heading-font-size) * 0.8);
1716    --spz-theme-pdp-title-line-height: 1.25;
1717    --spz-theme-pdp-title-font-weight: var(--font-heading-weight);
1718    --spz-theme-pdp-title-color: var(--color-product-title-text);
1719    --spz-theme-pdp-subtitle-font-size: var(--type-text-font-size);
1720    --spz-theme-pdp-subtitle-line-height: 1.2;
1721    --spz-theme-pdp-subtitle-font-weight: var(--font-body-weight);
1722    --spz-theme-pdp-subtitle-color: #9F9F9F;
1723    --spz-theme-pdp-price-font-family: var(--font-heading-family);
1724    --spz-theme-pdp-price-font-size: calc(var(--type-heading-font-size) * .8);
1725    --spz-theme-pdp-price-line-height: 1.2;
1726    --spz-theme-pdp-price-font-weight: 600;
1727    --spz-theme-pdp-price-color: var(--color-price-text);
1728    --spz-theme-pdp-compare-price-font-size: calc(var(--type-text-font-size) + 2px);
1729    --spz-theme-pdp-compare-price-line-height: 1.2;
1730    --spz-theme-pdp-compare-price-font-weight: var(--font-body-weight);
1731    --spz-theme-pdp-compare-price-color: var(--color-compare-at-price-text);
1732    --spz-theme-pdp-save-badge-font-size: calc(var(--type-text-font-size) - 2px);
1733    --spz-theme-pdp-save-badge-line-height: 1.2;
1734    --spz-theme-pdp-save-badge-font-weight: 600;
1735    --spz-theme-pdp-save-badge-color: var(--color-save-price-text);
1736    --spz-theme-pdp-save-badge-border: 1px solid currentColor;
1737    --spz-theme-pdp-save-badge-radius: 2px;
1738    --spz-theme-pdp-save-badge-padding: 0px 4px;
1739    --spz-theme-pdp-variant-title-font-family: var(--font-body-family);
1740    --spz-theme-pdp-variant-title-font-size: calc(var(--type-text-font-size) + 2px);
1741    --spz-theme-pdp-variant-title-font-weight: 600;
1742    --spz-theme-pdp-variant-font-size: var(--type-text-font-size);
1743    --spz-theme-pdp-variant-line-height: 1.15;
1744    --spz-theme-pdp-variant-font-weight: var(--font-body-weight);
1745    --spz-theme-pdp-variant-color: var(--color-body-text-75);
1746    --spz-theme-pdp-variant-border: 1px solid var(--color-border);
1747    --spz-theme-pdp-variant-radius: var(--btn-fixed-border-radius);
1748    --spz-theme-pdp-variant-min-width: auto;
1749    --spz-theme-pdp-variant-min-height: auto;
1750    --spz-theme-pdp-variant-max-width: none;
1751    --spz-theme-pdp-variant-padding: 13px 16px;
1752    --spz-theme-pdp-variant-gap: 12px;
1753    --spz-theme-pdp-qty-label-font-family: var(--font-body-family);
1754    --spz-theme-pdp-qty-label-font-size: calc(var(--type-text-font-size) + 2px);
1755    --spz-theme-pdp-qty-label-line-height: 1.25;
1756    --spz-theme-pdp-qty-label-font-weight: 600;
1757    --spz-theme-pdp-qty-label-color: var(--color-body-text);
1758    --spz-theme-pdp-qty-font-size: calc(var(--type-text-font-size) + 2px);
1759    --spz-theme-pdp-qty-radius: 2px;
1760    --spz-theme-pdp-atc-button-font-size: calc(var(--type-text-font-size) + 2px);
1761    --spz-theme-pdp-atc-button-line-height: 1.25;
1762    --spz-theme-pdp-atc-button-font-weight: 500;
1763    --spz-theme-pdp-atc-button-height: 52px;
1764    --spz-theme-pdp-atc-button-padding: 16px 16px 16px 16px;
1765    --spz-theme-pdp-atc-button-radius: var(--btn-border-radius);
1766    --spz-theme-pdp-buy-button-font-size: calc(var(--type-text-font-size) + 2px);
1767    --spz-theme-pdp-buy-button-line-height: 1.25;
1768    --spz-theme-pdp-buy-button-font-weight: 500;
1769    --spz-theme-pdp-stock-note-font-size: var(--type-text-font-size);
1770    --spz-theme-pdp-stock-note-line-height: 1.2;
1771    --spz-theme-pdp-stock-note-font-weight: var(--font-body-weight);
1772    --spz-theme-pdp-stock-note-color: var(--color-price-text);
1773    --spz-theme-plp-title-font-size: 24px;
1774    --spz-theme-plp-title-line-height: 1.3;
1775    --spz-theme-plp-title-font-weight: 400;
1776    --spz-theme-plp-title-font-family: var(--font-body-family);
1777    --spz-theme-plp-title-color: var(--color-general-heading-text);
1778    --spz-theme-plp-card-title-font-size: var(--type-text-font-size);
1779    --spz-theme-plp-card-title-line-height: 1.25;
1780    --spz-theme-plp-card-title-font-weight: var(--font-heading-weight);
1781    --spz-theme-plp-card-title-font-family: var(--font-heading-family);
1782    --spz-theme-plp-card-title-color: var(--color-product-title-text);
1783    --spz-theme-plp-card-price-font-size: calc(var(--type-text-font-size) + 2px);
1784    --spz-theme-plp-card-price-font-weight: 600;
1785    --spz-theme-plp-card-price-color: var(--color-price-text);
1786    --spz-theme-plp-card-compare-font-size: var(--type-text-font-size);
1787    --spz-theme-plp-card-compare-line-height: 1.15;
1788    --spz-theme-plp-card-compare-font-weight: var(--font-body-weight);
1789    --spz-theme-plp-card-compare-color: var(--color-compare-at-price-text);
1790    --spz-theme-plp-badge-font-size: 12px;
1791    --spz-theme-plp-badge-padding: 2px 4px;
1792    --spz-theme-plp-badge-radius: var(--global-border-radius);
1793    --spz-theme-plp-badge-color: var(--color-label-text);
1794    --spz-theme-plp-soldout-color: var(--color-sold-label-text);
1795    --spz-theme-plp-quick-add-color: var(--color-quick-shop-btn-bg);
1796    --spz-theme-plp-swatch-gap: 8px;
1797    --spz-theme-plp-swatch-radius: var(--global-fixed-border-radius);
1798    --spz-theme-plp-card-image-radius: var(--global-small-border-radius);
1799    --spz-theme-plp-card-image-aspect-ratio: calc(100 / 133.33);
1800    --spz-theme-plp-card-radius: 0;
1801    --spz-theme-cart-drawer-width: 468px;
1802    --spz-theme-cart-drawer-radius: 0;
1803    --spz-theme-cart-title-font-size: calc(var(--type-heading-font-size) * 0.8);
1804    --spz-theme-cart-title-line-height: 1.17;
1805    --spz-theme-cart-title-font-weight: var(--font-heading-weight);
1806    --spz-theme-cart-item-title-font-size: var(--type-text-font-size);
1807    --spz-theme-cart-item-title-line-height: 1.25;
1808    --spz-theme-cart-item-title-font-weight: var(--font-body-weight);
1809    --spz-theme-cart-item-title-font-family: var(--font-body-family);
1810    --spz-theme-cart-item-title-color: var(--color-product-title-text);
1811    --spz-theme-cart-item-variant-font-size: var(--type-text-font-size);
1812    --spz-theme-cart-item-variant-color: var(--color-body-text-70);
1813    --spz-theme-cart-item-price-font-size: calc(var(--type-text-font-size) + 2px);
1814    --spz-theme-cart-item-price-line-height: 1.25;
1815    --spz-theme-cart-item-price-font-weight: 500;
1816    --spz-theme-cart-item-price-color: var(--color-price-text);
1817    --spz-theme-cart-qty-radius: var(--global-border-radius);
1818    --spz-theme-cart-qty-border: 1px solid var(--color-border);
1819    --spz-theme-cart-item-image-radius: var(--global-fixed-border-radius);
1820    --spz-theme-cart-summary-card-bg: var(--color-cart-subtotal-bg);
1821    --spz-theme-cart-checkout-bg: var(--color-primary-btn-bg);
1822    --spz-theme-cart-checkout-color: var(--color-primary-btn-text);
1823    --spz-theme-cart-checkout-height: 46px;
1824    --spz-theme-cart-checkout-font-size: calc(var(--type-text-font-size) + 2px);
1825    --spz-theme-cart-checkout-font-weight: 700;
1826    --spz-theme-cart-checkout-radius: var(--btn-border-radius);
1827    --spz-theme-atc-modal-width: 495px;
1828    --spz-theme-atc-modal-max-height: 86vh;
1829    --spz-theme-atc-modal-border-width: 0;
1830    --spz-theme-atc-modal-radius: var(--global-small-border-radius);
1831    --spz-theme-page-width: 1440px;
1832    --spz-theme-page-gutter: var(--page-spacing);
1833    --spz-theme-grid-gap-x: 40px;
1834    --spz-theme-grid-gap-y: 44px;
1835    --spz-theme-button-radius: var(--btn-border-radius);
1836    --spz-theme-button-border-width: 1px;
1837    --spz-theme-button-hover-bg-color: var(--color-primary-btn-bg);
1838    --spz-theme-button-hover-text-color: var(--color-primary-btn-text);
1839    --spz-theme-input-bg-color: transparent;
1840    --spz-theme-input-text-color: var(--color-body-text);
1841    --spz-theme-input-border-color: var(--color-border);
1842    --spz-theme-input-radius: var(--global-border-radius);
1843    --spz-theme-toast-radius: 2px;
1844    --spz-theme-progress-radius: 1px;
1845    --spz-theme-pill-radius: 9999px;
1846  }
1847  #cart-drawer-modal, [data-spz-theme-scope="cart-drawer"] {
1848    --spz-theme-cart-item-price-font-size: var(--type-text-font-size);
1849  }
1850  @media (max-width: 959px) {
1851    :root {
1852      --spz-theme-pdp-title-font-size: calc(var(--type-heading-font-size) * 0.47);
1853      --spz-theme-pdp-variant-title-font-size: var(--type-text-font-size);
1854      --spz-theme-pdp-variant-padding: 10px 16px;
1855      --spz-theme-pdp-atc-button-height: 42px;
1856      --spz-theme-pdp-atc-button-padding: 12px 12px 12px 12px;
1857      --spz-theme-cart-drawer-width: 84.62%;
1858      --spz-theme-page-gutter: 16px;
1859      --spz-theme-grid-gap-x: 15px;
1860      --spz-theme-grid-gap-y: 24px;
1861      --spz-theme-toast-radius: 0;
1862    }
1863  }
1864</style>
1865
1866<script type="text/javascript">
1867/* 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=([^&]*)(&|$)/);
1867return 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
1867SendData_(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(
1867Boolean).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 */
1868</script>
1868
1869
1870
1871<script type="text/javascript">Object.assign(window.AD_TRACK_ASSETS || (window.AD_TRACK_ASSETS={}),{"golden_world":"golden_world.PSV6FO2D.js"});</script>
1871
1872</head>
1873  <body class="nova template-cart m-0 type-text-font-family leading-1.3" id="nova-theme"  data-button-hover-animation=enlarge_hover>
1874    <style>
1875      .back-to-top {
1876        position: fixed;
1877        right: 16px;
1878        bottom: 34px;
1879        width: 50px;
1880        height: 50px;
1881        background-color: rgba(41,41,41,.4);;
1882        transition: transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
1883        z-index: calc(var(--z-index-fixed) + 5);
1884      }
1885      .back-to-top[show] { transform: translateY(0); }
1886      @media (min-width: 960px) {
1887        .back-to-top {
1888          right: 32px;
1889          bottom: 24px;
1890        }
1891      }
1892    </style>
1893    <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');">
1894        <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>
1895    </div>
1896    <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>
1897  <template id="product-snippet-template">
1898  <div>
1899    ${(function(){
1900      const get_random_six_digits = () => {
1901        return Math.random().toString().slice(-6)
1902      };
1903      const wholesale_enabled = false;
1904      const setting_product_image_display = "133.33%";
1905      const product_image = data.image;
1906      const secondary_image = data.secondImage;
1907      const image_width = product_image.width;
1908      let image_height = product_image.height;
1909      if(setting_product_image_display == '100%'){
1910        image_height = image_width
1911      }else if(setting_product_image_display == '133.33%'){
1912        image_height = image_width * 1.3333;
1913      }else if(setting_product_image_display == '75%'){
1914        image_height = image_width * 0.75;
1915      };
1916      const product_image_hover_on = true && !!secondary_image.src;
1917      const has_save_label = true && ((+data.compare_at_price) > (+data.price));
1918      const is_single_variant = data.variants.length == 1;
1919      const min_price_variant_href = (data.min_price_variant && data.min_price_variant.available) ? data.min_price_variant.withinUrl : data.withinUrl;
1920      const retail_price_max = data.retail_price_max || data.compare_at_price_max;
1921      const THUMBNAILS_MAX_SIZE = 3;
1922      const thumbnails = data.thumbVariants.slice(0, THUMBNAILS_MAX_SIZE);
1923      const image_wrap_id = 'image_wrap_' + get_random_six_digits();
1924      const image_carousel_id = 'image_carousel_' + get_random_six_digits();
1925      const thumbnails_selector_id = 'thumbnails_selector_' + get_random_six_digits();
1926      const form_id = 'form_' + get_random_six_digits();
1927      const mixed_wholesale = data.mixed_wholesale;
1928      return `
1929        <div class="product-snippet__img-wrapper relative" id="${image_wrap_id}">
1930          <a
1931            class="product-snippet__img-link relative block overflow-hidden"
1932            spz-href="${data.withinUrl}"
1933            ${product_image_hover_on?"has-secondary-image":""}
1934          >
1935            <spz-img
1936              class="product-snippet__img product-snippet__img_main"
1937              layout="responsive"
1938              width="${image_width}"
1939              height="${image_height}"
1940              src="${product_image.src}"
1941              alt="${product_image.alt}"
1942              object-fit="cover"
1943              auto-fit
1944            ></spz-img>
1945            <spz-carousel
1946                class="product-snippet__img product-snippet__img_carousel"
1947                id="${image_carousel_id}"
1948                layout="responsive"
1949                width="${image_width}"
1950                height="${image_height}"
1951                initial-slide="0"
1952                slide
1953                effect="fade"
1954                spz-if="${thumbnails.length>0}"
1955              >
1956                <spz-img
1957                  spz-if="!!item.image"
1958                  layout="responsive"
1959                  width="${image_width}"
1960                  height="${image_height}"
1961                  src="${item.image && item.image.src || ''}"
1962                  alt="${item.image && item.image.alt || ''}"
1963                  object-fit="cover"
1964                  auto-fit
1965                  spz-for="(item, index) in thumbnails"
1966                  key="index"
1967                ></spz-img>
1968              </spz-carousel>
1969            <spz-img
1970              class="product-snippet__img-secondary absolute top-0"
1971              layout="responsive"
1972              width="${image_width}"
1973              height="${image_height}"
1974              src="${secondary_image.src || ''}"
1975              alt="${secondary_image.alt}"
1976              object-fit="cover"
1977              auto-fit
1978            ></spz-img>
1979          </a>
1980          <button
1981              type="button"
1982              class="product-snippet__quick-shop-icon"
1983              data-track-product-id="${data.id}"
1984              data-track-position=""
1985              data-track="quick_shop"
1986              @tap="quick-shop.open;quick-shop-render.render(src='/api/products/${data.id}');"
1987              spz-if="${data.available && !(!wholesale_enabled && is_single_variant)}"
1988            >
1989              <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
1990            </button>
1991            <spz-product-form
1992  product-id="${data.id}"
1993  layout="container"
1994  @atcError="theme-toast.showToast(content=event.message);"
1995  spz-if="${data.available && !wholesale_enabled && is_single_variant}"
1996>
1997  <form>
1998    <input name="variant_id" type="hidden" value="${data.variants[0].id}">
1999    <button
2000      type="button"
2001      class="product-snippet__quick-shop-icon"
2002      role="addToCart"
2003      data-quick-shop="${data.handle}"
2004      data-track-product-id="${data.id}"
2005      data-track="click"
2006      data-track-content="add_to_cart"
2007      data-track-source="quick_shop"
2008    >
2009      <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
2010    </button>
2011  </form>
2012</spz-product-form>
2013          <a
2014    class="product_snippet__label"
2015    label-type="${data.available?'save':'sold_out'}"
2016    spz-href="${min_price_variant_href}"
2017    spz-if="${!data.available||has_save_label}"
2018  >
2019    ${
2020      data.available
2021        ? 
2022
2023`${
2024    (+data.compare_at_price > +data.price)
2025     ? `Save 
2026      <spz-currency value="${ data.compare_at_price-data.price }" layout="container"></spz-currency>
2027    `
2028     : ''
2029  }`
2030: "Sold out"
2031    }
2032  </a>
2033</div>
2034        <div spz-if="${mixed_wholesale}">
2035          <style>
2036  .mixed_wholesale_label {
2037    padding: 2px 4px;
2038  }
2039
2040  .mixed_wholesale_tooltip .i-spzhtml-tooltip-arrow:before,
2041  .mixed_wholesale_tooltip .i-spzhtml-tooltip-inner {
2042    background: var(--color-body-bg);
2043    color: var(--color-body-text);
2044  }
2045
2046  .mixed_wholesale_tooltip {
2047    max-width: 100%;
2048    border-radius: 4px;
2049    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.1);
2050  }
2051
2052  @media (min-width: 960px) {
2053    .mixed_wholesale_tooltip {
2054      max-width: 450px;
2055    }
2056  }
2057</style>
2058<div class="mt-2 lg:mt-3 mixed_wholesale_label inline-flex color-custom-label-text bg-custom-label text-xs rounded" id="mixed-${image_wrap_id}">
2059  Mixed Lot
2060</div>
2061<spz-tooltip layout="logic" content="You can enjoy the wholesale price when you add up to {{count}} pieces of current goods and any goods that support &quot;Mixed Lot&quot; in the store." interact="hover" for="mixed-${image_wrap_id}" placement="bottom" overlay-class="mixed_wholesale_tooltip">
2062</spz-tooltip>
2063        </div>
2064        <h3
2065          class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
2066          <a class="text-inherit no-underline" spz-href="${data.withinUrl}">
2067            ${data.title}
2068          </a>
2069        </h3>
2070        <a
2071          class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
2072          spz-href="${min_price_variant_href}"
2073          >
2074          <span class="product-snippet__price ${data.price_min != data.price_max ? 'product-snippet__from-price' : ''}">
2075              ${
2076                data.price_min != data.price_max
2077                  ? `from 
2078                <spz-currency value="${data.price}" layout="container"></spz-currency>
2079              `
2080                  : `
2081                <spz-currency value="${data.price}" layout="container"></spz-currency>
2082              `
2083              }
2084            </span>
2085            <spz-currency class="product-snippet__compare-at-price" value="${data.compare_at_price}" layout="container" spz-if="${+data.compare_at_price>+data.price}"></spz-currency>
2086          </a>
2087        <spz-selector
2088            id="${thumbnails_selector_id}"
2089            layout="container"
2090            class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
2091            @mouseover="${thumbnails_selector_id}.toggle(option=event.targetOption,value=true);${image_carousel_id}.goToSlide(index=event.targetOption);${image_wrap_id}.toggleClass(class='show_carousel',force=true)"
2092            spz-if="${thumbnails.length>0}"
2093          >
2094            <a
2095              spz-if="!!item.image"
2096              class="product-snippet__thumbnails-item flex cursor-pointer"
2097              spz-href="${item.withinUrl}"
2098              spz-for="(item, index) in thumbnails"
2099              key="index"
2100              option="${index}"
2101            >
2102              <spz-img
2103                layout="fixed"
2104                width="28"
2105                height="28"
2106                src="${item.image && item.image.src || ''}"
2107                alt="${item.image && item.image.alt || ''}"
2108                object-fit="cover"
2109                auto-fit
2110              ></spz-img>
2111            </a>
2112            <a spz-href="${data.withinUrl}" class="product-snippet__thumbnails-item text-xs text-inherit no-underline" spz-if="${data.remainInvisibleThumbCount>0}">
2113              +${data.remainInvisibleThumbCount}
2114            </a>
2115          </spz-selector>
2116        `
2117    })()}
2118  </div>
2119</template>
2120<div class="page_container">
2121      <style type="text/css">
2122  [data-section-id=announcement] {
2123    position: relative;
2124    z-index: 1030;
2125    background: var(--color-announcement-bg);
2126    color: var(--color-announcement-text);
2127  }
2128  [data-section-id=announcement].header_mask_open{
2129    z-index: unset;
2130  }
2131
2132  .announcement-content {
2133    cursor: pointer;
2134  }
2135
2136  .announcement-content[carousel_off] {
2137    pointer-events: none;
2138  }
2139</style><div id="shoplaza-section-announcement" class="shoplaza-section" data-section-id="announcement" data-section-type="announcement" data-section-style="">
2140
2141</div>
2142      <div id="shoplaza-section-header" class="shoplaza-section" data-section-id="header" data-section-type="header" data-section-style="">
2143<style>
2144  .header__desktop,
2145  .header__mobile {
2146    color: var(--color-header-text);
2147    position: relative;
2148    z-index: 20;
2149  }
2150
2151  .header__layout {
2152    background: var(--color-header-bg);
2153  }
2154
2155  .header-shadow{
2156    box-shadow: 0 6px 10px -3px rgba(41, 41, 41, 0.08);
2157  }
2158
2159  .header-account-shadow{
2160    box-shadow: 0 6px 10px 3px rgba(29, 29, 29, 0.08);
2161  }
2162
2163  .header-bg {
2164    background: var(--color-header-bg);
2165  }
2166
2167  .header__menu-item-tag{
2168    margin-top: -6px;
2169    margin-left: 2px;
2170    padding: 2px 4px;
2171    font-size: 12px;
2172    line-height: 1;
2173    border-radius: 2px;
2174  }
2175  [data-section-id="header"]{
2176    pointer-events: none;
2177  }
2178</style>
2179
2180<style>
2181  @media (min-width: 960px) {
2182      [data-section-id="header"]{
2183      position: sticky;
2184      top: 0;
2185      z-index: 1021;
2186    }
2187  }
2188  @media (max-width: 959.98px) {
2189      [data-section-id="header"]{
2190      position: sticky;
2191      top: 0;
2192      z-index: 1021;
2193    }
2194  }
2195  </style>
2196
2197<style>
2198  /* layout left */
2199  .header__desktop[data-layout="left"] .header__logo {
2200    flex: 1;
2201    order: 1;
2202  }
2203
2204  .header__desktop[data-layout="left"] .header__icons {
2205    order: 4;
2206  }
2207
2208  .header__desktop[data-layout="left"] .header__menu-sticky,
2209  .header__desktop[data-layout="center"] .header__menu-sticky {
2210    display: none;
2211    order: 2;
2212  }
2213
2214  /* layout center */
2215  .header__desktop[data-layout="center"] .header__logo {
2216    order: 2;
2217    display: flex;
2218    justify-content: center;
2219  }
2220
2221  .header__desktop[data-layout="center"] .header__search {
2222    flex: 1;
2223    order: 1;
2224  }
2225
2226  /* layout menu_left_logo_center */
2227  .header__desktop[data-layout="menu_left_logo_center"] .header__logo {
2228    order: 2;
2229    display: flex;
2230    justify-content: center;
2231    width: 200px;
2232    margin-left: 50px;
2233    margin-right: 50px;
2234  }
2235
2236  /* layout logo_left_menu_left */
2237  .header__desktop[data-layout="logo_left_menu_left"] .header__logo {
2238    order: 0;
2239    display: flex;
2240    margin-right: 24px;
2241  }
2242
2243  .header__desktop[data-layout="logo_left_menu_left"] .header__icons {
2244    order: 4;
2245    justify-content: flex-end;
2246  }
2247
2248  .header__desktop[data-layout="center"] .header__icons,
2249  .header__desktop[data-layout="menu_left_logo_center"] .header__icons {
2250    flex: 1;
2251    order: 4;
2252    justify-content: flex-end;
2253  }
2254
2255  .header__desktop[data-layout="left"] .header__menu-sticky,
2256  .header__desktop[data-layout="center"] .header__menu-sticky,
2257  .header__desktop[data-layout="logo_left_menu_left"] .header__menu-sticky {
2258    padding-left: 28px;
2259    padding-right: 28px;
2260  }
2261
2262  .header__desktop[data-layout="logo_left_menu_left"] .header__menu-sticky .header__menu-item-sub,
2263  .header__desktop[data-layout="menu_left_logo_center"] .header__menu-sticky .header__menu-item-sub {
2264    max-width: 425px;
2265  }
2266
2267  .header__desktop[data-layout="left"] .header__menu-wrapper .header__menu,
2268  .header__desktop[data-layout="center"] .header__menu-wrapper .header__menu{
2269    padding: 6px 0 0 0;
2270  }
2271  .header__desktop[data-layout="left"] .header__menu-wrapper .header__menu-item-sub,
2272  .header__desktop[data-layout="center"] .header__menu-wrapper .header__menu-item-sub{
2273    padding-bottom: 17px;
2274  }
2275
2276  </style>
2277
2278<style>
2279  @media (min-width: 960px) {
2280      .header__scroll_hide,
2281      .header__scroll_hide ~ *{
2282        transition: transform 0.3s;
2283      }
2284      #shoplaza-section-header.show_shadow .header__desktop .header__menu-wrapper{
2285        box-shadow: 0 6px 10px -3px rgba(41, 41, 41, 0.08);
2286      }
2287      body.header_scroll #shoplaza-section-header{
2288        box-shadow: none;
2289      }
2290      .header_scroll .header__desktop[data-layout="center"] .header__search,
2291      .header_scroll .header__desktop[data-layout="center"] .header__icons,
2292      .header_scroll .header__desktop[data-layout="left"] .header__search,
2293      .header_scroll .header__desktop[data-layout="left"] .header__icons
2294      {
2295        flex-grow: unset;
2296      }
2297      .header_scroll .header__desktop[data-layout="center"] .header__logo,
2298      .header_scroll .header__desktop[data-layout="left"] .header__logo{
2299        flex-grow: unset;
2300        order: 1;
2301        margin-right: 20px;
2302      }
2303      .header_scroll .header__desktop[data-layout="center"] .header__scroll_hide,
2304      .header_scroll .header__desktop[data-layout="left"] .header__scroll_hide{
2305        transform: translateY(-100%);
2306      }
2307      .header_scroll .header__desktop[data-layout="center"] .header__scroll_hide ~ *,
2308      .header_scroll .header__desktop[data-layout="left"] .header__scroll_hide ~ *{
2309        transform: translateY(calc(-1 * var(--header-scroll-hide-height-pc)));
2310      }
2311      .header_scroll .header__desktop[data-layout="center"] .header__menu-sticky,
2312      .header_scroll .header__desktop[data-layout="left"] .header__menu-sticky{
2313        display: block;
2314        flex: 1;
2315      }
2316      .header_scroll .header__desktop[data-layout="center"] .header__menu-content,
2317      .header_scroll .header__desktop[data-layout="left"] .header__menu-content{
2318        visibility: hidden;
2319      }
2320    }
2321  @media (max-width: 959.98px) {
2322      .header__scroll_hide {
2323        transition: transform .5s;
2324      }
2325
2326      #shoplaza-section-header.show_shadow .header__mobile .header__fixed-top {
2327        box-shadow: 0 6px 10px -3px rgba(41, 41, 41, 0.08);
2328      }
2329
2330      .header_scroll .header__scroll_hide.non-sticky {
2331        transform: translateY(-100%);
2332      }
2333
2334      .header__icons.show-menu-icon .header__account,
2335      .header__icons:not(.show-menu-icon) .header__icon-menu--force,
2336      #header-search-container-mobile:not(.show) {
2337        display: none;
2338      }
2339    }
2340  </style>
2341
2342<style>
2343  .header__logo{
2344    margin: 0;
2345    font-size: 0;
2346  }
2347  .header__logo-title{
2348    max-width: 185px;
2349    overflow-wrap: break-word;
2350    font-size: 24px;
2351    line-height: 38px;
2352    font-weight: 600;
2353    color: inherit;
2354    overflow: hidden;
2355    text-decoration-line: none;
2356  }
2357  [data-section-id="header"] .image_width {
2358    width: 70px;
2359  }
2360  @media (min-width: 960px) {
2361    .header__logo{
2362      padding: 18px 0;
2363    }
2364    .header__logo-title{
2365      max-width: 380px;
2366      font-size: 30px;
2367      line-height: 36px;
2368      font-weight: 500;
2369    }
2370    [data-section-id="header"] .image_width {
2371      width: 140px;
2372    }
2373  }
2374  @media (max-width: 959.98px) {
2375    .header__logo{
2376      flex: 1;
2377    }
2378  }
2379</style>
2380
2381<style>
2382  .header__account,
2383    .header__cart,
2384    .header__drawer_icon{
2385    margin-left: 22px;
2386    }
2387  .header__account_dropdown {
2388    margin: 6px;
2389  }
2390
2391  .header__account_dropdown .i-spzhtml-dropdown-container {
2392    background-color: transparent;
2393  }
2394
2395  .header__account_dropdown_content{
2396    width: 146px;
2397    padding: 15px;
2398    font-size: 14px;
2399    line-height: 18px;
2400    color: var(--color-header-text);
2401    background-color: var(--color-header-bg);
2402    z-index: var(--z-index-dropdown);
2403    transition: all 200ms;
2404    border-radius: 4px;
2405  }
2406  .header__account_dropdown_content > li{
2407    cursor: pointer;
2408  }
2409  .header__account_dropdown_content > li:hover{
2410    color: var(--color-header-text-70);
2411  }
2412  .header__account_dropdown_content > li + li{
2413    margin-top: 18px;
2414  }
2415  .header__account_dropdown_content a{
2416    color: inherit;
2417    text-decoration: none;
2418  }
2419  .header__cart-count{
2420    min-height: 18px;
2421    min-width: 18px;
2422    padding: 3px 4px;
2423    top: -18px;
2424  right: -4px;
2425  font-size: 12px;
2426    color: var(--color-cart-dot-text);
2427    background-color: var(--color-cart-dot-bg);
2428  }
2429
2430  .header-cart-back-btn {
2431    margin-right: 2px;
2432  }
2433
2434  html[dir="rtl"] .header-cart-back-btn {
2435    margin-left: 2px;
2436    margin-right: 0;
2437    transform: rotate(180deg);
2438  }
2439
2440  @media (min-width: 960px) {
2441    .header__account,
2442    .header__cart,
2443    .header__plugin-container > *{
2444      margin-left: 30px;
2445      margin-right: unset;
2446    }
2447    .header__account_dropdown_content{
2448      visibility: hidden;
2449      position: absolute;
2450      margin-top: 10px;
2451    margin-left: -50px;
2452    width: 160px;
2453    }
2454    .header__account:hover .header__account_dropdown_content{
2455      visibility: visible;
2456    }
2457  }
2458</style>
2459<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>
2460  <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>
2461<div class="header_container relative">
2462  <style>
2463  .header__menu-sticky {
2464    padding-top: 28px;
2465  }
2466  .header__menu-sticky .header__menu-item-sub {
2467    padding-bottom: 28px;
2468  }
2469</style>
2470<div class="header__desktop md:hidden" data-layout="center">
2471  <div class="header__layout relative z-50 pointer-events-auto">
2472    <div class="header__layout-content page-container flex items-center direction_ltr_self">
2473      <h2 class="header__logo flex-shrink-0 type-heading-font-family">
2474  <a class="image_width block md:hidden" href="/">
2475  <spz-img layout="responsive" width="1000" height="1000" src="//img.staticdj.com/99440762d43b0616c73167edc7c398fe_400x.png" alt="" class="i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:100%;"></i-spzhtml-sizer></spz-img>
2476  </a>
2477  <a class="image_width block lg:hidden" href="/">
2478  <spz-img layout="responsive" width="1000" height="1000" src="//img.staticdj.com/99440762d43b0616c73167edc7c398fe_400x.png" alt="" class="i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:100%;"></i-spzhtml-sizer></spz-img>
2479  </a>
2480</h2>
2481<style>
2482  .header__search button,
2483  .header__search input{
2484    border: none;
2485    outline: none;
2486  }
2487  .header__search-btn,
2488  .header__search-icon{
2489    background: transparent;
2490  }
2491  .header__search {
2492    display: flex;
2493    align-items: center;
2494    flex-shrink: 0;
2495  }
2496  .header__search-btn {
2497    padding: 0;
2498    margin: 0;
2499    font-size: 0;
2500    color: inherit;
2501    cursor: pointer;
2502  }
2503  .header__search-form{
2504    min-height: 40px;
2505  }
2506  .header__search-input{
2507    font-size: 13px;
2508    line-height: 16px;
2509    color: var(--color-header-search-text);
2510    background-color: var(--color-header-search-bg);
2511    caret-color: var(--color-header-search-text);
2512    padding: 12px 30px 12px 36px;
2513      border-radius: 2px 0 0 2px;
2514    }
2515  .header__search-input:not(:placeholder-shown) ~ .header__search-icon-close{
2516    display: flex;
2517  }
2518  .header__search-icon{
2519    left: 10px;
2520    top: 50%;
2521    transform: translateY(-50%);
2522    color: var(--color-header-search-text-50);
2523  }
2524  .header__search-icon-close{
2525    top: 50%;
2526    transform: translateY(-50%);
2527    height: 18px;
2528    width: 18px;
2529    color: #fff;
2530    background: #C0C0C0;
2531    right: 10px;
2532    }
2533  .header__search-icon:hover,
2534  .header__search-icon-close:hover{
2535    color: var(--color-header-search-text);
2536  }
2537  .header__search-submit-btn{
2538    padding: 11px 16px;
2539    font-size: 14px;
2540    line-height: 18px;
2541    color: var(--color-header-search-btn-text);
2542    background-color: var(--color-header-search-btn-bg);
2543    border-radius: 0 2px 2px 0;
2544    }
2545  @media (max-width: 959.98px) {
2546    .header__search-form{
2547      width: 100%
2548    }
2549  }
2550  @media (min-width: 960px) {
2551    .header__search-form{
2552      margin: 18px 0;
2553    }
2554    .header__search-input{
2555      width: 232px;
2556      border-radius: 2px;
2557    }
2558    .header__desktop[data-layout="left"] .header__search-input{
2559      width: 278px;
2560    }
2561  }
2562</style>
2563
2564<div class="header__search" id="">
2565    <button
2566        type="button"
2567        class="header__search-btn"
2568        @tap="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=true);header_search_sidebar.open()"
2569      >
2570        <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 
25700 1 1-16.8 0 8.4 8.4 0 0 1 16.8 0z" fill="currentColor"/></svg>
2571      </button>
2572    </div>
2573<spz-observer layout="logic" target="header__plugin-container" @childupdated="header-menu-top.updateMoreLink" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-observer>
2574<div class="header__icons flex-shrink-0 flex items-center" >
2575  <div class="header__plugin-container md:hidden flex items-center" id="header__plugin-container">
2576    <div class="empty-hidden plugin__translate-header"></div>
2577    <div class="empty-hidden plugin__currency"></div>
2578  </div>
2579
2580  <div class="header__account relative text-0  md:hidden ">
2581    <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>
2582    <ul class="header__account_dropdown_content list-none header-account-shadow">
2583    <li><a href="/account/login">Log in</a></li>
2584      <li><a href="/account/register">Create an account</a></li>
2585      </ul>
2586</div>
2587  <a class="header__cart relative flex justify-end items-center text-0 text-inherit cursor-pointer no-underline" >
2588    <i>
2589      <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>
2590      </i>
2591    <!-- 购物车数量 -->
2592    <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>
2593    <spz-render id="header_cart_count_render_pc" layout="container" src="/api/cart/count" class="i-spzhtml-layout-container" i-spzhtml-layout="container">
2594      <template>
2595        <div>
2596          <span class="header__cart-count absolute rounded-full leading-none text-center" spz-if="${data.data && data.data.count > 0}">${data.data && data.data.count}</span>
2597        </div>
2598      </template>
2599    </spz-render>
2600  </a>
2601  <i class="header__drawer_icon  flex lg:hidden cursor-pointer" @tap="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=true);header_drawer.open()">
2602      <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>
2603    </i>
2604  </div>
2605      <div class="header__menu-sticky flex-1 overflow-hidden">
2606        <style>
2607  .header__desktop .header__menu{
2608    background: inherit !important;
2609  }
2610  .header__desktop .header__menu-item{
2611    padding: 0 18px;
2612    font-size: var(--type-nav-font-size);
2613  }
2614  .header__desktop .header__menu-item:first-child {
2615    margin-left: 0;
2616    }
2617  .header__second_menu-wrapper,
2618  .header__three_menu-wrapper,
2619  .header__more_menu-wrapper{
2620    z-index: var(--z-index-sticky);
2621    visibility: hidden;
2622  }
2623  .header__menu-item-first:hover .header__second_menu-wrapper,
2624  .header__menu-item-first:hover .header__three_menu-wrapper,
2625  .header__menu-item-first:hover .header__more_menu-wrapper{
2626    visibility: visible;
2627  }
2628  .header__second_menu-wrapper,
2629  .header__three_menu-wrapper,
2630  .header__more_menu_three{
2631    overflow: hidden auto;
2632    max-height: calc(var(--window-height) - var(--header-height) - 200px);
2633  }
2634  .header__second_menu-wrapper{
2635    min-width: 180px;
2636    max-width: 400px;
2637    margin: 0 0 -18px 0;
2638    padding: 25px 18px;
2639    }
2640  .header__second_menu-wrapper li + li{
2641    margin-top: 18px;
2642  }
2643  .header__three_menu-content{
2644    display: grid;
2645    grid-template-columns: repeat(4, minmax(0, 1fr));
2646    margin: 0 -30px;
2647  }
2648  .header__desktop .header__menu-item[data-levels="2"] .header__three_menu-wrapper ul{
2649    flex-wrap: wrap;
2650    margin-top: -50px;
2651  }
2652  .header__desktop .header__menu-item:not([data-levels="2"]) .header__three_menu-wrapper ul{
2653    flex-direction: column;
2654    margin-top: -12px;
2655  }
2656  .header__desktop .header__menu-item[data-levels="2"][data-has-product] .header__three_menu-wrapper ul li{
2657    width: 33.33%;
2658  }
2659  .header__desktop .header__menu-item[data-levels="2"]:not([data-has-product]) .header__three_menu-wrapper ul li{
2660    width: 25%;
2661  }
2662  .header__desktop .header__menu-item[data-has-product] .header__three_menu-wrapper ul{
2663    grid-column: span 3 / span 3;
2664  }
2665  .header__desktop .header__menu-item:not([data-has-product]) .header__three_menu-wrapper ul{
2666    grid-column: span 4 / span 4;
2667  }
2668  .header__desktop .header__menu-item[data-levels="2"] .header__menu-item-second{
2669    padding: 0 30px;
2670    font-size: var(--type-nav-font-size);
2671    color: var(--color-header-text);
2672  }
2673  .header__desktop .header__menu-item[data-levels="2"] .header__menu-item-second-wrapper {
2674    margin-top: 50px;
2675    margin-bottom: 8px;
2676  }
2677  .header__three_menu-wrapper .header__menu-item-last{
2678    padding: 12px 30px 0;
2679  }
2680  .header__desktop .header__menu-item .header__menu-item-last{
2681    color: var(--color-header-text-70);
2682    font-size: calc(var(--type-nav-font-size) - 2px);
2683    line-height: 1.4;
2684  }
2685  .header__desktop .header__menu-item .header__menu-item-last:hover {
2686    color: var(--color-header-text);
2687  }
2688  .header__menu_product{
2689    grid-column: span 1 / span 1;
2690    padding-left: 30px;
2691    padding-right: 30px;
2692  }
2693  .header_menu_hover_animation{
2694    opacity: 0;
2695    transform: translateY(-12px);
2696    transition: all 200ms;
2697  }
2698  .header__desktop .header__menu-item-first:first-child {
2699    padding-left: 0;
2700  }
2701  .header__menu-item-first:hover .header_menu_hover_animation{
2702    opacity: 1;
2703    transform: translateY(0);
2704  }
2705  .header__desktop .header__menu-item-first .header__menu-item-sub::after{
2706    content: "";
2707    position: absolute;
2708    left: 0;
2709    bottom: 0;
2710    display: block;
2711    width: 0;
2712    height: 3px;
2713    background-color: var(--color-header-text);
2714    transition: width .2s;
2715	}
2716	.header__desktop .header__menu-item-first:hover .header__menu-item-sub::after{
2717		width: 100%;
2718	}
2719  .header__waterfall-wrapper {
2720    margin: 0 -30px;
2721    margin-top: -50px;
2722  }
2723  .header__waterfall-wrapper.grid-menu-list {
2724    grid-auto-rows: max-content;
2725    grid-template-columns: repeat(4, minmax(0, 1fr));
2726  }
2727  .menu_has_product .header-menu-full-screen-content {
2728    display: grid;
2729    grid-template-columns: repeat(4, minmax(0, 1fr));
2730  }
2731  .menu_has_product .header__waterfall-wrapper {
2732    grid-column: span 3 / span 3;
2733  }
2734  .menu_has_product .header__menu_product {
2735    grid-column: span 1 / span 1;
2736  }
2737</style>
2738
2739<spz-menu id="header-menu-top" layout="container" class="header-menu-container   type-heading-font-family  i-spzhtml-layout-container" i-spzhtml-layout="container">
2740  <ul class="header__menu flex m-0 p-0 list-none">
2741
2742    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-1" data-id="82411751"  data-levels="">
2743          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap flex items-start" 
2744href="/"  >
2745  <span class="">Home</span>
2746  </a>
2747</li>
2748    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-2" data-id="82411753"  data-has-product  data-levels="2">
2749          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap flex items-start" 
2750href="/collections/women-latex-clothing"  >
2751  <span class="">Womens</span>
2752  </a>
2753<div
2754  class="
2755  header-submenu menu_has_product
2756  header-menu-full-screen  lg:pt-8 lg:pb-9 header__three_menu-wrapper header-shadow absolute left-0 right-0 header-bg overflow-x-hidden overflow-y-auto
2757  has-third-menu 
2758"
2759  spz-menu-submenu 
2760>
2761<div class="page-container flex w-full header-menu-full-screen-content">
2762      <spz-list layout="container" type="grid" column-count="4" list="list" class="header__waterfall-wrapper header_menu_hover_animation m-0 p-0 flex list-none w-full mt--10 grid-menu-list i-spzhtml-layout-container" i-spzhtml-layout="container">
2763            <div
2764                    class="leading-1.4 header__menu-item-second-wrapper"
2765                    role="tab"
2766                    data-panel="Tab-1"
2767                    
2768                        active
2769                    
2770                    sub-dropdown
2771                >
2772                    
2773<a class="header__menu-item-second flex items-start no-underline" 
2774href="/collections/women-latex-catsuits"  >
2775  <span class="">Latex Catsuits</span>
2776  </a>
2777</div>
2778            <div
2779                    class="leading-1.4 header__menu-item-second-wrapper"
2780                    role="tab"
2781                    data-panel="Tab-2"
2782                    
2783                    sub-dropdown
2784                >
2785                    
2786<a class="header__menu-item-second flex items-start no-underline" 
2787href="/collections/women-latex-bodysuits"  >
2788  <span class="">Latex Bodysuits</span>
2789  </a>
2790</div>
2791            <div
2792                    class="leading-1.4 header__menu-item-second-wrapper"
2793                    role="tab"
2794                    data-panel="Tab-3"
2795                    
2796                    sub-dropdown
2797                >
2798                    
2799<a class="header__menu-item-second flex items-start no-underline" 
2800href="/collections/women-latex-tops"  >
2801  <span class="">Latex Tops</span>
2802  </a>
2803</div>
2804            <div
2805                    class="leading-1.4 header__menu-item-second-wrapper"
2806                    role="tab"
2807                    data-panel="Tab-4"
2808                    
2809                    sub-dropdown
2810                >
2811                    
2812<a class="header__menu-item-second flex items-start no-underline" 
2813href="/collections/women-latex-lingerie"  >
2814  <span class="">
2814Latex Lingerie</span>
2815  </a>
2816</div>
2817            <div
2818                    class="leading-1.4 header__menu-item-second-wrapper"
2819                    role="tab"
2820                    data-panel="Tab-5"
2821                    
2822                    sub-dropdown
2823                >
2824                    
2825<a class="header__menu-item-second flex items-start no-underline" 
2826href="/collections/latex-maid-outfit"  >
2827  <span class="">Latex Maid Outfits</span>
2828  </a>
2829</div>
2830            <div
2831                    class="leading-1.4 header__menu-item-second-wrapper"
2832                    role="tab"
2833                    data-panel="Tab-6"
2834                    
2835                    sub-dropdown
2836                >
2837                    
2838<a class="header__menu-item-second flex items-start no-underline" 
2839href="/collections/women-latex-jackets-coats"  >
2840  <span class="">Latex Jackets &amp; Coats</span>
2841  </a>
2842</div>
2843            <div
2844                    class="leading-1.4 header__menu-item-second-wrapper"
2845                    role="tab"
2846                    data-panel="Tab-7"
2847                    
2848                    sub-dropdown
2849                >
2850                    
2851<a class="header__menu-item-second flex items-start no-underline" 
2852href="/collections/latex-nurse-costume"  >
2853  <span class="">Latex Nurse Outfits</span>
2854  </a>
2855<a class="header__menu-item-last flex items-start no-underline" 
2856href="/collections/latex-nurse-dresses"  >
2857  <span class="">Latex Nurse Dresses</span>
2858  </a>
2859</div>
2860            <div
2861                    class="leading-1.4 header__menu-item-second-wrapper"
2862                    role="tab"
2863                    data-panel="Tab-8"
2864                    
2865                    sub-dropdown
2866                >
2867                    
2868<a class="header__menu-item-second flex items-start no-underline" 
2869href="/collections/women-latex-corset"  >
2870  <span class="">Latex Corsets</span>
2871  </a>
2872</div>
2873            <div
2874                    class="leading-1.4 header__menu-item-second-wrapper"
2875                    role="tab"
2876                    data-panel="Tab-9"
2877                    
2878                    sub-dropdown
2879                >
2880                    
2881<a class="header__menu-item-second flex items-start no-underline" 
2882href="/collections/womens-latex-swimwear"  >
2883  <span class="">Latex Swimsuits</span>
2884  </a>
2885</div>
2886            <div
2887                    class="leading-1.4 header__menu-item-second-wrapper"
2888                    role="tab"
2889                    data-panel="Tab-10"
2890                    
2891                    sub-dropdown
2892                >
2893                    
2894<a class="header__menu-item-second flex items-start no-underline" 
2895href="/collections/women-latex-dress"  >
2896  <span class="">Latex Dress</span>
2897  </a>
2898<a class="header__menu-item-last flex items-start no-underline" 
2899href="/collections/latex-mini-dress"  >
2900  <span class=""> Latex Mini Dress</span>
2901  </a>
2902<a class="header__menu-item-last flex items-start no-underline" 
2903href="/collections/latex-midi-dress"  >
2904  <span class="">Latex Midi Dress</span>
2905  </a>
2906<a class="header__menu-item-last flex items-start no-underline" 
2907href="/collections/latex-maxi-dress"  >
2908  <span class="">Latex Maxi Dress</span>
2909  </a>
2910</div>
2911            <div
2912                    class="leading-1.4 header__menu-item-second-wrapper"
2913                    role="tab"
2914                    data-panel="Tab-11"
2915                    
2916                    sub-dropdown
2917                >
2918                    
2919<a class="header__menu-item-second flex items-start no-underline" 
2920href="/collections/women-latex-pants-vbos"  >
2921  <span class="">Latex Pants</span>
2922  </a>
2923</div>
2924            <div
2925                    class="leading-1.4 header__menu-item-second-wrapper"
2926                    role="tab"
2927                    data-panel="Tab-12"
2928                    
2929                    sub-dropdown
2930                >
2931                    
2932<a class="header__menu-item-second flex items-start no-underline" 
2933href="/collections/latex-skirt"  >
2934  <span class="">Latex Skirts</span>
2935  </a>
2936</div>
2937            </spz-list>
2938    <div class="header__menu_product header_menu_hover_animation">
2939            <div class="shoplazza-product-snippet" product-id="2fd65c00-1126-4f50-a48f-6d2abd593b52">
2940
2941  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_header_2fd65c00-1126-4f50-a48f-6d2abd593b52_-12">
2942    <a
2943      class="product-snippet__img-link relative block overflow-hidden"
2944      href="/products/women-latex-dress-halter-neck-cocktail"
2945has-secondary-image
2946    >
2947      <spz-img class="product-snippet__img product-snippet__img_main i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" layout="responsive" width="600" height="799.98" src="//img.staticdj.com/6393ed1e2052bad740ec9b7ce3a78def.jpg" alt="" object-fit="cover" auto-fit i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:133.33%;"></i-spzhtml-sizer></spz-img>
2948      <spz-img class="product-snippet__img-secondary absolute top-0 i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" layout="responsive" width="600" height="799.98" src="//img.staticdj.com/d4827b1d13932fd6624702010a2f308d.jpg" alt="" object-fit="cover" auto-fit i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:133.33%;"></i-spzhtml-sizer></spz-img>
2949      </a>
2950    <spz-product-form product-id="2fd65c00-1126-4f50-a48f-6d2abd593b52" layout="container" @atcerror="theme-toast.showToast(content=event.message);" class="i-spzhtml-layout-container" i-spzhtml-layout="container">
2951  <form>
2952    <input name="variant_id" type="hidden" value="969e137b-b5fb-4eb2-a6fb-a8ce5ade908e">
2953    <button
2954      type="button"
2955      class="product-snippet__quick-shop-icon"
2956      role="addToCart"
2957      data-quick-shop="women-latex-dress-halter-neck-cocktail"
2958      data-track-product-id="2fd65c00-1126-4f50-a48f-6d2abd593b52"
2959      data-track="click"
2960      data-track-content="add_to_cart"
2961      data-track-source="quick_shop"
2962    >
2963      <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
2964    </button>
2965  </form>
2966</spz-product-form>
2967      </div>
2968
2969  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
2970    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
2971  href="/products/women-latex-dress-halter-neck-cocktail"
2972>
2973      Women Latex Dress tassels Halter-Neck Cocktail
2974    </a>
2975  </h3>
2976
2977  <a
2978    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
2979    href="/products/women-latex-dress-halter-neck-cocktail?variant=969e137b-b5fb-4eb2-a6fb-a8ce5ade908e"
2980  >
2981    <span class="product-snippet__price">
2982        <span class='money'>$162.00</span>
2983        </span>
2984      </a>
2985
2986  
2987</div>
2988        </div>
2989    </div>
2990  </div>
2991</li>
2992    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-3" data-id="82412323"  data-has-product  data-levels="1">
2993          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap flex items-start" 
2994href="/collections/mens-latex-clothing"  >
2995  <span class="">Mens</span>
2996  </a>
2997<div
2998  class="
2999  header-submenu menu_has_product
3000  header-menu-full-screen  lg:pt-8 lg:pb-9 header__three_menu-wrapper header-shadow absolute left-0 right-0 header-bg overflow-x-hidden overflow-y-auto
3001  "
3002  spz-menu-submenu 
3003>
3004<div class="page-container flex w-full header-menu-full-screen-content">
3005      <ul 
3006                class="header__waterfall-wrapper header_menu_hover_animation m-0 p-0 flex list-none w-full mt--10">
3007                <a class="header__menu-item-last w-full no-underline" 
3008href="/collections/men-latex-bodysuits"  >
3009  <span class="font-medium">Latex Bodysuits</span>
3010  </a>
3011<a class="header__menu-item-last w-full no-underline" 
3012href="/collections/men-latex-jackets-coats"  >
3013  <span class="font-medium">Latex Jackets &amp; Coats</span>
3014  </a>
3015<a class="header__menu-item-last w-full no-underline" 
3016href="/collections/men-latex-catsuits"  >
3017  <span class="font-medium">Latex Catsuits</span>
3018  </a>
3019<a class="header__menu-item-last w-full no-underline" 
3020href="/collections/men-latex-underwear"  >
3021  <span class="font-medium">Latex Underwear</span>
3022  </a>
3023<a class="header__menu-item-last w-full no-underline" 
3024href="/collections/men-latex-tops-vests"  >
3025  <span class="font-medium">Latex Tops &amp; Vests</span>
3026  </a>
3027<a class="header__menu-item-last w-full no-underline" 
3028href="/collections/men-latex-leggings"  >
3029  <span class="font-medium">Latex Leggings</span>
3030  </a>
3031<a class="header__menu-item-last w-full no-underline" 
3032href="/collections/men-latex-shorts"  >
3033  <span class="font-medium">Latex Shorts</span>
3034  </a>
3035<a class="header__menu-item-last w-full no-underline" 
3036href="/collections/women-latex-pants"  >
3037  <span class="font-medium">Latex Pants</span>
3038  </a>
3039</ul>
3040        <div class="header__menu_product header_menu_hover_animation">
3041            <div class="shoplazza-product-snippet" product-id="96f2fae9-3ad1-4341-bf44-34154cb2e996">
3042
3043  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_header_96f2fae9-3ad1-4341-bf44-34154cb2e996_-12-3">
3044    <a
3045      class="product-snippet__img-link relative block overflow-hidden"
3046      href="/products/women-latex-catsuits-stitched-integrated-hood"
3047has-secondary-image
3048    >
3049      <spz-img class="product-snippet__img product-snippet__img_main i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" layout="responsive" width="600" height="799.98" src="//img.staticdj.com/2fc79a22fe9b90f756ac4e6cbf52c228.jpg" alt="" object-fit="cover" auto-fit i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:133.33%;"></i-spzhtml-sizer></spz-img>
3050      <spz-img class="product-snippet__img-secondary absolute top-0 i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" layout="responsive" width="600" height="799.98" src="//img.staticdj.com/936aacb7cd0beac509aeacad20af88cc.jpg" alt="" object-fit="cover" auto-fit i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:133.33%;"></i-spzhtml-sizer></spz-img>
3051      </a>
3052    <spz-product-form product-id="96f2fae9-3ad1-4341-bf44-34154cb2e996" layout="container" @atcerror="theme-toast.showToast(content=event.message);" class="i-spzhtml-layout-container" i-spzhtml-layout="container">
3053  <form>
3054    <input name="variant_id" type="hidden" value="cf687e6c-0108-49f8-9436-63bd9fffebd3">
3055    <button
3056      type="button"
3057      class="product-snippet__quick-shop-icon"
3058      role="addToCart"
3059      data-quick-shop="women-latex-catsuits-stitched-integrated-hood"
3060      data-track-product-id="96f2fae9-3ad1-4341-bf44-34154cb2e996"
3061      data-track="click"
3062      data-track-content="add_to_cart"
3063      data-track-source="quick_shop"
3064    >
3065      <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
3066    </button>
3067  </form>
3068</spz-product-form>
3069      </div>
3070
3071  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
3072    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
3073  href="/products/women-latex-catsuits-stitched-integrated-hood"
3074>
3075      Women Latex Catsuits Stitched Integrated Hood
3076    </a>
3077  </h3>
3078
3079  <a
3080    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
3081    href="/products/women-latex-catsuits-stitched-integrated-hood?variant=cf687e6c-0108-49f8-9436-63bd9fffebd3"
3082  >
3083    <span class="product-snippet__price">
3084        <span class='money'>$215.00</span>
3085        </span>
3086      </a>
3087
3088  
3089</div>
3090        </div>
3091    </div>
3092  </div>
3093</li>
3094    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-4" data-id="82412341"  data-levels="">
3095          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap flex items-start" 
3096href="/collections/latex-accessories"  >
3097  <span class="">Latex Accessories</span>
3098  </a>
3099</li>
3100    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-5" data-id="82412343"  data-levels="">
3101          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap flex items-start" 
3102href="/pages/made-to-measure-service"  >
3103  <span class="">Made-to-Measure service</span>
3104  </a>
3105</li>
3106    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-6" data-id="84620265"  data-levels="">
3107          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap flex items-start" 
3108href="/pages/size-chart"  >
3109  <span class="">Size Chart</span>
3110  </a>
3111</li>
3112    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-7" data-id="82412345"  data-levels="">
3113          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap flex items-start" 
3114href="/pages/color-chart"  >
3115  <span class="">Color Chart</span>
3116  </a>
3117</li>
3118    <style>
3119    .header-menu-container[finish] .header__more_menu-wrapper {
3120      display: block !important;
3121      position: static !important;
3122    }
3123    .header__more_menu {
3124      display: grid;
3125    }
3126    .header__more_menu {
3127      grid-template-columns: repeat(4,minmax(0,1fr));
3128    }
3129
3130    .header__more_menu_right {
3131      grid-column: span 3/span 3;
3132      grid-template-columns: repeat(3,minmax(0,1fr));
3133    }
3134
3135    .header__more_menu [role="tabs"],
3136    .header__more_menu_right .header__menu_product {
3137      grid-column: span 1/span 1;
3138    }
3139
3140    .header__more_menu_right .menu_list_wrapper[data-has-product] {
3141      grid-column: span 2/span 2;
3142    }
3143
3144    .header__more_menu [role="tabpanel"],
3145    .header__more_menu_right .menu_list_wrapper {
3146      grid-column: span 3/span 3;
3147    }
3148
3149    .header__more_menu {
3150      line-height: 1.25;
3151      padding-top: 32px;
3152      padding-bottom: 36px;
3153    }
3154    .header__more_menu [role="tab"] + [role="tab"] {
3155      padding-top: 20px;
3156    }
3157    .header__more_menu_icon {
3158      transform: rotate(180deg);
3159      transition: all 200ms;
3160    }
3161    .header__more_menu [role="tab"][active] .header__more_menu_icon {
3162      transform: rotate(0);
3163    }
3164    .header__more_menu_right li {
3165      padding-bottom: 20px;
3166    }
3167    .header__more_menu_right {
3168      margin-top: -50px;
3169    }
3170    .grid_gap_ele {
3171      height: 50px;
3172      margin: 0;
3173    }
3174    .header__more_menu_right:not(.grid_gap_ele) {
3175      margin-top: 0;
3176    }
3177    .header__more_menu_right_item {
3178      padding: 0 30px 8px;
3179    }
3180    .header__more_menu_right_item + .header__more_menu_right_item {
3181      padding: 12px 30px 0;
3182    }
3183    .header__more_menu_right .header__menu_product {
3184      padding: 0 30px;
3185    }
3186    .header__more_menu_right.has_third_menu {
3187      margin-top: -50px;
3188    }
3189    .header__more_menu_right.has_third_menu .header__menu_product {
3190      margin-top: 50px;
3191    }
3192    .header__more_menu_right spz-product-snippet {
3193      height: 100%;
3194    }
3195    .header__more_menu_right .grid-col-list {
3196      grid-auto-rows: min-content;
3197    }
3198</style>
3199  
3200<li spz-menu-more-link class="header__menu-item header__menu-item-first">
3201    <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap cursor-pointer" href="javascript:;" >More links</a>
3202    <div class="header__more_menu-wrapper" spz-menu-submenu 
3203    ></div>
3204</li>
3205
3206<template id="more-link-template">
3207    ${(function(){
3208
3209        var linkList =[false,true,true,false,false,false,false].slice(offset); 
3210        var hasChild = linkList.some(v => v);
3211
3212        if(!hasChild){ 
3213            return `
3214                <div>
3215                    <ul class="header__more_menu_second header__second_menu-wrapper header-shadow absolute header-bg list-none overflow-x-hidden overflow-y-auto">
3216                        
3217                            <li class="header_menu_hover_animation"  spz-if="${offset+1<=1}">
3218                                
3219<a class="header__menu-item-last flex items-start text-inherit no-underline" 
3220href="/"  >
3221  <span class="">Home</span>
3222  </a>
3223</li>
3224                        
3225                            <li class="header_menu_hover_animation"  spz-if="${offset+1<=2}">
3226                                
3227<a class="header__menu-item-last flex items-start text-inherit no-underline" 
3228href="/collections/women-latex-clothing"  >
3229  <span class="">Womens</span>
3230  </a>
3231</li>
3232                        
3233                            <li class="header_menu_hover_animation"  spz-if="${offset+1<=3}">
3234                                
3235<a class="header__menu-item-last flex items-start text-inherit no-underline" 
3236href="/collections/mens-latex-clothing"  >
3237  <span class="">Mens</span>
3238  </a>
3239</li>
3240                        
3241                            <li class="header_menu_hover_animation"  spz-if="${offset+1<=4}">
3242                                
3243<a class="header__menu-item-last flex items-start text-inherit no-underline" 
3244href="/collections/latex-accessories"  >
3245  <span class="">Latex Accessories</span>
3246  </a>
3247</li>
3248                        
3249                            <li class="header_menu_hover_animation"  spz-if="${offset+1<=5}">
3250                                
3251<a class="header__menu-item-last flex items-start text-inherit no-underline" 
3252href="/pages/made-to-measure-service"  >
3253  <span class="">Made-to-Measure service</span>
3254  </a>
3255</li>
3256                        
3257                            <li class="header_menu_hover_animation"  spz-if="${offset+1<=6}">
3258                                
3259<a class="header__menu-item-last flex items-start text-inherit no-underline" 
3260href="/pages/size-chart"  >
3261  <span class="">Size Chart</span>
3262  </a>
3263</li>
3264                        
3265                            <li class="header_menu_hover_animation"  spz-if="${offset+1<=7}">
3266                                
3267<a class="header__menu-item-last flex items-start text-inherit no-underline" 
3268href="/pages/color-chart"  >
3269  <span class="">Color Chart</span>
3270  </a>
3271</li>
3272                        
3273                    </ul>
3274                </div>
3275            `
3276        }
3277
3278        return `
3279          <div>
3280            <div class="header__more_menu_three header-shadow absolute left-0 right-0 header-bg overflow-x-hidden overflow-y-auto">
3281              <spz-tabs class="header__more_menu page-container" layout="container" interact="hover" >
3282                <ul class="header__more_menu_left header_menu_hover_animation list-none" role="tabs" 
3283                >
3284                    
3285                        
3286                        <li 
3287                            role="tab" 
3288                            data-panel="tab-82411751" 
3289                            spz-if="${offset+1<=1}"
3290                        >
3291                            
3292                            
3293<a class="flex items-start text-inherit no-underline" 
3294href="/"  >
3295  <span class="flex-1 mr-4">Home</span>
3296  </a>
3297</li>
3298                    
3299                        
3300                        <li 
3301                            role="tab" 
3302                            data-panel="tab-82411753" 
3303                            spz-if="${offset+1<=2}"
3304                        >
3305                            
3306                            
3307<a class="flex items-start text-inherit no-underline" 
3308href="/collections/women-latex-clothing"  >
3309  <span class="flex-1 mr-4">Womens</span>
3310  <i class="flex">
3311                                        <svg class="header__more_menu_icon" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M4.698 8.574a.6.6 0 0 0 0 .848l6.718 6.718a.3.3 0 0 0 .424 0l.679-.679a.3.3 0 0 0 0-.424L6.48 8.998 12.52 2.96a.3.3 0 0 0 0-.425l-.679-.679a.3.3 0 0 0-.424 
33110L4.698 8.574z" fill="currentColor"/></svg>
3312                                    </i>
3313                                 
3314                            
3315</a>
3316</li>
3317                    
3318                        
3319                        <li 
3320                            role="tab" 
3321                            data-panel="tab-82412323" 
3322                            spz-if="${offset+1<=3}"
3323                        >
3324                            
3325                            
3326<a class="flex items-start text-inherit no-underline" 
3327href="/collections/mens-latex-clothing"  >
3328  <span class="flex-1 mr-4">Mens</span>
3329  <i class="flex">
3330                                        <svg class="header__more_menu_icon" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M4.698 8.574a.6.6 0 0 0 0 .848l6.718 6.718a.3.3 0 0 0 .424 0l.679-.679a.3.3 0 0 0 0-.424L6.48 8.998 12.52 2.96a.3.3 0 0 0 0-.425l-.679-.679a.3.3 0 0 0-.424 0L4.698 8.574z" fill="currentColor"/></svg>
3331                                    </i>
3332                                 
3333                            
3334</a>
3335</li>
3336                    
3337                        
3338                        <li 
3339                            role="tab" 
3340                            data-panel="tab-82412341" 
3341                            spz-if="${offset+1<=4}"
3342                        >
3343                            
3344                            
3345<a class="flex items-start text-inherit no-underline" 
3346href="/collections/latex-accessories"  >
3347  <span class="flex-1 mr-4">Latex Accessories</span>
3348  </a>
3349</li>
3350                    
3351                        
3352                        <li 
3353                            role="tab" 
3354                            data-panel="tab-82412343" 
3355                            spz-if="${offset+1<=5}"
3356                        >
3357                            
3358                            
3359<a class="flex items-start text-inherit no-underline" 
3360href="/pages/made-to-measure-service"  >
3361  <span class="flex-1 mr-4">Made-to-Measure service</span>
3362  </a>
3363</li>
3364                    
3365                        
3366                        <li 
3367                            role="tab" 
3368                            data-panel="tab-84620265" 
3369                            spz-if="${offset+1<=6}"
3370                        >
3371                            
3372                            
3373<a class="flex items-start text-inherit no-underline" 
3374href="/pages/size-chart"  >
3375  <span class="flex-1 mr-4">Size Chart</span>
3376  </a>
3377</li>
3378                    
3379                        
3380                        <li 
3381                            role="tab" 
3382                            data-panel="tab-82412345" 
3383                            spz-if="${offset+1<=7}"
3384                        >
3385                            
3386                            
3387<a class="flex items-start text-inherit no-underline" 
3388href="/pages/color-chart"  >
3389  <span class="flex-1 mr-4">Color Chart</span>
3390  </a>
3391</li>
3392                    
3393                </ul>
3394
3395                <div 
3396                        class="header__more_menu_right header_menu_hover_animation grid  " 
3397                        role="tabpanel" 
3398                        data-id="tab-82411751" 
3399                        spz-if="${offset+1<=1}"
3400                    >
3401                        
3402                        
3403                            <ul class="flex flex-col list-none w-full menu_list_wrapper  " 
3404                              
3405                            >
3406                              
3407                        
3408                    
3409                            </ul>
3410                        
3411                    
3412                        
3413                    </div>
3414                <div 
3415                        class="header__more_menu_right header_menu_hover_animation grid   mt--12.5  has_third_menu " 
3416                        role="tabpanel" 
3417                        data-id="tab-82411753" 
3418                        spz-if="${offset+1<=2}"
3419                    >
3420                        
3421                        
3422                            <spz-list 
3423                                layout="container"
3424                                type="grid"
3425                                column-count=" 2 "
3426                                list="list"
3427                                class="flex flex-wrap list-none w-full grid-col-list menu_list_wrapper  " 
3428                                 data-has-product 
3429                            >
3430                                
3431                        
3432                            
3433
3434                            
3435                            
3436
3437                            
3438
3439                            
3440
3441                            
3442                            
3443
3444                            <div 
3445                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
3446                            >
3447                                
3448                                    <p class="grid_gap_ele"></p>
3449                                
3450
3451                                
3452<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
3453href="/collections/women-latex-catsuits"  >
3454  <span class="flex-1 mr-4">Latex Catsuits</span>
3455  </a>
3456</div>
3457                        
3458                            
3459
3460                            
3461                            
3462
3463                            
3464
3465                            
3466
3467                            
3468                            
3469
3470                            <div 
3471                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
3472                            >
3473                                
3474                                    <p class="grid_gap_ele"></p>
3475                                
3476
3477                                
3478<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
3479href="/collections/women-latex-bodysuits"  >
3480  <span class="flex-1 mr-4">Latex Bodysuits</span>
3481  </a>
3482</div>
3483                        
3484                            
3485
3486                            
3487                            
3488
3489                            
3490
3491                            
3492
3493                            
3494                            
3495
3496                            <div 
3497                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
3498                            >
3499                                
3500                                    <p class="grid_gap_ele"></p>
3501                                
3502
3503                                
3504<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
3505href="/collections/women-latex-tops"  >
3506  <span class="flex-1 mr-4">Latex Tops</span>
3507  </a>
3508</div>
3509                        
3510                            
3511
3512                            
3513                            
3514
3515                            
3516
3517                            
3518
3519                            
3520                            
3521
3522                            <div 
3523                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
3524                            >
3525                                
3526                                    <p class="grid_gap_ele"></p>
3527                                
3528
3529                                
3530<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
3531href="/collections/women-latex-lingerie"  >
3532  <span class="flex-1 mr-4">
3532Latex Lingerie</span>
3533  </a>
3534</div>
3535                        
3536                            
3537
3538                            
3539                            
3540
3541                            
3542
3543                            
3544
3545                            
3546                            
3547
3548                            <div 
3549                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
3550                            >
3551                                
3552                                    <p class="grid_gap_ele"></p>
3553                                
3554
3555                                
3556<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
3557href="/collections/latex-maid-outfit"  >
3558  <span class="flex-1 mr-4">Latex Maid Outfits</span>
3559  </a>
3560</div>
3561                        
3562                            
3563
3564                            
3565                            
3566
3567                            
3568
3569                            
3570
3571                            
3572                            
3573
3574                            <div 
3575                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
3576                            >
3577                                
3578                                    <p class="grid_gap_ele"></p>
3579                                
3580
3581                                
3582<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
3583href="/collections/women-latex-jackets-coats"  >
3584  <span class="flex-1 mr-4">Latex Jackets &amp; Coats</span>
3585  </a>
3586</div>
3587                        
3588                            
3589
3590                            
3591                            
3592
3593                            
3594
3595                            
3596
3597                            
3598                            
3599
3600                            <div 
3601                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
3602                            >
3603                                
3604                                    <p class="grid_gap_ele"></p>
3605                                
3606
3607                                
3608<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
3609href="/collections/latex-nurse-costume"  >
3610  <span class="flex-1 mr-4">Latex Nurse Outfits</span>
3611  </a>
3612<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
3613href="/collections/latex-nurse-dresses"  >
3614  <span class="">Latex Nurse Dresses</span>
3615  </a>
3616</div>
3617                        
3618                            
3619
3620                            
3621                            
3622
3623                            
3624
3625                            
3626
3627                            
3628                            
3629
3630                            <div 
3631                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
3632                            >
3633                                
3634                                    <p class="grid_gap_ele"></p>
3635                                
3636
3637                                
3638<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
3639href="/collections/women-latex-corset"  >
3640  <span class="flex-1 mr-4">Latex Corsets</span>
3641  </a>
3642</div>
3643                        
3644                            
3645
3646                            
3647                            
3648
3649                            
3650
3651                            
3652
3653                            
3654                            
3655
3656                            <div 
3657                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
3658                            >
3659                                
3660                                    <p class="grid_gap_ele"></p>
3661                                
3662
3663                                
3664<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
3665href="/collections/womens-latex-swimwear"  >
3666  <span class="flex-1 mr-4">Latex Swimsuits</span>
3667  </a>
3668</div>
3669                        
3670                            
3671
3672                            
3673                            
3674
3675                            
3676
3677                            
3678
3679                            
3680                            
3681
3682                            <div 
3683                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
3684                            >
3685                                
3686                                    <p class="grid_gap_ele"></p>
3687                                
3688
3689                                
3690<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
3691href="/collections/women-latex-dress"  >
3692  <span class="flex-1 mr-4">Latex Dress</span>
3693  </a>
3694<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
3695href="/collections/latex-mini-dress"  >
3696  <span class=""> Latex Mini Dress</span>
3697  </a>
3698<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
3699href="/collections/latex-midi-dress"  >
3700  <span class="">Latex Midi Dress</span>
3701  </a>
3702<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
3703href="/collections/latex-maxi-dress"  >
3704  <span class="">Latex Maxi Dress</span>
3705  </a>
3706</div>
3707                        
3708                            
3709
3710                            
3711                            
3712
3713                            
3714
3715                            
3716
3717                            
3718                            
3719
3720                            <div 
3721                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
3722                            >
3723                                
3724                                    <p class="grid_gap_ele"></p>
3725                                
3726
3727                                
3728<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
3729href="/collections/women-latex-pants-vbos"  >
3730  <span class="flex-1 mr-4">Latex Pants</span>
3731  </a>
3732</div>
3733                        
3734                            
3735
3736                            
3737                            
3738
3739                            
3740
3741                            
3742
3743                            
3744                            
3745
3746                            <div 
3747                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
3748                            >
3749                                
3750                                    <p class="grid_gap_ele"></p>
3751                                
3752
3753                                
3754<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
3755href="/collections/latex-skirt"  >
3756  <span class="flex-1 mr-4">Latex Skirts</span>
3757  </a>
3758</div>
3759                        
3760                    
3761                            </spz-list>
3762                        
3763                    
3764                        
3765                            <div class="header__menu_product">
3766                                
3767
3768<spz-product-snippet
3769  product-id="2fd65c00-1126-4f50-a48f-6d2abd593b52"
3770  layout="container"
3771  template="product-snippet-template"
3772  variant-thumb-names="color"
3773  thumb-max-num="3"
3774  ></spz-product-snippet>
3775</div>
3776                        
3777                    </div>
3778                <div 
3779                        class="header__more_menu_right header_menu_hover_animation grid  " 
3780                        role="tabpanel" 
3781                        data-id="tab-82412323" 
3782                        spz-if="${offset+1<=3}"
3783                    >
3784                        
3785                        
3786                            <ul class="flex flex-col list-none w-full menu_list_wrapper  " 
3787                               data-has-product 
3788                            >
3789                              
3790                        
3791                            
3792
3793                            
3794                            
3795
3796                            
3797
3798                            
3799                                
3800                                
3801                            
3802
3803                            
3804                            
3805
3806                            <div 
3807                                class=" mt-1  header__more_menu_right_item_wrapper"
3808                            >
3809                                
3810
3811                                
3812<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
3813href="/collections/men-latex-bodysuits"  >
3814  <span class="">Latex Bodysuits</span>
3815  </a>
3816</div>
3817                        
3818                            
3819
3820                            
3821                            
3822
3823                            
3824
3825                            
3826                                
3827                                
3828                            
3829
3830                            
3831                            
3832
3833                            <div 
3834                                class=" mt-1  header__more_menu_right_item_wrapper"
3835                            >
3836                                
3837
3838                                
3839<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
3840href="/collections/men-latex-jackets-coats"  >
3841  <span class="">Latex Jackets &amp; Coats</span>
3842  </a>
3843</div>
3844                        
3845                            
3846
3847                            
3848                            
3849
3850                            
3851
3852                            
3853                                
3854                                
3855                            
3856
3857                            
3858                            
3859
3860                            <div 
3861                                class=" mt-1  header__more_menu_right_item_wrapper"
3862                            >
3863                                
3864
3865                                
3866<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
3867href="/collections/men-latex-catsuits"  >
3868  <span class="">Latex Catsuits</span>
3869  </a>
3870</div>
3871                        
3872                            
3873
3874                            
3875                            
3876
3877                            
3878
3879                            
3880                                
3881                                
3882                            
3883
3884                            
3885                            
3886
3887                            <div 
3888                                class=" mt-1  header__more_menu_right_item_wrapper"
3889                            >
3890                                
3891
3892                                
3893<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
3894href="/collections/men-latex-underwear"  >
3895  <span class="">Latex Underwear</span>
3896  </a>
3897</div>
3898                        
3899                            
3900
3901                            
3902                            
3903
3904                            
3905
3906                            
3907                                
3908                                
3909                            
3910
3911                            
3912                            
3913
3914                            <div 
3915                                class=" mt-1  header__more_menu_right_item_wrapper"
3916                            >
3917                                
3918
3919                                
3920<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
3921href="/collections/men-latex-tops-vests"  >
3922  <span class="">Latex Tops &amp; Vests</span>
3923  </a>
3924</div>
3925                        
3926                            
3927
3928                            
3929                            
3930
3931                            
3932
3933                            
3934                                
3935                                
3936                            
3937
3938                            
3939                            
3940
3941                            <div 
3942                                class=" mt-1  header__more_menu_right_item_wrapper"
3943                            >
3944                                
3945
3946                                
3947<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
3948href="/collections/men-latex-leggings"  >
3949  <span class="">Latex Leggings</span>
3950  </a>
3951</div>
3952                        
3953                            
3954
3955                            
3956                            
3957
3958                            
3959
3960                            
3961                                
3962                                
3963                            
3964
3965                            
3966                            
3967
3968                            <div 
3969                                class=" mt-1  header__more_menu_right_item_wrapper"
3970                            >
3971                                
3972
3973                                
3974<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
3975href="/collections/men-latex-shorts"  >
3976  <span class="">Latex Shorts</span>
3977  </a>
3978</div>
3979                        
3980                            
3981
3982                            
3983                            
3984
3985                            
3986
3987                            
3988                                
3989                                
3990                            
3991
3992                            
3993                            
3994
3995                            <div 
3996                                class=" mt-1  header__more_menu_right_item_wrapper"
3997                            >
3998                                
3999
4000                                
4001<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
4002href="/collections/women-latex-pants"  >
4003  <span class="">Latex Pants</span>
4004  </a>
4005</div>
4006                        
4007                    
4008                            </ul>
4009                        
4010                    
4011                        
4012                            <div class="header__menu_product">
4013                                
4014
4015<spz-product-snippet
4016  product-id="96f2fae9-3ad1-4341-bf44-34154cb2e996"
4017  layout="container"
4018  template="product-snippet-template"
4019  variant-thumb-names="color"
4020  thumb-max-num="3"
4021  ></spz-product-snippet>
4022</div>
4023                        
4024                    </div>
4025                <div 
4026                        class="header__more_menu_right header_menu_hover_animation grid  " 
4027                        role="tabpanel" 
4028                        data-id="tab-82412341" 
4029                        spz-if="${offset+1<=4}"
4030                    >
4031                        
4032                        
4033                            <ul class="flex flex-col list-none w-full menu_list_wrapper  " 
4034                              
4035                            >
4036                              
4037                        
4038                    
4039                            </ul>
4040                        
4041                    
4042                        
4043                    </div>
4044                <div 
4045                        class="header__more_menu_right header_menu_hover_animation grid  " 
4046                        role="tabpanel" 
4047                        data-id="tab-82412343" 
4048                        spz-if="${offset+1<=5}"
4049                    >
4050                        
4051                        
4052                            <ul class="flex flex-col list-none w-full menu_list_wrapper  " 
4053                              
4054                            >
4055                              
4056                        
4057                    
4058                            </ul>
4059                        
4060                    
4061                        
4062                    </div>
4063                <div 
4064                        class="header__more_menu_right header_menu_hover_animation grid  " 
4065                        role="tabpanel" 
4066                        data-id="tab-84620265" 
4067                        spz-if="${offset+1<=6}"
4068                    >
4069                        
4070                        
4071                            <ul class="flex flex-col list-none w-full menu_list_wrapper  " 
4072                              
4073                            >
4074                              
4075                        
4076                    
4077                         
4077   </ul>
4078                        
4079                    
4080                        
4081                    </div>
4082                <div 
4083                        class="header__more_menu_right header_menu_hover_animation grid  " 
4084                        role="tabpanel" 
4085                        data-id="tab-82412345" 
4086                        spz-if="${offset+1<=7}"
4087                    >
4088                        
4089                        
4090                            <ul class="flex flex-col list-none w-full menu_list_wrapper  " 
4091                              
4092                            >
4093                              
4094                        
4095                    
4096                            </ul>
4097                        
4098                    
4099                        
4100                    </div>
4101                </spz-tabs>
4102            </div>
4103          </div>
4104        `
4105    })()}
4106
4107</template>
4108   
4109  </ul>
4110</spz-menu>
4111      </div>
4112    </div>
4113  </div>
4114
4115  <div class="header__menu-wrapper header__scroll_hide header-bg overflow-hidden pointer-events-auto">
4116      <div class="header__menu-content page-container">
4117        <style>
4118  .header__desktop .header__menu{
4119    background: inherit !important;
4120  }
4121  .header__desktop .header__menu-item{
4122    padding: 0 18px;
4123    font-size: var(--type-nav-font-size);
4124  }
4125  .header__desktop .header__menu-item:first-child {
4126    margin-left: 0;
4127    }
4128  .header__second_menu-wrapper,
4129  .header__three_menu-wrapper,
4130  .header__more_menu-wrapper{
4131    z-index: var(--z-index-sticky);
4132    visibility: hidden;
4133  }
4134  .header__menu-item-first:hover .header__second_menu-wrapper,
4135  .header__menu-item-first:hover .header__three_menu-wrapper,
4136  .header__menu-item-first:hover .header__more_menu-wrapper{
4137    visibility: visible;
4138  }
4139  .header__second_menu-wrapper,
4140  .header__three_menu-wrapper,
4141  .header__more_menu_three{
4142    overflow: hidden auto;
4143    max-height: calc(var(--window-height) - var(--header-height) - 200px);
4144  }
4145  .header__second_menu-wrapper{
4146    min-width: 180px;
4147    max-width: 400px;
4148    margin: 0 0 -18px 0;
4149    padding: 25px 18px;
4150    }
4151  .header__second_menu-wrapper li + li{
4152    margin-top: 18px;
4153  }
4154  .header__three_menu-content{
4155    display: grid;
4156    grid-template-columns: repeat(4, minmax(0, 1fr));
4157    margin: 0 -30px;
4158  }
4159  .header__desktop .header__menu-item[data-levels="2"] .header__three_menu-wrapper ul{
4160    flex-wrap: wrap;
4161    margin-top: -50px;
4162  }
4163  .header__desktop .header__menu-item:not([data-levels="2"]) .header__three_menu-wrapper ul{
4164    flex-direction: column;
4165    margin-top: -12px;
4166  }
4167  .header__desktop .header__menu-item[data-levels="2"][data-has-product] .header__three_menu-wrapper ul li{
4168    width: 33.33%;
4169  }
4170  .header__desktop .header__menu-item[data-levels="2"]:not([data-has-product]) .header__three_menu-wrapper ul li{
4171    width: 25%;
4172  }
4173  .header__desktop .header__menu-item[data-has-product] .header__three_menu-wrapper ul{
4174    grid-column: span 3 / span 3;
4175  }
4176  .header__desktop .header__menu-item:not([data-has-product]) .header__three_menu-wrapper ul{
4177    grid-column: span 4 / span 4;
4178  }
4179  .header__desktop .header__menu-item[data-levels="2"] .header__menu-item-second{
4180    padding: 0 30px;
4181    font-size: var(--type-nav-font-size);
4182    color: var(--color-header-text);
4183  }
4184  .header__desktop .header__menu-item[data-levels="2"] .header__menu-item-second-wrapper {
4185    margin-top: 50px;
4186    margin-bottom: 8px;
4187  }
4188  .header__three_menu-wrapper .header__menu-item-last{
4189    padding: 12px 30px 0;
4190  }
4191  .header__desktop .header__menu-item .header__menu-item-last{
4192    color: var(--color-header-text-70);
4193    font-size: calc(var(--type-nav-font-size) - 2px);
4194    line-height: 1.4;
4195  }
4196  .header__desktop .header__menu-item .header__menu-item-last:hover {
4197    color: var(--color-header-text);
4198  }
4199  .header__menu_product{
4200    grid-column: span 1 / span 1;
4201    padding-left: 30px;
4202    padding-right: 30px;
4203  }
4204  .header_menu_hover_animation{
4205    opacity: 0;
4206    transform: translateY(-12px);
4207    transition: all 200ms;
4208  }
4209  .header__desktop .header__menu-item-first:first-child {
4210    padding-left: 0;
4211  }
4212  .header__menu-item-first:hover .header_menu_hover_animation{
4213    opacity: 1;
4214    transform: translateY(0);
4215  }
4216  .header__desktop .header__menu-item-first .header__menu-item-sub::after{
4217    content: "";
4218    position: absolute;
4219    left: 0;
4220    bottom: 0;
4221    display: block;
4222    width: 0;
4223    height: 3px;
4224    background-color: var(--color-header-text);
4225    transition: width .2s;
4226	}
4227	.header__desktop .header__menu-item-first:hover .header__menu-item-sub::after{
4228		width: 100%;
4229	}
4230  .header__waterfall-wrapper {
4231    margin: 0 -30px;
4232    margin-top: -50px;
4233  }
4234  .header__waterfall-wrapper.grid-menu-list {
4235    grid-auto-rows: max-content;
4236    grid-template-columns: repeat(4, minmax(0, 1fr));
4237  }
4238  .menu_has_product .header-menu-full-screen-content {
4239    display: grid;
4240    grid-template-columns: repeat(4, minmax(0, 1fr));
4241  }
4242  .menu_has_product .header__waterfall-wrapper {
4243    grid-column: span 3 / span 3;
4244  }
4245  .menu_has_product .header__menu_product {
4246    grid-column: span 1 / span 1;
4247  }
4248</style>
4249
4250<spz-menu id="header-menu-bottom" layout="container" class="header-menu-container   type-heading-font-family  i-spzhtml-layout-container" i-spzhtml-layout="container">
4251  <ul class="header__menu flex m-0 p-0 list-none">
4252
4253    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-1" data-id="82411751"  data-levels="">
4254          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap flex items-start" 
4255href="/"  >
4256  <span class="">Home</span>
4257  </a>
4258</li>
4259    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-2" data-id="82411753"  data-has-product  data-levels="2">
4260          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap flex items-start" 
4261href="/collections/women-latex-clothing"  >
4262  <span class="">Womens</span>
4263  </a>
4264<div
4265  class="
4266  header-submenu menu_has_product
4267  header-menu-full-screen  lg:pt-8 lg:pb-9 header__three_menu-wrapper header-shadow absolute left-0 right-0 header-bg overflow-x-hidden overflow-y-auto
4268  has-third-menu 
4269"
4270  spz-menu-submenu 
4271>
4272<div class="page-container flex w-full header-menu-full-screen-content">
4273      <spz-list layout="container" type="grid" column-count="4" list="list" class="header__waterfall-wrapper header_menu_hover_animation m-0 p-0 flex list-none w-full mt--10 grid-menu-list i-spzhtml-layout-container" i-spzhtml-layout="container">
4274            <div
4275                    class="leading-1.4 header__menu-item-second-wrapper"
4276                    role="tab"
4277                    data-panel="Tab-1"
4278                    
4279                        active
4280                    
4281                    sub-dropdown
4282                >
4283                    
4284<a class="header__menu-item-second flex items-start no-underline" 
4285href="/collections/women-latex-catsuits"  >
4286  <span class="">Latex Catsuits</span>
4287  </a>
4288</div>
4289            <div
4290                    class="leading-1.4 header__menu-item-second-wrapper"
4291                    role="tab"
4292                    data-panel="Tab-2"
4293                    
4294                    sub-dropdown
4295                >
4296                    
4297<a class="header__menu-item-second flex items-start no-underline" 
4298href="/collections/women-latex-bodysuits"  >
4299  <span class="">Latex Bodysuits</span>
4300  </a>
4301</div>
4302            <div
4303                    class="leading-1.4 header__menu-item-second-wrapper"
4304                    role="tab"
4305                    data-panel="Tab-3"
4306                    
4307                    sub-dropdown
4308                >
4309                    
4310<a class="header__menu-item-second flex items-start no-underline" 
4311href="/collections/women-latex-tops"  >
4312  <span class="">Latex Tops</span>
4313  </a>
4314</div>
4315            <div
4316                    class="leading-1.4 header__menu-item-second-wrapper"
4317                    role="tab"
4318                    data-panel="Tab-4"
4319                    
4320                    sub-dropdown
4321                >
4322                    
4323<a class="header__menu-item-second flex items-start no-underline" 
4324href="/collections/women-latex-lingerie"  >
4325  <span class="">
4325Latex Lingerie</span>
4326  </a>
4327</div>
4328            <div
4329                    class="leading-1.4 header__menu-item-second-wrapper"
4330                    role="tab"
4331                    data-panel="Tab-5"
4332                    
4333                    sub-dropdown
4334                >
4335                    
4336<a class="header__menu-item-second flex items-start no-underline" 
4337href="/collections/latex-maid-outfit"  >
4338  <span class="">Latex Maid Outfits</span>
4339  </a>
4340</div>
4341            <div
4342                    class="leading-1.4 header__menu-item-second-wrapper"
4343                    role="tab"
4344                    data-panel="Tab-6"
4345                    
4346                    sub-dropdown
4347                >
4348                    
4349<a class="header__menu-item-second flex items-start no-underline" 
4350href="/collections/women-latex-jackets-coats"  >
4351  <span class="">Latex Jackets &amp; Coats</span>
4352  </a>
4353</div>
4354            <div
4355                    class="leading-1.4 header__menu-item-second-wrapper"
4356                    role="tab"
4357                    data-panel="Tab-7"
4358                    
4359                    sub-dropdown
4360                >
4361                    
4362<a class="header__menu-item-second flex items-start no-underline" 
4363href="/collections/latex-nurse-costume"  >
4364  <span class="">Latex Nurse Outfits</span>
4365  </a>
4366<a class="header__menu-item-last flex items-start no-underline" 
4367href="/collections/latex-nurse-dresses"  >
4368  <span class="">Latex Nurse Dresses</span>
4369  </a>
4370</div>
4371            <div
4372                    class="leading-1.4 header__menu-item-second-wrapper"
4373                    role="tab"
4374                    data-panel="Tab-8"
4375                    
4376                    sub-dropdown
4377                >
4378                    
4379<a class="header__menu-item-second flex items-start no-underline" 
4380href="/collections/women-latex-corset"  >
4381  <span class="">Latex Corsets</span>
4382  </a>
4383</div>
4384            <div
4385                    class="leading-1.4 header__menu-item-second-wrapper"
4386                    role="tab"
4387                    data-panel="Tab-9"
4388                    
4389                    sub-dropdown
4390                >
4391                    
4392<a class="header__menu-item-second flex items-start no-underline" 
4393href="/collections/womens-latex-swimwear"  >
4394  <span class="">Latex Swimsuits</span>
4395  </a>
4396</div>
4397            <div
4398                    class="leading-1.4 header__menu-item-second-wrapper"
4399                    role="tab"
4400                    data-panel="Tab-10"
4401                    
4402                    sub-dropdown
4403                >
4404                    
4405<a class="header__menu-item-second flex items-start no-underline" 
4406href="/collections/women-latex-dress"  >
4407  <span class="">Latex Dress</span>
4408  </a>
4409<a class="header__menu-item-last flex items-start no-underline" 
4410href="/collections/latex-mini-dress"  >
4411  <span class=""> Latex Mini Dress</span>
4412  </a>
4413<a class="header__menu-item-last flex items-start no-underline" 
4414href="/collections/latex-midi-dress"  >
4415  <span class="">Latex Midi Dress</span>
4416  </a>
4417<a class="header__menu-item-last flex items-start no-underline" 
4418href="/collections/latex-maxi-dress"  >
4419  <span class="">Latex Maxi Dress</span>
4420  </a>
4421</div>
4422            <div
4423                    class="leading-1.4 header__menu-item-second-wrapper"
4424                    role="tab"
4425                    data-panel="Tab-11"
4426                    
4427                    sub-dropdown
4428                >
4429                    
4430<a class="header__menu-item-second flex items-start no-underline" 
4431href="/collections/women-latex-pants-vbos"  >
4432  <span class="">Latex Pants</span>
4433  </a>
4434</div>
4435            <div
4436                    class="leading-1.4 header__menu-item-second-wrapper"
4437                    role="tab"
4438                    data-panel="Tab-12"
4439                    
4440                    sub-dropdown
4441                >
4442                    
4443<a class="header__menu-item-second flex items-start no-underline" 
4444href="/collections/latex-skirt"  >
4445  <span class="">Latex Skirts</span>
4446  </a>
4447</div>
4448            </spz-list>
4449    <div class="header__menu_product header_menu_hover_animation">
4450            <div class="shoplazza-product-snippet" product-id="2fd65c00-1126-4f50-a48f-6d2abd593b52">
4451
4452  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_header_2fd65c00-1126-4f50-a48f-6d2abd593b52_left_center-12">
4453    <a
4454      class="product-snippet__img-link relative block overflow-hidden"
4455      href="/products/women-latex-dress-halter-neck-cocktail"
4456has-secondary-image
4457    >
4458      <spz-img class="product-snippet__img product-snippet__img_main i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" layout="responsive" width="600" height="799.98" src="//img.staticdj.com/6393ed1e2052bad740ec9b7ce3a78def.jpg" alt="" object-fit="cover" auto-fit i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:133.33%;"></i-spzhtml-sizer></spz-img>
4459      <spz-img class="product-snippet__img-secondary absolute top-0 i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" layout="responsive" width="600" height="799.98" src="//img.staticdj.com/d4827b1d13932fd6624702010a2f308d.jpg" alt="" object-fit="cover" auto-fit i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:133.33%;"></i-spzhtml-sizer></spz-img>
4460      </a>
4461    <spz-product-form product-id="2fd65c00-1126-4f50-a48f-6d2abd593b52" layout="container" @atcerror="theme-toast.showToast(content=event.message);" class="i-spzhtml-layout-container" i-spzhtml-layout="container">
4462  <form>
4463    <input name="variant_id" type="hidden" value="969e137b-b5fb-4eb2-a6fb-a8ce5ade908e">
4464    <button
4465      type="button"
4466      class="product-snippet__quick-shop-icon"
4467      role="addToCart"
4468      data-quick-shop="women-latex-dress-halter-neck-cocktail"
4469      data-track-product-id="2fd65c00-1126-4f50-a48f-6d2abd593b52"
4470      data-track="click"
4471      data-track-content="add_to_cart"
4472      data-track-source="quick_shop"
4473    >
4474      <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
4475    </button>
4476  </form>
4477</spz-product-form>
4478      </div>
4479
4480  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
4481    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
4482  href="/products/women-latex-dress-halter-neck-cocktail"
4483>
4484      Women Latex Dress tassels Halter-Neck Cocktail
4485    </a>
4486  </h3>
4487
4488  <a
4489    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
4490    href="/products/women-latex-dress-halter-neck-cocktail?variant=969e137b-b5fb-4eb2-a6fb-a8ce5ade908e"
4491  >
4492    <span class="product-snippet__price">
4493        <span class='money'>$162.00</span>
4494        </span>
4495      </a>
4496
4497  
4498</div>
4499        </div>
4500    </div>
4501  </div>
4502</li>
4503    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-3" data-id="82412323"  data-has-product  data-levels="1">
4504          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap flex items-start" 
4505href="/collections/mens-latex-clothing"  >
4506  <span class="">Mens</span>
4507  </a>
4508<div
4509  class="
4510  header-submenu menu_has_product
4511  header-menu-full-screen  lg:pt-8 lg:pb-9 header__three_menu-wrapper header-shadow absolute left-0 right-0 header-bg overflow-x-hidden overflow-y-auto
4512  "
4513  spz-menu-submenu 
4514>
4515<div class="page-container flex w-full header-menu-full-screen-content">
4516      <ul 
4517                class="header__waterfall-wrapper header_menu_hover_animation m-0 p-0 flex list-none w-full mt--10">
4518                <a class="header__menu-item-last w-full no-underline" 
4519href="/collections/men-latex-bodysuits"  >
4520  <span class="font-medium">Latex Bodysuits</span>
4521  </a>
4522<a class="header__menu-item-last w-full no-underline" 
4523href="/collections/men-latex-jackets-coats"  >
4524  <span class="font-medium">Latex Jackets &amp; Coats</span>
4525  </a>
4526<a class="header__menu-item-last w-full no-underline" 
4527href="/collections/men-latex-catsuits"  >
4528  <span class="font-medium">Latex Catsuits</span>
4529  </a>
4530<a class="header__menu-item-last w-full no-underline" 
4531href="/collections/men-latex-underwear"  >
4532  <span class="font-medium">Latex Underwear</span>
4533  </a>
4534<a class="header__menu-item-last w-full no-underline" 
4535href="/collections/men-latex-tops-vests"  >
4536  <span class="font-medium">Latex Tops &amp; Vests</span>
4537  </a>
4538<a class="header__menu-item-last w-full no-underline" 
4539href="/collections/men-latex-leggings"  >
4540  <span class="font-medium">Latex Leggings</span>
4541  </a>
4542<a class="header__menu-item-last w-full no-underline" 
4543href="/collections/men-latex-shorts"  >
4544  <span class="font-medium">Latex Shorts</span>
4545  </a>
4546<a class="header__menu-item-last w-full no-underline" 
4547href="/collections/women-latex-pants"  >
4548  <span class="font-medium">Latex Pants</span>
4549  </a>
4550</ul>
4551        <div class="header__menu_product header_menu_hover_animation">
4552            <div class="shoplazza-product-snippet" product-id="96f2fae9-3ad1-4341-bf44-34154cb2e996">
4553
4554  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_header_96f2fae9-3ad1-4341-bf44-34154cb2e996_left_center-12-3">
4555    <a
4556      class="product-snippet__img-link relative block overflow-hidden"
4557      href="/products/women-latex-catsuits-stitched-integrated-hood"
4558has-secondary-image
4559    >
4560      <spz-img class="product-snippet__img product-snippet__img_main i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" layout="responsive" width="600" height="799.98" src="//img.staticdj.com/2fc79a22fe9b90f756ac4e6cbf52c228.jpg" alt="" object-fit="cover" auto-fit i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:133.33%;"></i-spzhtml-sizer></spz-img>
4561      <spz-img class="product-snippet__img-secondary absolute top-0 i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" layout="responsive" width="600" height="799.98" src="//img.staticdj.com/936aacb7cd0beac509aeacad20af88cc.jpg" alt="" object-fit="cover" auto-fit i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:133.33%;"></i-spzhtml-sizer></spz-img>
4562      </a>
4563    <spz-product-form product-id="96f2fae9-3ad1-4341-bf44-34154cb2e996" layout="container" @atcerror="theme-toast.showToast(content=event.message);" class="i-spzhtml-layout-container" i-spzhtml-layout="container">
4564  <form>
4565    <input name="variant_id" type="hidden" value="cf687e6c-0108-49f8-9436-63bd9fffebd3">
4566    <button
4567      type="button"
4568      class="product-snippet__quick-shop-icon"
4569      role="addToCart"
4570      data-quick-shop="women-latex-catsuits-stitched-integrated-hood"
4571      data-track-product-id="96f2fae9-3ad1-4341-bf44-34154cb2e996"
4572      data-track="click"
4573      data-track-content="add_to_cart"
4574      data-track-source="quick_shop"
4575    >
4576      <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
4577    </button>
4578  </form>
4579</spz-product-form>
4580      </div>
4581
4582  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
4583    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
4584  href="/products/women-latex-catsuits-stitched-integrated-hood"
4585>
4586      Women Latex Catsuits Stitched Integrated Hood
4587    </a>
4588  </h3>
4589
4590  <a
4591    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
4592    href="/products/women-latex-catsuits-stitched-integrated-hood?variant=cf687e6c-0108-49f8-9436-63bd9fffebd3"
4593  >
4594    <span class="product-snippet__price">
4595        <span class='money'>$215.00</span>
4596        </span>
4597      </a>
4598
4599  
4600</div>
4601        </div>
4602    </div>
4603  </div>
4604</li>
4605    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-4" data-id="82412341"  data-levels="">
4606          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap flex items-start" 
4607href="/collections/latex-accessories"  >
4608  <span class="">Latex Accessories</span>
4609  </a>
4610</li>
4611    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-5" data-id="82412343"  data-levels="">
4612          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap flex items-start" 
4613href="/pages/made-to-measure-service"  >
4614  <span class="">Made-to-Measure service</span>
4615  </a>
4616</li>
4617    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-6" data-id="84620265"  data-levels="">
4618          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap flex items-start" 
4619href="/pages/size-chart"  >
4620  <span class="">Size Chart</span>
4621  </a>
4622</li>
4623    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-7" data-id="82412345"  data-levels="">
4624          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap flex items-start" 
4625href="/pages/color-chart"  >
4626  <span class="">Color Chart</span>
4627  </a>
4628</li>
4629    <style>
4630    .header-menu-container[finish] .header__more_menu-wrapper {
4631      display: block !important;
4632      position: static !important;
4633    }
4634    .header__more_menu {
4635      display: grid;
4636    }
4637    .header__more_menu {
4638      grid-template-columns: repeat(4,minmax(0,1fr));
4639    }
4640
4641    .header__more_menu_right {
4642      grid-column: span 3/span 3;
4643      grid-template-columns: repeat(3,minmax(0,1fr));
4644    }
4645
4646    .header__more_menu [role="tabs"],
4647    .header__more_menu_right .header__menu_product {
4648      grid-column: span 1/span 1;
4649    }
4650
4651    .header__more_menu_right .menu_list_wrapper[data-has-product] {
4652      grid-column: span 2/span 2;
4653    }
4654
4655    .header__more_menu [role="tabpanel"],
4656    .header__more_menu_right .menu_list_wrapper {
4657      grid-column: span 3/span 3;
4658    }
4659
4660    .header__more_menu {
4661      line-height: 1.25;
4662      padding-top: 32px;
4663      padding-bottom: 36px;
4664    }
4665    .header__more_menu [role="tab"] + [role="tab"] {
4666      padding-top: 20px;
4667    }
4668    .header__more_menu_icon {
4669      transform: rotate(180deg);
4670      transition: all 200ms;
4671    }
4672    .header__more_menu [role="tab"][active] .header__more_menu_icon {
4673      transform: rotate(0);
4674    }
4675    .header__more_menu_right li {
4676      padding-bottom: 20px;
4677    }
4678    .header__more_menu_right {
4679      margin-top: -50px;
4680    }
4681    .grid_gap_ele {
4682      height: 50px;
4683      margin: 0;
4684    }
4685    .header__more_menu_right:not(.grid_gap_ele) {
4686      margin-top: 0;
4687    }
4688    .header__more_menu_right_item {
4689      padding: 0 30px 8px;
4690    }
4691    .header__more_menu_right_item + .header__more_menu_right_item {
4692      padding: 12px 30px 0;
4693    }
4694    .header__more_menu_right .header__menu_product {
4695      padding: 0 30px;
4696    }
4697    .header__more_menu_right.has_third_menu {
4698      margin-top: -50px;
4699    }
4700    .header__more_menu_right.has_third_menu .header__menu_product {
4701      margin-top: 50px;
4702    }
4703    .header__more_menu_right spz-product-snippet {
4704      height: 100%;
4705    }
4706    .header__more_menu_right .grid-col-list {
4707      grid-auto-rows: min-content;
4708    }
4709</style>
4710  
4711<li spz-menu-more-link class="header__menu-item header__menu-item-first">
4712    <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap cursor-pointer" href="javascript:;" >More links</a>
4713    <div class="header__more_menu-wrapper" spz-menu-submenu 
4714    ></div>
4715</li>
4716
4717<template id="more-link-template">
4718    ${(function(){
4719
4720        var linkList =[false,true,true,false,false,false,false].slice(offset); 
4721        var hasChild = linkList.some(v => v);
4722
4723        if(!hasChild){ 
4724            return `
4725                <div>
4726                    <ul class="header__more_menu_second header__second_menu-wrapper header-shadow absolute header-bg list-none overflow-x-hidden overflow-y-auto">
4727                        
4728                            <li class="header_menu_hover_animation"  spz-if="${offset+1<=1}">
4729                                
4730<a class="header__menu-item-last flex items-start text-inherit no-underline" 
4731href="/"  >
4732  <span class="">Home</span>
4733  </a>
4734</li>
4735                        
4736                            <li class="header_menu_hover_animation"  spz-if="${offset+1<=2}">
4737                                
4738<a class="header__menu-item-last flex items-start text-inherit no-underline" 
4739href="/collections/women-latex-clothing"  >
4740  <span class="">Womens</span>
4741  </a>
4742</li>
4743                        
4744                            <li class="header_menu_hover_animation"  spz-if="${offset+1<=3}">
4745                                
4746<a class="header__menu-item-last flex items-start text-inherit no-underline" 
4747href="/collections/mens-latex-clothing"  >
4748  <span class="">Mens</span>
4749  </a>
4750</li>
4751                        
4752                            <li class="header_menu_hover_animation"  spz-if="${offset+1<=4}">
4753                                
4754<a class="header__menu-item-last flex items-start text-inherit no-underline" 
4755href="/collections/latex-accessories"  >
4756  <span class="">Latex Accessories</span>
4757  </a>
4758</li>
4759                        
4760                            <li class="header_menu_hover_animation"  spz-if="${offset+1<=5}">
4761                                
4762<a class="header__menu-item-last flex items-start text-inherit no-underline" 
4763href="/pages/made-to-measure-service"  >
4764  <span class="">Made-to-Measure service</span>
4765  </a>
4766</li>
4767                        
4768                            <li class="header_menu_hover_animation"  spz-if="${offset+1<=6}">
4769                                
4770<a class="header__menu-item-last flex items-start text-inherit no-underline" 
4771href="/pages/size-chart"  >
4772  <span class="">Size Chart</span>
4773  </a>
4774</li>
4775                        
4776                            <li class="header_menu_hover_animation"  spz-if="${offset+1<=7}">
4777                                
4778<a class="header__menu-item-last flex items-start text-inherit no-underline" 
4779href="/pages/color-chart"  >
4780  <span class="">Color Chart</span>
4781  </a>
4782</li>
4783                        
4784                    </ul>
4785                </div>
4786            `
4787        }
4788
4789        return `
4790          <div>
4791            <div class="header__more_menu_three header-shadow absolute left-0 right-0 header-bg overflow-x-hidden overflow-y-auto">
4792              <spz-tabs class="header__more_menu page-container" layout="container" interact="hover" >
4793                <ul class="header__more_menu_left header_menu_hover_animation list-none" role="tabs" 
4794                >
4795                    
4796                        
4797                        <li 
4798                            role="tab" 
4799                            data-panel="tab-82411751" 
4800                            spz-if="${offset+1<=1}"
4801                        >
4802                            
4803                            
4804<a class="flex items-start text-inherit no-underline" 
4805href="/"  >
4806  <span class="flex-1 mr-4">Home</span>
4807  </a>
4808</li>
4809                    
4810                        
4811                        <li 
4812                            role="tab" 
4813                            data-panel="tab-82411753" 
4814                            spz-if="${offset+1<=2}"
4815                        >
4816                            
4817                            
4818<a class="flex items-start text-inherit no-underline" 
4819href="/collections/women-latex-clothing"  >
4820  <span class="flex-1 mr-4">Womens</span>
4821  <i class="flex">
4822                                        <svg class="header__more_menu_icon" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M4.698 8.574a.6.6 0 0 0 0 .848l6.718 6.718a.3.3 0 0 0 .424 0l.679-.679a.3.3 0 0 0 0-.424L6.48 8.998 12.52 2.96a.3.3 0 0 0 0-.425l-.679-.679a.3.3 0 0 0-.424 
48220L4.698 8.574z" fill="currentColor"/></svg>
4823                                    </i>
4824                                 
4825                            
4826</a>
4827</li>
4828                    
4829                        
4830                        <li 
4831                            role="tab" 
4832                            data-panel="tab-82412323" 
4833                            spz-if="${offset+1<=3}"
4834                        >
4835                            
4836                            
4837<a class="flex items-start text-inherit no-underline" 
4838href="/collections/mens-latex-clothing"  >
4839  <span class="flex-1 mr-4">Mens</span>
4840  <i class="flex">
4841                                        <svg class="header__more_menu_icon" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M4.698 8.574a.6.6 0 0 0 0 .848l6.718 6.718a.3.3 0 0 0 .424 0l.679-.679a.3.3 0 0 0 0-.424L6.48 8.998 12.52 2.96a.3.3 0 0 0 0-.425l-.679-.679a.3.3 0 0 0-.424 0L4.698 8.574z" fill="currentColor"/></svg>
4842                                    </i>
4843                                 
4844                            
4845</a>
4846</li>
4847                    
4848                        
4849                        <li 
4850                            role="tab" 
4851                            data-panel="tab-82412341" 
4852                            spz-if="${offset+1<=4}"
4853                        >
4854                            
4855                            
4856<a class="flex items-start text-inherit no-underline" 
4857href="/collections/latex-accessories"  >
4858  <span class="flex-1 mr-4">Latex Accessories</span>
4859  </a>
4860</li>
4861                    
4862                        
4863                        <li 
4864                            role="tab" 
4865                            data-panel="tab-82412343" 
4866                            spz-if="${offset+1<=5}"
4867                        >
4868                            
4869                            
4870<a class="flex items-start text-inherit no-underline" 
4871href="/pages/made-to-measure-service"  >
4872  <span class="flex-1 mr-4">Made-to-Measure service</span>
4873  </a>
4874</li>
4875                    
4876                        
4877                        <li 
4878                            role="tab" 
4879                            data-panel="tab-84620265" 
4880                            spz-if="${offset+1<=6}"
4881                        >
4882                            
4883                            
4884<a class="flex items-start text-inherit no-underline" 
4885href="/pages/size-chart"  >
4886  <span class="flex-1 mr-4">Size Chart</span>
4887  </a>
4888</li>
4889                    
4890                        
4891                        <li 
4892                            role="tab" 
4893                            data-panel="tab-82412345" 
4894                            spz-if="${offset+1<=7}"
4895                        >
4896                            
4897                            
4898<a class="flex items-start text-inherit no-underline" 
4899href="/pages/color-chart"  >
4900  <span class="flex-1 mr-4">Color Chart</span>
4901  </a>
4902</li>
4903                    
4904                </ul>
4905
4906                <div 
4907                        class="header__more_menu_right header_menu_hover_animation grid  " 
4908                        role="tabpanel" 
4909                        data-id="tab-82411751" 
4910                        spz-if="${offset+1<=1}"
4911                    >
4912                        
4913                        
4914                            <ul class="flex flex-col list-none w-full menu_list_wrapper  " 
4915                              
4916                            >
4917                              
4918                        
4919                    
4920                            </ul>
4921                        
4922                    
4923                        
4924                    </div>
4925                <div 
4926                        class="header__more_menu_right header_menu_hover_animation grid   mt--12.5  has_third_menu " 
4927                        role="tabpanel" 
4928                        data-id="tab-82411753" 
4929                        spz-if="${offset+1<=2}"
4930                    >
4931                        
4932                        
4933                            <spz-list 
4934                                layout="container"
4935                                type="grid"
4936                                column-count=" 2 "
4937                                list="list"
4938                                class="flex flex-wrap list-none w-full grid-col-list menu_list_wrapper  " 
4939                                 data-has-product 
4940                            >
4941                                
4942                        
4943                            
4944
4945                            
4946                            
4947
4948                            
4949
4950                            
4951
4952                            
4953                            
4954
4955                            <div 
4956                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
4957                            >
4958                                
4959                                    <p class="grid_gap_ele"></p>
4960                                
4961
4962                                
4963<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
4964href="/collections/women-latex-catsuits"  >
4965  <span class="flex-1 mr-4">Latex Catsuits</span>
4966  </a>
4967</div>
4968                        
4969                            
4970
4971                            
4972                            
4973
4974                            
4975
4976                            
4977
4978                            
4979                            
4980
4981                            <div 
4982                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
4983                            >
4984                                
4985                                    <p class="grid_gap_ele"></p>
4986                                
4987
4988                                
4989<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
4990href="/collections/women-latex-bodysuits"  >
4991  <span class="flex-1 mr-4">Latex Bodysuits</span>
4992  </a>
4993</div>
4994                        
4995                            
4996
4997                            
4998                            
4999
5000                            
5001
5002                            
5003
5004                            
5005                            
5006
5007                            <div 
5008                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
5009                            >
5010                                
5011                                    <p class="grid_gap_ele"></p>
5012                                
5013
5014                                
5015<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
5016href="/collections/women-latex-tops"  >
5017  <span class="flex-1 mr-4">Latex Tops</span>
5018  </a>
5019</div>
5020                        
5021                            
5022
5023                            
5024                            
5025
5026                            
5027
5028                            
5029
5030                            
5031                            
5032
5033                            <div 
5034                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
5035                            >
5036                                
5037                                    <p class="grid_gap_ele"></p>
5038                                
5039
5040                                
5041<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
5042href="/collections/women-latex-lingerie"  >
5043  <span class="flex-1 mr-4">
5043Latex Lingerie</span>
5044  </a>
5045</div>
5046                        
5047                            
5048
5049                            
5050                            
5051
5052                            
5053
5054                            
5055
5056                            
5057                            
5058
5059                            <div 
5060                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
5061                            >
5062                                
5063                                    <p class="grid_gap_ele"></p>
5064                                
5065
5066                                
5067<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
5068href="/collections/latex-maid-outfit"  >
5069  <span class="flex-1 mr-4">Latex Maid Outfits</span>
5070  </a>
5071</div>
5072                        
5073                            
5074
5075                            
5076                            
5077
5078                            
5079
5080                            
5081
5082                            
5083                            
5084
5085                            <div 
5086                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
5087                            >
5088                                
5089                                    <p class="grid_gap_ele"></p>
5090                                
5091
5092                                
5093<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
5094href="/collections/women-latex-jackets-coats"  >
5095  <span class="flex-1 mr-4">Latex Jackets &amp; Coats</span>
5096  </a>
5097</div>
5098                        
5099                            
5100
5101                            
5102                            
5103
5104                            
5105
5106                            
5107
5108                            
5109                            
5110
5111                            <div 
5112                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
5113                            >
5114                                
5115                                    <p class="grid_gap_ele"></p>
5116                                
5117
5118                                
5119<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
5120href="/collections/latex-nurse-costume"  >
5121  <span class="flex-1 mr-4">Latex Nurse Outfits</span>
5122  </a>
5123<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
5124href="/collections/latex-nurse-dresses"  >
5125  <span class="">Latex Nurse Dresses</span>
5126  </a>
5127</div>
5128                        
5129                            
5130
5131                            
5132                            
5133
5134                            
5135
5136                            
5137
5138                            
5139                            
5140
5141                            <div 
5142                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
5143                            >
5144                                
5145                                    <p class="grid_gap_ele"></p>
5146                                
5147
5148                                
5149<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
5150href="/collections/women-latex-corset"  >
5151  <span class="flex-1 mr-4">Latex Corsets</span>
5152  </a>
5153</div>
5154                        
5155                            
5156
5157                            
5158                            
5159
5160                            
5161
5162                            
5163
5164                            
5165                            
5166
5167                            <div 
5168                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
5169                            >
5170                                
5171                                    <p class="grid_gap_ele"></p>
5172                                
5173
5174                                
5175<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
5176href="/collections/womens-latex-swimwear"  >
5177  <span class="flex-1 mr-4">Latex Swimsuits</span>
5178  </a>
5179</div>
5180                        
5181                            
5182
5183                            
5184                            
5185
5186                            
5187
5188                            
5189
5190                            
5191                            
5192
5193                            <div 
5194                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
5195                            >
5196                                
5197                                    <p class="grid_gap_ele"></p>
5198                                
5199
5200                                
5201<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
5202href="/collections/women-latex-dress"  >
5203  <span class="flex-1 mr-4">Latex Dress</span>
5204  </a>
5205<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
5206href="/collections/latex-mini-dress"  >
5207  <span class=""> Latex Mini Dress</span>
5208  </a>
5209<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
5210href="/collections/latex-midi-dress"  >
5211  <span class="">Latex Midi Dress</span>
5212  </a>
5213<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
5214href="/collections/latex-maxi-dress"  >
5215  <span class="">Latex Maxi Dress</span>
5216  </a>
5217</div>
5218                        
5219                            
5220
5221                            
5222                            
5223
5224                            
5225
5226                            
5227
5228                            
5229                            
5230
5231                            <div 
5232                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
5233                            >
5234                                
5235                                    <p class="grid_gap_ele"></p>
5236                                
5237
5238                                
5239<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
5240href="/collections/women-latex-pants-vbos"  >
5241  <span class="flex-1 mr-4">Latex Pants</span>
5242  </a>
5243</div>
5244                        
5245                            
5246
5247                            
5248                            
5249
5250                            
5251
5252                            
5253
5254                            
5255                            
5256
5257                            <div 
5258                                class=" flex-1 has-third-menu  header__more_menu_right_item_wrapper"
5259                            >
5260                                
5261                                    <p class="grid_gap_ele"></p>
5262                                
5263
5264                                
5265<a class="header__more_menu_right_item  flex items-start text-inherit no-underline " 
5266href="/collections/latex-skirt"  >
5267  <span class="flex-1 mr-4">Latex Skirts</span>
5268  </a>
5269</div>
5270                        
5271                    
5272                            </spz-list>
5273                        
5274                    
5275                        
5276                            <div class="header__menu_product">
5277                                
5278
5279<spz-product-snippet
5280  product-id="2fd65c00-1126-4f50-a48f-6d2abd593b52"
5281  layout="container"
5282  template="product-snippet-template"
5283  variant-thumb-names="color"
5284  thumb-max-num="3"
5285  ></spz-product-snippet>
5286</div>
5287                        
5288                    </div>
5289                <div 
5290                        class="header__more_menu_right header_menu_hover_animation grid  " 
5291                        role="tabpanel" 
5292                        data-id="tab-82412323" 
5293                        spz-if="${offset+1<=3}"
5294                    >
5295                        
5296                        
5297                            <ul class="flex flex-col list-none w-full menu_list_wrapper  " 
5298                               data-has-product 
5299                            >
5300                              
5301                        
5302                            
5303
5304                            
5305                            
5306
5307                            
5308
5309                            
5310                                
5311                                
5312                            
5313
5314                            
5315                            
5316
5317                            <div 
5318                                class=" mt-1  header__more_menu_right_item_wrapper"
5319                            >
5320                                
5321
5322                                
5323<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
5324href="/collections/men-latex-bodysuits"  >
5325  <span class="">Latex Bodysuits</span>
5326  </a>
5327</div>
5328                        
5329                            
5330
5331                            
5332                            
5333
5334                            
5335
5336                            
5337                                
5338                                
5339                            
5340
5341                            
5342                            
5343
5344                            <div 
5345                                class=" mt-1  header__more_menu_right_item_wrapper"
5346                            >
5347                                
5348
5349                                
5350<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
5351href="/collections/men-latex-jackets-coats"  >
5352  <span class="">Latex Jackets &amp; Coats</span>
5353  </a>
5354</div>
5355                        
5356                            
5357
5358                            
5359                            
5360
5361                            
5362
5363                            
5364                                
5365                                
5366                            
5367
5368                            
5369                            
5370
5371                            <div 
5372                                class=" mt-1  header__more_menu_right_item_wrapper"
5373                            >
5374                                
5375
5376                                
5377<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
5378href="/collections/men-latex-catsuits"  >
5379  <span class="">Latex Catsuits</span>
5380  </a>
5381</div>
5382                        
5383                            
5384
5385                            
5386                            
5387
5388                            
5389
5390                            
5391                                
5392                                
5393                            
5394
5395                            
5396                            
5397
5398                            <div 
5399                                class=" mt-1  header__more_menu_right_item_wrapper"
5400                            >
5401                                
5402
5403                                
5404<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
5405href="/collections/men-latex-underwear"  >
5406  <span class="">Latex Underwear</span>
5407  </a>
5408</div>
5409                        
5410                            
5411
5412                            
5413                            
5414
5415                            
5416
5417                            
5418                                
5419                                
5420                            
5421
5422                            
5423                            
5424
5425                            <div 
5426                                class=" mt-1  header__more_menu_right_item_wrapper"
5427                            >
5428                                
5429
5430                                
5431<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
5432href="/collections/men-latex-tops-vests"  >
5433  <span class="">Latex Tops &amp; Vests</span>
5434  </a>
5435</div>
5436                        
5437                            
5438
5439                            
5440                            
5441
5442                            
5443
5444                            
5445                                
5446                                
5447                            
5448
5449                            
5450                            
5451
5452                            <div 
5453                                class=" mt-1  header__more_menu_right_item_wrapper"
5454                            >
5455                                
5456
5457                                
5458<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
5459href="/collections/men-latex-leggings"  >
5460  <span class="">Latex Leggings</span>
5461  </a>
5462</div>
5463                        
5464                            
5465
5466                            
5467                            
5468
5469                            
5470
5471                            
5472                                
5473                                
5474                            
5475
5476                            
5477                            
5478
5479                            <div 
5480                                class=" mt-1  header__more_menu_right_item_wrapper"
5481                            >
5482                                
5483
5484                                
5485<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
5486href="/collections/men-latex-shorts"  >
5487  <span class="">Latex Shorts</span>
5488  </a>
5489</div>
5490                        
5491                            
5492
5493                            
5494                            
5495
5496                            
5497
5498                            
5499                                
5500                                
5501                            
5502
5503                            
5504                            
5505
5506                            <div 
5507                                class=" mt-1  header__more_menu_right_item_wrapper"
5508                            >
5509                                
5510
5511                                
5512<a class="header__more_menu_right_item  flex items-start text-inherit no-underline header__menu-item-last" 
5513href="/collections/women-latex-pants"  >
5514  <span class="">Latex Pants</span>
5515  </a>
5516</div>
5517                        
5518                    
5519                            </ul>
5520                        
5521                    
5522                        
5523                            <div class="header__menu_product">
5524                                
5525
5526<spz-product-snippet
5527  product-id="96f2fae9-3ad1-4341-bf44-34154cb2e996"
5528  layout="container"
5529  template="product-snippet-template"
5530  variant-thumb-names="color"
5531  thumb-max-num="3"
5532  ></spz-product-snippet>
5533</div>
5534                        
5535                    </div>
5536                <div 
5537                        class="header__more_menu_right header_menu_hover_animation grid  " 
5538                        role="tabpanel" 
5539                        data-id="tab-82412341" 
5540                        spz-if="${offset+1<=4}"
5541                    >
5542                        
5543                        
5544                            <ul class="flex flex-col list-none w-full menu_list_wrapper  " 
5545                              
5546                            >
5547                              
5548                        
5549                    
5550                            </ul>
5551                        
5552                    
5553                        
5554                    </div>
5555                <div 
5556                        class="header__more_menu_right header_menu_hover_animation grid  " 
5557                        role="tabpanel" 
5558                        data-id="tab-82412343" 
5559                        spz-if="${offset+1<=5}"
5560                    >
5561                        
5562                        
5563                            <ul class="flex flex-col list-none w-full menu_list_wrapper  " 
5564                              
5565                            >
5566                              
5567                        
5568                    
5569                            </ul>
5570                        
5571                    
5572                        
5573                    </div>
5574                <div 
5575                        class="header__more_menu_right header_menu_hover_animation grid  " 
5576                        role="tabpanel" 
5577                        data-id="tab-84620265" 
5578                        spz-if="${offset+1<=6}"
5579                    >
5580                        
5581                        
5582                            <ul class="flex flex-col list-none w-full menu_list_wrapper  " 
5583                              
5584                            >
5585                              
5586                        
5587                    
5588                         
5588   </ul>
5589                        
5590                    
5591                        
5592                    </div>
5593                <div 
5594                        class="header__more_menu_right header_menu_hover_animation grid  " 
5595                        role="tabpanel" 
5596                        data-id="tab-82412345" 
5597                        spz-if="${offset+1<=7}"
5598                    >
5599                        
5600                        
5601                            <ul class="flex flex-col list-none w-full menu_list_wrapper  " 
5602                              
5603                            >
5604                              
5605                        
5606                    
5607                            </ul>
5608                        
5609                    
5610                        
5611                    </div>
5612                </spz-tabs>
5613            </div>
5614          </div>
5615        `
5616    })()}
5617
5618</template>
5619   
5620  </ul>
5621</spz-menu>
5622      </div>
5623    </div>
5624  <div class="plugin__fixed-div pointer-events-auto md:hidden"></div>
5625</div>
5626<style>
5627  .header__mobile .header{
5628    padding-top: 18px;
5629    padding-bottom: 18px;
5630  }
5631  .header__mobile .header_apps_wrap > * {
5632    margin-bottom: 18px;
5633    flex: 1;
5634  }
5635  .header__mobile .header__search-wrapper{
5636    padding-top: 4px;
5637    padding-bottom: 10px;
5638  }
5639  .header__mobile .header__menu-wrapper{
5640    padding: 8px 0 8px 16px;
5641  background: var(--color-menu-bg);
5642  }
5643  .header__mobile__menu-item-first{
5644    padding-right: 10px;
5645  }
5646  .header__mobile__menu-item-first a{
5647    padding: 9px 12px;
5648    font-size: 12px;
5649    line-height: 1.3;
5650    color: var(--color-menu-item-text-90);
5651    background: var(--color-menu-item-bg);
5652    border-radius: 4px;
5653  }
5654  .header_menu_tooltip,
5655  .header_menu_tooltip .i-spzhtml-tooltip-inner{
5656    padding: 0;
5657    background: transparent !important;
5658  }
5659  .header_menu_tooltip .header__menu_second {
5660    width: 150px;
5661    max-height: 236px;
5662    border-radius: 4px ;
5663  }
5664  .header_menu_tooltip .header__menu_second-item{
5665    background: #fff;
5666    color: var(--color-menu-item-text-80);
5667    padding: 0 0 0 14px;
5668  font-size: 12px;
5669    line-height: 1.3
5670  }
5671  .header_menu_tooltip .header__menu_second-item a{
5672    padding: 15px 14px 15px 0;
5673  }
5674  .header_menu_tooltip .header__menu_second-item a + a{
5675    border: 1px solid #E6E6E6;
5676  }
5677  .header__mobile__menu-item-first a.header_menu_active {
5678    background-color: var(--color-actived-menu-item-bg) ;
5679    color: var(--color-actived-menu-item-text) ;
5680  }
5681</style>
5682<header class="header__mobile tw-text-header-text-color lg:hidden">
5683  <div class="header page-container z-20 relative header-bg pointer-events-auto">
5684    <div class="flex items-center">
5685      <button
5686          class="lg:hidden header-cart-back-btn clear flex text-inherit"
5687          type="button"
5688          @tap="SPZ.history(type='back', defaultUrl='/');"
5689        >
5690          <svg class="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="currentColor" d="M6.828 11.526a.6.6 0 0 0 0 .849l7 7a.3.3 0 0 0 .425 0l.721-.721a.3.3 0 0 0 0-.424l-6.279-6.28 6.28-6.279a.3.3 0 0 0 0-.424l-.722-.721a.3.3 0 0 0-.424 0l-7 7Z"/></svg>
5691        </button>
5692      <h2 class="header__logo flex-shrink-0 type-heading-font-family">
5693  <a class="image_width block md:hidden" href="/">
5694  <spz-img layout="responsive" width="1000" height="1000" src="//img.staticdj.com/99440762d43b0616c73167edc7c398fe_400x.png" alt="" class="i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:100%;"></i-spzhtml-sizer></spz-img>
5695  </a>
5696  <a class="image_width block lg:hidden" href="/">
5697  <spz-img layout="responsive" width="1000" height="1000" src="//img.staticdj.com/99440762d43b0616c73167edc7c398fe_400x.png" alt="" class="i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:100%;"></i-spzhtml-sizer></spz-img>
5698  </a>
5699</h2>
5700<style>
5701  .header__search button,
5702  .header__search input{
5703    border: none;
5704    outline: none;
5705  }
5706  .header__search-btn,
5707  .header__search-icon{
5708    background: transparent;
5709  }
5710  .header__search {
5711    display: flex;
5712    align-items: center;
5713    flex-shrink: 0;
5714  }
5715  .header__search-btn {
5716    padding: 0;
5717    margin: 0;
5718    font-size: 0;
5719    color: inherit;
5720    cursor: pointer;
5721  }
5722  .header__search-form{
5723    min-height: 40px;
5724  }
5725  .header__search-input{
5726    font-size: 13px;
5727    line-height: 16px;
5728    color: var(--color-header-search-text);
5729    background-color: var(--color-header-search-bg);
5730    caret-color: var(--color-header-search-text);
5731    padding: 12px 30px 12px 36px;
5732      border-radius: 2px 0 0 2px;
5733    }
5734  .header__search-input:not(:placeholder-shown) ~ .header__search-icon-close{
5735    display: flex;
5736  }
5737  .header__search-icon{
5738    left: 10px;
5739    top: 50%;
5740    transform: translateY(-50%);
5741    color: var(--color-header-search-text-50);
5742  }
5743  .header__search-icon-close{
5744    top: 50%;
5745    transform: translateY(-50%);
5746    height: 18px;
5747    width: 18px;
5748    color: #fff;
5749    background: #C0C0C0;
5750    right: 10px;
5751    }
5752  .header__search-icon:hover,
5753  .header__search-icon-close:hover{
5754    color: var(--color-header-search-text);
5755  }
5756  .header__search-submit-btn{
5757    padding: 11px 16px;
5758    font-size: 14px;
5759    line-height: 18px;
5760    color: var(--color-header-search-btn-text);
5761    background-color: var(--color-header-search-btn-bg);
5762    border-radius: 0 2px 2px 0;
5763    }
5764  @media (max-width: 959.98px) {
5765    .header__search-form{
5766      width: 100%
5767    }
5768  }
5769  @media (min-width: 960px) {
5770    .header__search-form{
5771      margin: 18px 0;
5772    }
5773    .header__search-input{
5774      width: 232px;
5775      border-radius: 2px;
5776    }
5777    .header__desktop[data-layout="left"] .header__search-input{
5778      width: 278px;
5779    }
5780  }
5781</style>
5782
5783<div class="header__search" id="">
5784    <button
5785        type="button"
5786        class="header__search-btn"
5787        @tap="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=true);header_search_sidebar.open()"
5788      >
5789        <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 
57890 1 1-16.8 0 8.4 8.4 0 0 1 16.8 0z" fill="currentColor"/></svg>
5790      </button>
5791    </div>
5792<spz-observer layout="logic" target="header__plugin-container" @childupdated="header-menu-top.updateMoreLink" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-observer>
5793<div class="header__icons flex-shrink-0 flex items-center"  id="header-icons" >
5794  <div class="header__plugin-container md:hidden flex items-center" id="header__plugin-container">
5795    <div class="empty-hidden plugin__translate-header"></div>
5796    <div class="empty-hidden plugin__currency"></div>
5797  </div>
5798
5799  <div class="header__account relative text-0  md:hidden ">
5800    <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>
5801    <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">
5802        <ul class="header__account_dropdown_content list-none header-account-shadow">
5803    <li><a href="/account/login">Log in</a></li>
5804      <li><a href="/account/register">Create an account</a></li>
5805      </ul>
5806</spz-dropdown>
5807    </div>
5808  <a class="header__cart relative flex justify-end items-center text-0 text-inherit cursor-pointer no-underline" >
5809    <i>
5810      <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>
5811      </i>
5812    <!-- 购物车数量 -->
5813    <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>
5814    <spz-render id="header_cart_count_render_md" layout="container" src="/api/cart/count" class="i-spzhtml-layout-container" i-spzhtml-layout="container">
5815      <template>
5816        <div>
5817          <span class="header__cart-count absolute rounded-full leading-none text-center" spz-if="${data.data && data.data.count > 0}">${data.data && data.data.count}</span>
5818        </div>
5819      </template>
5820    </spz-render>
5821  </a>
5822  <i class="header__drawer_icon  flex lg:hidden cursor-pointer" @tap="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=true);header_drawer.open()">
5823      <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>
5824    </i>
5825  </div>
5826    </div>
5827  </div>
5828
5829  <div
5830    class="header__fixed-top header__scroll_hide pointer-events-auto"
5831    id="header-scrollable-container-mobile"
5832  >
5833    </div>
5834  <div class="plugin__fixed-div pointer-events-auto"></div>
5835</header>
5836<style>
5837    .header__search_sidebar{
5838      height: 100vh;
5839      width: 100%;
5840      pointer-events: none;
5841    }
5842    .header__search_sidebar_content{
5843      pointer-events: auto;
5844      overflow: hidden auto;
5845      max-height: 100%;
5846      background-color: var(--color-header-bg);
5847    }
5848    .header__search-modal-form{
5849      position: sticky;
5850      top: 0;
5851      z-index: 10;
5852      background-color: var(--color-header-bg);
5853    }
5854    .header__search_sidebar-input{
5855      padding: 24px 16px;
5856      color: var(--color-header-search-text);
5857    }
5858    .header__search_sidebar + .i-spzhtml-sidebar-mask{
5859      pointer-events: auto;
5860    }
5861  </style>
5862  <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">
5863    <div class="header__search_sidebar_content">
5864      <div class="page-container header__search-modal-form">
5865        <form class="flex items-center" action="/search" method="get">
5866          <button type="submit" class="clear text-0 text-inherit cursor-pointer">
5867            <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 
58670 1 1-16.8 0 8.4 8.4 0 0 1 16.8 0z" fill="currentColor"/></svg>
5868          </button>
5869          <input
5870            @input-debounced="header_search_predictive_render-sidebar.rerender(data=event.value, redo=true);"
5871            class="header__search_sidebar-input flex-1 text-base leading-none type-text-font-family clear"
5872            type="text"
5873            autocomplete="off"
5874            name="q"
5875            placeholder="Search products"
5876          />
5877          <button type="reset" class="header__search-modal-close text-0 text-inherit clear cursor-pointer" @tap="header_search_sidebar.close()">
5878            <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>
5879          </button>
5880        </form>
5881      </div>
5882      <style>
5883    .header__search_predictive_render{
5884      background-color: var(--color-header-bg);
5885    }
5886    .header__search_product_list_wrap{
5887      padding: 24px 0 70px;
5888    }
5889    .header__search_product_list{
5890      display: grid;
5891      grid-template-columns: repeat(2, minmax(0, 1fr));
5892      column-gap: 16px;
5893      row-gap: 24px;
5894    }
5895    .header__search_product_list[data-empty],
5896    .header__search_product__empty,
5897    .header__search_product__view_more_wrap{
5898      display: none;
5899    }
5900    .header__search_product_list[hasmore] + .header__search_product__view_more_wrap,
5901    .header__search_product_list[data-empty] ~ .header__search_product__empty{
5902      display: flex;
5903      justify-content: center;
5904      align-items: center;
5905    }
5906    .header__search_product_list[loading] ~ .loading{
5907      display: var(--loading-show);
5908    }
5909    .header__search_product_list ~ .loading .loading-bounce{
5910      border-bottom-color: var(--color-body-text);
5911    }
5912    .header__search_product__view_more{
5913      margin: 24px auto 0;
5914      padding: 8px 24px;
5915      font-weight: 600;
5916      font-size: 16px;
5917      line-height: 24px;
5918    }
5919    @media (min-width: 960px) {
5920      .header__search_product_list{
5921        grid-template-columns: repeat(4, minmax(0, 1fr));
5922        column-gap: 24px;
5923      }
5924      .header__search_product_list_wrap{
5925        padding: 24px 0 40px;
5926      }
5927    }
5928  </style>
5929  <template id="header_search_product_list_template-sidebar">
5930    <spz-product-snippet
5931  data-source-id="header_search_product_list-sidebar"
5932  product-id="${data.id}"
5933  layout="container"
5934  template="product-snippet-template"
5935  variant-thumb-names="color"
5936  thumb-max-num="3"
5937  ></spz-product-snippet>
5938</template>
5939  <spz-render id="header_search_predictive_render-sidebar" class="header__search_predictive_render i-spzhtml-layout-container" layout="container" manual i-spzhtml-layout="container">
5940    <template>
5941      <div class="page-container">
5942        ${(function(){
5943          if (data === undefined || typeof data !== 'string' || data == '') return '';
5944          const keyword = encodeURIComponent(data);
5945          return `
5946            <div class="header__search_product_list_wrap">
5947              <spz-list
5948                class="header__search_product_list"
5949                id="header_search_product_list-sidebar"
5950                layout="container"
5951                initial-page="0"
5952                size="limit"
5953                page-size="4"
5954                src="/api/search?keyword=${keyword}"
5955                list="data.products"
5956                total="data.total"
5957                template="header_search_product_list_template-sidebar"
5958              ></spz-list>
5959              <div class="header__search_product__view_more_wrap">
5960                <a
5961                  href="/search?q=${keyword}"
5962                  class="header__search_product__view_more button-primary rounded-btn no-underline">
5963                  View more
5964                </a>
5965              </div>
5966              <div class="header__search_product__empty">
5967                Your search for '${data}' did not yield any results.
5968              </div>
5969              <div class="loading items-center justify-center " role="loading"   hide >
5970  <div class="loading-bounce"></div>
5971</div>
5972            </div>
5973          `
5974        })()}
5975      </div>
5976    </template>
5977  </spz-render>
5978</div>
5979  </spz-sidebar>
5980<style>
5981  .header__drawer{
5982    width: 330px;
5983    top: 0;
5984    bottom: 0;
5985    max-width: 100vw !important;
5986    line-height: 1.4;
5987  }
5988  .header__drawer,
5989  .header__drawer + .i-spzhtml-sidebar-mask{
5990    pointer-events: auto;
5991  }
5992  .header__drawer a{
5993    color: inherit;
5994    text-decoration: none;
5995  }
5996  .header__drawer_header{
5997    position: sticky;
5998    top: 0;
5999    z-index: 10;
6000    height: 62px;
6001    border-bottom: 1px solid var(--color-border);
6002  }
6003  .header__drawer_close{
6004    width: 62px;
6005    position: absolute;
6006    top: 0;
6007    right: 0;
6008    bottom: 0;
6009    opacity: 0.7;
6010  }
6011  .header__drawer_footer{
6012    position: sticky;
6013    bottom: 0;
6014    z-index: 10;
6015    border-top: 1px solid rgba(230,230,230,0.6);
6016    padding: 16px 20px;
6017  }
6018  .header__drawer_prev{
6019    position: sticky;
6020    top: 0;
6021    z-index: 10;
6022    display: flex;
6023    align-items: center;
6024    border-bottom: 1px solid var(--color-border);
6025    padding: 16px 20px;
6026    background-color: var(--color-body-bg);
6027  }
6028  .header__drawer [spz-nested-submenu]:not([child-open]){
6029    overflow: hidden auto;
6030    max-height: 100%;
6031  }
6032  .header__drawer_menu_item{
6033    display: flex;
6034    align-items: center;
6035    justify-content: space-between;
6036    min-height: 22px;
6037    margin-left: 20px;
6038      padding: 16px 20px 16px 0;
6039    border-bottom: 1px solid var(--color-border);
6040    cursor: pointer;
6041  }
6042  .header__drawer_menu_item a:not([spz-nested-submenu-open]){
6043    flex: 1
6044  }
6045  .header_drawer_menu .header_drawer_menu_first{
6046    overflow: hidden auto;
6047  }
6048  .header_drawer_menu[child-open] .header_drawer_menu_first{
6049    overflow: unset !important;
6050  }
6051  </style>
6052<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">
6053  <div class="header__drawer_header flex-shrink-0 relative flex bg-color-body">
6054    <i class="header__drawer_close flex-center cursor-pointer" @tap="header_drawer.close()">
6055      <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>
6056    </i>
6057  </div>
6058  <div class="flex-1 relative overflow-hidden">
6059    <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">
6060      <ul class="header_drawer_menu_first flex-1 hide-scrollbar">
6061        <li>
6062              <div  class="header__drawer_menu_item">
6063                <a class="flex items-start " 
6064href="/" >
6065  <span>Home</span>
6066  </a>
6067                </div>
6068              </li>
6069          <li>
6070              <div spz-nested-submenu-open class="header__drawer_menu_item">
6071                <a class="flex items-start " 
6072href="/collections/women-latex-clothing" >
6073  <span>Womens</span>
6074  </a>
6075                <svg   class="header__drawer_next_icon ml-3 flex-shrink-0" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424 0l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"/></svg>
6076</div>
6077              <ul class="clear" spz-nested-submenu>
6078                    <li class="header__drawer_prev" spz-nested-submenu-close>
6079                      
6080  <svg class="mr-3" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M4.06 7.573a.6.6 0 0 0 0 .848l6.152 6.152a.3.3 0 0 0 .424 0l.594-.594a.3.3 0 0 0 0-.424L5.672 7.997 11.23 2.44a.3.3 0 0 0 0-.424l-.594-.594a.3.3 0 0 0-.424 0L4.06 7.573z" fill="currentColor"/></svg>
6081<span class="flex-1 underline">Womens</span>
6082                    </li>
6083                    
6084                      
6085                      
6086                      <li>
6087                        <div  class="header__drawer_menu_item">
6088                          <a class="flex items-start " 
6089href="/collections/women-latex-catsuits" >
6090  <span>Latex Catsuits</span>
6091  </a>
6092                          
6093                        </div>
6094                        
6095                      </li>
6096                    
6097                      
6098                      
6099                      <li>
6100                        <div  class="header__drawer_menu_item">
6101                          <a class="flex items-start " 
6102href="/collections/women-latex-bodysuits" >
6103  <span>Latex Bodysuits</span>
6104  </a>
6105                          
6106                        </div>
6107                        
6108                      </li>
6109                    
6110                      
6111                      
6112                      <li>
6113                        <div  class="header__drawer_menu_item">
6114                          <a class="flex items-start " 
6115href="/collections/women-latex-tops" >
6116  <span>Latex Tops</span>
6117  </a>
6118                          
6119                        </div>
6120                        
6121                      </li>
6122                    
6123                      
6124                      
6125                      <li>
6126                        <div  class="header__drawer_menu_item">
6127                          <a class="flex items-start " 
6128href="/collections/women-latex-lingerie" >
6129  <span>
6129Latex Lingerie</span>
6130  </a>
6131                          
6132                        </div>
6133                        
6134                      </li>
6135                    
6136                      
6137                      
6138                      <li>
6139                        <div  class="header__drawer_menu_item">
6140                          <a class="flex items-start " 
6141href="/collections/latex-maid-outfit" >
6142  <span>Latex Maid Outfits</span>
6143  </a>
6144                          
6145                        </div>
6146                        
6147                      </li>
6148                    
6149                      
6150                      
6151                      <li>
6152                        <div  class="header__drawer_menu_item">
6153                          <a class="flex items-start " 
6154href="/collections/women-latex-jackets-coats" >
6155  <span>Latex Jackets &amp; Coats</span>
6156  </a>
6157                          
6158                        </div>
6159                        
6160                      </li>
6161                    
6162                      
6163                      
6164                      <li>
6165                        <div spz-nested-submenu-open class="header__drawer_menu_item">
6166                          <a class="flex items-start " 
6167href="/collections/latex-nurse-costume" >
6168  <span>Latex Nurse Outfits</span>
6169  </a>
6170                          
6171                            
6172  <svg   class="header__drawer_next_icon ml-3 flex-shrink-0" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424 0l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"/></svg>
6173</div>
6174                        
6175                          
6176                          <ul class="clear" spz-nested-submenu>
6177                            <li class="header__drawer_prev" spz-nested-submenu-close>
6178                              
6179  <svg class="mr-3" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M4.06 7.573a.6.6 0 0 0 0 .848l6.152 6.152a.3.3 0 0 0 .424 0l.594-.594a.3.3 0 0 0 0-.424L5.672 7.997 11.23 2.44a.3.3 0 0 0 0-.424l-.594-.594a.3.3 0 0 0-.424 0L4.06 7.573z" fill="currentColor"/></svg>
6180<span class="flex-1 underline">Latex Nurse Outfits</span>
6181                            </li>
6182                            
6183                              
6184                              <li>
6185                                <div class="header__drawer_menu_item">
6186                                  <a class="flex items-start " 
6187href="/collections/latex-nurse-dresses" >
6188  <span>Latex Nurse Dresses</span>
6189  </a>
6190                                </div>
6191                              </li>
6192                            
6193                          </ul>
6194                        
6195                      </li>
6196                    
6197                      
6198                      
6199                      <li>
6200                        <div  class="header__drawer_menu_item">
6201                          <a class="flex items-start " 
6202href="/collections/women-latex-corset" >
6203  <span>Latex Corsets</span>
6204  </a>
6205                          
6206                        </div>
6207                        
6208                      </li>
6209                    
6210                      
6211                      
6212                      <li>
6213                        <div  class="header__drawer_menu_item">
6214                          <a class="flex items-start " 
6215href="/collections/womens-latex-swimwear" >
6216  <span>Latex Swimsuits</span>
6217  </a>
6218                          
6219                        </div>
6220                        
6221                      </li>
6222                    
6223                      
6224                      
6225                      <li>
6226                        <div spz-nested-submenu-open class="header__drawer_menu_item">
6227                          <a class="flex items-start " 
6228href="/collections/women-latex-dress" >
6229  <span>Latex Dress</span>
6230  </a>
6231                          
6232                            
6233  <svg   class="header__drawer_next_icon ml-3 flex-shrink-0" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424 
62330l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"/></svg>
6234</div>
6235                        
6236                          
6237                          <ul class="clear" spz-nested-submenu>
6238                            <li class="header__drawer_prev" spz-nested-submenu-close>
6239                              
6240  <svg class="mr-3" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M4.06 7.573a.6.6 0 0 0 0 .848l6.152 6.152a.3.3 0 0 0 .424 0l.594-.594a.3.3 0 0 0 0-.424L5.672 7.997 11.23 2.44a.3.3 0 0 0 0-.424l-.594-.594a.3.3 0 0 0-.424 0L4.06 7.573z" fill="currentColor"/></svg>
6241<span class="flex-1 underline">Latex Dress</span>
6242                            </li>
6243                            
6244                              
6245                              <li>
6246                                <div class="header__drawer_menu_item">
6247                                  <a class="flex items-start " 
6248href="/collections/latex-mini-dress" >
6249  <span> Latex Mini Dress</span>
6250  </a>
6251                                </div>
6252                              </li>
6253                            
6254                              
6255                              <li>
6256                                <div class="header__drawer_menu_item">
6257                                  <a class="flex items-start " 
6258href="/collections/latex-midi-dress" >
6259  <span>Latex Midi Dress</span>
6260  </a>
6261                                </div>
6262                              </li>
6263                            
6264                              
6265                              <li>
6266                                <div class="header__drawer_menu_item">
6267                                  <a class="flex items-start " 
6268href="/collections/latex-maxi-dress" >
6269  <span>Latex Maxi Dress</span>
6270  </a>
6271                                </div>
6272                              </li>
6273                            
6274                          </ul>
6275                        
6276                      </li>
6277                    
6278                      
6279                      
6280                      <li>
6281                        <div  class="header__drawer_menu_item">
6282                          <a class="flex items-start " 
6283href="/collections/women-latex-pants-vbos" >
6284  <span>Latex Pants</span>
6285  </a>
6286                          
6287                        </div>
6288                        
6289                      </li>
6290                    
6291                      
6292                      
6293                      <li>
6294                        <div  class="header__drawer_menu_item">
6295                          <a class="flex items-start " 
6296href="/collections/latex-skirt" >
6297  <span>Latex Skirts</span>
6298  </a>
6299                          
6300                        </div>
6301                        
6302                      </li>
6303                    
6304                  </ul>
6305              </li>
6306          <li>
6307              <div spz-nested-submenu-open class="header__drawer_menu_item">
6308                <a class="flex items-start " 
6309href="/collections/mens-latex-clothing" >
6310  <span>Mens</span>
6311  </a>
6312                <svg   class="header__drawer_next_icon ml-3 flex-shrink-0" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424 0l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"/></svg>
6313</div>
6314              <ul class="clear" spz-nested-submenu>
6315                    <li class="header__drawer_prev" spz-nested-submenu-close>
6316                      
6317  <svg class="mr-3" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M4.06 7.573a.6.6 0 0 0 0 .848l6.152 6.152a.3.3 0 0 0 .424 0l.594-.594a.3.3 0 0 0 0-.424L5.672 7.997 11.23 2.44a.3.3 0 0 0 0-.424l-.594-.594a.3.3 0 0 0-.424 0L4.06 7.573z" fill="currentColor"/></svg>
6318<span class="flex-1 underline">Mens</span>
6319                    </li>
6320                    
6321                      
6322                      
6323                      <li>
6324                        <div  class="header__drawer_menu_item">
6325                          <a class="flex items-start " 
6326href="/collections/men-latex-bodysuits" >
6327  <span>Latex Bodysuits</span>
6328  </a>
6329                          
6330                        </div>
6331                        
6332                      </li>
6333                    
6334                      
6335                      
6336                      <li>
6337                        <div  class="header__drawer_menu_item">
6338                          <a class="flex items-start " 
6339href="/collections/men-latex-jackets-coats" >
6340  <span>Latex Jackets &amp; Coats</span>
6341  </a>
6342                          
6343                        </div>
6344                        
6345                      </li>
6346                    
6347                      
6348                      
6349                      <li>
6350                        <div  class="header__drawer_menu_item">
6351                          <a class="flex items-start " 
6352href="/collections/men-latex-catsuits" >
6353  <span>Latex Catsuits</span>
6354  </a>
6355                          
6356                        </div>
6357                        
6358                      </li>
6359                    
6360                      
6361                      
6362                      <li>
6363                        <div  class="header__drawer_menu_item">
6364                          <a class="flex items-start " 
6365href="/collections/men-latex-underwear" >
6366  <span>Latex Underwear</span>
6367  </a>
6368                          
6369                        </div>
6370                        
6371                      </li>
6372                    
6373                      
6374                      
6375                      <li>
6376                        <div  class="header__drawer_menu_item">
6377                          <a class="flex items-start " 
6378href="/collections/men-latex-tops-vests" >
6379  <span>Latex Tops &amp; Vests</span>
6380  </a>
6381                          
6382                        </div>
6383                        
6384                      </li>
6385                    
6386                      
6387                      
6388                      <li>
6389                        <div  class="header__drawer_menu_item">
6390                          <a class="flex items-start " 
6391href="/collections/men-latex-leggings" >
6392  <span>Latex Leggings</span>
6393  </a>
6394                          
6395                        </div>
6396                        
6397                      </li>
6398                    
6399                      
6400                      
6401                      <li>
6402                        <div  class="header__drawer_menu_item">
6403                          <a class="flex items-start " 
6404href="/collections/men-latex-shorts" >
6405  <span>Latex Shorts</span>
6406  </a>
6407                          
6408                        </div>
6409                        
6410                      </li>
6411                    
6412                      
6413                      
6414                      <li>
6415                        <div  class="header__drawer_menu_item">
6416                          <a class="flex items-start " 
6417href="/collections/women-latex-pants" >
6418  <span>Latex Pants</span>
6419  </a>
6420                          
6421                        </div>
6422                        
6423                      </li>
6424                    
6425                  </ul>
6426              </li>
6427          <li>
6428              <div  class="header__drawer_menu_item">
6429                <a class="flex items-start " 
6430href="/collections/latex-accessories" >
6431  <span>Latex Accessories</span>
6432  </a>
6433                </div>
6434              </li>
6435          <li>
6436              <div  class="header__drawer_menu_item">
6437                <a class="flex items-start " 
6438href="/pages/made-to-measure-service" >
6439  <span>Made-to-Measure service</span>
6440  </a>
6441                </div>
6442              </li>
6443          <li>
6444              <div  class="header__drawer_menu_item">
6445                <a class="flex items-start " 
6446href="/pages/size-chart" >
6447  <span>Size Chart</span>
6448  </a>
6449                </div>
6450              </li>
6451          <li>
6452              <div  class="header__drawer_menu_item">
6453                <a class="flex items-start " 
6454href="/pages/color-chart" >
6455  <span>Color Chart</span>
6456  </a>
6457                </div>
6458              </li>
6459          <div class="header__drawer_plugins">
6460          <div class="empty-hidden  plugin__translate-header px-5 my-10"></div>
6461          <div class="empty-hidden  plugin__currency px-5 my-10"></div>
6462        </div>
6463      </ul>
6464
6465      <li class="header__drawer_menu_item"><a href="/account/login">Log in</a></li>
6466          <li class="header__drawer_menu_item"><a href="/account/register">Create an account</a></li>
6467          </spz-nested-menu>
6468  </div>
6469</spz-sidebar>
6470</div>
6471<spz-script layout="logic" type="application/javascript">
6472  (function(){
6473    let w = window.innerWidth;
6474    function setHeaderCssVar() {
6475      const headerEle = document.getElementById('shoplaza-section-header');
6476      if(!headerEle){ return };
6477      document.body.style.setProperty('--window-height', `${window.innerHeight}px`);
6478      document.body.style.setProperty('--header-height', `${headerEle.clientHeight}px`);
6479
6480      const mdScorllHideEle = headerEle.querySelector('.header__mobile .header__scroll_hide');
6481      if (mdScorllHideEle) {
6482        document.body.style.setProperty('--header-scroll-hide-height-md', `${mdScorllHideEle.clientHeight}px`);
6483      }
6484
6485      const pcScorllHideEle = headerEle.querySelector('.header__desktop .header__scroll_hide');
6486      if (pcScorllHideEle) {
6487        document.body.style.setProperty('--header-scroll-hide-height-pc', `${pcScorllHideEle.clientHeight}px`);
6488      }
6489
6490    }
6491    function handlResize() {
6492      if(w == window.innerWidth){return};
6493      w = window.innerWidth;
6494      setHeaderCssVar();
6495    };
6496    function init(){
6497      setHeaderCssVar();
6498      window.removeEventListener('resize', window._theme_header_listener)
6499      window._theme_header_listener = handlResize;
6500      window.addEventListener('resize', window._theme_header_listener);
6501    }
6502    init();
6503  })();
6504</spz-script>
6505
6506</div>
6507      <div class="plugin__static-div"></div>
6508      <div class="main-content" id="main-content">
6509        <style>
6510      .breadcrumb{
6511        color: var(--color-overlay-title, #292929);
6512      }
6513      .breadcrumb_separator,.breadcrumb [has-child]{
6514        opacity: 0.6;
6515      }
6516      .breadcrumb a{
6517        color: inherit;
6518        text-decoration-line: none;
6519      }
6520    </style>
6521    <nav class="breadcrumb page-container flex flex-wrap items-center text-xs leading-none pt-4 lg:pt-9 md:mb-4 }">
6522      <a href="/" has-child>Home</a>
6523      <span class="breadcrumb_separator">&nbsp;/&nbsp;</span>
6524    <a href="javascript:;">My cart</a>
6525      </nav>
6526  <div id="shoplaza-section-1717490469203" class="shoplaza-section" data-section-id="1717490469203" data-section-type="cart_shopping" data-section-style=""><style>
6527  .main-content {
6528    padding-bottom: 32px;
6529  }
6530
6531  @media (min-width: 960px) {
6532    .main-content {
6533      padding-bottom: 66px;
6534    }
6535  }
6536
6537  #cart-render {
6538    width: 0;
6539    height: 0;
6540  }
6541
6542  #cart-render[loading] ~ *,
6543  #cart-render:not([finish]) ~ * {
6544    display: none;
6545  }
6546
6547  #cart-render[loading] ~ .cart-loading,
6548  #cart-render[interact-loading] ~ .cart-loading {
6549    display: var(--loading-show);
6550  }
6551
6552  #cart-render:not([finish]) ~ .cart-content > header,
6553  #cart-render:not([finish]) ~ .cart-content .cart-items-top-container,
6554  #cart-render[finish][data-empty] ~ .cart-content .cart-items-top-container,
6555  #cart-render[finish][data-empty] ~ .cart-content .cart-subtotal-outer-container,
6556  #cart-render[finish][data-empty] ~ .cart-content .cart-summary-sticky-container {
6557    display: none;
6558  }
6559
6560  .cart-content .cart-empty {
6561    padding: 80px 0;
6562  }
6563
6564  .cart-content spz-render {
6565    min-width: unset !important;
6566  }
6567
6568  .cart-continue-shopping {
6569    width: 100%;
6570    height: 46px;
6571  }
6572
6573  .cart-item-image {
6574    flex-shrink: 0;
6575    width: 19.55%;
6576  }
6577
6578  .cart-qty spz-quantity {
6579    width: 81px;
6580  }
6581
6582  .cart-qty spz-quantity .i-spzhtml-quantity-number-decrease[disabled] {
6583    cursor: pointer;
6584  }
6585
6586  .cart-qty spz-quantity input[type="number"] {
6587    width: 25px;
6588  }
6589
6590  .cart-qty spz-quantity span[role="button"] {
6591    padding: 6px;
6592    border-radius: var(--global-border-radius);
6593    border-color: var(--color-border) !important;
6594  }
6595
6596  .cart-qty-minimum-tip {
6597    color: #FF3F02;
6598  }
6599
6600  .cart-subtotal-free-shipping + .cart-subtotal-content {
6601    margin-top: 10px;
6602  }
6603
6604  .cart-subtotal-content {
6605    padding: 12px;
6606    border-radius: 2px;
6607    background-color: var(--color-cart-subtotal-bg);
6608  }
6609
6610  .cart-invalid-msg {
6611    color: #FF3F02;
6612  }
6613
6614  .cart-checkout-btn,
6615  .cart-summary-checkout-btn {
6616    width: 100%;
6617    height: 46px;
6618  }
6619
6620  .cart-subtotal-render {
6621    min-height: 1px;
6622  }
6623  @media (max-width: 959.98px) {
6624    .cart-item {
6625      padding: 16px 0;
6626    }
6627
6628    .cart-qty-minimum-tip {
6629      margin-bottom: -8px;
6630    }
6631
6632    .cart-summary-sticky-container {
6633      z-index: var(--z-index-sticky);
6634      position: fixed;
6635      left: 0;
6636      bottom: 0;
6637      width: 100%;
6638      background-color: var(--color-body-bg);
6639      box-shadow: 0 -8px 20px 0 rgba(34, 34, 34, .08);
6640      opacity: 0;
6641      transform: translateY(140%);
6642    }
6643
6644    .cart-summary-sticky-container .ios_safari_bottom_bar {
6645      display: none;
6646    }
6647
6648    .cart-summary-sticky-container[hidden] {
6649      display: block !important;
6650      pointer-events: none;
6651    }
6652
6653    .cart-summary-sticky-container[show] {
6654      animation: sticky-bottom-show .7s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
6655    }
6656
6657    @keyframes sticky-bottom-show {
6658      0% { opacity: 1;}
6659      100% { transform: translateY(0); opacity: 1; }
6660    }
6661
6662    .cart-summary-sticky-checkout-btn {
6663      min-height: 46px;
6664      margin-top: 0;
6665      width: 126px;
6666      padding: 14px 12px;
6667      word-break: break-all;
6668    }
6669
6670    .cart-summary-discount-btn {
6671      display: flex;
6672      align-items: center;
6673      margin-top: 4px;
6674      padding: 4px 8px;
6675      color: #F16515;
6676      background-color: #fff;
6677      border-radius: 100px;
6678    }
6679
6680    .cart-summary-discount-btn > span {
6681      margin-right: 2px;
6682    }
6683
6684    html[dir="rtl"] .cart-summary-discount-btn > span {
6685      margin-left: 2px;
6686      margin-right: 0;
6687    }
6688
6689    .cart-summary-discount-btn svg {
6690      transition: transform .2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
6691    }
6692
6693    .cart-summary-discount-list.open .cart-summary-discount-btn svg {
6694      transform: rotate(-180deg);
6695    }
6696
6697    .cart-summary-discount-list ul {
6698      display: none;
6699    }
6700
6701    .cart-summary-discount-list.open ul {
6702      display: block;
6703    }
6704
6705    .cart-summary-sticky-render .cart-summary-discount-btn {
6706      background-color: #F6F6F6;
6707    }
6708
6709    .cart-summary-sticky-modal {
6710      z-index: calc(var(--z-index-modal) + 1);
6711      width: 100% !important;
6712      max-height: 85vh !important;
6713      display: flex;
6714      align-items: flex-end;
6715      justify-content: flex-end;
6716      pointer-events: none;
6717    }
6718
6719    .cart-summary-sticky-modal .ios_safari_bottom_bar {
6720      display: none;
6721    }
6722
6723    .cart-summary-sticky-modal-inner {
6724      width: 100%;
6725      padding: 8px 16px 16px;
6726      border-radius: 2px;
6727      background-color: #fff;
6728      box-shadow: 0 -8px 20px 0 rgba(34, 34, 34, .08);
6729      pointer-events: auto;
6730    }
6731
6732    .cart-summary-sticky-modal-close {
6733      margin-right: -8px;
6734    }
6735
6736    html[dir="rtl"] .cart-summary-sticky-modal-close {
6737      margin-left: -8px;
6738      margin-right: 0;
6739    }
6740
6741    .cart-summary-sticky-modal ~ .i-spzhtml-sidebar-mask {
6742      top: unset;
6743      bottom: 0;
6744    }
6745
6746    .cart-checkout-btn-mobile {
6747      flex-shrink: 0;
6748      width: 40.268%;
6749      margin-top: 0;
6750    }
6751
6752    .cart-summary-sticky-render .cart-summary-discount-btn svg {
6753      transform: rotate(0) !important;
6754    }
6755
6756    .cart-item-delete-btn {
6757      position: relative;
6758    }
6759
6760    .cart-item-delete-btn::before {
6761      content: '';
6762      position: absolute;
6763      top: -8px;
6764      left: -8px;
6765      right: -8px;
6766      bottom: -8px;
6767    }
6768  }
6769
6770  @media (min-width: 960px) {
6771    .cart-title {
6772      line-height: 1.1667;
6773      font-size: calc(var(--type-heading-font-size) * .8);
6774    }
6775
6776    .cart-content .cart-empty {
6777      padding: 60px 0 120px;
6778    }
6779
6780    .cart-continue-shopping {
6781      width: 420px;
6782    }
6783
6784    .cart-header-continue-shopping-btn {
6785      border-bottom: 1px solid var(--color-body-text);
6786    }
6787
6788    #cart-render[data-empty] ~ .cart-content .cart-header-wrapper {
6789      display: none;
6790    }
6791
6792    .cart-items-header,
6793    .cart-item {
6794      display: grid;
6795      grid-template-columns: 50% 16.13% 24.2%;
6796      gap: 4.8387%;
6797    }
6798
6799    .cart-items-header {
6800      line-height: 1.14;
6801      border-bottom: 1px solid var(--color-border);
6802    }
6803
6804    .cart-items-header li {
6805      padding: 16px 0;
6806    }
6807
6808    .cart-item-image {
6809      width: 19.35%;
6810    }
6811
6812    .cart-qty spz-quantity {
6813      width: 93px;
6814    }
6815
6816    .cart-qty spz-quantity input[type="number"] {
6817      width: 37px;
6818    }
6819
6820    .cart-subtotal-outer-container {
6821      width: 37.74%;
6822    }
6823  }
6824</style>
6825<spz-event target-id="cart-render" target-api="render" event-name="dj.addToCart" layout="logic" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-event>
6826
6827<div id="cart">
6828  <spz-cart id="cart-render" layout="container" empty-item="cart.line_items" @mounted="cart-items-render.rerender(data=event.cart);cart-subtotal-render.rerender(data=event.cart);cart-subtotal-free-shipping.rerender(data=event.cart);cart-summary-sticky-render.rerender(data=event.cart);" @cartincrease="theme-toast-success.showToast(content='Increased successfully')" @cartdecrease="theme-toast-success.showToast(content='Decreased successfully')" @cartchange="cart-items-render.rerender(data=event.cart);cart-subtotal-render.rerender(data=event.cart);cart-subtotal-free-shipping.rerender(data=event.cart);cart-summary-sticky-render.rerender(data=event.cart);" @cartempty="cart-payment-breakdown.toggleClass(class='hidden', force=true);" @cartitemexists="cart-payment-breakdown.toggleClass(class='hidden', force=false);" class="i-spzhtml-layout-container" i-spzhtml-layout="container">
6829    <template><div></div></template>
6830  </spz-cart>
6831
6832  <div class="loading items-center justify-center cart-loading" role="loading"  has-full-mask   hide >
6833  <div class="loading-bounce"></div>
6834</div>
6835
6836  <article class="cart-content" id="cart-content">
6837
6838    <header class="cart-header-wrapper md:hidden page-container flex items-start justify-between" >
6839  <h4 class="cart-title m-0 type-heading-font-family title-color">Cart</h4>
6840  <button class="cart-header-continue-shopping-btn clear" type="button" @tap="SPZ.history(type='back', defaultUrl='/');">
6841    Continue shopping
6842  </button>
6843</header>
6844        <div class="page-container cart-items-top-container w-full mt-4">
6845  <div class="cart__discount-container mt-2 empty-hidden"></div>
6846</div>
6847
6848<spz-render class="page-container cart-items-render i-spzhtml-layout-container" id="cart-items-render" layout="container" manual i-spzhtml-layout="container">
6849  <template>
6850    <div>
6851      <section spz-if="${!!(data.line_items && data.line_items.length > 0)}">
6852        <ul class="md:hidden cart-items-header clear mt-4 color-text-default">
6853          <li>Product</li>
6854          <li>Quantity</li>
6855          <li class="text-right">Price</li>
6856        </ul>
6857
6858        <ul class="clear cart-items">
6859          <li class="cart-item lg:mt-7" spz-for="item in data.line_items" key="item.id">
6860            <div class="flex items-start">
6861              <a
6862                class="cart-item-image"
6863                spz-href="${item.product_url}?variant=${item.variant_id}"
6864                data-track-type="image"
6865                data-track-product_id="${item.variant_id}"
6866                data-track="click"
6867                data-track-content="product_link"
6868                data-track-product-id="${item.product_id}"
6869                data-track-position="cart"
6870              >
6871                <spz-img class="rounded-global-fixed overflow-hidden" width="${item.image.width}" height="${item.image.height}" layout="responsive" src="${item.image.src}" alt="${item.image.alt}" object-fit="cover" auto-fit></spz-img>
6872              </a>
6873
6874              <div class="flex-1 ml-4">
6875                <div class="md:flex md:items-start md:justify-between">
6876                  <div class="">
6877  <a
6878    class="product-title-color no-underline leading-1.25 line-clamp-2 lg:line-clamp-3"
6879    spz-href="${item.product_url}"
6880    data-track="click"
6881    data-track-content="product_link"
6882    data-track-product-id="${item.product_id}"
6883    data-track-position="cart"
6884  >
6885    ${item.product_title}
6886  </a>
6887  <ul class="clear break-words color-body-70 leading-1.25 mt-1 lg:mt-2">
6888    <li>${item.options.map(option => option.value).join('/')}</li>
6889    <li class="mt-1" spz-for="propertie in item.parsedProperties">
6890      ${propertie.name}/${propertie.isImage ? `<a class="no-underline text-inherit" spz-href="${propertie.value}" target="_blank" >View image</a>` : propertie.value}
6891    </li>
6892  </ul>
6893  <div class="discount_gift_content mt-1 lg:mt-2" spz-if="${!!item.is_free_gift}">
6894  <svg class=""  width="12" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.236 2.684c0-.407.381-.829.978-.829.58 0 1.232.481 1.232 1.29v.368H4.98c-.445 0-.915-.006-1.275-.138a.74.74 0 0 1-.343-.228c-.063-.083-.125-.22-.125-.463Zm3.783.83h-.467v-.37c0-.808.652-1.289 1.232-1.289.597 0 .978.422.978.83 0 .242-.062.378-.125.462a.74.74 0 0 1-.344.227c-.359.133-.828.14-1.274.14Zm2.848-.83c0 .309-.057.586-.169.83h.998a.829.829 0 0 1 .83.828v1.382H.472V4.342a.829.829 0 0 1 .829-.829H2.3a1.96 1.96 0 0 1-.17-.829C2.13 1.562 3.117.75 4.215.75c.644 0 1.325.302 1.785.845A2.387 2.387 0 0 1 7.784.75c1.099 0 2.083.812 2.083 1.934Zm-4.42 8.566V6.829H1.024v3.592c0 .459.37.829.83.829h3.591Zm1.105 0V6.829h4.42v3.592c0 .459-.37.829-.828.829H6.552Z" fill="#EB391B"/></svg>
6895  <div class="discount__gift_lan">Free gift</div>
6896</div>
6897
6898  <div spz-if="${item.mixed_wholesale && false}">
6899    <style>
6900  .mixed_wholesale_label {
6901    padding: 2px 4px;
6902  }
6903
6904  .mixed_wholesale_tooltip .i-spzhtml-tooltip-arrow:before,
6905  .mixed_wholesale_tooltip .i-spzhtml-tooltip-inner {
6906    background: var(--color-body-bg);
6907    color: var(--color-body-text);
6908  }
6909
6910  .mixed_wholesale_tooltip {
6911    max-width: 100%;
6912    border-radius: 4px;
6913    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.1);
6914  }
6915
6916  @media (min-width: 960px) {
6917    .mixed_wholesale_tooltip {
6918      max-width: 450px;
6919    }
6920  }
6921</style>
6922<div class="mt-1 mixed_wholesale_label inline-flex color-custom-label-text bg-custom-label text-xs rounded" id="mixed-${item.id}">
6923  Mixed Lot
6924</div>
6925<spz-tooltip layout="logic" content="You can enjoy the wholesale price when you add up to {{count}} pieces of current goods and any goods that support &quot;Mixed Lot&quot; in the store." interact="hover" for="mixed-${item.id}" placement="bottom" overlay-class="mixed_wholesale_tooltip">
6926</spz-tooltip>
6927  </div>
6928</div>
6929                  <button class="clear flex color-body-70 lg:hidden cart-item-delete-btn flex-shrink-0 ml-4" type="button" @tap="cart-render.delete(id=${item.id})">
6930  <svg
6931  class="icon-delete "
6932  xmlns="http://www.w3.org/2000/svg"
6933  width="16"
6934  height="17"
6935  viewBox="0 0 16 17"
6936  fill="none"
6937>
6938  <path d="M6.375 2.65625C6.375 2.4822 6.44414 2.31528 6.56721 2.19221C6.69028 2.06914 6.8572 2 7.03125 2H9.21875C9.3928 2 9.55972 2.06914 9.68279 2.19221C9.80586 2.31528 9.875 2.4822 9.875 2.65625C9.875 2.8303 9.80586 2.99722 9.68279 3.12029C9.55972 3.24336 9.3928 3.3125 9.21875 3.3125H7.03125C6.8572 3.3125 6.69028 3.24336 6.56721 3.12029C6.44414 2.99722 6.375 2.8303 6.375 2.65625ZM2 5.28125C2 5.1072 2.06914 4.94028 2.19221 4.81721C2.31528 4.69414 2.4822 4.625 2.65625 4.625H13.5938C13.7678 4.625 13.9347 4.69414 14.0578 4.81721C14.1809 4.94028 14.25 5.1072 14.25 5.28125C14.25 5.4553 14.1809 5.62222 14.0578 5.74529C13.9347 5.86836 13.7678 5.9375 13.5938 5.9375H2.65625C2.4822 5.9375 2.31528 5.86836 2.19221 5.74529C2.06914 5.62222 2 5.4553 2 5.28125ZM7.03125 8.125C6.8572 8.125 6.69028 8.19414 6.56721 8.31721C6.44414 8.44028 6.375 8.6072 6.375 8.78125V10.9688C6.375 11.1428 6.44414 11.3097 6.56721 11.4328C6.69028 11.5559 6.8572 11.625 7.03125 11.625C7.2053 11.625 7.37222 11.5559 7.49529 11.4328C7.61836 11.3097 7.687
69385 11.1428 7.6875 10.9688V8.78125C7.6875 8.6072 7.61836 8.44028 7.49529 8.31721C7.37222 8.19414 7.2053 8.125 7.03125 8.125ZM8.5625 8.78125C8.5625 8.6072 8.63164 8.44028 8.75471 8.31721C8.87778 8.19414 9.0447 8.125 9.21875 8.125C9.3928 8.125 9.55972 8.19414 9.68279 8.31721C9.80586 8.44028 9.875 8.6072 9.875 8.78125V10.9688C9.875 11.1428 9.80586 11.3097 9.68279 11.4328C9.55972 11.5559 9.3928 11.625 9.21875 11.625C9.0447 11.625 8.87778 11.5559 8.75471 11.4328C8.63164 11.3097 8.5625 11.1428 8.5625 10.9688V8.78125ZM4.1875 7.03125C4.1875 6.8572 4.11836 6.69028 3.99529 6.56721C3.87222 6.44414 3.7053 6.375 3.53125 6.375C3.3572 6.375 3.19028 6.44414 3.06721 6.56721C2.94414 6.69028 2.875 6.8572 2.875 7.03125V13.5938C2.875 14.2319 3.12852 14.844 3.57977 15.2952C4.03103 15.7465 4.64307 16 5.28125 16H10.9688C11.2847 16 11.5976 15.9378 11.8896 15.8168C12.1815 15.6959 12.4468 15.5187 12.6702 15.2952C12.8937 15.0718 13.0709 14.8065 13.1918 14.5146C13.3128 14.2226 13.375 13.9097 13.375 13.5938V7.03125C13.375 6.8572 13.3059 6.69028 13.1828 6.56721C13.0597 6.44414 12.8928 6.375 12.7188 6.375C12.5447 6.375 12.3778 6.44414 12.2547 6.56721C12.1316 6.69028 12.0625 6.8572 12.0625 7.03125V13.5938C12.0625 14.1975 11.5725 14.6875 10.9688 14.6875H5.28125C4.6775 14.6875 4.1875 14.1975 4.1875 13.5938V7.03125Z" fill="currentColor" fill-opacity="0.6"/>
6939</svg>
6940</button>
6941                </div>
6942
6943                <div class="lg:hidden mt-2 cart-qty-minimum-tip" spz-if="${!!item.item_text}">${item.item_text}</div>
6944
6945                <div class="lg:hidden mt-2">
6946                  <div class="flex items-center justify-between">
6947                    <div class="flex flex-wrap items-center mr-1 leading-1.25">
6948  <spz-currency class="${!!item.final_line_price && (+item.final_line_price < +item.line_price) ? 'color-compare-price line-through md:order-1 ml-1 body-minus-2' : 'color-price font-medium font-medium body-plus-2'}" layout="container" value="${item.line_price}"></spz-currency>
6949  <spz-currency class="color-price font-medium font-medium body-plus-2 " spz-if="${!!item.final_line_price && (+item.final_line_price < +item.line_price)}" layout="container" value="${item.final_line_price}"></spz-currency>
6950</div>
6951                    <div class="flex-shrink-0 flex flex-col cart-qty">
6952  <div class="break-words" spz-if="${!!item.disabled}">
6953    *${item.quantity}
6954  </div>
6955  <spz-quantity
6956    spz-else
6957    icon-class="clear flex items-center justify-center flex-shrink-0 h-full w-7"
6958    input-class="clear flex-1 h-full text-center body-base color-body-text"
6959    name="quantity"
6960    value="${item.quantity}"
6961    min="1"
6962    max="${item.available_quantity}"
6963    height="28"
6964    layout="flex-item"
6965    @quantityChange="cart-render.update(value=event.value,id='${item.id}');"
6966    @quantityChangeUnderflow="cart-render.delete(id='${item.id}');"
6967  >
6968    <svg class="" width="13" height="13" xmlns="http://www.w3.org/2000/svg" role="decrease"><path d="M1 6h11v1H1z" fill-rule="evenodd" fill="currentColor"/></svg>
6969    <svg class="" width="13" height="13" xmlns="http://www.w3.org/2000/svg" role="increase"><path d="M7 1v5h5v1H7v5H6V7H1V6h5V1h1z" fill="currentColor"/></svg>
6970  </spz-quantity>
6971
6972  <div class="hidden mt-1" spz-if="${!!item.item_text}">${item.item_text}</div>
6973</div>
6974                  </div>
6975                  <div class="flex items-start flex-wrap  mt-1 body-minus-2 leading-1.25 color-body-60" spz-for="discount_item in item.discount_applications">
6976  <div class="flex">
6977    <spz-img spz-if="${!!discount_item.icon}" class="flex-shrink-0 mr-1 mt-0.5" src="${discount_item.icon}" layout="fixed" width="12" height="12" alt="item.image.alt || item.product_title" object-fit="contain"></spz-img>
6978    <span>${discount_item.title}</span>
6979  </div>
6980  <span spz-if="${discount_item.discount_amount > 0 || discount_item.amount > 0}" class="flex-shrink-0">(-<spz-currency style="display: inline-block;" layout="container" value="${discount_item.discount_amount || discount_item.amount}"></spz-currency>)</span>
6981</div>
6982                </div>
6983              </div>
6984            </div>
6985            <div class="md:hidden">
6986              <div class="flex items-center">
6987                <div class="flex-shrink-0 flex flex-col cart-qty">
6988  <div class="break-words" spz-if="${!!item.disabled}">
6989    *${item.quantity}
6990  </div>
6991  <spz-quantity
6992    spz-else
6993    icon-class="clear flex items-center justify-center flex-shrink-0 h-full w-7"
6994    input-class="clear flex-1 h-full text-center body-base color-body-text"
6995    name="quantity"
6996    value="${item.quantity}"
6997    min="1"
6998    max="${item.available_quantity}"
6999    height="28"
7000    layout="flex-item"
7001    @quantityChange="cart-render.update(value=event.value,id='${item.id}');"
7002    @quantityChangeUnderflow="cart-render.delete(id='${item.id}');"
7003  >
7004    <svg class="" width="13" height="13" xmlns="http://www.w3.org/2000/svg" role="decrease"><path d="M1 6h11v1H1z" fill-rule="evenodd" fill="currentColor"/></svg>
7005    <svg class="" width="13" height="13" xmlns="http://www.w3.org/2000/svg" role="increase"><path d="M7 1v5h5v1H7v5H6V7H1V6h5V1h1z" fill="currentColor"/></svg>
7006  </spz-quantity>
7007
7008  <div class="hidden mt-1" spz-if="${!!item.item_text}">${item.item_text}</div>
7009</div>
7010                <button class="clear flex color-body-70 ml-6" type="button" @tap="cart-render.delete(id=${item.id})">
7011  <svg
7012  class="icon-delete "
7013  xmlns="http://www.w3.org/2000/svg"
7014  width="16"
7015  height="17"
7016  viewBox="0 0 16 17"
7017  fill="none"
7018>
7019  <path d="M6.375 2.65625C6.375 2.4822 6.44414 2.31528 6.56721 2.19221C6.69028 2.06914 6.8572 2 7.03125 2H9.21875C9.3928 2 9.55972 2.06914 9.68279 2.19221C9.80586 2.31528 9.875 2.4822 9.875 2.65625C9.875 2.8303 9.80586 2.99722 9.68279 3.12029C9.55972 3.24336 9.3928 3.3125 9.21875 3.3125H7.03125C6.8572 3.3125 6.69028 3.24336 6.56721 3.12029C6.44414 2.99722 6.375 2.8303 6.375 2.65625ZM2 5.28125C2 5.1072 2.06914 4.94028 2.19221 4.81721C2.31528 4.69414 2.4822 4.625 2.65625 4.625H13.5938C13.7678 4.625 13.9347 4.69414 14.0578 4.81721C14.1809 4.94028 14.25 5.1072 14.25 5.28125C14.25 5.4553 14.1809 5.62222 14.0578 5.74529C13.9347 5.86836 13.7678 5.9375 13.5938 5.9375H2.65625C2.4822 5.9375 2.31528 5.86836 2.19221 5.74529C2.06914 5.62222 2 5.4553 2 5.28125ZM7.03125 8.125C6.8572 8.125 6.69028 8.19414 6.56721 8.31721C6.44414 8.44028 6.375 8.6072 6.375 8.78125V10.9688C6.375 11.1428 6.44414 11.3097 6.56721 11.4328C6.69028 11.5559 6.8572 11.625 7.03125 11.625C7.2053 11.625 7.37222 11.5559 7.49529 11.4328C7.61836 11.3097 7.6875 11.1428 7.6875 10.9688V8.78125C7.6875 8.6072 7.61836 8.44028 7.49529 8.31721C7.37222 8.19414 7.2053 8.125 7.03125 8.125ZM8.5625 8.78125C8.5625 8.6072 8.63164 8.44028 8.75471 8.31721C8.87778 8.19414 9.0447 8.125 9.21875 8.125C9.3928 8.125 9.55972 8.19414 9.68279 8.31721C9.80586 8.44028 9.875 8.6072 9.875 8.78125V10.9688C9.875 11.1428 9.80586 11.3097 9.68279 11.4328C9.55972 11.5559 9.3928 11.625 9.21875 11.625C9.0447 11.625 8.87778 11.5559 8.75471 11.4328C8.63164 11.3097 8.5625 11.1428 8.5625 10.9688V8.78125ZM4.1875 7.03125C4.1875 6.8572 4.11836 6.69028 3.99529 6.56721C3.87222 6.44414 3.7053 6.375 3.53125 6.375C3.3572 6.375 3.19028 6.44414 3.06721 6.56721C2.94414 6.69028 2.875 6.8572 2.875 7.03125V13.5938C2.875 14.2319 3.12852 14.844 3.57977 15.2952C4.03103 15.7465 4.64307 16 5.28125 16H10.9688C11.2847 16 11.5976 15.9378 11.8896 15.8168C12.1815 15.6959 12.4468 15.5187 12.6702 15.2952C12.8937 15.0718 13.0709 14.8065 13.1918 14.5146C13.3128 14.2226 13.375 13.9097 13.375 13.5938V7.03125C13.375 6.8572 13.3059 6.69028 13.1828 6.56721C13.0597 6.44414 12.8928 6.375 12.7188 6.375C12.5447 6.375 12.3778 6.44414 12.2547 6.56721C12.1316 6.69028 12.0625 6.8572 12.0625 7.03125V13.5938C12.0625 14.1975 11.5725 14.6875 10.9688 14.6875H5.28125C4.6775 14.6875 4.1875 14.1975 4.1875 13.5938V7.03125Z" fill="currentColor" fill-opacity="0.6"/>
7020</svg>
7021</button>
7022              </div>
7023              <div class="mt-1 cart-qty-minimum-tip" spz-if="${!!item.item_text}">${item.item_text}</div>
7024            </div>
7025            <div class="md:hidden text-right">
7026              <div class=" leading-1.25">
7027  <spz-currency class="${!!item.final_line_price && (+item.final_line_price < +item.line_price) ? 'color-compare-price line-through ' : 'color-price font-medium font-medium body-plus-2'}" layout="container" value="${item.line_price}"></spz-currency>
7028  <spz-currency class="color-price font-medium font-medium body-plus-2 mt-1" spz-if="${!!item.final_line_price && (+item.final_line_price < +item.line_price)}" layout="container" value="${item.final_line_price}"></spz-currency>
7029</div>
7030              <div class="flex items-start flex-wrap  justify-end mt-1 body-minus-2 leading-1.25 color-body-60 text-right" spz-for="discount_item in item.discount_applications">
7031  <div class="flex">
7032    <spz-img spz-if="${!!discount_item.icon}" class="flex-shrink-0 mr-1 mt-0.5" src="${discount_item.icon}" layout="fixed" width="12" height="12" alt="item.image.alt || item.product_title" object-fit="contain"></spz-img>
7033    <span>${discount_item.title}</span>
7034  </div>
7035  <span spz-if="${discount_item.discount_amount > 0 || discount_item.amount > 0}" class="flex-shrink-0">(-<spz-currency style="display: inline-block;" layout="container" value="${discount_item.discount_amount || discount_item.amount}"></spz-currency>)</span>
7036</div>
7037            </div>
7038          </li>
7039        </ul>
7040      </section>
7041      <div class="cart-empty flex flex-col items-center text-center " spz-else>
7042  <svg class="color-body-70" xmlns="http://www.w3.org/2000/svg" width="80" height="70" fill="none">
7042<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>
7043  <div class="mt-5 color-body-70 font-medium body-plus-4 leading-1.2">Your shopping bag is empty</div>
7044  <button class="cart-empty-btn button-primary clear flex items-center justify-center text-center mt-5 cart-continue-shopping body-plus-2"  data-track="cart-continue-shopping" @tap="SPZ.history(type='back', defaultUrl='/');" type="button">
7045    Continue shopping
7046  </button>
7047</div>
7048    </div>
7049  </template>
7050</spz-render>
7051        </article>
7052</div>
7053</div>
7053<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>
7053<div id="shoplaza-section-1717490478703" class="shoplaza-section" data-section-id="1717490478703" data-section-type="cart_payment_breakdown" data-section-style=""><style>
7054  .main-content {
7055    padding-bottom: 32px;
7056  }
7057
7058  @media (min-width: 960px) {
7059    .main-content {
7060      padding-bottom: 66px;
7061    }
7062  }
7063
7064  #cart-render {
7065    width: 0;
7066    height: 0;
7067  }
7068
7069  #cart-render[loading] ~ *,
7070  #cart-render:not([finish]) ~ * {
7071    display: none;
7072  }
7073
7074  #cart-render[loading] ~ .cart-loading,
7075  #cart-render[interact-loading] ~ .cart-loading {
7076    display: var(--loading-show);
7077  }
7078
7079  #cart-render:not([finish]) ~ .cart-content > header,
7080  #cart-render:not([finish]) ~ .cart-content .cart-items-top-container,
7081  #cart-render[finish][data-empty] ~ .cart-content .cart-items-top-container,
7082  #cart-render[finish][data-empty] ~ .cart-content .cart-subtotal-outer-container,
7083  #cart-render[finish][data-empty] ~ .cart-content .cart-summary-sticky-container {
7084    display: none;
7085  }
7086
7087  .cart-content .cart-empty {
7088    padding: 80px 0;
7089  }
7090
7091  .cart-content spz-render {
7092    min-width: unset !important;
7093  }
7094
7095  .cart-continue-shopping {
7096    width: 100%;
7097    height: 46px;
7098  }
7099
7100  .cart-item-image {
7101    flex-shrink: 0;
7102    width: 19.55%;
7103  }
7104
7105  .cart-qty spz-quantity {
7106    width: 81px;
7107  }
7108
7109  .cart-qty spz-quantity .i-spzhtml-quantity-number-decrease[disabled] {
7110    cursor: pointer;
7111  }
7112
7113  .cart-qty spz-quantity input[type="number"] {
7114    width: 25px;
7115  }
7116
7117  .cart-qty spz-quantity span[role="button"] {
7118    padding: 6px;
7119    border-radius: var(--global-border-radius);
7120    border-color: var(--color-border) !important;
7121  }
7122
7123  .cart-qty-minimum-tip {
7124    color: #FF3F02;
7125  }
7126
7127  .cart-subtotal-free-shipping + .cart-subtotal-content {
7128    margin-top: 10px;
7129  }
7130
7131  .cart-subtotal-content {
7132    padding: 12px;
7133    border-radius: 2px;
7134    background-color: var(--color-cart-subtotal-bg);
7135  }
7136
7137  .cart-invalid-msg {
7138    color: #FF3F02;
7139  }
7140
7141  .cart-checkout-btn,
7142  .cart-summary-checkout-btn {
7143    width: 100%;
7144    height: 46px;
7145  }
7146
7147  .cart-subtotal-render {
7148    min-height: 1px;
7149  }
7150  @media (max-width: 959.98px) {
7151    .cart-item {
7152      padding: 16px 0;
7153    }
7154
7155    .cart-qty-minimum-tip {
7156      margin-bottom: -8px;
7157    }
7158
7159    .cart-summary-sticky-container {
7160      z-index: var(--z-index-sticky);
7161      position: fixed;
7162      left: 0;
7163      bottom: 0;
7164      width: 100%;
7165      background-color: var(--color-body-bg);
7166      box-shadow: 0 -8px 20px 0 rgba(34, 34, 34, .08);
7167      opacity: 0;
7168      transform: translateY(140%);
7169    }
7170
7171    .cart-summary-sticky-container .ios_safari_bottom_bar {
7172      display: none;
7173    }
7174
7175    .cart-summary-sticky-container[hidden] {
7176      display: block !important;
7177      pointer-events: none;
7178    }
7179
7180    .cart-summary-sticky-container[show] {
7181      animation: sticky-bottom-show .7s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
7182    }
7183
7184    @keyframes sticky-bottom-show {
7185      0% { opacity: 1;}
7186      100% { transform: translateY(0); opacity: 1; }
7187    }
7188
7189    .cart-summary-sticky-checkout-btn {
7190      min-height: 46px;
7191      margin-top: 0;
7192      width: 126px;
7193      padding: 14px 12px;
7194      word-break: break-all;
7195    }
7196
7197    .cart-summary-discount-btn {
7198      display: flex;
7199      align-items: center;
7200      margin-top: 4px;
7201      padding: 4px 8px;
7202      color: #F16515;
7203      background-color: #fff;
7204      border-radius: 100px;
7205    }
7206
7207    .cart-summary-discount-btn > span {
7208      margin-right: 2px;
7209    }
7210
7211    html[dir="rtl"] .cart-summary-discount-btn > span {
7212      margin-left: 2px;
7213      margin-right: 0;
7214    }
7215
7216    .cart-summary-discount-btn svg {
7217      transition: transform .2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
7218    }
7219
7220    .cart-summary-discount-list.open .cart-summary-discount-btn svg {
7221      transform: rotate(-180deg);
7222    }
7223
7224    .cart-summary-discount-list ul {
7225      display: none;
7226    }
7227
7228    .cart-summary-discount-list.open ul {
7229      display: block;
7230    }
7231
7232    .cart-summary-sticky-render .cart-summary-discount-btn {
7233      background-color: #F6F6F6;
7234    }
7235
7236    .cart-summary-sticky-modal {
7237      z-index: calc(var(--z-index-modal) + 1);
7238      width: 100% !important;
7239      max-height: 85vh !important;
7240      display: flex;
7241      align-items: flex-end;
7242      justify-content: flex-end;
7243      pointer-events: none;
7244    }
7245
7246    .cart-summary-sticky-modal .ios_safari_bottom_bar {
7247      display: none;
7248    }
7249
7250    .cart-summary-sticky-modal-inner {
7251      width: 100%;
7252      padding: 8px 16px 16px;
7253      border-radius: 2px;
7254      background-color: #fff;
7255      box-shadow: 0 -8px 20px 0 rgba(34, 34, 34, .08);
7256      pointer-events: auto;
7257    }
7258
7259    .cart-summary-sticky-modal-close {
7260      margin-right: -8px;
7261    }
7262
7263    html[dir="rtl"] .cart-summary-sticky-modal-close {
7264      margin-left: -8px;
7265      margin-right: 0;
7266    }
7267
7268    .cart-summary-sticky-modal ~ .i-spzhtml-sidebar-mask {
7269      top: unset;
7270      bottom: 0;
7271    }
7272
7273    .cart-checkout-btn-mobile {
7274      flex-shrink: 0;
7275      width: 40.268%;
7276      margin-top: 0;
7277    }
7278
7279    .cart-summary-sticky-render .cart-summary-discount-btn svg {
7280      transform: rotate(0) !important;
7281    }
7282
7283    .cart-item-delete-btn {
7284      position: relative;
7285    }
7286
7287    .cart-item-delete-btn::before {
7288      content: '';
7289      position: absolute;
7290      top: -8px;
7291      left: -8px;
7292      right: -8px;
7293      bottom: -8px;
7294    }
7295  }
7296
7297  @media (min-width: 960px) {
7298    .cart-title {
7299      line-height: 1.1667;
7300      font-size: calc(var(--type-heading-font-size) * .8);
7301    }
7302
7303    .cart-content .cart-empty {
7304      padding: 60px 0 120px;
7305    }
7306
7307    .cart-continue-shopping {
7308      width: 420px;
7309    }
7310
7311    .cart-header-continue-shopping-btn {
7312      border-bottom: 1px solid var(--color-body-text);
7313    }
7314
7315    #cart-render[data-empty] ~ .cart-content .cart-header-wrapper {
7316      display: none;
7317    }
7318
7319    .cart-items-header,
7320    .cart-item {
7321      display: grid;
7322      grid-template-columns: 50% 16.13% 24.2%;
7323      gap: 4.8387%;
7324    }
7325
7326    .cart-items-header {
7327      line-height: 1.14;
7328      border-bottom: 1px solid var(--color-border);
7329    }
7330
7331    .cart-items-header li {
7332      padding: 16px 0;
7333    }
7334
7335    .cart-item-image {
7336      width: 19.35%;
7337    }
7338
7339    .cart-qty spz-quantity {
7340      width: 93px;
7341    }
7342
7343    .cart-qty spz-quantity input[type="number"] {
7344      width: 37px;
7345    }
7346
7347    .cart-subtotal-outer-container {
7348      width: 37.74%;
7349    }
7350  }
7351</style>
7352<div id="cart-payment-breakdown" class="hidden">
7353  <section class="page-container lg:flex lg:justify-end" >
7354  <div class="cart-subtotal-outer-container md:w-full mt-4" id="cart-subtotal-outer-container">
7355    <div class="cart-subtotal-content">
7356      <div class="cart-summary-checkout mb-1"></div>
7357      <div class="cart-summary" id="cart-summary">
7358        
7358<script async crossorigin="anonymous" src="//static.staticdj.com/cuttlefish/v1/spz.min.js"></script>
7358
7359<link rel="stylesheet" href="//app-assets.staticdj.com/apps/publicapp/basic_css-82a8310f.css">
7360<style>
7361  .cart-coupon-code {
7362    --inputs-radius: 4px;
7363    --inputs-border: 1px;
7364  }
7365  ljs-coupon-code:not([dom-mounted]) {
7366    opacity: 0;
7367    margin-bottom: 0 !important;
7368  }
7369</style>
7370<link rel="stylesheet" href="//app-assets.staticdj.com/apps/publicapp/cart_coupon_code-e4d109ea.css" media="print" onload="this.media='all'">
7371<noscript><link rel="stylesheet" href="//app-assets.staticdj.com/apps/publicapp/cart_coupon_code-e4d109ea.css"></noscript>
7372<script type="application/json" data-tpl-i18n>
7373{
7374  "discount_code.add": "Add",
7375  "discount_code.code_unavailable": "Below discount codes are unavailable",
7376  "discount_code.recommend_discount_code": "Recommend discount codes"
7377}
7378</script>
7378
7379<ljs-script layout="logic" type="application/javascript" src="//app-assets.staticdj.com/apps/publicapp/marketing_tpl_loader-7adfd043.js" data-nosnippet class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></ljs-script>
7380<link rel="stylesheet" href="//app-assets.staticdj.com/apps/publicapp/cart_coupon_code_modal-227ab51a.css" media="print" onload="this.media='all'">
7381<noscript><link rel="stylesheet" href="//app-assets.staticdj.com/apps/publicapp/cart_coupon_code_modal-227ab51a.css"></noscript>
7382
7383<template id="cart-coupon-code-modal-tpl"></template>
7384<template id="cart-coupon-code-modal-products-template"></template>
7385<template id="cart-coupon-code-modal-products-template-y"></template>
7386<script type="application/json" data-tpl-loader-map>
7387  {
7388    "cart-coupon-code-modal-tpl": {
7389      "url": "\/\/app-assets.staticdj.com\/apps\/publicapp\/cart_coupon_code_modal-ccaf576e.tpl",
7390      "vars": { "PROGRESS_TPL_URL": "\/\/app-assets.staticdj.com\/apps\/publicapp\/cart_coupon_code_modal_progress-0bc17e28.tpl" }
7391    },
7392    "cart-coupon-code-modal-products-template": {
7393      "url": "\/\/app-assets.staticdj.com\/apps\/publicapp\/cart_coupon_code_modal_products-6f9d27f7.tpl",
7394      "vars": { "SOURCE_ID": "cart-coupon-code-modal__buy", "PRODUCT_TPL_ID": "product-snippet-template" }
7395    },
7396    "cart-coupon-code-modal-products-template-y": {
7397      "url": "\/\/app-assets.staticdj.com\/apps\/publicapp\/cart_coupon_code_modal_products-6f9d27f7.tpl",
7398      "vars": { "SOURCE_ID": "cart-coupon-code-modal__buy_y", "PRODUCT_TPL_ID": "product-snippet-template" }
7399    }
7400  }
7401</script>
7401
7402<spz-custom-cart-coupon-code-utils layout="logic" id="cart-coupon-code-utils" data-modal-id="cart-coupon-code-modal" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-custom-cart-coupon-code-utils>
7403
7404<ljs-sidebar layout="nodisplay" side="bottom" id="cart-coupon-code-modal" class="app-marketing-block-base-style cart-coupon-code-modal i-spzhtml-layout-nodisplay" hidden="" target="body" @open="cart-coupon-code-utils.setSideBarHeight();" style="display: none" i-spzhtml-layout="nodisplay">
7405  <ljs-render layout="container" src="custom:coupon-code.getModalData" id="cart_coupon_code_modal" class="cart-coupon-code-modal-render i-spzhtml-layout-container" template="cart-coupon-code-modal-tpl" i-spzhtml-layout="container"></ljs-render>
7406</ljs-sidebar>
7407
7408<ljs-script layout="logic" type="application/javascript" src="//app-assets.staticdj.com/apps/publicapp/cart_coupon_code_modal-75a23140.js" data-nosnippet class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></ljs-script>
7409<template id="cart-coupon-code-message-tpl"></template>
7410<template id="cart-coupon-code-unavailable-tpl"></template>
7411<template id="cart-coupon-code-recommend-tpl"></template>
7412<script type="application/json" data-tpl-loader-map>
7413  {
7414    "cart-coupon-code-message-tpl": {
7415      "url": "\/\/app-assets.staticdj.com\/apps\/publicapp\/cart_coupon_code_message-fddd9ead.tpl"
7416    },
7417    "cart-coupon-code-unavailable-tpl": {
7418      "url": "\/\/app-assets.staticdj.com\/apps\/publicapp\/cart_coupon_code_unavailable-0e79e1e9.tpl"
7419    },
7420    "cart-coupon-code-recommend-tpl": {
7421      "url": "\/\/app-assets.staticdj.com\/apps\/publicapp\/cart_coupon_code_recommend-032c082e.tpl"
7422    }
7423  }
7424</script>
7424
7425<ljs-coupon-code id="coupon-code" cart-id="cart-render" layout="container" class="app-marketing-block-base-style cart-coupon-code i-spzhtml-layout-container" @copied="theme-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);" i-spzhtml-layout="container">
7426  <div>
7427    <div class="flex">
7428      <div class="cart-coupon-code-input">
7429        <div class="cart-coupon-code-close cursor-pointer" role="clear">
7430    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
7431      <rect opacity="0.01" width="16" height="16" fill="#6D7175"/>
7432      <path 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"/>
7433    </svg>
7434  </div>
7435        <input id="cart-coupon-code-input" role="input"/>
7436        <label for="cart-coupon-code-input" class="absolute">Discount code</label>
7437      </div>
7438      <button role='apply'>Apply</button>
7439    </div>
7440    <ljs-render layout='container' id="coupon-code-message" manual template="cart-coupon-code-message-tpl" class="i-spzhtml-layout-container" i-spzhtml-layout="container"></ljs-render>
7441    <ljs-render layout='container' role='applied' manual template-src="//app-assets.staticdj.com/apps/publicapp/cart_coupon_code_applied-b0c911c9.tpl" class="i-spzhtml-layout-container" i-spzhtml-layout="container"></ljs-render>
7442    <ljs-render layout='container' role='unavailable' manual template="cart-coupon-code-unavailable-tpl" class="i-spzhtml-layout-container" i-spzhtml-layout="container"></ljs-render>
7443    <ljs-render layout='container' role='recommend' manual template="cart-coupon-code-recommend-tpl" class="i-spzhtml-layout-container" i-spzhtml-layout="container"></ljs-render>
7444  </div>
7445</ljs-coupon-code>
7446<div >
7447                <spz-render class="cart-subtotal-render i-spzhtml-layout-container" id="cart-subtotal-render" layout="container" manual i-spzhtml-layout="container">
7448                  <template>
7449                    <div>
7450                      <div class="flex justify-between font-medium body-plus-2 leading-1.25">
7451  <span>Total:</span>
7452  <div class="flex items-center">
7453    <spz-currency container-class="plugin__bundle__cart__total-price" layout="container" value="${data.total_price}"></spz-currency>
7454    </div>
7455</div>
7456
7457<div class="cart-summary-discount-list flex flex-col items-end" id="cart-summary-discount-list" spz-if="${data.total_discount > 0}">
7458  <div class="cart-summary-discount-btn lg:hidden" spz-if="${data.discount_applications && data.discount_applications.length <= 0}">
7459    <span class="leading-1.2 body-minus-2">
7460      ${function() {
7461  const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/);
7462  if (textArray.length > 0 && textArray.length < 2) {
7463    textArray.push('');
7464  }
7465  return textArray.map((text, index) => {
7466    if (index == 0) {
7467      return `<span>${text}</span>`;
7468    }
7469
7470    return `
7471      <span class="notranslate whitespace-nowrap">
7472        <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency>
7473      </span>
7474      <span>${text}</span>
7475    `;
7476  }).join('');
7477}()}
7478    </span>
7479  </div>
7480  <div class="cart-summary-discount-btn lg:hidden" @tap="cart-summary-discount-list.toggleClass(class='open')" spz-else>
7481    <span class="leading-1.2 body-minus-2">
7482      ${function() {
7483  const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/);
7484  if (textArray.length > 0 && textArray.length < 2) {
7485    textArray.push('');
7486  }
7487  return textArray.map((text, index) => {
7488    if (index == 0) {
7489      return `<span>${text}</span>`;
7490    }
7491
7492    return `
7493      <span class="notranslate whitespace-nowrap">
7494        <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency>
7495      </span>
7496      <span>${text}</span>
7497    `;
7498  }).join('');
7499}()}
7500    </span>
7501    <svg class="flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" d="M7.543 11.306a.6.6 0 0 0 .848 0l4.455-4.454a.3.3 0 0 0 0-.425l-.34-.339a.3.3 0 0 0-.424 0l-4.115 4.115-4.115-4.115a.3.3 0 0 0-.425 0l-.34.34a.3.3 0 0 0 0 .424l4.456 4.454Z"/></svg>
7502  </div>
7503
7504  <ul class="clear w-full mt-1 leading-1.25 color-body-70" spz-if="${data.discount_applications && data.discount_applications.length > 0}">
7505    <li class="plugin__bundle__cart__save md:hidden empty-hidden flex items-center justify-between mb-2"></li>
7506    <li class="flex items-center justify-between ${index > 0 ? 'mt-2' : ''}" spz-for="(discount_application,index) in data.discount_applications">
7507      <span>${discount_application.title}:</span>
7508      <span class="notranslate ml-2 whitespace-nowrap">
7509        <span>-</span><spz-currency class="inline-block" layout="container" value="${discount_application.discount_amount}"></spz-currency>
7510      </span>
7511    </li>
7512  </ul>
7513</div>
7514<div class="plugin__bundle__cart__save md:hidden empty-hidden flex items-center justify-between mb-2" spz-else></div>
7515
7516<div class="cart-invalid-msg mt-4" spz-if="${!!data.invalid_msg}">${data.invalid_msg}</div>
7517<spz-observer
7518                        id="cart-summary-sticky-observer"
7519                        layout="logic"
7520                        target="cart-subtotal-outer-container"
7521                        @visible="cart-summary-sticky-container.hideSticky;"
7522                        @invisible="cart-summary-sticky-container.showSticky;"
7523                      ></spz-observer>
7524                      <spz-observer
7525                        layout="logic"
7526                        target="cart-content"
7527                        @childUpdated="cart-summary-sticky-observer.restart"
7528                      ></spz-observer>
7529                    </div>
7530                  </template>
7531                </spz-render>
7532              </div>
7533            <div >
7534                <button
7535  type="button"
7536  class="cart-summary-checkout-btn button-primary relative flex-shrink-0 w-full mt-4 body-plus-2 leading-1.2"
7537  data-track="checkout-submit,click"
7538  data-track-content="checkout"
7539  data-track-source="checkout"
7540  @tap="cart-render.checkout;"
7541>
7542  <span>Check out</span>
7543  <div class="loading items-center justify-center absolute inset-0 flex" role="loading"   show >
7544  <div class="loading-bounce"></div>
7545</div>
7546</button>
7547<div class="mt-2 body-minus-2 color-body-70 text-center">Taxes and shipping calculated at checkout</div>
7548              </div>
7549            </div>
7550    </div>
7551  </div>
7552</section>
7553  <spz-sticky class="lg:hidden cart-summary-sticky-container i-spzhtml-layout-container" id="cart-summary-sticky-container" layout="container" position="bottom" bottom-compensation-container-class="lg:hidden" hidden i-spzhtml-layout="container">
7554  <spz-render class=" cart-summary-sticky-render p-4 i-spzhtml-layout-container" id="cart-summary-sticky-render" layout="container" manual i-spzhtml-layout="container">
7555    <template>
7556      <div>
7557        <div class="cart-invalid-msg mb-4" spz-if="${!!data.invalid_msg}">${data.invalid_msg}</div>
7558
7559        <div class="flex items-center justify-between">
7560          <div class="flex flex-col items-start">
7561            <div class="flex flex-wrap items-center">
7562              <div class="flex font-medium body-plus-2 leading-1.25 lg:items-center lg:justify-between">
7563                <span class="color-body-70">Total:&nbsp;</span>
7564                <spz-currency container-class="plugin__bundle__cart__total-price" layout="container" value="${data.total_price}"></spz-currency>
7565              </div>
7566              </div>
7567
7568            <div spz-if="${data.total_discount > 0}">
7569              <div class="cart-summary-discount-btn" spz-if="${!!(data.discount_applications && data.discount_applications.length <= 0)}">
7570                <span class="leading-1.2 body-minus-2">
7571                  ${function() {
7572  const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/);
7573  if (textArray.length > 0 && textArray.length < 2) {
7574    textArray.push('');
7575  }
7576  return textArray.map((text, index) => {
7577    if (index == 0) {
7578      return `<span>${text}</span>`;
7579    }
7580
7581    return `
7582      <span class="notranslate whitespace-nowrap">
7583        <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency>
7584      </span>
7585      <span>${text}</span>
7586    `;
7587  }).join('');
7588}()}
7589                </span>
7590              </div>
7591              <div class="cart-summary-discount-btn" @tap="cart-summary-sticky-modal.open;" spz-else>
7592                <span class="leading-1.2 body-minus-2">
7593                  ${function() {
7594  const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/);
7595  if (textArray.length > 0 && textArray.length < 2) {
7596    textArray.push('');
7597  }
7598  return textArray.map((text, index) => {
7599    if (index == 0) {
7600      return `<span>${text}</span>`;
7601    }
7602
7603    return `
7604      <span class="notranslate whitespace-nowrap">
7605        <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency>
7606      </span>
7607      <span>${text}</span>
7608    `;
7609  }).join('');
7610}()}
7611                </span>
7612                <svg class="flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" d="M7.543 11.306a.6.6 0 0 0 .848 0l4.455-4.454a.3.3 0 0 0 0-.425l-.34-.339a.3.3 0 0 0-.424 0l-4.115 4.115-4.115-4.115a.3.3 0 0 0-.425 0l-.34.34a.3.3 0 0 0 0 .424l4.456 4.454Z"/></svg>
7613              </div>
7614
7615              <spz-sidebar class="cart-summary-sticky-modal " id="cart-summary-sticky-modal" layout="nodisplay" side="bottom" hidden  @open="top-button.toggleClass(class='hidden', force=true);" @close="top-button.toggleClass(class='hidden', force=false);" >
7616  <div class="cart-summary-sticky-modal-inner relative">
7617    <div class="flex justify-end">
7618      <button class="cart-summary-sticky-modal-close clear flex p-2 cursor-pointer" @tap="cart-summary-sticky-modal.close();" type="button">
7619        <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>
7620      </button>
7621    </div>
7622
7623    <ul class="clear w-full mt-3 leading-1.25 color-body-70" spz-if="${!!(data.discount_applications && data.discount_applications.length > 0)}">
7624      <li class="flex items-center justify-between">
7625        <span>Subtotal:</span>
7626        <span class="notranslate ml-2 whitespace-nowrap">
7627          <spz-currency class="inline-block" layout="container" value="${data.line_price}"></spz-currency>
7628        </span>
7629      </li>
7630      <li class="flex items-center justify-between mt-2" spz-for="(discount_application,index) in data.discount_applications">
7631        <span>${discount_application.title}:</span>
7632        <span class="notranslate ml-2 whitespace-nowrap">
7633          <span>-</span><spz-currency class="inline-block" layout="container" value="${discount_application.discount_amount}"></spz-currency>
7634        </span>
7635      </li>
7636    </ul>
7637
7638    <div class="flex items-start justify-between mt-2 font-medium body-plus-2 leading-1.25">
7639      <span>Total:</span>
7640      <div class="flex items-center">
7641        <spz-currency class="color-price" container-class="plugin__bundle__cart__total-price" layout="container" value="${data.total_price}"></spz-currency>
7642        </div>
7643    </div>
7644    <button
7645  type="button"
7646  class="cart-checkout-btn mt-4 button-primary relative flex-shrink-0 w-full mt-4 body-plus-2 leading-1.2"
7647  data-track="checkout-submit,click"
7648  data-track-content="checkout"
7649  data-track-source="checkout"
7650  @tap="cart-render.checkout;"
7651>
7652  <span>Check out</span>
7653  <div class="loading items-center justify-center absolute inset-0 flex" role="loading"   show >
7654  <div class="loading-bounce"></div>
7655</div>
7656</button>
7657    <div class="mt-2 body-minus-2 color-body-70 text-center">Taxes and shipping calculated at checkout</div>
7658  </div>
7659</spz-sidebar>
7660            </div>
7661          </div>
7662
7663          <button
7664  type="button"
7665  class="cart-summary-sticky-checkout-btn button-primary relative flex-shrink-0 w-full mt-4 body-plus-2 leading-1.2"
7666  data-track="checkout-submit,click"
7667  data-track-content="checkout"
7668  data-track-source="checkout"
7669  @tap="cart-render.checkout;"
7670>
7671  <span>Check out</span>
7672  <div class="loading items-center justify-center absolute inset-0 flex" role="loading"   show >
7673  <div class="loading-bounce"></div>
7674</div>
7675</button>
7676        </div>
7677
7678        <div class="mt-2 body-minus-2 color-body-70 text-right">Taxes and shipping calculated at checkout</div>
7679      </div>
7680    </template>
7681  </spz-render>
7682</spz-sticky>
7683  </div>
7684</div><div id="shoplaza-section-1634017942336" class="shoplaza-section" data-section-id="1634017942336" data-section-type="cart_recommendations" data-section-style=""><style>
7685  .cart_recommend_container {
7686    padding-top: 96px;
7687  }
7688  .cart_recommend_title {
7689    margin-bottom: 32px;
7690    font-size: 24px;
7691  }
7692  .recommend_list_carousel>.i-spzhtml-slides-container>.i-spzhtml-slide-item{
7693    width: 25%;
7694    padding-left: 40px;
7695  }
7696  .recommend_list_carousel {
7697    margin-left: -40px;
7698  }
7699  .recommend_list_carousel .spz-carousel-button-prev {
7700    left: 56px;
7701  }
7702  @media (max-width: 960px) {
7703    .cart_recommend_container {
7704      padding-top: 68px;
7705    }
7706    .cart_recommend_title {
7707      margin-bottom: 24px;
7708      font-size: 18px;
7709    }
7710    .recommend_list_item:last-child {
7711      padding-right: 0;
7712    }
7713  }
7714</style>
7715<spz-render layout="container" src="/api/cart" items="cart.line_items" class="i-spzhtml-layout-container" i-spzhtml-layout="container">
7716    <template>
7717      <spz-render spz-if="${!!data.length}" layout="container" src="/api/product/similar-products?product_id=${data[0] && data[0].product_id}&page=1&per_page=8" @finish="cart-recommendations-render.rerender(data=event.data.data.products);"></spz-render>
7718    </template>
7719  </spz-render>
7720</div>
7721      </div>
7722      <div id="shoplaza-section-footer" class="shoplaza-section" data-section-id="footer" data-section-type="footer" data-section-style="expand"><style>
7723  [data-section-id="footer"] {
7724    color: var(--color-footer-text);
7725    background-color: var(--color-footer-bg);
7726  }
7727  .footer__newsletter,
7728  .footer_blocks,
7729  .footer__additional {
7730    border-top: 1px solid var(--color-footer-border);
7731  }
7732</style>
7733<style>
7734    .footer__additional__item{
7735      padding-top: 12px
7736    }
7737    .footer__additional__item + .footer__additional__item{
7738      padding-left: 20px;
7739    }
7740    .footer__copyright a[href] {
7741      color: inherit;
7742      text-decoration: none;
7743    }
7744  </style>
7745
7746  <div class="footer__additional pt-5 pb-8 lg:pt-6 lg:pb-8">
7747    <div class="page-container body-minus-1 flex flex-wrap justify-center">
7748      <span class="footer__additional__item">&copy;&nbsp;<time datetime="2026">2026</time>&nbsp;LatexCall</span>
7749      </div>
7750  </div>
7751</div>
7752      <div id="shoplaza-section-cart_drawer" class="shoplaza-section" data-section-id="cart_drawer" data-section-type="cart_drawer" data-section-style="">
7753  <style>
7754  #cart-drawer {
7755    width: 0;
7756    height: 0;
7757  }
7758
7759  #cart-drawer[loading] ~ *,
7760  #cart-drawer[data-empty][finish] ~ *,
7761  #cart-drawer:not([data-empty])[finish] ~ .cart-empty {
7762    display: none;
7763  }
7764
7765  #cart-drawer[loading] ~ .cart-drawer-loading {
7766    display: var(--loading-show);
7767  }
7768
7769  #cart-drawer:not([loading]) ~ .cart-drawer-loading {
7770    display: none !important;
7771  }
7772
7773  #cart-drawer[data-empty][finish] ~ .cart-empty {
7774    display: block;
7775  }
7776
7777  .cart-drawer-loading {
7778    padding-top: 50%;
7779  }
7780
7781  .cart-drawer-loading .loading-bounce {
7782    border-bottom-color: var(--color-body-text);
7783  }
7784
7785  #cart-drawer-modal {
7786    height: 100vh;
7787  }
7788
7789  #cart-drawer-modal,
7790  .cart-drawer-summary-sticky-render {
7791    width: 84.62%;
7792    max-width: 84.62%;
7793    background-color: var(--color-body-bg);
7794  }
7795
7796  .cart-drawer-header {
7797    padding: 12px 16px;
7798    border-bottom: 1px solid var(--color-border);
7799  }
7800
7801  .cart-drawer-title {
7802    line-height: 1.1667;
7803    font-size: calc(var(--type-heading-font-size) * .8);
7804  }
7805
7806  .cart-drawer-item-image {
7807    flex-shrink: 0;
7808    width: 23.49%;
7809  }
7810
7811  .cart-drawer-item-delete-btn::before {
7812    content: '';
7813    position: absolute;
7814    top: -8px;
7815    left: -8px;
7816    right: -8px;
7817    bottom: -8px;
7818  }
7819
7820  .cart-drawer-item-qty-container spz-quantity {
7821    width: 81px;
7822  }
7823
7824  .cart-drawer-item-qty-container spz-quantity .i-spzhtml-quantity-number-decrease[disabled] {
7825    cursor: pointer;
7826  }
7827
7828  .cart-drawer-item-qty-container spz-quantity span[role="button"] {
7829    padding: 6px;
7830    border-color: var(--color-border) !important;
7831  }
7832
7833  .cart-drawer-item-qty-container spz-quantity input[type="number"] {
7834    width: 25px;
7835  }
7836
7837  .cart-drawer-item-text {
7838    color: #FF3F02;
7839  }
7840
7841  .cart-drawer-countdown-wrapper {
7842    margin: 0 -16px;
7843  }
7844
7845  .cart_free_shipping ~ .cart-drawer-summary {
7846    margin-top: 10px;
7847  }
7848
7849  .cart-drawer-summary {
7850    padding: 8px;
7851    border-radius: 2px;
7852    background-color: var(--color-cart-subtotal-bg);
7853  }
7854
7855  .cart-drawer-summary-discount-btn {
7856    display: flex;
7857    align-items: center;
7858    padding: 4px 8px;
7859    margin-top: 4px;
7860    color: #F16515;
7861    border-radius: 100px;
7862    background-color: #fff;
7863    cursor: pointer;
7864  }
7865
7866  .cart-drawer-summary-discount-btn span {
7867    margin-right: 2px;
7868  }
7869
7870  html[dir="rtl"] .cart-drawer-summary-discount-btn span {
7871    margin-left: 2px;
7872    margin-right: 0;
7873  }
7874
7875  .cart-drawer-summary-discount-btn svg {
7876    transition: transform .2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
7877  }
7878
7879  .cart-drawer-summary-discount-list.open .cart-drawer-summary-discount-btn svg {
7880    transform: rotate(-180deg);
7881  }
7882
7883  .cart-drawer-summary-discount-list ul {
7884    display: none;
7885  }
7886
7887  .cart-drawer-summary-discount-list.open ul {
7888    display: block;
7889  }
7890
7891  .cart-drawer-invalid-msg {
7892    color: #FF3F02;
7893  }
7894
7895  .cart-drawer-checkout-btn {
7896    height: 46px;
7897    padding: 12px 0;
7898  }
7899
7900  .cart-drawer-checkout-btn > *,
7901  .cart-drawer-checkout-btn[loading] {
7902    pointer-events: none;
7903  }
7904
7905  .cart-drawer-checkout-btn[loading] > span,
7906  .cart-drawer-checkout-btn:not([loading]) > .loading {
7907    display: none;
7908  }
7909
7910  .cart-drawer-checkout-btn[loading] > .loading {
7911    opacity: 1;
7912  }
7913
7914  .cart-drawer-summary-sticky-render {
7915    z-index: calc(var(--z-index-modal) + 1);
7916    position: fixed;
7917    right: 0;
7918    bottom: 0;
7919    width: 100%;
7920    background-color: #fff;
7921    box-shadow: 0 -8px 20px 0 rgba(34, 34, 34, .08);
7922    opacity: 0;
7923    transform: translateY(100%);
7924  }
7925
7926  .cart-drawer-summary-sticky {
7927    padding: 16px;
7928    background-color: var(--color-body-bg);
7929  }
7930
7931  .cart-drawer-summary-sticky-render {
7932    pointer-events: none;
7933  }
7934
7935  .cart-drawer-summary-sticky-render:not(.open),
7936  .cart-drawer-summary-sticky-render:not(.visible) {
7937    display: none;
7938  }
7939
7940  .cart-drawer-summary-sticky-render.visible.open {
7941    pointer-events: auto;
7942    animation: sticky-bottom-show .4s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
7943  }
7944
7945  @keyframes sticky-bottom-show {
7946    0% { opacity: 1;}
7947    100% { transform: translateY(0); opacity: 1; }
7948  }
7949
7950  .cart-drawer-summary-sticky-compensation-container.visible {
7951    height: var(--cart-drawer-summary-sticky-height);
7952  }
7953
7954  .cart-drawer-summary-sticky .cart-drawer-summary-discount-btn {
7955    background-color: #F6F6F6;
7956  }
7957
7958  .cart-drawer-empty-container {
7959    padding: 80px 16px;
7960  }
7961
7962  .cart-drawer-empty-btn {
7963    height: 46px;
7964  }
7965
7966  @media (max-width: 959.98px) {
7967    #cart-drawer-modal .ios_safari_bottom_bar {
7968      display: none;
7969    }
7970
7971    #cart-drawer-modal.deepen ~ .i-spzhtml-sidebar-mask {
7972      background-color: var(--color-body-text-70);
7973    }
7974
7975    .cart-drawer-summary-sticky-modal {
7976      z-index: calc(var(--z-index-modal) + 1);
7977      width: 100% !important;
7978      max-height: 85vh !important;
7979      display: flex;
7980      align-items: flex-end;
7981      justify-content: flex-end;
7982      pointer-events: none;
7983    }
7984
7985    .cart-drawer-summary-sticky-modal .ios_safari_bottom_bar {
7986      display: none;
7987    }
7988
7989    .cart-drawer-summary-sticky-modal-inner {
7990      width: 100%;
7991      padding: 8px 16px 16px;
7992      border-radius: 2px;
7993      background-color: #fff;
7994      box-shadow: 0 -8px 20px 0 rgba(34, 34, 34, .08);
7995      pointer-events: auto;
7996    }
7997
7998    .cart-drawer-summary-sticky-modal-close {
7999      margin-right: -8px;
8000    }
8001
8002    html[dir="rtl"] .cart-drawer-summary-sticky-modal-close {
8003      margin-left: -8px;
8004      margin-right: 0;
8005    }
8006
8007    .cart-drawer-checkout-btn-mobile {
8008      flex-shrink: 0;
8009      width: 40.268%;
8010      margin-top: 0;
8011    }
8012
8013    .cart-drawer-summary-sticky .cart-drawer-summary-discount-btn svg {
8014      transform: rotate(0) !important;
8015    }
8016
8017    .cart-drawer-summary-sticky-modal ~ .i-spzhtml-sidebar-mask {
8018      top: unset !important;
8019      bottom: 0;
8020    }
8021  }
8022
8023  @media (min-width: 960px) {
8024    #cart-drawer-modal,
8025    .cart-drawer-summary-sticky-render {
8026      width: 468px;
8027      max-width: 468px;
8028    }
8029
8030    .cart-drawer-header {
8031      padding: 22px 16px;
8032    }
8033
8034    .cart-drawer-item-image {
8035      width: 32.11%;
8036    }
8037
8038    .cart-drawer-item-qty-container spz-quantity {
8039      width: 93px;
8040    }
8041
8042    .cart-drawer-item-qty-container spz-quantity input[type="number"] {
8043      width: 37px;
8044    }
8045  }
8046</style>
8047  <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">
8048    <header class="cart-drawer-header flex-shrink-0 flex items-center justify-between">
8049      <h4 class="cart-drawer-title m-0 type-heading-font-family color-heading">
8050        Cart
8051      </h4>
8052      <button class="clear flex p-2 cursor-pointer" @tap="cart-drawer-modal.close();" type="button">
8053        <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>
8054      </button>
8055    </header>
8056
8057    <spz-cart id="cart-drawer" layout="container" empty-item="cart.line_items" @mounted="cart-drawer-subtotal-render.rerender(data=event.cart);cart-drawer-summary-sticky-render.rerender(data=event.cart);cart-drawer-items-render.rerender(data=event.cart);" @cartchange="cart-drawer-items-render.rerender(data=event.cart);cart-drawer-subtotal-render.rerender(data=event.cart);cart-drawer-summary-sticky-render.rerender(data=event.cart);" class="i-spzhtml-layout-container" i-spzhtml-layout="container">
8058      <template><div></div></template>
8059    </spz-cart>
8060    <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>
8061
8062    <div class="loading items-center justify-center cart-drawer-loading" role="loading"   show >
8063  <div class="loading-bounce"></div>
8064</div>
8065    <div class="cart-empty flex flex-col items-center text-center cart-drawer-empty-container" >
8066  <svg class="color-body-70" xmlns="http://www.w3.org/2000/svg" width="80" height="70" fill="none">
8066<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>
8067  <div class="mt-5 color-body-70 font-medium body-plus-4 leading-1.2">Your shopping bag is empty</div>
8068  <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">
8069    Continue shopping
8070  </button>
8071</div>
8072
8073    <div class="cart-drawer-content flex-1 overflow-y-auto px-4" id="cart-drawer-content">
8074      <spz-render id="cart-drawer-items-render" layout="container" manual class="i-spzhtml-layout-container" i-spzhtml-layout="container">
8075  <template>
8076    <div>
8077      <ul class="clear overflow-hidden" spz-if="${!!(data.line_items && data.line_items.length > 0)}">
8078        <li class="flex items-start py-4" spz-for="item in data.line_items" key="item.id">
8079          <a
8080            class="cart-drawer-item-image"
8081            spz-href="${item.product_url}?variant=${item.variant_id}"
8082            data-track-type="image"
8083            data-track-product_id="${item.variant_id}"
8084            data-track="click"
8085            data-track-content="product_link"
8086            data-track-product-id="${item.product_id}"
8087            data-track-position="cart"
8088          >
8089            <spz-img
8090              class="rounded-global-fixed overflow-hidden"
8091              width="${item.image.width}"
8092              height="${item.image.height}"
8093              layout="responsive"
8094              src="${item.image.src}"
8095              alt="${item.image.alt}"
8096              object-fit="cover"
8097              auto-fit
8098            ></spz-img>
8099          </a>
8100
8101          <div class="flex-1 px-4">
8102            <div class="">
8103  <a
8104    class="product-title-color no-underline leading-1.25 line-clamp-2"
8105    spz-href="${item.product_url}"
8106    data-track="click"
8107    data-track-content="product_link"
8108    data-track-product-id="${item.product_id}"
8109    data-track-position="cart"
8110  >
8111    ${item.product_title}
8112  </a>
8113  <ul class="clear break-words color-body-70 leading-1.25 mt-1">
8114    <li>${item.options.map(option => option.value).join('/')}</li>
8115    <li class="mt-0.5" spz-for="propertie in item.parsedProperties">
8116      ${propertie.name}/${propertie.isImage ? `<a class="no-underline text-inherit" spz-href="${propertie.value}" target="_blank" >View image</a>` : propertie.value}
8117    </li>
8118  </ul>
8119  <div class="discount_gift_content mt-1 lg:mt-2" spz-if="${!!item.is_free_gift}">
8120  <svg class=""  width="12" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.236 2.684c0-.407.381-.829.978-.829.58 0 1.232.481 1.232 1.29v.368H4.98c-.445 0-.915-.006-1.275-.138a.74.74 0 0 1-.343-.228c-.063-.083-.125-.22-.125-.463Zm3.783.83h-.467v-.37c0-.808.652-1.289 1.232-1.289.597 0 .978.422.978.83 0 .242-.062.378-.125.462a.74.74 0 0 1-.344.227c-.359.133-.828.14-1.274.14Zm2.848-.83c0 .309-.057.586-.169.83h.998a.829.829 0 0 1 .83.828v1.382H.472V4.342a.829.829 0 0 1 .829-.829H2.3a1.96 1.96 0 0 1-.17-.829C2.13 1.562 3.117.75 4.215.75c.644 0 1.325.302 1.785.845A2.387 2.387 0 0 1 7.784.75c1.099 0 2.083.812 2.083 1.934Zm-4.42 8.566V6.829H1.024v3.592c0 .459.37.829.83.829h3.591Zm1.105 0V6.829h4.42v3.592c0 .459-.37.829-.828.829H6.552Z" fill="#EB391B"/></svg>
8121  <div class="discount__gift_lan">Free gift</div>
8122</div>
8123
8124  <div spz-if="${item.mixed_wholesale && false}">
8125    <style>
8126  .mixed_wholesale_label {
8127    padding: 2px 4px;
8128  }
8129
8130  .mixed_wholesale_tooltip .i-spzhtml-tooltip-arrow:before,
8131  .mixed_wholesale_tooltip .i-spzhtml-tooltip-inner {
8132    background: var(--color-body-bg);
8133    color: var(--color-body-text);
8134  }
8135
8136  .mixed_wholesale_tooltip {
8137    max-width: 100%;
8138    border-radius: 4px;
8139    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.1);
8140  }
8141
8142  @media (min-width: 960px) {
8143    .mixed_wholesale_tooltip {
8144      max-width: 450px;
8145    }
8146  }
8147</style>
8148<div class="mt-1 mixed_wholesale_label inline-flex color-custom-label-text bg-custom-label text-xs rounded" id="mixed-${item.id}">
8149  Mixed Lot
8150</div>
8151<spz-tooltip layout="logic" content="You can enjoy the wholesale price when you add up to {{count}} pieces of current goods and any goods that support &quot;Mixed Lot&quot; in the store." interact="hover" for="mixed-${item.id}" placement="bottom" overlay-class="mixed_wholesale_tooltip">
8152</spz-tooltip>
8153  </div>
8154</div>
8155            <div class="flex-shrink-0 flex flex-col cart-drawer-item-qty-container mt-3">
8156  <div class="break-words" spz-if="${!!item.disabled}">
8157    *${item.quantity}
8158  </div>
8159  <spz-quantity
8160    spz-else
8161    icon-class="clear flex items-center justify-center flex-shrink-0 h-full w-7"
8162    input-class="clear flex-1 h-full text-center body-base color-body-text"
8163    name="quantity"
8164    value="${item.quantity}"
8165    min="1"
8166    max="${item.available_quantity}"
8167    height="28"
8168    layout="flex-item"
8169    @quantityChange="cart-drawer.update(value=event.value,id='${item.id}');"
8170    @quantityChangeUnderflow="cart-drawer.delete(id='${item.id}');"
8171  >
8172    <svg class="" width="13" height="13" xmlns="http://www.w3.org/2000/svg" role="decrease"><path d="M1 6h11v1H1z" fill-rule="evenodd" fill="currentColor"/></svg>
8173    <svg class="" width="13" height="13" xmlns="http://www.w3.org/2000/svg" role="increase"><path d="M7 1v5h5v1H7v5H6V7H1V6h5V1h1z" fill="currentColor"/></svg>
8174  </spz-quantity>
8175
8176  <div class="cart-drawer-item-text mt-1" spz-if="${!!item.item_text}">${item.item_text}</div>
8177</div>
8178            <div class="flex items-center justify-end flex-row-reverse mt-3 leading-1.25">
8179  <spz-currency class="${!!item.final_line_price && (+item.final_line_price < +item.line_price) ? 'color-compare-price line-through ml-1 body-minus-2' : 'color-price font-medium '}" layout="container" value="${item.line_price}"></spz-currency>
8180  <spz-currency class="color-price font-medium  " spz-if="${!!item.final_line_price && (+item.final_line_price < +item.line_price)}" layout="container" value="${item.final_line_price}"></spz-currency>
8181</div>
8182            <div class="flex items-start flex-wrap  mt-1 body-minus-2 leading-1.25 color-body-60" spz-for="discount_item in item.discount_applications">
8183  <div class="flex">
8184    <spz-img
8185      spz-if="${!!discount_item.icon}"
8186      class="flex-shrink-0 mr-1 mt-0.5"
8187      src="${discount_item.icon}"
8188      layout="fixed"
8189      width="12"
8190      height="12"
8191      alt="item.image.alt || item.product_title"
8192      object-fit="contain"
8193    ></spz-img>
8194    <span>${discount_item.title}</span>
8195  </div>
8196  <span spz-if="${discount_item.discount_amount > 0 || discount_item.amount > 0}" class="flex-shrink-0">(-<spz-currency style="display: inline-block;" layout="container" value="${discount_item.discount_amount || discount_item.amount}"></spz-currency>)</span>
8197</div>
8198          </div>
8199
8200          <button class="clear flex color-body-70 flex-shrink-0 cart-drawer-item-delete-btn relative" type="button" @tap="cart-drawer.delete(id=${item.id})">
8201  <svg
8202  class="icon-delete "
8203  xmlns="http://www.w3.org/2000/svg"
8204  width="16"
8205  height="17"
8206  viewBox="0 0 16 17"
8207  fill="none"
8208>
8209  <path d="M6.375 2.65625C6.375 2.4822 6.44414 2.31528 6.56721 2.19221C6.69028 2.06914 6.8572 2 7.03125 2H9.21875C9.3928 2 9.55972 2.06914 9.68279 2.19221C9.80586 2.31528 9.875 2.4822 9.875 2.65625C9.875 2.8303 9.80586 2.99722 9.68279 3.12029C9.55972 3.24336 9.3928 3.3125 9.21875 3.3125H7.03125C6.8572 3.3125 6.69028 3.24336 6.56721 3.12029C6.44414 2.99722 6.375 2.8303 6.375 2.65625ZM2 5.28125C2 5.1072 2.06914 4.94028 2.19221 4.81721C2.31528 4.69414 2.4822 4.625 2.65625 4.625H13.5938C13.7678 4.625 13.9347 4.69414 14.0578 4.81721C14.1809 4.94028 14.25 5.1072 14.25 5.28125C14.25 5.4553 14.1809 5.62222 14.0578 5.74529C13.9347 5.86836 13.7678 5.9375 13.5938 5.9375H2.65625C2.4822 5.9375 2.31528 5.86836 2.19221 5.74529C2.06914 5.62222 2 5.4553 2 5.28125ZM7.03125 8.125C6.8572 8.125 6.69028 8.19414 6.56721 8.31721C6.44414 8.44028 6.375 8.6072 6.375 8.78125V10.9688C6.375 11.1428 6.44414 11.3097 6.56721 11.4328C6.69028 11.5559 6.8572 11.625 7.03125 11.625C7.2053 11.625 7.37222 11.5559 7.49529 11.4328C7.61836 11.3097 7.6875 11.1428 7.6875 10.9688V8.78125C7.6875 8.6072 7.61836 8.44028 7.49529 8.31721C7.37222 8.19414 7.2053 8.125 7.03125 8.125ZM8.5625 8.78125C8.5625 8.6072 8.63164 8.44028 8.75471 8.31721C8.87778 8.19414 9.0447 8.125 9.21875 8.125C9.3928 8.125 9.55972 8.19414 9.68279 8.31721C9.80586 8.44028 9.875 8.6072 9.875 8.78125V10.9688C9.875 11.1428 9.80586 11.3097 9.68279 11.4328C9.55972 11.5559 9.3928 11.625 9.21875 11.625C9.0447 11.625 8.87778 11.5559 8.75471 11.4328C8.63164 11.3097 8.5625 11.1428 8.5625 10.9688V8.78125ZM4.1875 7.03125C4.1875 6.8572 4.11836 6.69028 3.99529 6.56721C3.87222 6.44414 3.7053 6.375 3.53125 6.375C3.3572 6.375 3.19028 6.44414 3.06721 6.56721C2.94414 6.69028 2.875 6.8572 2.875 7.03125V13.5938C2.875 14.2319 3.12852 14.844 3.57977 15.2952C4.03103 15.7465 4.64307 16 5.28125 16H10.9688C11.2847 16 11.5976 15.9378 11.8896 15.8168C12.1815 15.6959 12.4468 15.5187 12.6702 15.2952C12.8937 15.0718 13.0709 14.8065 13.1918 14.5146C13.3128 14.2226 13.375 13.9097 13.375 13.5938V7.03125C13.375 6.8572 13.3059 6.69028 13.1828 6.56721C13.0597 6.44414 12.8928 6.375 12.7188 6.375C12.5447 6.375 12.3778 6.44414 12.2547 6.56721C12.1316 6.69028 12.0625 6.8572 12.0625 7.03125V13.5938C12.0625 14.1975 11.5725 14.6875 10.9688 14.6875H5.28125C4.6775 14.6875 4.1875 14.1975 4.1875 13.5938V7.03125Z" fill="currentColor" fill-opacity="0.6"/>
8210</svg>
8211</button>
8212        </li>
8213      </ul>
8214    </div>
8215  </template>
8216</spz-render>
8217        <spz-render id="cart-drawer-subtotal-render" layout="container" manual class="i-spzhtml-layout-container" i-spzhtml-layout="container">
8218  <template>
8219    <section class="py-4">
8220      <div class="cart-drawer-summary" id="cart-drawer-summary">
8221  <div class="flex justify-between font-medium body-plus-2 leading-1.25">
8222    <span>Total:</span>
8223    <div class="flex items-center">
8224      <spz-currency container-class="plugin__bundle__cart__total-price" layout="container" value="${data.total_price}"></spz-currency>
8225      </div>
8226  </div>
8227
8228  <div class="cart-drawer-summary-discount-list flex flex-col items-end" id="cart-drawer-summary-discount-list" spz-if="${data.total_discount > 0}">
8229    <div class="cart-drawer-summary-discount-btn" spz-if="${data.discount_applications && data.discount_applications.length <= 0}">
8230      <span class="leading-1.2 body-minus-2">
8231        ${function() {
8232  const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/);
8233  if (textArray.length > 0 && textArray.length < 2) {
8234    textArray.push('');
8235  }
8236  return textArray.map((text, index) => {
8237    if (index == 0) {
8238      return `<span>${text}</span>`;
8239    }
8240
8241    return `
8242      <span class="notranslate whitespace-nowrap">
8243        <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency>
8244      </span>
8245      <span>${text}</span>
8246    `;
8247  }).join('');
8248}()}
8249      </span>
8250    </div>
8251    <div class="cart-drawer-summary-discount-btn" @tap="cart-drawer-summary-discount-list.toggleClass(class='open');cart-drawer-summary-sticky-discount-list.toggleClass(class='open');" spz-else>
8252      <span class="leading-1.2 body-minus-2">
8253        ${function() {
8254  const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/);
8255  if (textArray.length > 0 && textArray.length < 2) {
8256    textArray.push('');
8257  }
8258  return textArray.map((text, index) => {
8259    if (index == 0) {
8260      return `<span>${text}</span>`;
8261    }
8262
8263    return `
8264      <span class="notranslate whitespace-nowrap">
8265        <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency>
8266      </span>
8267      <span>${text}</span>
8268    `;
8269  }).join('');
8270}()}
8271      </span>
8272      <svg class="flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" d="M7.543 11.306a.6.6 0 0 0 .848 0l4.455-4.454a.3.3 0 0 0 0-.425l-.34-.339a.3.3 0 0 0-.424 0l-4.115 4.115-4.115-4.115a.3.3 0 0 0-.425 0l-.34.34a.3.3 0 0 0 0 .424l4.456 4.454Z"/></svg>
8273    </div>
8274
8275    <ul class="clear w-full mt-1 leading-1.25 color-body-70" spz-if="${data.discount_applications && data.discount_applications.length > 0}">
8276      <li class="flex items-center justify-between ${index > 0 ? 'mt-2' : ''}" spz-for="(discount_application,index) in data.discount_applications">
8277        <span>${discount_application.title}:</span>
8278        <span class="notranslate ml-2 whitespace-nowrap">
8279          -<spz-currency class="inline-block" layout="container" value="${discount_application.discount_amount}"></spz-currency>
8280        </span>
8281      </li>
8282    </ul>
8283  </div>
8284
8285  <div class="cart-drawer-invalid-msg mt-4" spz-if="${!!data.invalid_msg}">${data.invalid_msg}</div>
8286
8287  <button
8288    type="button"
8289    class="cart-drawer-checkout-btn button-primary relative flex-shrink-0 w-full mt-5 body-plus-2 leading-1.2"
8290    data-track="checkout-submit,click"
8291    data-track-content="checkout"
8292    data-track-source="checkout"
8293    @tap="cart-drawer.checkout;"
8294  >
8295    <span>Check out</span>
8296    <div class="loading items-center justify-center absolute inset-0 flex" role="loading"   show >
8297  <div class="loading-bounce"></div>
8298</div>
8299  </button>
8300
8301  <div class="mt-2 color-body-70 body-minus-2 text-center">Taxes and shipping calculated at checkout</div>
8302</div>
8303
8304      <spz-observer
8305        layout="logic"
8306        id="cart-drawer-summary-sticky-observer"
8307        target="cart-drawer-subtotal-render"
8308        root-container="cart-drawer-content"
8309        @visible="cart-drawer-summary-sticky-render.toggleClass(class='visible', force=false);cart-drawer-summary-sticky-compensation-container.toggleClass(class='visible', force=false)"
8310        @invisible="cart-drawer-summary-sticky-render.toggleClass(class='visible', force=true);cart-drawer-summary-sticky-compensation-container.toggleClass(class='visible', force=true)"
8311      ></spz-observer>
8312      <spz-observer
8313        layout="logic"
8314        target="cart-drawer-content"
8315        @childUpdated="cart-drawer-summary-sticky-observer.restart"
8316      ></spz-observer>
8317    </section>
8318  </template>
8319</spz-render>
8320        </div>
8321
8322    <div class="cart-drawer-summary-sticky-compensation-container" id="cart-drawer-summary-sticky-compensation-container"></div>
8323  </spz-sidebar>
8324
8325  <spz-render class="cart-drawer-summary-sticky-render i-spzhtml-layout-container" id="cart-drawer-summary-sticky-render" layout="container" manual i-spzhtml-layout="container">
8326  <template>
8327    <div class="cart-drawer-summary-sticky ${(data.line_items && data.line_items.length) == 0 ? 'hidden' : ''}">
8328      <div class="cart-drawer-invalid-msg lg:hidden mb-4" spz-if="${!!data.invalid_msg}">${data.invalid_msg}</div>
8329
8330      <div>
8331        <div class="md:flex md:items-center md:justify-between">
8332          <div class="md:flex md:flex-col md:items-start">
8333            <div class="md:flex md:items-center md:flex-wrap">
8334              <div class="flex font-medium body-plus-2 leading-1.25 lg:items-center lg:justify-between">
8335                <span class="md:color-body-70">Total:&nbsp;</span>
8336                <div class="flex items-center">
8337                  <spz-currency container-class="plugin__bundle__cart__total-price" layout="container" value="${data.total_price}"></spz-currency>
8338                  </div>
8339              </div>
8340              </div>
8341
8342            <div class="cart-drawer-summary-discount-list flex flex-col items-end" id="cart-drawer-summary-sticky-discount-list" spz-if="${data.total_discount > 0}">
8343              <div class="cart-drawer-summary-discount-btn" spz-if="${!!(data.discount_applications && data.discount_applications.length <= 0)}">
8344                <span class="leading-1.2 body-minus-2">
8345                  ${function() {
8346  const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/);
8347  if (textArray.length > 0 && textArray.length < 2) {
8348    textArray.push('');
8349  }
8350  return textArray.map((text, index) => {
8351    if (index == 0) {
8352      return `<span>${text}</span>`;
8353    }
8354
8355    return `
8356      <span class="notranslate whitespace-nowrap">
8357        <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency>
8358      </span>
8359      <span>${text}</span>
8360    `;
8361  }).join('');
8362}()}
8363                </span>
8364              </div>
8365              <div spz-else>
8366                <div class="cart-drawer-summary-discount-btn md:hidden" @tap="cart-drawer-summary-sticky-discount-list.toggleClass(class='open');cart-drawer-summary-discount-list.toggleClass(class='open');" >
8367                  <span class="leading-1.2 body-minus-2">
8368                    ${function() {
8369  const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/);
8370  if (textArray.length > 0 && textArray.length < 2) {
8371    textArray.push('');
8372  }
8373  return textArray.map((text, index) => {
8374    if (index == 0) {
8375      return `<span>${text}</span>`;
8376    }
8377
8378    return `
8379      <span class="notranslate whitespace-nowrap">
8380        <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency>
8381      </span>
8382      <span>${text}</span>
8383    `;
8384  }).join('');
8385}()}
8386                  </span>
8387                  <svg class="flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" d="M7.543 11.306a.6.6 0 0 0 .848 0l4.455-4.454a.3.3 0 0 0 0-.425l-.34-.339a.3.3 0 0 0-.424 0l-4.115 4.115-4.115-4.115a.3.3 0 0 0-.425 0l-.34.34a.3.3 0 0 0 0 .424l4.456 4.454Z"/></svg>
8388                </div>
8389                <div class="cart-drawer-summary-discount-btn lg:hidden" @tap="cart-drawer-summary-sticky-modal.open;">
8390                  <span class="leading-1.2 body-minus-2">
8391                    ${function() {
8392  const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/);
8393  if (textArray.length > 0 && textArray.length < 2) {
8394    textArray.push('');
8395  }
8396  return textArray.map((text, index) => {
8397    if (index == 0) {
8398      return `<span>${text}</span>`;
8399    }
8400
8401    return `
8402      <span class="notranslate whitespace-nowrap">
8403        <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency>
8404      </span>
8405      <span>${text}</span>
8406    `;
8407  }).join('');
8408}()}
8409                  </span>
8410                  <svg class="flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" d="M7.543 11.306a.6.6 0 0 0 .848 0l4.455-4.454a.3.3 0 0 0 0-.425l-.34-.339a.3.3 0 0 0-.424 0l-4.115 4.115-4.115-4.115a.3.3 0 0 0-.425 0l-.34.34a.3.3 0 0 0 0 .424l4.456 4.454Z"/></svg>
8411                </div>
8412              </div>
8413
8414              <ul class="md:hidden clear w-full mt-1 leading-1.25 color-body-70" spz-if="${!!(data.discount_applications && data.discount_applications.length > 0)}">
8415                <li class="flex items-center justify-between ${index > 0 ? 'mt-2' : ''}" spz-for="(discount_application,index) in data.discount_applications">
8416                  <span>${discount_application.title}:</span>
8417                  <span class="notranslate ml-2 whitespace-nowrap">
8418                    -<spz-currency class="inline-block" layout="container" value="${discount_application.discount_amount}"></spz-currency>
8419                  </span>
8420                </li>
8421              </ul>
8422            </div>
8423          </div>
8424          <button
8425  type="button"
8426  class="cart-drawer-checkout-btn cart-drawer-checkout-btn-mobile ml-2 lg:hidden button-primary relative flex-shrink-0 w-full mt-4 body-plus-2 leading-1.2"
8427  data-track="checkout-submit,click"
8428  data-track-content="checkout"
8429  data-track-source="checkout"
8430  @tap="cart-drawer.checkout;"
8431>
8432  <span>Check out</span>
8433  <div class="loading items-center justify-center absolute inset-0 flex" role="loading"   show >
8434  <div class="loading-bounce"></div>
8435</div>
8436</button>
8437        </div>
8438
8439        <div class="cart-drawer-invalid-msg md:hidden mt-4" spz-if="${!!data.invalid_msg}">${data.invalid_msg}</div>
8440
8441        <button
8442  type="button"
8443  class="cart-drawer-checkout-btn md:hidden button-primary relative flex-shrink-0 w-full mt-4 body-plus-2 leading-1.2"
8444  data-track="checkout-submit,click"
8445  data-track-content="checkout"
8446  data-track-source="checkout"
8447  @tap="cart-drawer.checkout;"
8448>
8449  <span>Check out</span>
8450  <div class="loading items-center justify-center absolute inset-0 flex" role="loading"   show >
8451  <div class="loading-bounce"></div>
8452</div>
8453</button>
8454
8455        <div class="mt-2 color-body-70 text-right lg:text-center">Taxes and shipping calculated at checkout</div>
8456      </div>
8457
8458      <spz-sidebar class="cart-drawer-summary-sticky-modal lg:hidden" id="cart-drawer-summary-sticky-modal" layout="nodisplay" side="bottom" hidden  @open="cart-drawer-modal.toggleClass(class='deepen', force=true);" @beforeClose="cart-drawer-modal.toggleClass(class='deepen', force=false);" >
8459  <div class="cart-drawer-summary-sticky-modal-inner relative">
8460    <div class="flex justify-end">
8461      <button class="cart-drawer-summary-sticky-modal-close clear flex p-2 cursor-pointer" @tap="cart-drawer-summary-sticky-modal.close();" type="button">
8462        <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>
8463      </button>
8464    </div>
8465
8466    <ul class="clear w-full mt-3 leading-1.25 color-body-70" spz-if="${!!(data.discount_applications && data.discount_applications.length > 0)}">
8467      <li class="flex items-center justify-between">
8468        <span>Subtotal:</span>
8469        <span class="notranslate ml-2 whitespace-nowrap">
8470          <spz-currency class="inline-block" layout="container" value="${data.line_price}"></spz-currency>
8471        </span>
8472      </li>
8473      <li class="flex items-center justify-between mt-2" spz-for="(discount_application,index) in data.discount_applications">
8474        <span>${discount_application.title}:</span>
8475        <span class="notranslate ml-2 whitespace-nowrap">
8476          <span>-</span><spz-currency class="inline-block" layout="container" value="${discount_application.discount_amount}"></spz-currency>
8477        </span>
8478      </li>
8479    </ul>
8480
8481    <div class="flex items-start justify-between mt-2 font-medium body-plus-2 leading-1.25">
8482      <span>Total:</span>
8483      <div class="flex items-center">
8484        <spz-currency class="color-price" container-class="plugin__bundle__cart__total-price" layout="container" value="${data.total_price}"></spz-currency>
8485        </div>
8486    </div>
8487    <button
8488  type="button"
8489  class="cart-drawer-checkout-btn mt-4 button-primary relative flex-shrink-0 w-full mt-4 body-plus-2 leading-1.2"
8490  data-track="checkout-submit,click"
8491  data-track-content="checkout"
8492  data-track-source="checkout"
8493  @tap="cart-drawer.checkout;"
8494>
8495  <span>Check out</span>
8496  <div class="loading items-center justify-center absolute inset-0 flex" role="loading"   show >
8497  <div class="loading-bounce"></div>
8498</div>
8499</button>
8500    <div class="mt-2 body-minus-2 color-body-70 text-center">Taxes and shipping calculated at checkout</div>
8501  </div>
8502</spz-sidebar>
8503
8504      <spz-script layout="logic" scope="cart-drawer-modal" type="application/javascript" hidden>
8505        const summaryStickyRender = document.querySelector('#cart-drawer-summary-sticky-render');
8506        if (summaryStickyRender) {
8507          document.body.style.setProperty('--cart-drawer-summary-sticky-height', summaryStickyRender.clientHeight + 'px');
8508        }
8509      </spz-script>
8510    </div>
8511  </template>
8512</spz-render>
8513</div>
8514    </div>
8515    
8515<script type="application/ld+json">
8516  {
8517    "@context": "http://schema.org",
8518    "@type": "WebSite",
8519    "name": "LatexCall",
8520    "url": "https://www.latexcall.com"
8521  }
8522</script>
8522
8523<div class="theme-toast-wrap lg:page-container flex justify-end">
8524  <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>
8525  <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">
8526    <svg class="flex-shrink-0 mr-3" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M3.088 8.895a.3.3 0 0 0 0 .424l3.608 3.608a.6.6 0 0 0 .848 0l7.85-7.85a.3.3 0 0 0 0-.423l-.567-.566a.3.3 0 0 0-.424 0L7.12 11.37 4.078 8.33a.3.3 0 0 0-.424 0l-.566.566z" fill="currentColor"/></svg>
8527    <span role="content"></span>
8528  </spz-toast>
8529</div>
8530    <div class="add_cart-toast-wrap lg:page-container flex justify-end">
8531  <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">
8532    <span class="flex justify-between items-center w-full">
8533      <span role="content"></span>
8534      <a class="toast_view_cart inline-block font-bold text-base leading-1.1 cursor-pointer no-underline" href="/cart">View Cart</a>
8535    </span>
8536  </spz-toast>
8537</div>
8538    <style>
8539  .quick-shop .i-spzhtml-fill-content {
8540    display: flex;
8541    align-items: center;
8542    justify-content: center;
8543  }
8544
8545  .quick-shop-render {
8546    height: auto !important;
8547    width: 100%;
8548  }
8549
8550  .quick-shop-render[loading],
8551  .quick-shop-render[loading] ~ .quick-shop-close-btn {
8552    display: none;
8553  }
8554
8555  .quick-shop-content {
8556    position: relative;
8557    max-height: 86vh;
8558    overflow-y: auto;
8559    box-sizing: border-box;
8560    padding: 28px 24px 36px;
8561    width: 100%;
8562    background-color: var(--color-body-bg);
8563    overflow-y: auto;
8564    transition: all 0.2s ease-in-out;
8565  }
8566
8567  /* variants */
8568  .quick-shop__variants_content {
8569    padding: 0;
8570    border: none;
8571  }
8572
8573  .quick-shop__variants_content input[type='radio'] {
8574    position: absolute;
8575    left: 0;
8576    right: 0;
8577    opacity: 0;
8578    width: 100%;
8579    height: 100%;
8580    z-index: 10;
8581    border: 0;
8582    margin: 0;
8583    cursor: pointer;
8584  }
8585
8586  .quick-shop__variants_title {
8587    display: flex;
8588    align-items: center;
8589    flex-wrap: wrap;
8590    max-width: 100%;
8591  }
8592
8593  .quick-shop-variant-option {
8594    display: flex;
8595    align-items: center;
8596    justify-content: center;
8597    position: relative;
8598    color: var(--color-body-text-75);
8599    border: 1px solid var(--color-border);
8600    overflow: hidden;
8601  }
8602
8603  .quick-shop-variant-option[data-type='text'] {
8604    display: flex;
8605    align-items: center;
8606    justify-content: center;
8607    padding: 10px 16px;
8608  }
8609  .quick-shop-variant-option[data-type^='image'] {
8610    padding: 4px;
8611    gap: 4px;
8612  }
8613
8614  .quick-shop-variant-option[data-type^='image'] > spz-img {
8615    width: 42px;
8616    height: 42px;
8617    border-radius: 1px;
8618  }
8619
8620  .quick-shop__variants_content input[type='radio']:checked + .quick-shop-variant-option {
8621    color: var(--color-body-text);
8622    border-color: var(--color-body-text);
8623    outline: none;
8624  }
8625  .quick-shop__variants_content
8626    input[type='radio'][soldout]:not(:checked)
8627    + .quick-shop-variant-option,
8628  .quick-shop__variants_content
8629    input[type='radio'][no_exits]:not(:checked)
8630    + .quick-shop-variant-option {
8631    border-style: dashed;
8632  }
8633  .quick-shop__variants_content
8634    input[type='radio'][soldout]
8635    + .quick-shop-variant-option[data-type^='image']
8636    spz-img,
8637  .quick-shop__variants_content
8638    input[type='radio'][no_exits]
8639    + .quick-shop-variant-option[data-type^='image']
8640    spz-img {
8641    filter: opacity(0.5);
8642  }
8643
8644  .quick-shop-body[status='soldout'] .quick-shop__variant__select,
8645  .quick-shop-body[status*='unavailable'] .quick-shop__variant__select {
8646    color: var(--color-body-text-50, #888a8b);
8647    text-decoration: line-through;
8648  }
8649
8650  .quick-shop__variants_content input[type='radio'][soldout] + .quick-shop-variant-option,
8651  .quick-shop__variants_content input[type='radio'][no_exits] + .quick-shop-variant-option {
8652    color: var(--color-body-text-50, #202020);
8653    background: var(--color-border-35);
8654    text-decoration: line-through;
8655  }
8656
8657  .quick-shop__variant__select {
8658    min-height: 46px;
8659    line-height: 46px;
8660    padding-right: 46px;
8661    padding-left: 12px;
8662  }
8663
8664  .quick-shop__variant__select-icon {
8665    display: flex;
8666    flex-shrink: 0;
8667    position: absolute;
8668    top: 50%;
8669    right: 12px;
8670    transform: translateY(-50%) rotate(90deg);
8671    pointer-events: none;
8672  }
8673
8674  .quick-shop-close-btn {
8675    height: 66px;
8676    width: 66px;
8677    cursor: pointer;
8678    opacity: 0.7;
8679    z-index: 10;
8680  }
8681
8682  #quick-shop-render[loading] ~ .quick-shop-loading {
8683    display: block !important;
8684  }
8685
8686  /* qty */
8687  .quick-shop-qty {
8688    width: 116px;
8689  }
8690
8691  .quick-shop-qty > .i-spzhtml-fill-content {
8692    display: flex;
8693    align-items: center;
8694  }
8695
8696  .quick-shop-qty-btn {
8697    width: 40px;
8698    height: 100%;
8699    border: 1px solid rgba(230, 230, 230, 1);
8700  }
8701
8702  .quick-shop-qty-btn[disabled] {
8703    background-color: rgba(230, 230, 230, 1);
8704  }
8705
8706  .quick-shop-qty-input {
8707    width: 36px;
8708  }
8709
8710  /* buy button */
8711  .quick-shop_atc_btn {
8712    height: 52px;
8713    width: 100%;
8714    padding: 0;
8715    font-weight: 600;
8716    outline: 2px solid transparent;
8717    outline-offset: 2px;
8718  }
8719
8720  #quick-shop-body[status*='unavailable'] [role='addToCart'],
8721  #quick-shop-body[status='soldout'] [role='addToCart'] {
8722    cursor: default;
8723    pointer-events: none;
8724    background: #ced0d2;
8725    color: #fff;
8726  }
8727
8728  #quick-shop-body[status*='unavailable'] #quick-shop-btn-price,
8729  #quick-shop-body[status='soldout'] #quick-shop-btn-price,
8730  .quick-shop_atc_btn[loading] [role='content'],
8731  .quick-shop_atc_btn:not([loading]) .loading,
8732  .quick-shop_atc_btn[role='addToCart'][loading] #quick-shop-btn-price {
8733    display: none;
8734  }
8735
8736  .quick-shop_buy_now_btn {
8737    border: 1px solid var(--color-primary-btn-bg);
8738  }
8739
8740  /* wholesale */
8741  .quick-shop-wholesale {
8742    overflow-y: hidden;
8743    overflow-x: auto;
8744    background: #f9f9fa;
8745  }
8746
8747  .quick-shop-wholesale-item:nth-child(n + 2) {
8748    margin-left: 8px;
8749  }
8750
8751  .quick-shop-wholesale-item .money {
8752    color: var(--color-price-text);
8753  }
8754
8755  .quick-shop-wholesale-item.highlight .money {
8756    color: var(--color-save-price-text);
8757  }
8758
8759  @media (max-width: 959.98px) {
8760    #quick-shop {
8761      padding: 0 18px;
8762    }
8763
8764    #quick-shop > .quick-shop-container {
8765      width: 100%;
8766    }
8767  }
8768
8769  @media (min-width: 960px) {
8770    .quick-shop-render {
8771      width: 495px;
8772    }
8773    .quick-shop-content {
8774      padding: 32px 24px;
8775    }
8776    .quick-shop-variant-option[data-type='text'] {
8777      padding: 13px 16px;
8778    }
8779  }
8780</style>
8781<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">
8782    <div class="quick-shop-container">
8783      <div class="relative">
8784        <spz-render class="quick-shop-render pointer-events-auto w-full i-spzhtml-layout-container" id="quick-shop-render" items="data" layout="container" @finish="quick-shop-variants.variantsRender(product=event.data.product);quick-shop-body.setProduct(data=event.data.product);quick-shop-btn-price.rerender(data=event.data);" manual i-spzhtml-layout="container">
8785          <template>
8786            ${function(){
8787              console.log('quick-shop-render',data);
8788              const productData = data.product;
8789              let product_change_event = '',
8790                  mouse_over_event = ' ';
8791                  mouse_out_event = '';
8792              const product_options = productData.options.filter(Boolean) || [];
8793              const selectedVariant = productData.variants.find(v => v.available) || productData.variants[0];
8794              const statusLan = ((selectedVariant && !selectedVariant.available) || (!selectedVariant && !productData.available)) ?
8795                "Sold out" :
8796                "Add to cart";
8797
8798              return `
8799                <div>
8800                  <spz-product-form
8801                    id="quick-shop-body"
8802                    class="quick-shop-body"
8803                    layout="container"
8804                    show-toast
8805                    product-id="${productData.id}"
8806                    variant-id="${selectedVariant.id}"
8807                    @atcSuccess="quick-shop.close;"
8808                    @atcError="theme-toast.showToast(content=event.message);"
8809                    @productChange="quick-shop-btn-price.rerender(data=event);${product_change_event}"
8810                  >
8811                    <form>
8812                      <div class="quick-shop-content rounded-global-small">
8813                        <div class="quick-shop-inner-content">
8814                          <spz-variants
8815                            name="quick-shop-variant"
8816                            id="quick-shop-variants"
8817                            class="pointer-events-none"
8818                            layout="container"
8819                            template="quick-shop-variant-template"
8820                            spz-if="${product_options && product_options.length > 0}"
8821                            product-swatches="color"
8822                            interact="hover"
8823                            interference
8824                            select-soldout-suffix=" - Sold out"
8825                            select-no-exists-suffix=" - Unavailable"
8826                          ></spz-variants>
8827                          
8828                          <button
8829                            class="relative mt-5 lg:mt-6 button-primary flex items-center justify-center body-plus-2  type-text-font-family rounded-btn quick-shop_atc_btn"
8830                            type="button"
8831                            role="addToCart"
8832                            data-track="click"
8833                            data-track-content="add_to_cart"
8834                            data-track-source="add_to_cart"
8835                          >
8836                            <span role="content">${statusLan}</span>
8837                            
8838                              <spz-render id="quick-shop-btn-price" layout="container" template="quick-shop-button-price-template" manual></spz-render>
8839                            
8840                            
8841
8842<div class="loading items-center justify-center absolute inset-0" role="loading"   show >
8843  <div class="loading-bounce"></div>
8844</div>
8845                          </button>
8846                        </div>
8847                      </div>
8848                    </form>
8849                  </spz-product-form>
8850                </div>
8851              `
8852            }()}
8853          </template>
8854        </spz-render>
8855        <spz-loading class="quick-shop-loading i-spzhtml-layout-container" layout="container" role="mask" hidden i-spzhtml-layout="container"></spz-loading>
8856        <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>
8857      </div>
8858
8859      <template id="quick-shop-retail-price-template">
8860          ${function(){
8861            const currentSelectVariant = data.variant;
8862            const defaultVariant = (data.product && data.product.variants && data.product.variants[0]);
8863
8864            const variantData = currentSelectVariant || defaultVariant || data;
8865            const retail_price = variantData.retail_price || 0;
8866            return `
8867              <div>
8868                <div class="flex color-compare-price mt-3" spz-if="${retail_price>0}">
8869                  <span class="mr-1">Retail</span> <spz-currency value="${retail_price}" layout="container"></spz-currency>
8870                </div>
8871              </div>
8872            `
8873          }()}
8874      </template>
8875      <style>
8876  .product_price_before::before {
8877    content: ' - ';
8878    display: block;
8879    width: 20px;
8880  }
8881</style>
8882<template id="quick-shop-button-price-template">
8883  ${function(){
8884    const wholesale_enabled = false;
8885    const qty = data.quantity || 1;
8886    const currentSelectVariant = data.variant;
8887    const defaultVariant = (data.product && data.product.variants && data.product.variants[0]);
8888    const productVariant = null;
8889
8890    const variantData = currentSelectVariant || defaultVariant || productVariant;
8891    const wholesale_price = variantData.wholesale_price || [];
8892
8893    if(wholesale_enabled && wholesale_price.length > 0) {
8894      let wholesaleIndex = wholesale_price.findIndex(item => {
8895        return item.min_quantity > qty;
8896      });
8897      if(wholesaleIndex < 0){
8898        wholesaleIndex = wholesale_price.length - 1;
8899      }else if(wholesaleIndex > 0){
8900        wholesaleIndex = wholesaleIndex - 1;
8901      }
8902      const wholesalePrice = wholesale_price[wholesaleIndex] || '';
8903      return `
8904        <div class="flex">
8905          <span class="product_price_before"></span><spz-currency value="${wholesalePrice.price}" layout="container"></spz-currency>
8906        </div>
8907      `
8908    }else {
8909      const price = variantData && variantData.price;
8910      return price != undefined ? `<div class="flex"><span class="product_price_before"></span><spz-currency value="${price}" layout="container"></spz-currency></div>` : '<span></span>';
8911    }
8912  }()}
8913</template>
8914      </div>
8915  </spz-lightbox>
8916  <template id="quick-shop-variant-template">
8917  <div class="quick-shop-variants-container">
8918    <div spz-for="(option, index) in data.product.options">
8919      ${function(){
8920        const optionName = option.name || '';
8921        const optionId = option.id || '';
8922        let isThumbImage = !!option.showThumbImage;
8923        const thumbStyle = "image_with_text";
8924        const variantType = "button";
8925        const isSelected = (value) => {
8926          const selected = (data.selectedOptions || []).find(v => v.name === optionName);
8927          return selected && selected.value.length && selected.value[0] == value;
8928        };
8929        const getThumbImage = (value) => {
8930          const options = data.product.options || [];
8931          const option = options.find(o => o.name === optionName);
8932          if (option.thumbImages) {
8933            const thumbImage = option.thumbImages.find(t => t.value === value);
8934            if (thumbImage && thumbImage.image) {
8935              return {
8936                src: thumbImage.image.src,
8937                alt: thumbImage.image.alt
8938              };
8939            }
8940          }
8941          return {src: '', alt: ''};
8942        };
8943        return `
8944          <fieldset
8945            spz-if="${variantType=='button' || isThumbImage}"
8946            class="quick-shop__variants_content mt-6 mx-0 min-w-[0px]"
8947            name="${optionName}"
8948            @mouseout="quick-shop-selected-variant-${optionId}.rerender(data=event, redo=true);"
8949            @mouseover="quick-shop-selected-variant-${optionId}.rerender(data=event, redo=true);"
8950          >
8951            <legend class="quick-shop__variants_title">
8952              <span class="lg:body-plus-2 leading-1.3 inline-block">${optionName}:&nbsp;</span>
8953              <spz-render
8954                class="items-center opacity-60 inline-block flex-grow min-w-[0px] truncate"
8955                id="quick-shop-selected-variant-${optionId}"
8956                layout="container"
8957                template="quick-shop-selected-variant-template"
8958                manual
8959              >
8960                <span>${data.selectedOptions && data.selectedOptions.length && data.selectedOptions.find(v => v.name === optionName).value[0]}</span>
8961              </spz-render>
8962            </legend>
8963            <div class="flex flex-wrap ${isThumbImage ? 'mt-1' : 'quick-shop-variant-container'}">
8964              <div spz-for="(value, idx) in option.values" class="relative mt-3 mr-3" option="${value}">
8965                <input
8966                  checked
8967                  spz-if="isSelected(value)"
8968                  type="radio"
8969                  class="pointer-events-auto"
8970                  option="${value}"
8971                  id="quick-shop-variant-${value}-${idx}"
8972                  name="quick-shop-variant-${optionName}"
8973                  value="${value}"
8974                  form="quick-shop-body"
8975                  @input-debounced="quick-shop-selected-variant-${optionId}.rerender(data=event, redo=true);"
8976                >
8977                <input
8978                  spz-else
8979                  type="radio"
8980                  class="pointer-events-auto"
8981                  option="${value}"
8982                  id="quick-shop-variant-${value}-${idx}"
8983                  name="quick-shop-variant-${optionName}"
8984                  value="${value}"
8985                  form="quick-shop-body"
8986                  @input-debounced="quick-shop-selected-variant-${optionId}.rerender(data=event, redo=true);"
8987                >
8988                <label
8989                  class="quick-shop-variant-option break-words 
8990  rounded-[1px] 
8991"
8992                  data-type="${isThumbImage ? (thumbStyle == 'image_with_text' ? 'image-with-text' : 'image') : 'text'}"
8993                  for="quick-shop-variant-${value}-${idx}"
8994                >
8995                  <spz-img
8996                    spz-if="${!!isThumbImage}"
8997                    src="${getThumbImage(value).src}"
8998                    layout="responsive"
8999                    width="42"
9000                    height="42"
9001                    alt="${getThumbImage(value).alt}"
9002                    object-fit="cover"
9003                    auto-fit
9004                  ></spz-img>
9005                  <span spz-if="${thumbStyle == 'image_with_text' || !isThumbImage}" class="break-words"
9006                    >${value}</span>
9007                </label>
9008              </div>
9009            </div>
9010          </fieldset>
9011          <div spz-else class="mt-6">
9012            <div class="lg:body-plus-2 leading-1.3">${optionName}</div>
9013            <div class="relative mt-3">
9014              <select
9015                class="quick-shop__variant__select pointer-events-auto w-full text-text-font-size type-text-font-family 
9016  rounded-[1px] 
9017secondary-select"
9018                role="variant"
9019                name="${optionName}"
9020              >
9021                <option
9022                  spz-for="value in option.values"
9023                  spz-if="isSelected(value)"
9024                  class="quick-shop__variants_value"
9025                  value="${value}"
9026                  option="${value}"
9027                  selected
9028                >
9029                  ${value}
9030                </option>
9031                <option
9032                  spz-for="value in option.values"
9033                  spz-if="${!isSelected(value)}"
9034                  class="quick-shop__variants_value"
9035                  value="${value}"
9036                  option="${value}"
9037                >
9038                  ${value}
9039                </option>
9040              </select>
9041              <svg   class="quick-shop__variant__select-icon" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424 0l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"/></svg>
9042</div>
9043          </div>
9044        `
9045      }()}
9046    </div>
9047  </div>
9048</template>
9049<template id="quick-shop-selected-variant-template">
9050  <span class="inline-block truncate max-w-full" title="${data.value}">
9051    ${data.value}
9052  </span>
9053</template>
9054
9055<script type="text/javascript" async src="https://static.staticdj.com/seahorse/bottom_v2.335e01c1.js"></script>
vendor: 1 bytes, line 9055
9055
9056<script type="text/javascript" async src="https://static.staticdj.com/golden/bottom_v2.157d17d3.js"></script>
9056
9057    
9057<script type='text/javascript'>(window._ext || (window._ext =[])).push('bear');</script>
9057
9058
9059<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"couponcode":"couponcode.0cd81091.js"});</script>
vendor: 1 bytes, line 9059
9059
9060<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"translate":"translate.5c34eee2.js"});</script>
vendor: 1 bytes, line 9060
9060
9061<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"bear":"bear.4241d627.js"});</script>
vendor: 1 bytes, line 9061
9061
9062<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"bundle":"bundle.a029e922.js"});</script>
vendor: 1 bytes, line 9062
9062
9063<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"basic":"basic.c50df513.js"});</script>
vendor: 1 bytes, line 9063
9063
9064<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"discount_gifts":"discount_gifts.87837098.js"});</script>
vendor: 1 bytes, line 9064
9064
9065<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"blog_products":"blog_products.b67b5c27.js"});</script>
vendor: 1 bytes, line 9065
9065
9066<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"google_form":"google_form.025d905a.js"});</script>
vendor: 1 bytes, line 9066
9066
9067<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"zebu":"zebu.e8dece57.js"});</script>
vendor: 1 bytes, line 9067
9067
9068<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"discount_gifts_v2":"discount_gifts_v2.a34137af.js"});</script>
vendor: 1 bytes, line 9068
9068
9069<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"cart_pop":"cart_pop.c733db0f.js"});</script>
vendor: 1 bytes, line 9069
9069
9070<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"buy_on_others":"buy_on_others.d678fa5c.js"});</script>
vendor: 1 bytes, line 9070
9070
9071<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"variants_combination":"variants_combination.17e6b308.js"});</script>
vendor: 1 bytes, line 9071
9071
9072<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"trout":"trout.47f21cf1.js"});</script>
vendor: 1 bytes, line 9072
9072
9073<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"filly":"filly.b9085eb2.js"});</script>
vendor: 1 bytes, line 9073
9073
9074<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"sloth":"sloth.cc72648e.js"});</script>
vendor: 1 bytes, line 9074
9074
9075<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"image_video":"image_video.b713d119.js"});</script>
vendor: 1 bytes, line 9075
9075
9076<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"size_guide":"size_guide.ac4ad793.js"});</script>
vendor: 1 bytes, line 9076
9076
9077<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"reviews":"reviews.77c0cadd.js"});</script>
vendor: 1 bytes, line 9077
9077
9078<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"flashsale":"flashsale.d2ddc7ab.js"});</script>
vendor: 1 bytes, line 9078
9078
9079<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"privacy_app":"privacy_app.ade927e4.js"});</script>
vendor: 1 bytes, line 9079
9079
9080<script type="text/javascript">
9081  (function () {
9082    if (!C_SETTINGS.payment_settings.paypal_express_enabled) return;
9083    if ((window.disabled_exts || []).indexOf("*") != -1 || (window.disabled_exts || []).indexOf("paypal_express") != -1) return;
9084    function getCookie(name) {
9085      var match = document.cookie.match(new RegExp(name + '=([^;]+)'));
9086      return (match && match[1]) || '';
9087    }
9088    var ppStamp = (getCookie('awesomeab').match(/paypal-express-([vs0-9]+)/) || ['', ''])[1];
9089    var entry = ppStamp ? 'paypal_express.' + ppStamp + '.js' : 'paypal_express.70c809e1.js';
9090    var s = document.createElement('script');
9091    s.crossOrigin = "anonymous";
9092    s.async = !0;
9093    s.src = SHOP_PARAMS.cdn_domain + entry;
9094    document.body.appendChild(s);
9095
9096  })();
9097</script>
vendor: 1 bytes, line 9097
9097
9098<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"common":"common.e560ab2c.js"});</script>
vendor: 1 bytes, line 9098
9098
9099<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"stamped_frontend":"stamped_frontend.f67dcbe7.js"});</script>
vendor: 1 bytes, line 9099
9099
9100<script>try{function getDetailDjProduct(){var djProduct={};var $=window.jQuery;var productEl=document.getElementById("product-json");if(productEl){djProduct=JSON.parse(productEl.innerHTML)}else if($&&$.fn){djProduct=$(document).data("djproduct")||{}}return djProduct}function prefixionPath(prefix,urlPath){if(typeof prefix!=="string")return;if(typeof urlPath!=="string")return;if(!urlPath.startsWith("/")){throw new Error("prefixionPath: urlPath must be start with /");}if(!prefix.startsWith("/")){throw new Error("prefixionPath: prefix must be start with /");}return prefix+urlPath}function returnPathRoot(){var pathRoot=(window.SHOPLAZZA&&window.SHOPLAZZA.routes&&window.SHOPLAZZA.routes.root)||"";if(pathRoot.length>0){if(!pathRoot.startsWith("/")){pathRoot="/"+pathRoot}}return pathRoot}function globalizePath(urlPath){if(typeof urlPath!=="string"){throw new Error("globalizePath: urlPath must be string");}if(urlPath.startsWith("http")){throw new Error("globalizePath: urlPath can't be http url");}if(!urlPath.startsWith("/")){urlPath="/"+urlPath}var pathRoot=returnPathRoot();if(pathRoot.length>0&&!urlPath.startsWith(pathRoot)){return prefixionPath(pathRoot,urlPath)}else{return urlPath}}var ldJSONScripts=Array.from(document.querySelectorAll("script[type=application\\/ld\\+json]"));var jsonContents=ldJSONScripts.map(function(item){return JSON.parse(item.innerHTML.replaceAll("\n",""))}).reduce(function(prev,cur){return Object.assign(prev,{[cur["@type"]]:cur}),prev},{});var productId=getDetailDjProduct()?.product?.id;var params=new URLSearchParams(Object.assign(productId?{product_id:productId}:{},{url:location.href.replace(location.search,""),title:document.title,}));fetch(globalizePath("/api/seo_optimizer/google_snippets_data?").concat(params)).then(function(res){if(200===res.status)return res.json()}).then(function(data){Object.values(data).forEach((jsonString)=>{if(!jsonString)return;var type=jsonString["@type"];var newItem=Object.assign(jsonContents[type]||{},jsonString);var ele=ldJSONScripts.find(function(ele){return(JSON.parse(ele.innerHTML.replaceAll("\n",""))["@type"]===type)});if(ele)ele.innerHTML=JSON.stringify(newItem);else{var newScript=document.createElement("script");newScript.type="application/ld+json";newScript.innerHTML=JSON.stringify(newItem);document.body.appendChild(newScript)}})})}catch(t){console.dir(t)}</script>
vendor: 1 bytes, line 9100
9100
9101<script type='text/javascript'>(window._ext || (window._ext =[])).push('reviews');</script>
vendor: 1 bytes, line 9101
9101
9102<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"product_detail_rebate":"product_detail_rebate.cbca7ec3.js"});</script>
vendor: 1 bytes, line 9102
9102
9103<script type='text/javascript'>try {(function() {(window._ext || (window._ext =[])).push('zebu');var wa = document.createElement('script'); wa.type = 'text/javascript'; wa.async = true;wa.src = window.SHOPLAZZA.shop.cdn_domain + 'cuttlefish/v1/spz.min.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wa, s); })();} catch(e){  }</script>
vendor: 1 bytes, line 9103
9103
9104<script type='text/javascript'>(window._ext || (window._ext =[])).push('appparakeet');</script>
9104
9105 
9106
9107<script>
9108~(function() {
9109  // checkout page
9110  if (window.SHOP_PARAMS.template_type === '14') {
9111    return;
9112  }
9113  function track(event, params) {
9114    if (window.sa && window.sa.track && typeof window.sa.track === 'function') {
9115      window.sa.track(event, params);
9116    };
9117  }
9118  function preload() {
9119    var script = document.createElement('script');
9120    script.async = true;
9121    script.src = '/api/preload-checkout?t=' + Date.now();
9122    var loadStart = Date.now();
9123    track('preload_checkout_start');
9124    script.addEventListener('load', function() {
9125      track('preload_checkout_loaded', { load_duration: Date.now() - loadStart });
9126    });
9127    script.addEventListener('error', function(e) {
9128      track('preload_checkout_error', { load_duration: Date.now() - loadStart });
9129    });
9130    document.body.appendChild(script);
9131  }
9132
9133  try {
9134      var ab = document.cookie.split(';').find(function (i) { return /awesomeab=/.test(i); });
9135      var version = 'default';
9136      if (ab) {
9137        var chickNext = decodeURIComponent(ab).split('=')[1].split(',').find(function (i) { return /chick-next/.test(i); });
9138        if (chickNext) version = chickNext;
9139      }
9140
9141      var loadedObj = JSON.parse(sessionStorage.getItem('preload_checkout_loaded_v1') || '{}');
9142
9143      if (loadedObj[version] && loadedObj[version]['allLoaded']) return;
9144    } catch (e) {}
9145
9146    window.addEventListener('load', preload);
9147})();
9148</script>
9148
9149
9150<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"buffalo":"buffalo.e0f4e5cf.js"});</script>
vendor: 1 bytes, line 9150
9150
9151<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"coupon":"coupon.07fd62a8.js"});</script>
vendor: 1 bytes, line 9151
9151
9152<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"currency":"currency.ca2b3757.js"});</script>
vendor: 1 bytes, line 9152
9152
9153<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"vole":"vole.de34b0f2.js"});</script>
vendor: 1 bytes, line 9153
9153
9154<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"wishlist":"wishlist.0fc03a14.js"});</script>
vendor: 1 bytes, line 9154
9154
9155<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"jellyfish":"jellyfish.f9cc89bb.js"});</script>
vendor: 1 bytes, line 9155
9155
9156<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"numbat":"numbat.14e8199b.js"});</script>
vendor: 1 bytes, line 9156
9156
9157<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"plugin_parakeet":"plugin_parakeet.6893a874.js"});</script>
vendor: 1 bytes, line 9157
9157
9158<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"top_products":"top_products.4da4f6f3.js"});</script>
vendor: 1 bytes, line 9158
9158
9159<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"appparakeet":"appparakeet.537f9b5b.js"});</script>
vendor: 1 bytes, line 9159
9159
9160<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"multi_market":"multi_market.85145627.js"});</script>
vendor: 1 bytes, line 9160
9160
9161<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"recommended_product":"recommended_product.b4592e0a.js"});</script>
vendor: 1 bytes, line 9161
9161
9162<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"boowc":"boowc.15caf0e7.js"});</script>
vendor: 1 bytes, line 9162
9162
9163<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"add_to_cart":"add_to_cart.6cde2531.js"});</script>
vendor: 1 bytes, line 9163
9163
9164<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"apptrustpilot-plugin":"apptrustpilot-plugin.7edc2607.js"});</script>
vendor: 1 bytes, line 9164
9164
9165<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"sales_pop":"sales_pop.0410e3b6.js"});</script>
vendor: 1 bytes, line 9165
9165
9166<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"social_login":"social_login.537a8e8f.js"});</script>
vendor: 1 bytes, line 9166
9166
9167<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"subscription_popups":"subscription_popups.9a18a460.js"});</script>
vendor: 1 bytes, line 9167
9167
9168<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"fb_messenger":"fb_messenger.1de139d2.js"});</script>
vendor: 1 bytes, line 9168
9168
9169<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"installment":"installment.e24868df.js"});</script>
9169
9170</body>
9171</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.