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¤cy=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 "Mixed Lot" 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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"> / </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 "Mixed Lot" 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: </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">© <time datetime="2026">2026</time> 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 "Mixed Lot" 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: </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}: </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.