1<!doctype html> 2<html class="no-js" lang="en-US" > 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 6 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"> 7 <title>nisartmacka</title> 8 <meta name="keywords" content="nisartmacka"> 9 <meta name="description" content="nisartmacka"> 10 <meta http-equiv="x-dns-prefetch-control" content="on"> 11 <link rel="dns-prefetch" href="//static.staticdj.com/"> 12 <link rel="preconnect" href="//static.staticdj.com/"> 13 <link rel="dns-prefetch" href="//img.staticdj.com/"> 14 <link rel="preconnect" href="//img.staticdj.com/"> 15 <link rel="canonical" href="https://www.nisartmacka.com/account/register"> 16 <link rel="shortcut icon" href="https://img.staticdj.com/117942214d78bef5d082b9a525782106.JPG"> 17 <meta name="theme-color" content=""> 18 <meta name="format-detection" content="telephone=no, email=no"> 19 <link href="https://fonts.gstatic.com/s/lato/v25/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2" as="font" type="font/woff2" crossorigin="anonymous" rel="preload"> 20 <link href="https://fonts.gstatic.com/s/lato/v25/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2" as="font" type="font/woff2" crossorigin="anonymous" rel="preload"> 21 <meta property="og:site_name" content="nisartmacka"> 22<meta property="og:url" content="https://www.nisartmacka.com/account/register"> 23<meta property="og:title" content="nisartmacka"> 24<meta property="og:type" content="website"> 25<meta property="og:description" content="nisartmacka"> 26<meta name="twitter:site" content="@"> 27<meta name="twitter:card" content="summary_large_image"> 28<meta name="twitter:title" content="nisartmacka"> 29<meta name="twitter:description" content="nisartmacka"> 30<style spz-runtime> 31/* runtime-start */[hidden]{display:none!important}.i-spzhtml-element{display:inline-block}[layout=nodisplay]:not(.i-spzhtml-element){display:none!important}.i-spzhtml-layout-fixed,[layout=fixed][width][height]:not(.i-spzhtml-layout-fixed){display:inline-block;position:relative}.i-spzhtml-layout-responsive,[layout=responsive][width][height]:not(.i-spzhtml-layout-responsive),[width][height][heights]:not([layout]):not(.i-spzhtml-layout-responsive),[width][height][sizes]:not(img):not([layout]):not(.i-spzhtml-layout-responsive){display:block;position:relative}.i-spzhtml-layout-intrinsic,[layout=intrinsic][width][height]:not(.i-spzhtml-layout-intrinsic){display:inline-block;max-width:100%;position:relative}[layout=intrinsic][width][height].i-spzhtml-layout-intrinsic .i-spzhtml-fill-content{min-width:auto;width:auto}.i-spzhtml-layout-intrinsic .i-spzhtml-sizer{max-width:100%}.i-spzhtml-intrinsic-sizer{display:block!important;max-width:100%}.i-spzhtml-layout-container,.i-spzhtml-layout-fixed-height,.i-spzhtml-layout-logic,[layout=container],[layout=fixed-height][height]:not(.i-spzhtml-layout-fixed-height),[layout=logic]{display:block;position:relative}.i-spzhtml-layout-fill,.i-spzhtml-layout-fill.i-spzhtml-notbuilt,[layout=fill]:not(.i-spzhtml-layout-fill){bottom:0;display:block;left:0;overflow:hidden!important;position:absolute;right:0;top:0}.i-spzhtml-layout-flex-item,[layout=flex-item]:not(.i-spzhtml-layout-flex-item){display:block;flex:1 1 auto;position:relative}.i-spzhtml-layout-size-defined{overflow:hidden!important}.i-spzhtml-layout-awaiting-size{bottom:auto!important;position:absolute!important;top:auto!important}i-spzhtml-sizer{display:block!important}@supports (aspect-ratio:1/1){i-spzhtml-sizer.i-spzhtml-disable-ar{display:none!important}}.i-spzhtml-fill-content{display:block;height:0;margin:auto;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0}.i-spzhtml-layout-size-defined .i-spzhtml-fill-content{bottom:0;left:0;position:absolute;right:0;top:0}.i-spzhtml-replaced-content{border:none!important;padding:0!important}.i-spzhtml-unresolved{overflow:hidden!important;position:relative}.i-spzhtml-notbuilt,[layout]:not(.i-spzhtml-element):not([i-spzhtml-ssr]),[width][height][heights]:not([layout]):not(.i-spzhtml-element):not([i-spzhtml-ssr]),[width][height][sizes]:not(img):not([layout]):not(.i-spzhtml-element):not([i-spzhtml-ssr]){color:transparent!important;overflow:hidden!important;position:relative}.i-spzhtml-notbuilt:not(.i-spzhtml-layout-container):not([i-spzhtml-ssr])>*,[layout]:not([layout=container]):not(.i-spzhtml-element):not([i-spzhtml-ssr])>*,[width][height][heights]:not([layout]):not(.i-spzhtml-element):not([i-spzhtml-ssr])>*,[width][height][sizes]:not([layout]):not(.i-spzhtml-element):not([i-spzhtml-ssr])>*{display:none}[layout]:not([layout=container]):not(.i-spzhtml-element):not([i-spzhtml-ssr]),[layout]:not([layout=container]):not([manual]):not([i-spzhtml-ssr]).i-spzhtml-notbuilt,[width][height][heights]:not([layout]):not(.i-spzhtml-element):not([i-spzhtml-ssr]),[width][height][sizes]:not(img):not([layout]):not(.i-spzhtml-element):not([i-spzhtml-ssr]){color:transparent!important;line-height:0!important}spz-img:not(.i-spzhtml-element)[i-spzhtml-ssr]>img.i-spzhtml-fill-content{display:block}.i-spzhtml-ghost{visibility:hidden!important}.i-spzhtml-element>[placeholder],[layout]:not(.i-spzhtml-element)>[placeholder],[width][height][heights]:not([layout]):not(.i-spzhtml-element)>[placeholder],[width][height][sizes]:not([layout]):not(.i-spzhtml-element)>[placeholder]{display:block;line-height:normal}.i-spzhtml-element>[placeholder].hidden,.i-spzhtml-element>[placeholder].spz-hidden{visibility:hidden}.i-spzhtml-layout-container>[placeholder].hidden,.i-spzhtml-layout-container>[placeholder].spz-hidden{display:none}.i-spzhtml-layout-size-defined>[placeholder]{bottom:0!important;left:0!important;position:absolute!important;right:0!important;top:0!important;z-index:1}spz-img.i-spzhtml-ssr:not(.i-spzhtml-element)>[placeholder]{z-index:auto}.i-spzhtml-notbuilt>[placeholder]{display:block!important}template{display:none!important}[visible-when-invalid]:not(.visible),form [submit-error],form [submit-success],form [submitting]{display:none}[layout=intrinsic][i-spzhtml-unheight-layout] img,[layout=responsive][i-spzhtml-unheight-layout] img{height:auto!important;position:relative!important;width:100%!important}html{overflow-x:hidden!important}html,html body{height:auto!important}html body{margin:0!important}body{text-size-adjust:100%}html.i-spzhtml-doc{touch-action:pan-y pinch-zoom}html.i-spzhtml-doc>body{overflow:visible!important;position:relative!important}.i-spzhtml-scroll-disabled{overflow-x:hidden!important;overflow-y:hidden!important}.i-spzhtml-carousel-scroll-disabled{touch-action:none;touch-action:pan-y}spz-list [role=loading]:not([pagination]),spz-list [role=loading]:not([scroll]),spz-list [role=slot]:not(.i-spzhtml-list-slot),spz-pagination>[role=arrow]{display:none}
31spz-carousel{display:flex!important}ljs-img[layout=intrinsic][auto-fit]:not([width][height]),spz-img[layout=intrinsic][auto-fit]:not([width][height]),spz-img[layout=responsive][auto-fit]{width:100%}spz-accordion>section>:last-child{display:none!important}spz-accordion>section[expanded]>:last-child{display:block!important}spz-menu [spz-menu-root]{display:flex;flex-wrap:nowrap}spz-carousel:not([dom-mounted]) .i-spzhtml-slides-container>:not(.i-spzhtml-slide-item-show),spz-carousel:not([dom-mounted]) [next],spz-carousel:not([dom-mounted]) [pre],spz-carousel:not([dom-mounted]):not([i-spzhtml-ssr])>*{display:none}spz-carousel .i-spzhtml-slides-container{box-sizing:content-box;transform:translate(0);z-index:1}spz-carousel .i-spzhtml-slide-item,spz-carousel .i-spzhtml-slides-container{display:flex;height:100%;position:relative;transition-property:transform;width:100%}spz-carousel .i-spzhtml-slide-item{flex-shrink:0}spz-carousel .i-spzhtml-slide-item>*{overflow:hidden!important;width:100%}spz-carousel[effect=fade] .i-spzhtml-slides-container .i-spzhtml-slide-item{display:none;opacity:0}spz-carousel[effect=fade] .i-spzhtml-slides-container .i-spzhtml-slide-item-show{display:flex;opacity:1!important}.i-spzhtml-tab-panel:not([active]),spz-menu [spz-menu-submenu]{display:none}spz-menu>*{opacity:0;pointer-events:none}spz-menu[finish]>*{opacity:1!important;pointer-events:auto!important}spz-list[display-in-order] [role=listitem] spz-img img{opacity:0;transition:opacity .5s linear}spz-dropdown{display:none}spz-script{font-size:0}ljs-list [role=loading]:not([pagination]),ljs-list [role=loading]:not([scroll]),ljs-list [role=slot]:not(.i-spzhtml-list-slot),ljs-pagination>[role=arrow]{display:none}ljs-carousel{display:flex!important}ljs-img[layout=responsive][auto-fit]{width:100%}ljs-accordion>section>:last-child{display:none!important}ljs-accordion>section[expanded]>:last-child{display:block!important}[layout=container]:not(.i-spzhtml-built){color:inherit!important}ljs-menu [spz-menu-root]{display:flex;flex-wrap:nowrap}ljs-menu>*{opacity:0;pointer-events:none}ljs-menu[finish]>*{opacity:1!important;pointer-events:auto!important}ljs-list[display-in-order] [role=listitem] ljs-img img{opacity:0;transition:opacity .5s linear}ljs-script{font-size:0}ljs-img:not(.i-spzhtml-element)[i-spzhtml-ssr]>img.i-spzhtml-fill-content{display:block}ljs-img.i-spzhtml-ssr:not(.i-spzhtml-element)>[placeholder]{z-index:auto}ljs-carousel:not([dom-mounted]) .i-spzhtml-slides-container>:not(.i-spzhtml-slide-item-show),ljs-carousel:not([dom-mounted]) [next],ljs-carousel:not([dom-mounted]) [pre],ljs-carousel:not([dom-mounted]):not([i-spzhtml-ssr])>*{display:none}ljs-carousel .i-spzhtml-slides-container{box-sizing:content-box;transform:translate(0);z-index:1}ljs-carousel .i-spzhtml-slide-item,ljs-carousel .i-spzhtml-slides-container{display:flex;height:100%;position:relative;transition-property:transform;width:100%}ljs-carousel .i-spzhtml-slide-item{flex-shrink:0}ljs-carousel .i-spzhtml-slide-item>*{overflow:hidden!important;width:100%}ljs-carousel[effect=fade] .i-spzhtml-slides-container .i-spzhtml-slide-item{display:none;opacity:0}ljs-carousel[effect=fade] .i-spzhtml-slides-container .i-spzhtml-slide-item-show{display:flex;opacity:1!important}ljs-menu [spz-menu-submenu],ljs-tabs:not([finish]) [role=tabpanel],spz-tabs:not([finish]) [role=tabpanel]{display:none}ljs-text,spz-text{visibility:hidden}ljs-gallery>:not(:first-child),spz-gallery>:not(:first-child){display:none}ljs-gallery.i-spzhtml-built>:not(:first-child),spz-gallery.i-spzhtml-built>:not(:first-child){display:unset}/* runtime-end */ 32</style>
33<script type="text/javascript"> 34/* env-start */!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=8)}({8:function(e,t){window.seahorse_env={"flag_plugin_loader":"","v1_spz_version":"v1.0.87","v1_spz_tag":"v26.4.13","aliyun_scene_id":"1gewqec5"}}});/* env-end */ 35</script>
35 36 37<link href="//static.staticdj.com/cuttlefish/v1/spz.min.js" as="script" type="text/javascript" crossorigin="anonymous" rel="preload"> 38 39<style> 40 :root { 41 --page-width-base: 1440px; 42 --page-width: var(--page-width-base); 43 --page-spacing: 16px; 44 45 --type-text-font-size: 14px; 46 --type-heading-font-size: 30px; 47 --type-nav-font-size: 16px; 48 --color-general-bg: #FFFFFF; 49 --color-general-heading-text: #202020; 50 --color-general-text: #202020; 51 --color-price-text: #EB391B; 52 --color-product-title-text: #202020; 53 --color-compare-at-price-text: rgba(32,32,32,.6); 54 --color-save-price-text: #EB391B; 55 --color-custom-label-text: #E75D32; 56 --color-custom-label-bg: #FFF9F1; 57 --color-btn-bg: #202020; 58 --color-btn-text: #FFFFFF; 59 --color-label-bg: rgba(198, 156, 109, 1); 60 --color-label-text: #FFFFFF; 61 --color-sold-label-bg: #FFFFFF; 62 --color-sold-label-text: #202020; 63 --color-announcement-bg: #FFFFFF; 64 --color-announcement-text: #000000; 65 --color-cart-dot-bg: rgba(198, 156, 109, 1); 66 --color-cart-dot-text: #FFFFFF; 67 --color-header-bg: rgba(255, 249, 241, 1); 68 --color-header-text: #202020; 69 --color-header-search-bg: rgba(230, 230, 230, 0.4); 70 --color-header-search-text: #202020; 71 --color-header-search-btn-bg: #202020; 72 --color-header-search-btn-text: #FFFFFF; 73 --color-menu-bg: #F8F8F8; 74 --color-menu-item-bg: #FFFFFF; 75 --color-menu-item-text: #202020; 76 --color-actived-menu-item-bg: rgba(198, 156, 109, 1); 77 --color-actived-menu-item-text: #FFFFFF; 78 --color-footer-bg: rgba(40, 40, 40, 1); 79 --color-footer-border: rgba(230, 230, 230, 0.1); 80 --color-footer-text: rgba(255, 255, 255, 1); 81 --color-newsletter-border: #E6E6E6; 82 --color-newsletter-bg: #FFFFFF; 83 --color-newsletter-text: #202020; 84 --color-newsletter-btn-bg: #202020; 85 --color-newsletter-btn-text: #FFFFFF; 86 --color-countdown-bg: rgba(248, 248, 248, 0.8); 87 --color-countdown-time-text: #EA3F36; 88 /* é¢è²ç¸å ³ */ 89 --color-body-bg: #FFFFFF; 90 --color-body-bg-80: rgba(255, 255, 255, 0.8); 91 --color-product-title-text: #202020; 92 --color-primary-btn-bg: #202020; 93 --color-primary-btn-bg-10: rgba(32, 32, 32, 0.1); 94 --color-primary-btn-text: #FFFFFF; 95 96 --color-body-text: #202020; 97 --color-body-text-50: rgba(32, 32, 32, 0.5); 98 --color-body-text-60: rgba(32, 32, 32, 0.6); 99 --color-body-text-70: rgba(32, 32, 32, 0.7); 100 --color-body-text-75: rgba(32, 32, 32, 0.75); 101 --color-body-text-80: rgba(32, 32, 32, 0.8); 102 --color-body-text-85: rgba(32, 32, 32, 0.85); 103 --color-body-text-90: rgba(32, 32, 32, 0.9); 104 105 --color-menu-item-text-70: rgba(32, 32, 32, 0.7); 106 --color-menu-item-text-80: rgba(32, 32, 32, 0.8); 107 --color-menu-item-text-90: rgba(32, 32, 32, 0.9); 108 --color-actived-menu-item-bg: rgba(198, 156, 109, 1); 109 --color-actived-menu-item-text: #FFFFFF; 110 111 --color-header-search-text-50: rgba(32, 32, 32, 0.5); 112 113 --color-header-text-70: rgba(32, 32, 32, 0.7); 114 115 /* è¾¹æ¡é¢è² */ 116 --color-border: #E6E6E6; 117 --color-border-35: rgba(230, 230, 230, 0.35); 118 --color-border-60: rgba(230, 230, 230, 0.6); 119 120 /* åè§ */ 121 --global-border-radius: 2px; 122 --global-small-border-radius: 2px; 123 --global-fixed-border-radius: 2px; 124 --btn-border-radius: 2px; 125 --btn-fixed-border-radius: 2px; 126 127 /* åä½ç¸å ³ */ 128 --font-body-family: Lato, sans-serif; 129 --font-body-style: normal; 130 --font-body-weight: 400; 131 132 --font-heading-family: Lato, sans-serif; 133 --font-heading-style: normal; 134 --font-heading-weight: 400; 135 136 /* åè®¡æ¶ */ 137 --color-countdown-bg: rgba(248, 248, 248, 0.8); 138 --color-countdown-time-text: #EA3F36; 139 140 /* mask */ 141 --color-mask-bg: rgba(0, 0, 0, 0.3); 142 143 /* æä¾ç»æä»¶ */ 144 --breakpoint: 960; 145 146 /* z-index */ 147 --z-index-dropdown: 1000; 148 --z-index-sticky: 1020; 149 --z-index-fixed: 1030; 150 --z-index-modal-backdrop: 1040; 151 --z-index-modal: 1050; 152 --z-index-popover: 1060; 153 --z-index-tooltip: 1070; 154 } 155 156 @media (min-width: 960px) { 157 :root { 158 --page-spacing: 100px; 159 160 /* åè§ */ 161 --global-border-radius: 2px; 162 --global-small-border-radius: 2px; 163 } 164 } 165 166 .type-text-font-family { 167 font-family: var(--font-body-family); 168 font-style: var(--font-body-style); 169 font-weight: var(--font-body-weight); 170 } 171 172 .type-heading-font-family { 173 font-family: var(--font-heading-family); 174 font-style: var(--font-heading-style); 175 font-weight: var(--font-heading-weight); 176 } 177 178 /* latin-ext */@font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap;
178 src: url(https://fonts.gstatic.com/s/lato/v25/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v25/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} 179 /* latin-ext */@font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v25/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v25/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} 180</style> 181 <style> 182 html { 183 -ms-text-size-adjust: 100%; 184 -webkit-text-size-adjust: 100%; 185 -webkit-font-smoothing: antialiased; 186 -moz-osx-font-smoothing: grayscale; 187 -webkit-tap-highlight-color: transparent; 188 } 189 190 body { 191 padding-bottom: constant(safe-area-inset-bottom); 192 padding-bottom: env(safe-area-inset-bottom); 193 -webkit-tap-highlight-color: transparent; 194 } 195 196 *, 197 :after, 198 :before { 199 box-sizing: border-box; 200 } 201 202 *:focus { 203 outline: none; 204 } 205 206 /* Chrome, Safari, Edge, Opera */ 207 input::-webkit-outer-spin-button, 208 input::-webkit-inner-spin-button { 209 -webkit-appearance: none; 210 margin: 0; 211 } 212 213 /* Firefox */ 214 input[type='number'] { 215 -moz-appearance: textfield; 216 } 217 218 input[type='text'], 219 input[type='search'], 220 input[type='email'], 221 input[type='password'], 222 input:not([type]), 223 textarea { 224 appearance: none; 225 -webkit-appearance: none; 226 } 227 228 input, 229 textarea, 230 button, 231 select { 232 font-family: inherit; 233 font-style: inherit; 234 font-weight: inherit; 235 font-size: inherit; 236 color: var(--color-body-text); 237 } 238 239 input[type='button'], 240 button, 241 select, 242 label { 243 cursor: pointer; 244 } 245 246 input[type='search']::-webkit-search-cancel-button { 247 display: none; 248 } 249 250 /* theme base class */ 251 html body.nova { 252 color: var(--color-body-text); 253 font-size: var(--type-text-font-size); 254 background-color: var(--color-body-bg); 255 } 256 257 body > .page_container{ 258 min-height: 100vh; 259 display: flex; 260 flex-direction: column; 261 } 262 body > .page_container > .main-content{ 263 margin-bottom: auto; 264 } 265 266 .page-container { 267 max-width: var(--page-width); 268 padding: 0 var(--page-spacing); 269 margin: 0 auto; 270 } 271 272 @media (max-width: 959.98px) { 273 .md\:page-container { 274 max-width: var(--page-width); 275 padding: 0 var(--page-spacing); 276 margin: 0 auto; 277 } 278 } 279 280 @media (min-width: 960px) { 281 .lg\:page-container { 282 max-width: var(--page-width); 283 padding: 0 var(--page-spacing); 284 margin: 0 auto; 285 } 286 } 287 288 .clear { 289 margin: 0; 290 padding: 0; 291 border: 0; 292 outline: none; 293 list-style: none; 294 background-color: transparent; 295 } 296 297 [spz-if="false"], 298 [hidden] { 299 display: none !important; 300 } 301 302 /* title default style */ 303 304 .title-font { 305 font-size: var(--type-heading-font-size); 306 color: var(--color-general-heading-text); 307 } 308 309 @media (max-width: 959.98px) { 310 .title-font { 311 font-size: calc(var(--type-heading-font-size) * .8); 312 } 313 } 314 315 .title-color{ 316 color: var(--color-general-heading-text); 317 } 318 .product-title-color { 319 color: var(--color-product-title-text); 320 } 321 .text-color-8{ 322 color: var(--color-body-text-80); 323 } 324 325 /* Border Radius */ 326 .rounded-global { 327 border-radius: var(--global-border-radius); 328 } 329 330 .rounded-global-small {
331 border-radius: var(--global-small-border-radius); 332 } 333 334 .rounded-global-fixed { 335 border-radius: var(--global-fixed-border-radius); 336 } 337 338 .rounded-btn { 339 border-radius: var(--btn-border-radius); 340 } 341 342 .rounded-btn-fixed { 343 border-radius: var(--btn-fixed-border-radius); 344 } 345 .rounded-\[1px\] { 346 border-radius: 1px; 347 } 348 349 /* Button */ 350 .button-primary { 351 font-weight: bold; 352 text-align: center; 353 border: 1px solid transparent; 354 color: var(--color-primary-btn-text); 355 border-radius: var(--btn-border-radius); 356 background-color: var(--color-primary-btn-bg); 357 transition: all .2s cubic-bezier(0.445, 0.05, 0.55, 0.95); 358 cursor: pointer; 359 } 360 361 .button-secondary { 362 color: var(--color-body-text); 363 background-color: transparent; 364 border: 1px solid var(--color-border); 365 border-radius: var(--btn-border-radius); 366 transition: all .2s cubic-bezier(0.445, 0.05, 0.55, 0.95);; 367 cursor: pointer; 368 } 369 370 /* Select */ 371 .secondary-select { 372 cursor: pointer; 373 -webkit-appearance: none; 374 -moz-appearance: none; 375 appearance: none; 376 border-width: 1px; 377 border-style: solid; 378 border-color: rgba(230, 230, 230, 1); 379 background-color: transparent; 380 color: var(--color-body-text); 381 } 382 383 @media (min-width: 960px) { 384 .button-primary:hover { 385 background-color: var(--color-cart-dot-bg); 386 } 387 388 .button-secondary:hover { 389 color: var(--color-primary-btn-text); 390 border-color: var(--color-primary-btn-bg); 391 background-color: var(--color-primary-btn-bg); 392 } 393 } 394 395 /* line-clamp-* */ 396 .line-clamp-1 { 397 overflow: hidden; 398 text-overflow: ellipsis; 399 white-space: nowrap; 400 } 401 402 .line-clamp-2 { 403 overflow: hidden; 404 display: -webkit-box; 405 -webkit-line-clamp: 2; 406 -webkit-box-orient: vertical; 407 word-break: break-word; 408 } 409 410 .hide-scrollbar {
411 -ms-overflow-style: none; 412 scrollbar-width: none; 413 } 414 415 .hide-scrollbar::-webkit-scrollbar, 416 .hide-scrollbar ::-webkit-scrollbar { 417 display: none; 418 } 419 420 .break-words { 421 overflow-wrap: break-word; 422 word-break: break-word; 423 } 424 /* mce */ 425 .mce-content p:first-child { 426 margin-top: 0; 427 } 428 .mce-content p:last-child { 429 margin-bottom: 0; 430 } 431 .mce-content img + img, 432 .mce-content spz-img + spz-img { 433 margin-top: 30px; 434 } 435 .mce-content spz-img { 436 max-width: 100% !important; 437 } 438 .mce-content table { 439 max-width: 100%; 440 border-collapse: collapse; 441 } 442 .mce-content table td, 443 .mce-content table th { 444 padding: 8px; 445 border: 1px solid #e6e6e6; 446 } 447 .mce-content iframe { 448 max-width: 100%; 449 } 450 .mce-content blockquote { 451 margin: 1em 40px; 452 } 453 .mce-content a { 454 color: inherit; 455 word-break: break-all; 456 } 457 458 /* loading */ 459 @keyframes spinning { 460 from { 461 -webkit-transform: rotate(0deg); 462 transform: rotate(0deg); 463 } 464 465 to { 466 -webkit-transform: rotate(1turn); 467 transform: rotate(1turn); 468 } 469 } 470 471 spz-loading { 472 background: rgba(0, 0, 0, 0.3); 473 } 474 475 @keyframes rotate { 476 0% { 477 -webkit-transform: rotate(0deg); 478 transform: rotate(0deg) 479 } 480 to { 481 -webkit-transform: rotate(1turn); 482 transform: rotate(1turn) 483 } 484 } 485 486 spz-loading .loading-inner { 487 border-radius: 50%; 488 border-top: 3px solid transparent; 489 border-left: 3px solid transparent; 490 border-right: 3px solid transparent; 491 width: 26px; 492 height: 26px; 493 border: 3px solid #fff; 494 -webkit-animation: rotate .8s ease infinite; 495 animation: rotate .8s ease infinite; 496 border-bottom-color: #fff; 497 border-top-color: transparent; 498 border-left-color: transparent; 499 border-right-color: transparent; 500 } 501 502 .loading{ 503 --loading-show: flex !important; 504 --loading-hide: none !important; 505 } 506 507 .loading[show]{ 508 display: var(--loading-show); 509 } 510 511 .loading[hide]{ 512 display: var(--loading-hide); 513 } 514 515 .loading[has-full-mask]{ 516 position: fixed; 517 top: 0; 518 bottom: 0; 519 right: 0; 520 left: 0; 521 background: var(--color-mask-bg); 522 z-index: var(--z-index-modal-backdrop); 523 } 524 525 .loading-bounce { 526 width: 26px; 527 height: 26px; 528 border-radius: 50%; 529 border: 3px solid transparent; 530 border-bottom-color: #fff; 531 animation: spinning .8s ease infinite; 532 -webkit-animation: spinning .8s ease infinite; 533 } 534 535 /* spz-carousel button */ 536 spz-carousel .spz-carousel-button { 537 display: flex; 538 align-items: center; 539 justify-content: center; 540 width: 44px; 541 height: 44px; 542 border-radius: 100%; 543 box-shadow: 4px 4px 16px rgba(18, 27, 23, 0.04); 544 background-color: rgba(255, 255, 255, 1); 545 cursor: pointer; 546 opacity: 0 !important; 547 transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); 548 } 549 550 @media (min-width: 960px) { 551 spz-carousel:hover .spz-carousel-button { 552 opacity: 1 !important; 553 } 554 555 .lg\:line-clamp-3 { 556 overflow: hidden; 557 display: -webkit-box; 558 -webkit-line-clamp: 3; 559 -webkit-box-orient: vertical; 560 word-break: break-word; 561 } 562 } 563 564 spz-carousel .spz-carousel-button-prev > svg { 565 transform: rotate(-90deg); 566 } 567 568 spz-carousel .spz-carousel-button-next > svg { 569 transform: rotate(90deg); 570 } 571 572 .button-primary[loading], 573 .button-secondary[loading] { 574 pointer-events: none; 575 } 576 577 .button-primary[loading] [role="content"], 578 .button-secondary[loading] [role="content"], 579 .button-primary:not([loading]) .loading, 580 .button-secondary:not([loading]) .loading { 581 opacity: 0; 582 } 583 584 .button-primary[loading] .loading, 585 .button-secondary[loading] .loading { 586 opacity: 1; 587 } 588 589 /* discount style */ 590 .discount_gift_content { 591 display: inline-flex; 592 align-items: center; 593 padding: 4px; 594 color: #EB391B; 595 background-color: rgba(235, 57, 27, 0.1); 596 border-radius: 2px; 597 } 598 .discount_gift_content .discount__gift_lan { 599 margin-left: 2px; 600 } 601 602 spz-carousel > .i-spzhtml-slides-container { 603 width: 100%; 604 } 605 606 spz-sidebar ~ .i-spzhtml-sidebar-mask { 607 background-color: var(--color-body-text-50); 608 } 609</style> 610 611<style> 612 .page_container { 613 padding-top: 0px; 614 padding-right: 0px; 615 padding-bottom: 0px; 616 padding-left: 0px; 617 } 618 619 @media (min-width: 960px) { 620 .page_container { 621 padding-top: 0px; 622 padding-right: 0px; 623 padding-bottom: 0px; 624 padding-left: 0px; 625 } 626 } 627</style> 628<style> 629 /* position, display, width, height */ 630 .uppercase { text-transform: uppercase; } 631 .\!static { position: static; } 632 .relative { position: relative; } 633 .absolute { position: absolute; } 634 .sticky { position: sticky; } 635 /* top left right bottom */ 636 .top-0 { top: 0; } 637 .top-1\/2 { top: 50%; } 638 .bottom-0 { bottom: 0; } 639 .bottom-3 { bottom: 12px;} 640 .bottom-5 { bottom: 20px; } 641 .-bottom-5 { bottom: -20px } 642 .inset-0 { top: 0; left: 0; right: 0; bottom: 0; } 643 .inset-x-\[-22px\] { left: -22px; right: -22px; } 644 .-inset-y-5 { top: -20px; bottom: -20px; } 645 646 .block { display: block; } 647 .inline-block { display: inline-block; } 648 .inline-flex { display: inline-flex; } 649 .flex { display: flex; } 650 .flex-1 { flex: 1; } 651 .flex-col { flex-direction: column; } 652 .items-end { align-items: flex-end; } 653 .items-center { align-items: center; } 654 .self-center { align-self: center; } 655 .items-start { align-items: flex-start; } 656 .items-stretch { align-items: stretch; } 657 .justify-end { justify-content: flex-end; } 658 .justify-center { justify-content: center; } 659 .justify-between { justify-content: space-between; } 660 .flex-center{ display: flex; align-items: center; justify-content: center; } 661 .flex-grow { flex-grow: 1; } 662 .flex-shrink-0 { flex-shrink: 0; } 663 .flex-wrap { flex-wrap: wrap; } 664 .flex-1 { flex: 1; } 665 .flex-row-reverse { flex-direction: row-reverse; } 666 .hidden { display: none; } 667 .\!hidden { display: none !important; } 668 .empty-hidden:empty{ display: none; } 669 670 .max-w-full { max-width: 100%; } 671 .max-w-\[300px\] { max-width: 300px; } 672 .min-w-\[0px\] { min-width: 0px; } 673 674 .w-full { width: 100%; } 675 .w-7 { width: 28px; } 676 .w-10 { width: 40px; } 677 .w-11 { width: 44px; } 678 .h-full { height: 100%; } 679 .h-11 { width: 44px; } 680 .h-14 { height: 56px;} 681 682 683 /* margin, padding */ 684 .m-0 { margin: 0; } 685 .-mt-3 { margin-top: -12px; } 686 .mt-0\.5 { margin-top: 2px; } 687 .mt-0 { margin-top: 0; } 688 .mt-1 { margin-top: 4px; } 689 .mt-1\.5 { margin-top: 6px; } 690 .mt-2 { margin-top: 8px; } 691 .mt-3 { margin-top: 12px; } 692 .mt-4 { margin-top: 16px; } 693 .mt-5 { margin-top: 20px; } 694 .mt-6 { margin-top: 24px; } 695 .mt-7 { margin-top: 28px; } 696 .mt-8 { margin-top: 32px; } 697 .mt-9 { margin-top: 36px; } 698 .mt-10 { margin-top: 40px; } 699 700 .mb-1 { margin-bottom: 4px; } 701 .mb-2 { margin-bottom: 8px; } 702 .mb-3 { margin-bottom: 12px; } 703 .mb-4 { margin-bottom: 16px; } 704 .mb-5 { margin-bottom: 20px; } 705 .mb-6 { margin-bottom: 24px; } 706 .mb-8 { margin-bottom: 32px; } 707 .mx-auto { margin-left: auto; margin-right: auto; } 708 .mx-0 { margin-left: 0; margin-right: 0; } 709 .mx-5 { margin-left: 20px; margin-right: 20px; } 710 .my-1 { margin-top: 4px; margin-bottom: 4px; } 711 .my-6 { margin-top: 24px; margin-bottom: 24px; } 712 .my-10 { margin-top: 40px; margin-bottom: 40px; } 713 .my-14 { margin-top: 56px; margin-bottom: 56px; } 714 715 .p-0 { padding: 0; } 716 .p-2 { padding: 8px; } 717 .p-3 { padding: 12px; } 718 .p-4 { padding: 16px; } 719 .p-6 { padding: 24px; } 720 .p-8 { padding: 32px; } 721 .p-\[15px\] { padding: 15px; } 722 .px-2 { padding-left: 8px; padding-right: 8px; } 723 .px-3 { padding-left: 12px; padding-right: 12px; } 724 .px-4 { padding-left: 16px; padding-right: 16px; } 725 .px-5 { padding-left: 20px; padding-right: 20px; } 726 .px-6 { padding-left: 24px; padding-right: 24px; } 727 .px-10 { padding-left: 40px; padding-right: 40px; } 728 .px-\[18px\] { padding-left: 18px; padding-right: 18px; } 729 .px-\[22px\] { padding-left: 22px; padding-right: 22px; } 730 .py-\[10px\] { padding-top: 10px; padding-bottom: 10px; } 731 732 .py-0 { padding-top: 0; padding-bottom: 0; } 733 .py-1 { padding-top: 4px; padding-bottom: 4px; } 734 .py-2 { padding-top: 8px; padding-bottom: 8px; } 735 .py-3 { padding-top: 12px; padding-bottom: 12px; } 736 .py-4 { padding-top: 16px; padding-bottom: 16px; } 737 .py-5 { padding-top: 20px; padding-bottom: 20px; } 738 .py-6 { padding-top: 24px; padding-bottom: 24px; } 739 .py-8 { padding-top: 32px; padding-bottom: 32px; } 740 .py-12 { padding-top: 48px; padding-bottom: 48px; } 741 .pt-2 { padding-top: 8px; } 742 .pt-3 { padding-top: 12px; } 743 .pt-4 { padding-top: 16px; } 744 .pt-5 { padding-top: 20px; } 745 .pt-6 { padding-top: 24px; } 746 .pt-10 { padding-top: 40px; } 747 .pt-12 { padding-top: 48px; } 748 .pb-1 { padding-bottom: 4px; } 749 .pb-2 { padding-bottom: 8px; } 750 .pb-3 { padding-bottom: 12px; } 751 .pb-4 { padding-bottom: 16px; } 752 .pb-8 { padding-bottom: 32px; } 753 .pb-full { padding-bottom: 100%; } 754 755 /* Typography */ 756 .body-minus-2 { font-size: calc(var(--type-text-font-size) - 2px); } 757 .body-minus-1 { font-size: calc(var(--type-text-font-size) - 1px); } 758 .body-base { font-size: var(--type-text-font-size); } 759 .body-plus-1 { font-size: calc(var(--type-text-font-size) + 1px); } 760 .body-plus-2 { font-size: calc(var(--type-text-font-size) + 2px); } 761 .body-plus-3 { font-size: calc(var(--type-text-font-size) + 3px); } 762 .body-plus-4 { font-size: calc(var(--type-text-font-size) + 4px); } 763 .body-plus-6 { font-size: calc(var(--type-text-font-size) + 6px); } 764 .text-2xl { font-size: 24px; line-height: 28px; } 765 .text-xs { font-size: 12px; line-height: 16px; } 766 .text-sm { font-size: 14px; line-height: 20px; } 767 .text-base { font-size: 16px; line-height: 24px; } 768 .text-lg { font-size: 18px; line-height: 28px; } 769 .text-0 { font-size: 0; } 770 .text-5 { font-size: 20px; } 771 .text-6 { font-size: 24px; } 772 .text-8 { font-size: 32px; } 773 774 .text-inherit { color: inherit; } 775 .text-center { text-align: center; } 776 .text-current{ color:currentColor }
777 .text-btn-bg { color: var(--color-primary-btn-bg); } 778 779 .text-white { color: rgba(255,255,255,1); } 780 .text-compare-at-price-color { color:var(--color-compare-at-price-text); } 781 .bg-btn-text-color { background-color: var(--color-primary-btn-text); } 782 783 .font-normal { font-weight: 400; } 784 .font-medium { font-weight: 500; } 785 .font-semibold { font-weight: 600; } 786 .font-bold { font-weight: 700; } 787 788 .leading-none { line-height: 1; } 789 .leading-1\.1 { line-height: 1.1; } 790 .leading-1\.15 { line-height: 1.15; } 791 .leading-1\.2 { line-height: 1.2; } 792 .leading-1\.25 { line-height: 1.25; } 793 .leading-1\.3 { line-height: 1.3; } 794 .leading-1\.4 { line-height: 1.4; } 795 .leading-1\.5 { line-height: 1.5; } 796 .leading-1\.7 { line-height: 1.7; } 797 798 .break-all { word-break: break-all; } 799 800 .whitespace-nowrap { white-space: nowrap; } 801 802 .overflow-hidden { overflow: hidden; } 803 .overflow-x-hidden { overflow-x: hidden; } 804 .overflow-x-auto { overflow-x: auto; } 805 .overflow-y-hidden { overflow-y: hidden; } 806 .overflow-y-auto { overflow-y: auto; } 807 808 .underline { text-decoration: underline; } 809 .no-underline { text-decoration-line: none; } 810 .appearance-none { 811 -webkit-appearance: none; 812 -moz-appearance: none; 813 appearance: none; 814 } 815 816 /* Color */ 817 .color-body { color: var(--color-body-text); } 818 .color-body-60 { color: var(--color-body-text-60); } 819 .color-body-70 { color: var(--color-body-text-70); } 820 .color-heading { color: var(--color-general-heading-text); } 821 .color-price { color: var(--color-price-text); } 822 .color-save-price { color: var(--color-save-price-text); } 823 .color-compare-price { color: var(--color-compare-at-price-text); } 824 .color-text-default { color: #9F9F9F; } 825 .color-custom-label-text {color: var(--color-custom-label-text);} 826 827 /* Background */ 828 .bg-custom-label {background-color: var(--color-custom-label-bg);} 829 .bg-color-body {background-color: var(--color-body-bg);} 830 .color-body-text { color: var(--color-body-text); } 831 832 /* Border Radius */ 833 .rounded-sm { border-radius: 2px; } 834 .rounded { border-radius: 4px; } 835 .rounded-full { border-radius: 9999px; } 836 837 /* Border */ 838 .border-none { border-style: none; } 839 .border { border: 1px solid var(--color-border); } 840 .border-t { border-top: 1px solid var(--color-border); } 841 .border-b { border-bottom: 1px solid var(--color-border); } 842 .border-solid { border-style: solid; } 843 .\!border-none { border-style: none !important; } 844 .border-t { border-top-width: 1px; } 845 .border-0 { border-width: 0; } 846 .border-t-0 { border-top-width: 0;} 847 .border-\[\#e6e6e6\] { border-color: rgba(230,230,230,1); } 848 .placeholder-svg { 849 position: relative; 850 } 851 852 .placeholder-svg > svg { 853 width: 100%; 854 height: 100%; 855 top: 0; 856 right: 0; 857 bottom: 0; 858 left: 0; 859 fill: #c0c0c0; 860 background-color: #eee; 861 } 862 863 /* z-index */ 864 .z-1 { z-index: 1; } 865 .z-10 { z-index: 10; } 866 .z-20 { z-index: 20; } 867 .z-50 { z-index: 50; } 868 .-z-1 { z-index: -1; } 869 870 /* .z-dropdown { z-index: 1000; } */ 871 872 /* Object */ 873 .object-contain { -o-object-fit: contain; object-fit: contain; } 874 .object-cover { -o-object-fit: cover; object-fit: cover; } 875 876 /* opacity */ 877 .opacity-0 { opacity: 0; } 878 .opacity-\[18\%\] { opacity: 18%; } 879 .opacity-50 { opacity: .5; } 880 .opacity-60 { opacity: .6; } 881 .opacity-70 { opacity: .7; } 882 .opacity-75{ opacity: .75; } 883 884 .group-hover\:opacity-100 { opacity: 1; } 885 886 /* text decoration */ 887 .line-through { text-decoration: line-through; } 888 889 /* Other */ 890 .cursor-pointer { cursor: pointer; } 891 .pointer-events-none { pointer-events: none; } 892 .pointer-events-auto { pointer-events: auto; } 893 894 /* svg */ 895 .fill-svg { fill: silver; } 896 .bg-svg { background-color: rgba(238, 238, 238, 1); } 897 .bg-black { background-color: rgba(0,0,0,1); } 898 .bg-white { background-color: rgba(255,255,255,1); } 899 /* grid */ 900 .grid { display: grid; } 901 .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } 902 .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } 903 .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } 904 .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } 905 .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } 906 .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } 907 .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } 908 .grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } 909 .grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } 910 .grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } 911 912 .gap-3 { gap: 12px; } 913 .gap-4 { gap: 16px; } 914 .gap-x-4 { column-gap: 16px; } 915 .gap-x-6 { column-gap: 24px; } 916 .gap-x-10 { column-gap: 40px; } 917 .gap-y-4 { row-gap: 16px; } 918 .gap-y-5 { row-gap: 20px; } 919 .gap-y-6 { row-gap: 24px; } 920 .gap-y-11 { row-gap: 44px; } 921 922 .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 923 924 /* btn */ 925 .primary-btn { cursor: pointer; border-width: 1px; border-style: solid; border-color: transparent; background-color: var(--color-primary-btn-bg); text-align: center; color: var(--color-primary-btn-text); } 926 .primary-btn:hover { background-color: var(--color-cart-dot-bg); } 927 .secondary-btn{ cursor: pointer; border-width: 1px; border-style: solid; border-color: rgba(230,230,230,1); background-color: transparent; color: var(--color-body-text);} 928 .secondary-btn:hover{ border-color: var(--color-primary-btn-bg); background-color: var(--color-primary-btn-bg); color: var(--color-primary-btn-text); } 929 930 .rounded-btn { border-radius: var(--btn-border-radius); } 931 932 /* last */ 933 .last\:mb-0:last-child { margin-bottom: 0; } 934 935 /* transform */ 936 .-translate-y-1\/2 { transform: var(-50%); } 937 938 /* box */ 939 .box-border { box-sizing: border-box; } 940 941 /* ul li */ 942 .list-none { list-style-type: none; } 943 944 .left-0 { left: 0; }
945 .left-1\/2 { left: 50%; } 946 .left-3 { left: 12px; } 947 .right-0 { right: 0; } 948 .right-3 { right: 12px; } 949 .right-4 { right: 16px; } 950 .right-8 { right: 32px; } 951 .mr-\[6px\] { margin-right: 6px; } 952 .ml-auto { margin-left: auto; } 953 .-ml-3 { margin-left: -12px; } 954 .ml-1 { margin-left: 4px; } 955 .ml-2 { margin-left: 8px; } 956 .ml-3 { margin-left: 12px; } 957 .ml-4 { margin-left: 16px; } 958 .ml-5 { margin-left: 20px; } 959 .ml-6 { margin-left: 24px; } 960 .ml-7 { margin-left: 28px; } 961 .mr-1 { margin-right: 4px; } 962 .mr-2 { margin-right: 8px; } 963 .mr-3 { margin-right: 12px; } 964 .mr-4 { margin-right: 16px; } 965 .mr-5 { margin-right: 20px; } 966 .pl-2 { padding-left: 8px; } 967 .pl-3 { padding-left: 12px; } 968 .pr-3 { padding-right: 12px; } 969 .text-left { text-align: left; } 970 .text-right { text-align: right; } 971 .rotate-90 { transform: rotate(90deg); } 972 .rotate--90 { transform: rotate(-90deg); } 973 .rotate-180 { transform: rotate(180deg); } 974 .-translate-x-1\/2 { transform: translateX(-50%); } 975 @media (max-width: 959.98px) { 976 .md\:hidden { display: none !important; } 977 .md\:flex { display: flex; } 978 .md\:flex-row-reverse { flex-direction: row-reverse; } 979 .md\:flex-col-reverse { flex-direction: column-reverse; } 980 .md\:flex-1 { flex: 1; } 981 .md\:flex-col { flex-direction: column; } 982 .md\:justify-end { justify-content: flex-end; } 983 .md\:justify-center { justify-content: center; } 984 .md\:justify-between { justify-content: space-between; } 985 .md\:items-center { align-items: center; }
986 .md\:self-center { align-self: center; } 987 .md\:shrink-0 { flex-shrink: 0; } 988 .md\:items-start { align-items: flex-start; } 989 .md\:flex-wrap { flex-wrap: wrap; } 990 991 .md\:w-full { width: 100%; } 992 993 .md\:mt-4 { margin-top: 16px; } 994 .md\:mt-5 { margin-top: 20px; } 995 .md\:mt-6 { margin-top: 24px; } 996 .md\:mt-9 { margin-top: 36px; } 997 .md\:mb-3 { margin-bottom: 13px; } 998 .md\:mb-4 { margin-bottom: 16px; } 999 .md\:mb-5 { margin-bottom: 20px; } 1000 .md\:mx-4 { margin-left: 16px; margin-right: 16px; } 1001 1002 .md\:pb-0 { padding-bottom: 0; } 1003 .md\:px-8 { padding-left: 32px; padding-right: 32px; } 1004 .md\:px-4 { padding-left: 16px; padding-right: 16px; } 1005 .md\:pt-6 { padding-top: 24px; } 1006 .md\:pt-4 { padding-top: 16px; } 1007 .md\:pt-2 { padding-top: 8px; } 1008 .md\:pt-10 { padding-top: 40px; } 1009 .md\:pb-5 { padding-bottom: 20px; } 1010 .md\:pb-6 { padding-bottom: 24px; } 1011 .md\:py-3 { padding-top: 12px; padding-bottom: 12px; } 1012 .md\:order-1 { order: 1; } 1013 .md\:order-2 { order: 2; } 1014 1015 .md\:body-minus-2 { font-size: calc(var(--type-text-font-size) - 2px); } 1016 .md\:body-plus-1 { font-size: calc(var(--type-text-font-size) + 1px); } 1017 .md\:body-plus-2 { font-size: calc(var(--type-text-font-size) + 2px); } 1018 .md\:text-base { font-size: 16px; line-height: 24px; } 1019 .md\:text-xs { font-size: 12px; line-height: 16px; } 1020 .md\:text-sm { font-size: 14px; line-height: 20px; } 1021 .md\:text-center { text-align: center; } 1022 1023 .md\:border-t { border-top: 1px solid var(--color-border); } 1024 .md\:pb-full { padding-bottom: 100%; } 1025 .md\:pt-\[30px\] { padding-top: 30px; } 1026 .md\:pb-\[54px\] { padding-bottom: 54px; } 1027 .md\:p-\[30px\] { padding: 30px; } 1028 1029 .md\:gap-x-4 { column-gap: 16px; } 1030 .md\:gap-y-6 { row-gap: 24px; } 1031 .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } 1032 1033 .md\:overflow-x-scroll { overflow: scroll; } 1034 .md\:w-2\/3 { width: 66.67%; } 1035 .md\:truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 1036 1037 .md\:color-body-70 { color: var(--color-body-text-70); } 1038 } 1039 1040 @media (min-width: 960px) { 1041 .lg\:hidden { display: none !important; } 1042 .lg\:flex { display: flex; } 1043 .lg\:flex-wrap { flex-wrap: wrap; } 1044 .lg\:flex-row-reverse { flex-direction: row-reverse; } 1045 .lg\:flex-col-reverse { flex-direction: column-reverse; } 1046 .lg\:flex-1 { flex: 1; } 1047 .lg\:flex-col { flex-direction: column; } 1048 .lg\:items-center { align-items: center; } 1049 .lg\:justify-end { justify-content: flex-end; } 1050 .lg\:justify-center { justify-content: center; } 1051 .lg\:justify-between { justify-content: space-between; } 1052 .lg\:shrink-0 { flex-shrink: 0; } 1053 1054 .lg\:w-full { width: 100%; } 1055 .lg\:h-full { height: 100%; } 1056 .lg\:w-1\/2 { width: 50%; } 1057 1058 .lg\:mx-8 { margin-left: 32px; margin-right: 32px; } 1059 .lg\:mt-1 { margin-top: 4px; } 1060 .lg\:mt-2 { margin-top: 8px; } 1061 .lg\:mt-3 { margin-top: 12px; } 1062 .lg\:mt-4 { margin-top: 16px; } 1063 .lg\:mt-5 { margin-top: 20px; } 1064 .lg\:mt-6 { margin-top: 24px; } 1065 .lg\:mt-7 { margin-top: 28px; } 1066 .lg\:mt-8 { margin-top: 32px; } 1067 .lg\:mt-9 { margin-top: 36px; } 1068 .lg\:mt-10 { margin-top: 40px; } 1069 .lg\:mt-15 { margin-top: 60px; } 1070 .lg\:mt-84 { margin-top: 84px; } 1071 .lg\:mb-3 { margin-bottom: 12px; } 1072 .lg\:mb-4 { margin-bottom: 16px; } 1073 .lg\:mb-5 { margin-bottom: 20px; } 1074 .lg\:mb-7 { margin-bottom: 28px; } 1075 .lg\:mb-15 { margin-bottom: 60px; } 1076 1077 .lg\:p-4 { padding: 16px; } 1078 .lg\:p-8 { padding: 32px; } 1079 .lg\:px-3 { padding-left: 12px; padding-right: 12px; } 1080 .lg\:px-5 { padding-left: 20px; padding-right: 20px; } 1081 .lg\:px-6 { padding-left: 24px; padding-right: 24px; } 1082 .lg\:px-8 { padding-left: 32px; padding-right: 32px; } 1083 .lg\:px-12 { padding-left: 48px; padding-right: 48px; } 1084 .lg\:px-20 { padding-left: 80px; padding-right: 80px; } 1085 1086 .lg\:px-10 { padding-left: 40px; padding-right: 40px; } 1087 .lg\:py-5 { padding-top: 20px; padding-bottom: 20px; } 1088 .lg\:py-6 { padding-top: 24px; padding-bottom: 24px; } 1089 .lg\:py-7 { padding-top: 28px; padding-bottom: 28px; } 1090 .lg\:py-8 { padding-top: 32px; padding-bottom: 32px; } 1091 .lg\:py-15 { padding-top: 60px; padding-bottom: 60px; } 1092 .lg\:py-20 {padding-top: 80px; padding-bottom: 80px; } 1093 .lg\:pt-1 { padding-top: 4px; } 1094 .lg\:pt-3 { padding-top: 12px; } 1095 .lg\:pt-5 { padding-top: 20px; } 1096 .lg\:pt-6 { padding-top: 24px; } 1097 .lg\:pt-8 { padding-top: 32px; } 1098 .lg\:pt-9 { padding-top: 36px; } 1099 .lg\:pt-10 { padding-top: 40px; } 1100 .lg\:pt-15 { padding-top: 60px; } 1101 .lg\:pt-11 { padding-top: 44px; } 1102 .lg\:pb-6 { padding-bottom: 24px; } 1103 .lg\:pb-8 { padding-bottom: 32px; } 1104 .lg\:pb-9 { padding-bottom: 36px; } 1105 .lg\:pb-13 { padding-bottom: 52px; } 1106 .lg\:px-\[98px\] { padding-left: 98px; padding-right: 98px; } 1107 1108 .lg\:max-w-full{ max-width: 100%;} 1109 1110 .lg\:body-plus-1 { font-size: calc(var(--type-text-font-size) + 1px); } 1111 .lg\:body-plus-2 { font-size: calc(var(--type-text-font-size) + 2px); } 1112 .lg\:body-plus-4 { font-size: calc(var(--type-text-font-size) + 4px); } 1113 .lg\:text-7 { font-size: 28px; } 1114 .lg\:text-sm { font-size: 14px; line-height: 20px; } 1115 .lg\:text-base { font-size: 16px; line-height: 24px; } 1116 .lg\:text-xl { font-size: 20px; line-height: 24px; } 1117 .lg\:text-2xl { font-size: 24px; line-height: 28px; } 1118 .lg\:text-3xl { font-size: 28px; line-height: 32px; } 1119 1120 .lg\:text-center { text-align: center; } 1121
1122 .lg\:color-text-default { color: #9F9F9F; } 1123 1124 .lg\:border { border: 1px solid var(--color-border); } 1125 1126 .lg\:leading-1\.2 { line-height: 1.2; } 1127 1128 .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } 1129 .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } 1130 .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } 1131 .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } 1132 .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } 1133 .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } 1134 .lg\:gap-y-11 { row-gap: 44px; } 1135 1136 .lg\:gap-3 { gap: 12px; } 1137 .lg\:gap-4 { gap: 16px; } 1138 .lg\:gap-6 { gap: 24px; } 1139 .lg\:gap-y-4 { row-gap: 16px; } 1140 .lg\:gap-y-5 { row-gap: 20px; } 1141 .lg\:gap-y-6 { row-gap: 24px; } 1142 .lg\:gap-y-11 { row-gap: 44px; } 1143 .lg\:gap-x-4 { column-gap: 16px; } 1144 .lg\:gap-x-6 { column-gap: 24px; } 1145 .lg\:gap-x-10 { column-gap: 40px; } 1146 1147 .lg\:inset-0 { top: 0; right: 0; bottom: 0; left: 0; } 1148 1149 .lg\:bottom-4 { bottom: 16px; } 1150 .lg\:bottom-5 { bottom: 20px; } 1151 1152 .lg\:overflow-hidden { overflow: hidden; } 1153 1154 /* box */ 1155 .lg\:box-border { box-sizing: border-box; } 1156 1157 .lg\:hover\:border-btn-bg:hover:hover { border-color: var(--color-primary-btn-bg); } 1158 .lg\:hover\:bg-btn-bg:hover { background-color: var(--color-primary-btn-bg); } 1159 .lg\:hover\:text-btn-text-color:hover {color: var(--color-primary-btn-text); } 1160 .lg\:hover\:shadow-image:hover { box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.1); } 1161 .lg\:order-1 { order: 1; } 1162 .lg\:order-2 { order: 2; } 1163 } 1164 @media (max-width: 959.98px) { 1165 .md\:ml-4 { margin-left: 16px; } 1166 .md\:pr-4 { padding-right: 16px; } 1167 .md\:pl-4 { padding-left: 16px; } 1168 .md\:rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; } 1169 } 1170 @media (min-width: 960px) { 1171 .lg\:ml-auto { margin-left: auto; } 1172 .lg\:ml-1 { margin-left: 4px; } 1173 .lg\:ml-4 { margin-left: 16px; } 1174 .lg\:ml-8 { margin-left: 32px; } 1175 .lg\:ml-10 { margin-left: 40px; } 1176 .lg\:mr-0 { margin-right: 0; } 1177 .lg\:mr-3 { margin-right: 12px; } 1178 .lg\:mr-4 { margin-right: 16px; } 1179 .lg\:mr-5 { margin-right: 20px; } 1180 .lg\:pr-10{ padding-right: 40px; } 1181 .lg\:pl-10{ padding-left: 40px; } 1182 .lg\:pl-\[42px\] { padding-left: 42px; } 1183 .lg\:border-l { border-left: 1px solid var(--color-border); } 1184 .lg\:border-r { border-right: 1px solid var(--color-border); } 1185 .lg\:rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; } 1186 } 1187 </style> 1188<style> 1189 /* image */ 1190 .product-snippet__img, 1191 .product-snippet__img-secondary{ 1192 transition: opacity 400ms, transform 400ms; 1193 } 1194 .product-snippet__img-secondary { 1195 opacity: 0; 1196 } 1197 1198 .product-snippet__img { 1199 opacity: 1; 1200 } 1201 1202 .product-snippet__img-link{ 1203 border-radius: var(--global-small-border-radius); 1204 } 1205 .product-snippet__img-wrapper.show_carousel .product-snippet__img_main, 1206 .product-snippet__img-wrapper:not(.show_carousel) .product-snippet__img_carousel{ 1207 display: none !important; 1208 } 1209 .product-snippet__img_carousel .i-spzhtml-slide-item > * { 1210 width: 100% !important; 1211 padding: 0 !important; 1212 margin: 0 !important; 1213 } 1214 /* label */ 1215 .product_snippet__label { 1216 position: absolute; 1217 top: 8px; 1218 left: 8px; 1219 padding: 2px; 1220 text-decoration-line: none; 1221 font-size: 12px; 1222 line-height: 1.2; 1223 border-radius: 2px ; 1224 z-index: 1; 1225 } 1226 .product_snippet__label:not([label-type="sold_out"]){ 1227 background-color: var(--color-label-bg); 1228 color: var(--color-label-text); 1229 } 1230 .product_snippet__label[label-type="sold_out"]{ 1231 background-color: var(--color-sold-label-bg); 1232 color: var(--color-sold-label-text); 1233 } 1234 .product_snippet__label spz-currency{ 1235 display: inline-flex; 1236 } 1237 .product-snippet__title{ 1238 word-break: break-word; 1239 } 1240 1241 /* price */ 1242 .product-snippet__price-wrapper{ 1243 line-height: 1.3; 1244 } 1245 .product-snippet__price{ 1246 padding-right: 6px; 1247 font-weight: 500; 1248 } 1249 .product-snippet__price spz-currency{ 1250 display: inline-flex; 1251 } 1252 1253 .product-snippet__from-price spz-currency { 1254 margin-left: 1px; 1255 } 1256 1257 html[dir="rtl"] .product-snippet__from-price spz-currency { 1258 margin-left: 0; 1259 margin-right: 1px; 1260 } 1261 1262 .product-snippet__price, 1263 .product-snippet__price .money, 1264 .product-snippet__compare-at-price{ 1265 overflow: hidden; 1266 text-overflow: ellipsis; 1267 white-space: nowrap; 1268 } 1269 1270 .product-snippet__price .money { 1271 line-height: 1.25; 1272 font-weight: 500; 1273 color: var(--color-price-text); 1274 } 1275 1276 .product-snippet__compare-at-price { 1277 line-height: 1.15; 1278 color: var(--color-compare-at-price-text); 1279 } 1280 1281 .product-snippet__price-wrapper:not([wholesale-enabled]) .product-snippet__compare-at-price{ 1282 text-decoration: line-through; 1283 } 1284 1285 .product-info-sales-and-reviews * + * { 1286 margin-left: 8px; 1287 } 1288 1289 html[dir="rtl"] .product-info-sales-and-reviews * + * { 1290 margin-left: 0; 1291 margin-right: 8px; 1292 } 1293 1294 @media (min-width: 960px){ 1295 .product-snippet__price-wrapper{ 1296 line-height: 1.1; 1297 } 1298 .product-snippet__price{ 1299 font-size: calc(var(--type-text-font-size) + 2px); 1300 } 1301 1302 .product_snippet__label { 1303 padding: 2px 4px; 1304 } 1305 1306 .product-snippet__img-link[has-secondary-image]:hover .product-snippet__img{ 1307 opacity: 0; 1308 } 1309 1310 .product-snippet__img-link[has-secondary-image]:hover .product-snippet__img-secondary{ 1311 opacity: 1; 1312 } 1313 .product-snippet__img-secondary{ 1314 transform: scale(1.05); 1315 } 1316 1317 .product-snippet__img-link[has-secondary-image]:hover .product-snippet__img-secondary{ 1318 transform: scale(1); 1319 } 1320 } 1321 /* thumbnails */ 1322 .product-snippet__thumbnails-item, 1323 .product-snippet__thumbnails-item img{ 1324 border-radius: 1px; 1325 } 1326 1327 .product-snippet__thumbnails-item + .product-snippet__thumbnails-item { 1328 margin-left: 8px; 1329 } 1330 1331 1332 html[dir="rtl"] .product-snippet__thumbnails-item + .product-snippet__thumbnails-item { 1333 margin-left: 0; 1334 margin-right: 8px; 1335 } 1336 1337 .product-snippet__thumbnails-item[option] { 1338 position: relative; 1339 } 1340 1341 .product-snippet__thumbnails-item[option]::before { 1342 content: ''; 1343 z-index: 1; 1344 position: absolute; 1345 top: 0; 1346 left: 0; 1347 right: 0; 1348 bottom: 0; 1349 border: 1px solid transparent; 1350 border-radius: var(--global-fixed-border-radius); 1351 transition: all .2s cubic-bezier(0.445, 0.05, 0.55, 0.95); 1352 } 1353 1354 .product-snippet__thumbnails-item[option][selected]::before { 1355 border-color: var(--color-body-text); 1356 } 1357 1358 .product-snippet__thumbnails-item:not([option]) { 1359 margin: 0; 1360 padding: 0 8px; 1361 line-height: 36px; 1362 } 1363 1364 html[dir="rtl"] .product-snippet__thumbnails-item:not([option]) { 1365 margin: 0; 1366 } 1367 1368 /* quick shop icon */ 1369 .product-snippet__quick-shop-icon { 1370 position: absolute; 1371 right: 8px; 1372 bottom: 8px; 1373 display: flex; 1374 align-items: center; 1375 justify-content: center; 1376 margin: 0; 1377 padding: 7px; 1378 border: none; 1379 border-radius: 9999px; 1380 background: rgba(255, 255, 255, 0.9); 1381 color: var(--color-body-text); 1382 z-index: 1; 1383 } 1384 1385 html[dir="rtl"] .product-snippet__quick-shop-icon { 1386 left: 8px; 1387 right: unset; 1388 } 1389 1390 @media (max-width: 959.98px) { 1391 .product-snippet__quick-shop-icon::before { 1392 content: ''; 1393 position: absolute; 1394 top: -5px; 1395 left: -8px; 1396 right: -8px; 1397 bottom: -8px; 1398 } 1399 } 1400 1401 @media (min-width: 960px){ 1402 .product-snippet__quick-shop-icon { 1403 padding: 10px; 1404 opacity: 0; 1405 transform: translateY(4px); 1406 transition: opacity .3s cubic-bezier(0.445, 0.05, 0.55, 0.95), 1407 transform .3s cubic-bezier(0.445, 0.05, 0.55, 0.95); 1408 } 1409 1410 .product-snippet__img-wrapper:hover .product-snippet__quick-shop-icon{ 1411 opacity: 1; 1412 transform: translateY(0); 1413 } 1414 } 1415 /* quick shop btn */ 1416 .product-snippet__quick-shop-btn{ 1417 width: 100%; 1418 min-height: 40px; 1419 padding: 8px; 1420 border: 1px solid var(--color-primary-btn-bg); 1421 font-size: calc(var(--type-text-font-size) + 2px); 1422 font-weight: 600; 1423 } 1424 .product-snippet__quick-shop-btn[disable]{ 1425 color: #9f9f9f; 1426 background-color: rgba(230, 230, 230, .5); 1427 border: none; 1428 cursor: default; 1429 } 1430 .product-snippet__quick-shop-btn:not(.select), 1431 .product_snippet__atc_select_btn{ 1432 margin-top: 24px; 1433 } 1434 .product_snippet__atc_dropdown .i-spzhtml-dropdown-container{ 1435 min-width: 100%; 1436 } 1437 1438 .product_snippet__atc_tooltip .i-spzhtml-tooltip-inner{ 1439 padding: 0; 1440 box-shadow: none; 1441 } 1442 .product_snippet__atc_tooltip_content{ 1443 display: flex; 1444 flex-direction: column; 1445 padding: 4px 0; 1446 color: var(--color-body-text); 1447 font-size: var(--type-text-font-size); 1448 background: var(--color-body-bg); 1449 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1), 0px 8px 40px rgba(0, 0, 0, 0.2); 1450 max-height: 300px; 1451 overflow: hidden auto; 1452 } 1453 .product_snippet__atc_tooltip_content input[type="radio"]{ 1454 display: none; 1455 } 1456 .product_snippet__atc_tooltip_content label{ 1457 padding: 12px; 1458 border-bottom: 1px solid #e5e5e5; 1459 display: flex; 1460 flex-wrap: wrap; 1461 } 1462 .product_snippet__atc_tooltip_content label:not([disabled]):hover{ 1463 background: var(--color-body-text); 1464 color: var(--color-body-bg); 1465 } 1466 .product_snippet__atc_tooltip_content label[disabled]{ 1467 opacity: 0.6; 1468 } 1469 .product_snippet__atc_tooltip_content .product-snippet__compare-at-price{ 1470 text-decoration: line-through; 1471 } 1472</style> 1473
1473<script> 1474 window.SHOP_PARAMS = { 1475 product_lang:{ 1476 added_to_cart_successfully:"Added successfully", 1477 view_cart:"View Cart", 1478 select_variant:"Please select a variant at least", 1479 line_items_variant_withdraw: "Some items are not in stock, please re-order", 1480 line_items_variant_sold_out: "Some items have been sold out, please re-order", 1481 product_reorder: "Some items information has been updated, please re-order" 1482 }, 1483 product_settings: { 1484 add_to_cart_process:"drawer", 1485 } 1486 } 1487 window.breakpoint = 960; 1488 window.disabled_exts = ["bootstrap", "image_video", "social_login", "global_version", "share_product", "boowc", "paypal_express"]; 1489 </script>
1489 1490
1490<script async crossorigin="anonymous" src="//static.staticdj.com/cuttlefish/v1/spz.min.js"></script>
1490 1491
1491<script>window.C_SETTINGS={image_domain:"//img.staticdj.com/",payment_settings:{"paypal_express_enabled":true,"dynamic_config":{"paypal_js_sdk_url":"https:\/\/www.paypal.com\/sdk\/js?client-id=AUwoRlv3iZ3jt3o3hhcft_tZ5g6tvefEpjCf9YNGeH7q8p_WraleitkKfLnWIs8HLpzalgRA5AMT0BYO¤cy=USD&disable-funding=card%2Cbancontact%2Cblik%2Ceps%2Cgiropay%2Cideal%2Cmercadopago%2Cmybank%2Cp24%2Csepa%2Csofort%2Cvenmo&enable-funding=paylater&merchant-id=7YRJJN7AMVJ6U","express_checkout_config":{"express_channels":["paypal","useepaygoogle","useepayapple"],"express_account_infos":{"paypal":{"channel_id":"67e4a57c-072f-489a-b977-5c8061f6f0b0","merchant_id":"7YRJJN7AMVJ6U","client_id":"BAAiZ4LenqMMdtcXldpCRb3odF0ds0xi86HuE1WESa8AF9AWLTyNAYLVXBlKvOigJHBREo2puhfqfQU9AA","account":"merchant","partner_account":{"id":"partner_region_cn","client_id":"AUwoRlv3iZ3jt3o3hhcft_tZ5g6tvefEpjCf9YNGeH7q8p_WraleitkKfLnWIs8HLpzalgRA5AMT0BYO"}},"useepayapple":{"channel_id":"b37a0c1e-2b3c-40c1-abbd-47fa32c3ec0c","supported_networks":["visa","masterCard","discover","amex"],"merchant_capabilities":["supports3DS","supportsDebit","supportsCredit"],"country_code":"HK"},"useepaygoogle":{"channel_id":"e92ba1c5-50cd-4b85-aba4-05f2419904e5","gateway":"useepay","gateway_merchant_id":"500000000016593","merchant_name":"nisartmacka","allowed_card_networks":["DISCOVER","MASTERCARD","VISA","AMEX"],"allowed_auth_methods":["PAN_ONLY","CRYPTOGRAM_3DS"]}},"express_theme_configs":{"useepayapple":{"theme_type":"Light"},"useepaygoogle":{"theme_type":"Light"}}},"scm":"express_checkout.10978.10979.10980.10981","unified_user_id":"","fallback_reason":"","request_id":"29e8747f-1fd9-4c74-abab-70f77cfc8957","ec_recommend":{"recommend_count":1,"exp_group":"","channel_groups":[{"payment_type":"paypal","candidates":[{"channel":"paypal","score":15.9}]},{"payment_type":"google_pay","candidates":[{"channel":"useepaygoogle","score":4.84}]},{"payment_type":"apple_pay","candidates":[{"channel":"useepayapple","score":0}]}],"scm":"express_checkout.10978.10979.10980.10981","unified_user_id":""},"ec_legacy_apple_pay_block_store_ids":["2036132","2171855","1021775","2373789","2050387","1831597","2386285","2374192"],"ec_legacy_google_pay_block_store_ids":["2036132","2171855","1021775","2373789","2050387","1831597","2386285","2374192"],"ec_legacy_spz_paypal_store_ids":[]}},sa_server_url:"https://r.shoplazza.com/sa?project=production&store_id=2189163",sa_web_url:"https://r.shoplazza.com/?store_id=2189163",routes:{root:""},currency_code:"USD",currency_symbol:"$",currency_symbol_pos:"left",theme:{"theme_id":"aa676694-c806-41d5-bc70-e26cb00f74e3","theme_version_id":"16994","merchant_theme_name":"Nova 2023","theme_preset":"","updated_at":"2026-04-01 09:02:27","merchant_theme_updated_at":"2024-10-22 07:42:25","theme_type":"standard","support_block":true,"support_app_block":true,"ext_theme_key":"","merchant_theme_c_version":"3.5.6","merchant_theme_version":"24.65.0"},customer:{"customer_id":null,"customer_phone":null,"customer_email":null},shop:{"shop_id":"2189163","shop_env":0,"shop_name":"nisartmacka","finance":1,"cdn_domain":"\/\/static.staticdj.com\/","image_domain":"\/\/img.staticdj.com\/","wholesale_enabled":false,"time_zone":"-0800","attrs":null,"show_payment_logo":false},meta:{page:{"template_name":"register","template_type":30,"template_suffix":"default"}},money_format:"amount",money_round_currencies:{"round_off_halfup":["XOF","XAF","XPF","BIF","CLP","KMF","DJF","GNF","ISK","JPY","PYG","RWF","KRW","UGX","VUV","VND","UYI","HUF","TWD"],"round_off_zero":[],"round_off_floor":[],"round_off_ceil":[]},slug:"nisartmacka",CLIENT_SENTRY_DSN:"https://[email protected]/5",region:"cn",store_plan:"base",store_trial:false,password_enabled:false,namespace:"production",market:{"market_id":null,"market_currency":null,"market_lang":null,"market_currency_symbol":null,"market_base_currency":null,"market_base_currency_symbol":null,"primary_market_id":null,"primary_market_currency":null,"primary_market_currency_symbol":null,"primary_market_lang":"en-US","market_price_setting":null,"market_domain":null},app_root_domain:"shoplazza.com",product_snippet_prefix:"shoplazza-product-snippet",section_prefix:"shoplaza-section"};window[atob("U0hPUExBWlpB")]= window.C_SETTINGS;</script>
1491<style type="text/css"> 1492 .theme-toast-wrap{ 1493 position: fixed; 1494 z-index: var(--z-index-tooltip); 1495 top: 64px; 1496 right: 0; 1497 left: 0; 1498 pointer-events: none; 1499 } 1500 .theme-toast{ 1501 width: 100%; 1502 background: rgba(41, 41, 41, 0.95); 1503 color: #fff; 1504 pointer-events: auto; 1505 border-radius: 0px; 1506 position: unset !important; 1507 transform: unset !important; 1508 text-align: left !important; 1509 } 1510 @media (min-width: 960px) { 1511 .theme-toast-wrap { 1512 top: 60px; 1513 } 1514 .theme-toast{ 1515 width: 400px; 1516 border-radius: 2px; 1517 } 1518 } 1519 1520 .add_cart-toast-wrap{ 1521 position: fixed; 1522 z-index: var(--z-index-tooltip); 1523 top: 64px; 1524 right: 0; 1525 left: 0; 1526 pointer-events: none; 1527 } 1528 .add_cart-toast{ 1529 width: 100%; 1530 background: rgba(41, 41, 41, 0.95); 1531 color: #fff; 1532 pointer-events: auto; 1533 border-radius: 0px; 1534 position: unset !important; 1535 transform: unset !important; 1536 text-align: left !important; 1537 } 1538 .toast_view_cart { 1539 color: #F3D07D; 1540 } 1541 @media (min-width: 960px) { 1542 .add_cart-toast-wrap { 1543 top: 60px; 1544 } 1545 .add_cart-toast{ 1546 width: 400px; 1547 border-radius: 2px; 1548 } 1549 } 1550</style>
1551<script type="text/javascript"> 1552/* top_v2-start */!function(e){var t={};function n(s){if(t[s])return t[s].exports;var o=t[s]={i:s,l:!1,exports:{}};return e[s].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,s){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(n.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(s,o,function(t){return e[t]}.bind(null,o));return s},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=12)}([function(e,t,n){"use strict";n.d(t,"h",(function(){return s})),n.d(t,"i",(function(){return o})),n.d(t,"s",(function(){return r})),n.d(t,"o",(function(){return i})),n.d(t,"r",(function(){return a})),n.d(t,"a",(function(){return c})),n.d(t,"b",(function(){return d})),n.d(t,"e",(function(){return u})),n.d(t,"c",(function(){return l})),n.d(t,"d",(function(){return p})),n.d(t,"f",(function(){return h})),n.d(t,"n",(function(){return _})),n.d(t,"g",(function(){return f})),n.d(t,"k",(function(){return v})),n.d(t,"l",(function(){return y})),n.d(t,"q",(function(){return m})),n.d(t,"j",(function(){return g})),n.d(t,"p",(function(){return b})),n.d(t,"m",(function(){return w}));const s="dj.request",o="dj.response",r="dj.viewContent",i="dj.productSearch",a="dj.variantChange",c="dj.addToCart",d="dj.cartChange",u="dj.cartUpdate",l="dj.cartItemChange",p="dj.cartItemDelete",h="dj.checkoutSubmit",_="dj.passwordReset",f="dj.completeRegistration",v="dj.login",y="dj.logout",m="dj.registration",g="dj.emailSubscription",b="dj.purchase",w="dj.pageLoad"},function(e,t,n){"use strict";n.d(t,"c",(function(){return o})),n.d(t,"d",(function(){return r})),n.d(t,"a",(function(){return i})),n.d(t,"b",(function(){return a}));var s=n(0);window.__SEAHORSE_BUS={listeners:{},addEventListener(e,t){this.listeners[e]||(this.listeners[e]=[]),this.listeners[e].push(t)},dispatchEvent(e,t){const n=this.listeners[e];n&&n.length>0?n.forEach(n=>{try{n(t)}catch(t){console.error("æ§è¡äºä»¶åè°å¤±è´¥: "+e,t)}}):console.error("æ²¡ææ¾å°äºä»¶çå¬å¨: "+e)}};const o=function(e){const t=document.createElement("a");return t.href=e,t},r=(e,t)=>{var n;const o=(e=>e?{...e,event_time:Date.now(),__is_seahorse_event:!0}:null)(t);e===s.a&&window.__SEAHORSE_BUS.dispatchEvent(e,o);const r=new CustomEvent(e,{detail:o,bubbles:!0});null===(n=document.body)||void 0===n||n.dispatchEvent(r)},i=(e,t)=>{document.addEventListener(e,(function(e){t(e,e.detail)}))},a=e=>{const t={};try{if(!e||e.match(/^[{\[]+[^]*[}\]]+$/))return t;e.replace(/[?&]+([^=&]+)=([^&]*)/gi,(e,n,s)=>{null!=s&&(t[n]=s)})}catch(e){console.log(e)}return t}},function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));const s=function(){var e,t,n,s,o,r,i,a,c,d,u;const l=window.C_SETTINGS||window[atob("U0hPUExBWlpB")]||{};window[atob("U0hPUF9QQVJBTVM=")]=Object.assign({customer_id:null===(e=l.customer)||void 0===e?void 0:e.customer_id,finance:null===(t=l.shop)||void 0===t?void 0:t.finance,finance_symbol:l.currency_symbol,cdn_domain:null===(n=l.shop)||void 0===n?void 0:n.cdn_domain,theme_id:null===(s=l.theme)||void 0===s?void 0:s.theme_id,theme_name:null===(o=l.theme)||void 0===o?void 0:o.merchant_theme_name,theme_version:null===(r=l.theme)||void 0===r?void 0:r.theme_version_id,shop_name:null===(i=l.shop)||void 0===i?void 0:i.shop_name,shop_id:null===(a=l.shop)||void 0===a?void 0:a.shop_id,shop_env:null===(c=l.shop)||void 0===c?void 0:c.shop_env,default_img:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABlBMVEXx8fH///8wmV1OAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAACklEQVQImWNgAAAAAgAB9HFkpgAAAABJRU5ErkJggg==",template_name:null===(d=l.meta)||void 0===d||null===(d=d.page)||void 0===d?void 0:d.template_name,template_type:null===(u=l.meta)||void 0===u||null===(u=u.page)||void 0===u||null===(u=u.template_type)||void 0===u?void 0:u.toString()},window[atob("U0hPUF9QQVJBTVM=")]||{})}},function(e,t,n){"use strict";function s(){var e;null===(e=window.djInterceptors)||void 0===e||null===(e=e.proxy)||void 0===e||e.use(o)}function o({url:e,method:t,_body:n,redirect:s}){let o=null;try{var r,i,a;if(e.endsWith("/api/checkout/order")&&"POST"===t&&!s)if(n="string"==typeof n?JSON.parse(n):n,o={time:Date.now(),isOptimizedVersion:!1,source:["buy_now","cart"].includes(null===(r=n.refer_info)||void 0===r?void 0:r.source)?null===(i=n.refer_info)||void 0===i?void 0:i.source:"buy_now"},n.enable_order_create_proxy&&"one_page"!=(null===(a=n.refer_info)||void 0===a?void 0:a.source)){o&&(o.isOptimizedVersion=!0);const t=document.createElement("form");return t.method="POST",t.action=e.replace("/api/checkout/order","/checkout/create_order"),t.style.display="none",function(e,t){const n=document.createElement("input");n.type="hidden",n.name="data",n.value=JSON.stringify(t),e.appendChild(n)}(t,n),document.body.appendChild(t),t.submit(),document.body.removeChild(t),Promise.resolve(new Response(JSON.stringify({state:"success",ignore_to_checkout:!0,data:{items:n.line_items,refer_info:n.refer_info}}),{status:200,headers:{"Content-Type":"application/json"}}))}}catch(s){console.error("proxyCreateOrder error",e,t,n,s)}finally{o&&sessionStorage.setItem("CREATE_ORDER",JSON.stringify(o))}}n.d(t,"a",(function(){return s}))},function(e,t,n){"use strict";n.d(t,"a",(function(){return y}
1552));class s{constructor(){this._handlers=[]}use(e){return this._handlers.push(e),this._handlers.length-1}eject(e){this._handlers[e]&&(this._handlers[e]=null)}forEach(e){this._handlers.forEach((t,n)=>{null!==t&&e(t,n)})}length(){return this._handlers.length}}var o=n(1);const r="dj.request",i="dj.response",a="dj.beforeRequest",c="application/x-www-form-urlencoded",d="application/json",u=/(?:\[)(.+?)(?:\])/g,l=/^\d$/,p=e=>{if(!e)return e;let t=e;try{t=JSON.parse(JSON.stringify(e)),Object.keys(e).forEach(n=>{var s;let o=null==n?void 0:n.match(u);if(!o)return void(t[n]=e[n]);o=o.map(e=>e.slice(1,-1));const r=o[0],i=l.test(r),a=null==n?void 0:n.slice(0,null==n?void 0:n.indexOf("["));t[a]||(t[a]=i?[]:{}),null===(s=o)||void 0===s||s.forEach(s=>{l.test(s)||(i?(t[a][r]||(t[a][r]={}),t[a][r][s]=e[n]):t[a][s]=e[n])})})}catch(e){console.log(e)}return t};class h{constructor(e,t,n,s){this.__reqHeaders=Object.assign({},n),this._request={url:e,redirect:void 0,method:t,headers:n,_body:s,body:void 0},this._response={data:void 0,headers:void 0,status:void 0},this.__origin_code_map_={}}redirectUrl_(){return this._request.redirect}getContentType_(e){for(const t in e.headers||{})if("content-type"===t.toLowerCase())return e.headers[t]}getRequestType_(){return this.getContentType_(this._request)}getResponseType_(){return this.getContentType_(this._response)}serializeBody_(){const e=this.getRequestType_();if(!e||!this._request._body)return;let t=void 0;try{e.indexOf(c)>-1?t=this.formStringToObj_(this._request._body):e.indexOf(d)>-1&&(t=JSON.parse(this._request._body))}catch{}t&&(this._request.body=t)}deserializeBody_(){const e=this.getRequestType_();if(!e||!this._request.body)return;let t=void 0;try{e.indexOf(c)>-1?t=this.formBodyToString_(this._request.body):e.indexOf(d)>-1&&(t=JSON.stringify(this._request.body))}catch{}t&&(this._request._body=t)}formBodyToString_(e){const t=[],n=(e,n)=>{t.push(this.getEncodeValue_(e)+"="+this.getEncodeValue_(n))};for(const t in e){const s=e[t];Array.isArray(s)?s.forEach(e=>{n(t,e)}):n(t,s)}return t.join("&")}formStringToObj_(e){const t={};if(!e||e.match(/^[{\[]+[^]*[}\]]+$/))return t;const n=[];return("?"+e).replace(/[?&]+([^=&]+)=([^&]*)/gi,(e,s,o)=>{null!=o&&(s=this.getDecodeValue_(s),o=this.getDecodeValue_(o),n.push({key:s,value:o}),null!=t[s]?t[s]=n.filter(e=>e.key==s).map(e=>e.value):t[s]=o)}),t}getDecodeValue_(e){const t=decodeURIComponent(e),n=e!==encodeURIComponent(t)?e:t;return this.__origin_code_map_[n]=e,n}getEncodeValue_(e){return void 0!==this.__origin_code_map_[e]?this.__origin_code_map_[e]:null==e?e:encodeURIComponent(e)}triggerBeforeRequestEvent(){Object(o.d)(a,Object.assign({},this._request,{body:p(this._request.body)}))}triggerRequestEvent(){Object(o.d)(r,Object.assign({},this._request,{body:p(this._request.body)}))}triggerResponseEvent(){Object(o.d)(i,{request:Object.assign({},this._request,{body:p(this._request.body)}),response:this._response})}shouldSendDirectly_(){var e,t;if(!(null!==(e=window.djInterceptors)&&void 0!==e&&null!==(e=e.request)&&void 0!==e&&e.length()||null!==(t=window.djInterceptors)&&void 0!==t&&null!==(t=t.proxy)&&void 0!==t&&t.length()))return!0;const n=this.getRequestType_();return!(!n||-1!==n.indexOf(c)||-1!==n.indexOf(d))}shouldReturnDirectly_(){var e;if(null===(e=window.djInterceptors)||void 0===e||null===(e=e.response)||void 0===e||!e.length())return!0;const t=this.getResponseType_();return!(!t||-1!==t.indexOf(d))}headersModified_(){const e={};let t=!1;const n=this._request.headers;return Object.getOwnPropertyNames(n||{}).forEach(s=>{n[s]!==this.__reqHeaders[s]&&(e[s]=n[s],t=!0)}),t?e:void 0}requestHooks_(){var e;let t=[],n=Promise.resolve(this._request);for(null===(e=window.djInterceptors)||void 0===e||null===(e=e.request)||void 0===e||e.forEach(e=>{t.push(e)});t.length;)n=n.then(t.shift());return n}responseHooks_(){var e;const t=Object.assign(this._response,{config:this._request});let n=Promise.resolve(t);if(this.shouldReturnDirectly_())return n;let s=[];for(null===(e=window.djInterceptors)||void 0===e||null===(e=e.response)||void 0===e||e.forEach(e=>{s.push(e)});s.length;)n=n.then(s.shift());return n}send(e){const t=()=>{if(e)return this.triggerRequestEvent(),e(this._request._body,this.redirectUrl_(),this.headersModified_())};
1552return this.shouldSendDirectly_()?t():this.requestHooks_().then(e=>{e&&e.body&&this.deserializeBody_()}).catch(e=>{console.log(e)}).then(()=>this.handleProxyHook_()).then(e=>e||t())}mock(e){return e?this.parseResponse_(e).then(()=>{this.triggerResponseEvent()}).then(()=>this.responseHooks_()).then(({data:t,status:n})=>{if(!t)return e;if(t instanceof Response)return t;if(e.hasOwnProperty("data")){const s=this.canParseToJson_(e.data);return{status:n,data:this.isObject_(s)?JSON.stringify(t):t}}return e instanceof Response?new Response(JSON.stringify(t),{status:n,headers:e.headers,statusText:e.statusText}):void 0}).catch(()=>(this.triggerResponseEvent(),e)):Promise.resolve(e)}parseResponse_(e){if(this._response.status=e.status||200,e.hasOwnProperty("data")){this._response.headers=e.headers;const t=this.canParseToJson_(e.data);return this._response.data=this.isObject_(t)?t:e.data,Promise.resolve()}return e instanceof Response?(this._response.headers=this.parseHeaders_(e.headers),e.clone().json().then(e=>{this._response.data=e}).catch(()=>this._response.data=e)):Promise.resolve()}parseHeaders_(e){const t={};if("function"==typeof e.entries)for(const n of e.entries())t[n[0]]=n[1];return t}canParseToJson_(e){try{return JSON.parse(e)}catch{}return!1}isObject_(e){return"object"==typeof e}handleBeforeRequest_(){this.serializeBody_(),this.triggerBeforeRequestEvent()}async handleProxyHook_(){try{var e;const t=[];null===(e=window.djInterceptors)||void 0===e||null===(e=e.proxy)||void 0===e||e.forEach(e=>{t.push(e)});for(const e of t){const t=await e(this._request);if(t)return t}}catch(e){console.log(e)}}intercept(e){this.handleBeforeRequest_();const t=this.send(e);if(t instanceof Promise)return t.then(e=>this.mock(e))}}function _(){const e=function(e){if(this.readyState===window.XMLHttpRequest.DONE&&(e.requestProxy_||e.responseMock_))return e.responseMock_||(e.responseMock_=t=>e.requestProxy_.mock.apply(e.requestProxy_,[t])),e.responseMock_({status:this.status,data:this.responseType_&&"text"!=this.responseType_?this.response:this.responseText,headers:f(e)}).then(({data:e,status:t})=>(this.response=this.responseText=e,this.status=t,e))};!function(e){const t=window;t.__xhr=t.__xhr||t.XMLHttpRequest;const n=t.__xhr.prototype.setRequestHeader,s=t.__xhr.prototype.open,o=t.__xhr.prototype.send,r=function(e,t){e&&Object.getOwnPropertyNames(e).filter(e=>!t||!t.hasOwnProperty(e)).forEach(t=>{n.apply(this,[t,e[t]])})};function i(t){return function(){const n=this.hasOwnProperty(t+"_")?this[t+"_"]:this.xhr[t],s=(e[t]||{}).getter;return s&&s(n,this)||n}}function a(t){return function(n){const s=this.xhr,o=this,r=e[t];if("on"===t.substring(0,2))o[t+"_"]=n,s[t]=function(r){const i=e[t]&&e[t].call(o,s,r);i?i.then(()=>n.call(o,r)):n.call(o,r)};else{const e=(r||{}).setter;n=e&&e(n,o)||n,this[t+"_"]=n;try{s[t]=n}catch(e){}}}}function c(t){return function(){const n=[].slice.call(arguments);if(e[t]){const s=e[t].call(this,n,this.xhr);if(s&&s.then)return s.then(()=>this.xhr[t].apply(this.xhr,[].slice.call(arguments)))}return this.xhr[t].apply(this.xhr,n)}}t.XMLHttpRequest.prototype.setRequestHeader=function(e,t){return this._headers=Object.assign({},this._headers||{},{[e]:t}),n.apply(this,arguments)},t.XMLHttpRequest.prototype.open=function(e,t){return this._method=e||"GET",this._url=t,s.apply(this,arguments)},t.XMLHttpRequest.prototype.send=function(e){return this.requestProxy_=new h(this._url,this._method,this._headers,e),this.requestProxy_.intercept((e,t,n)=>{t&&(s.apply(this,[this._method,t]),r.apply(this,[this._headers,n])),r.apply(this,[n]),o.call(this,e)})},t.XMLHttpRequest=function(){const e=new t.__xhr;for(let t in e){"function"===typeof e[t]?this[t]=c(t):Object.defineProperty(this,t,{get:i(t),set:a(t),enumerable:!0})}this.xhr=e},t.XMLHttpRequest.prototype=t.__xhr.prototype,Object.assign(t.XMLHttpRequest,{UNSENT:0,OPENED:1,HEADERS_RECEIVED:2,LOADING:3,DONE:4}),t.__xhr}({onreadystatechange:e,onload:e,onloadend:e,addEventListener:function(t,n){const s=this;if(["load","loadend","timeout","error","readystatechange","abort"].includes(t[0]))return e.call(s,n)}})}function f(e){const t=e.getAllResponseHeaders().trim().split(/[\r\n]+/);var n={};
1552return t.forEach(e=>{const t=e.split(": "),s=t.shift(),o=t.shift();n[s]=o}),n}const v=["checkout","thank_you"],y=()=>{var e;v.includes(null===(e=window.C_SETTINGS)||void 0===e||null===(e=e.meta)||void 0===e||null===(e=e.page)||void 0===e?void 0:e.template_name)||(window.djInterceptors={request:new s,response:new s,track:new s,proxy:new s},_(),function(){const e=window.fetch;"function"==typeof e&&(window.fetch=function(t,n={}){const s=(null==n?void 0:n.method)||"GET";return new h(t,s,null==n?void 0:n.headers,null==n?void 0:n.body).intercept((s,o,r)=>(n.body=s,r&&(n.headers&&"function"==typeof n.headers.set?Object.getOwnPropertyNames(r).forEach(e=>n.headers.set(e,r[e])):(n.headers||(n.headers={}),Object.assign(n.headers,r))),t=o||t,e.call(this,t,n)))})}())}},function(e,t,n){"use strict";n.d(t,"a",(function(){return b}));var s=n(1),o=n(0);const r=(e,t)=>{e>=200&&e<300&&t()},i=e=>{var t;if(!e)return{};const n=e.quantity||1,s=e.add_quantity||e.quantity||1;let o={option1:"",option2:"",option3:""};return null===(t=e.options)||void 0===t||t.forEach((e,t)=>{o["option"+(t+1)]=e.value}),{product_id:e.product_id,variant_id:e.variant_id,variant:o,name:e.product_title,item_price:e.price,quantity:n,number:s,properties:e.properties,sku:e.sku,vendor:e.vendor,type:""}},a=[{path:/\/api\/customers\/sign_up$/,method:"post",events:{[o.q]:({body:e},t)=>{t({accout:e.email,sign_up_method:e.email.indexOf("@")<0?"ææºå·":"é®ç®±"})}}}],c=[{path:/\/api\/cart$/,method:"get",events:{[o.e]:({response:e},t)=>{r(e.status,()=>{var n;(n=e.data,"[object Object]"===Object.prototype.toString.call(n))&&t(e.data.cart)})}}},{path:/\/api\/search$/,method:"get",events:{[o.o]:({response:e,url:t},n)=>{r(e.status,()=>{const o=e.data.data||{},{total:r}=o;let i=o.keyword;i||(i=Object(s.b)(t).keyword),n({keyWord:i,total:r,hasResult:r>0,source:"api"})})}}},{path:new RegExp("/api/products/[0-9a-fA-F]{4}(?:[0-9a-fA-F]{4}-){4}[0-9a-fA-F]{12}$"),method:"get",events:{[o.s]:({response:e},t)=>{r(e.status,()=>{var n;t({product:null===(n=e.data)||void 0===n||null===(n=n.data)||void 0===n?void 0:n.product,selected:{},qty:1,source:"api"})})}}},{path:/\/api\/cart$/,method:"post",events:{[o.a]:({response:e},t)=>{r(e.status,()=>{var n;const s=null===(n=e.data.data)||void 0===n||null===(n=n.items)||void 0===n?void 0:n[0];t(i(s))})},[o.b]:({response:e},t)=>{r(e.status,()=>{t()})}}},{path:/\/api\/cart\/batch$/,method:"post",events:{[o.a]:({response:e},t)=>{r(e.status,()=>{var n;null===(n=e.data.items)||void 0===n||n.map(e=>{t(i(e))})})},[o.b]:({response:e},t)=>{r(e.status,()=>{t()})}}},{path:/\/api\/checkout\/order$/,method:"post",events:{[o.a]:({body:e,response:t},n)=>{r(t.status,()=>{var s;const o=null===(s=e.refer_info)||void 0===s?void 0:s.source;if("buy_now"==o){var r,a,c;const s=null===(r=t.data.data)||void 0===r||null===(r=r.items)||void 0===r?void 0:r[0],d=null===(a=e.refer_info)||void 0===a?void 0:a.pay_method,u=null===(c=t.data.data)||void 0===c?void 0:c.trade_id,l=Object.assign({},i(s),{source:o,pay_method:d,trade_id:u});n(l)}})},[o.f]:({body:e,response:t},n)=>{r(t.status,()=>{n({line_items:e&&e.line_items||[],refer_info:e&&e.refer_info||{}})})}}},{path:/\/api\/customers\/password_reset$/,method:"patch",events:{[o.n]:({response:e},t)=>{200===e.status?t({forget:!0}):422===e.status&&t({forget:!1})}}},{path:/\/api\/customers\/sign_up$/,method:"post",events:{[o.g]:({response:e},t)=>{r(e.status,()=>{t("register")})}}},{path:/\/api\/customers\/sign_in$/,method:"post",events:{[o.k]:({body:e,response:t},n)=>{const s=function(t,s){var o;n({login_method:e.email.indexOf("@")<0?"ææºå·":"é®ç®±",shop_name:null===(o=window.C_SETTINGS.shop)||void 0===o?void 0:o.shop_name,login_result:t,fail_reason:s||""})};if(200===t.status)s(!0);else if(422===t.status){const e=t.data.errors;s(!1,null!=e&&e.join?e.join(","):e)}}}},{path:/\/api\/customers\/sign_out$/,method:"post",events:{[o.l]:({response:e},t)=>{r(e.status,()=>{t()})}}},{path:/\/api\/customers\/newsletters$/,method:"post",events:{[o.j]:({response:e},t)=>{r(e.status,()=>{t()})}}},{path:/\/api\/cart\/[\w\-]+$/,method:"patch",events:{[o.b]:({response:e},t)=>{r(e.status,()=>{t(e.data.cart)}
1552)},[o.e]:({response:e},t)=>{r(e.status,()=>{t(e.data.cart)})},[o.c]:({body:e,response:t},n)=>{r(t.status,()=>{n({cart:t.data.cart,item:e})})}}},{path:/\/api\/cart\/[\w\-]+$/,method:"delete",events:{[o.b]:({response:e},t)=>{r(e.status,()=>{t(e.data.cart)})},[o.e]:({response:e},t)=>{r(e.status,()=>{t(e.data.cart)})},[o.d]:({body:e,response:t},n)=>{r(t.status,()=>{n({cart:t.data.cart,item:e})})}}}],d=(e,t,n)=>{const o=Object(s.c)(t).pathname;return e.find(e=>{const t=e.path;if(e.method!==n.toLowerCase())return!1;if(t instanceof RegExp){if(t.test(o))return!0}else if(t===o)return!0})},u=(e,t)=>{if(!e)return;const n=(e=>{var t;const n={};return null===(t=window.djInterceptors)||void 0===t||null===(t=t.track)||void 0===t||t.forEach((t,s)=>{var o;null!=e&&null!==(o=e.events)&&void 0!==o&&o[t.event]&&(n[t.event]=Object.assign({},n[t.event],t.params),(null==t.once||t.once)&&window.djInterceptors.track.eject(s))}),n})(e);Object.keys((null==e?void 0:e.events)||{}).forEach(o=>{e.events[o](t,e=>{["undefined","object"].includes(typeof e)&&(e=Object.assign({},e,{_extra:n[o]})),Object(s.d)(o,e)})})},l=location.origin+"__recently-viewed-productIds__",p=(e,t)=>{try{window.localStorage.setItem(e,JSON.stringify(t))}catch(e){console.error(e)}},h=e=>{try{const t=window.localStorage.getItem(e);return t&&JSON.parse(t)}catch(e){console.error(e)}},_=({product:e,selected:t,qty:n,quantity:r})=>{var i;let a=e,c=t;const{product:d,selected:u}=y()||{};(null==e?void 0:e.id)!==(null==d?void 0:d.id)||null!=d&&null!==(i=d.options)&&void 0!==i&&i.length||(a=d,c=u),Object(s.d)(o.s,{product:a||{},selected:c||{},qty:n||r||1,source:"pageview"})},f=(e,t,n)=>{if(C_SETTINGS.meta.page.template_name===t)try{window.addEventListener(e,n)}catch{}},v=(e,t)=>
1552{f("load",e,t)};function y(){let e=document.querySelector("#product-json");return e?JSON.parse(e.innerHTML):"function"==typeof $?$(document).data("djproduct"):void 0}const m=()=>{v("product",()=>{let e={product:{},selected:{},qty:1},t=y();t&&Object.assign(e,t),requestAnimationFrame(()=>_(e)),requestAnimationFrame(()=>{let e=h(l)||[];const n=t&&t.product&&t.product.id;if(n){const t=e.indexOf(n);-1!==t&&e.splice(t,1),e.unshift(n),p(l,e)}})}),Object(s.a)(o.r,(e,t)=>{"complete"===document.readyState&&(t&&t.source&&"initial_load"===t.source||_(t))})};function g(){m(),v("search",()=>{const e=Object(s.b)(location.search).q,t=Number.parseInt("",10)||0;Object(s.d)(o.o,{keyword:e,total:t,hasResult:t>0,keyWord:e,source:"pageview"})}),v("thank_you",()=>{var e;const t=null===(e=window.ORDER)||void 0===e?void 0:e.id,n=h("__thank_you_already_event_map__")||{};null!=n&&n[t]||(n[t]=!0,p("__thank_you_already_event_map__",n),Object(s.d)(o.p,Object.assign({},window.ORDER||{},{order_count:window.ORDER.customer&&window.ORDER.customer.order_count})))}),v("thank_you",()=>{Object(s.d)(o.m,Object.assign({},window.ORDER||{}))}),v("product",()=>{Object(s.d)(o.m,Object.assign({},y()||{}))})}function b(){Object(s.a)(o.h,(e,{url:t,method:n,body:s})=>{const o=d(a,t,n);u(o,{url:t,body:s})}),Object(s.a)(o.i,(e,{request:t,response:n})=>{const{url:s,method:o,body:r}=t,i=d(c,s,o);u(i,{url:s,method:o,body:r,response:n})}),g()}},function(e,t){try{(()=>{const e=e=>{const t=e.split("&&")[0];if(!t)return[];const n=t.indexOf("=");let s="";return-1!==n&&(s=t.slice(n+1)),s?s.split(";").filter(e=>e):[]},t=(e,t)=>{if(!t)return;if(/\/cuttlefish\//.test(t))return;return e.some(e=>{let n=t;return t.replace&&(n=t.replace("https:","")),n==e.replace("https:","")})},n=["application/javascript","text/javascript"],s=(e,t)=>{self.MainThread.upgradeScript(e,t)},o=o=>{const r=e(o);new MutationObserver(e=>{e.forEach(({addedNodes:e})=>{e.forEach(e=>{(e=>1===e.nodeType&&"SCRIPT"===e.tagName&&(!e.type||n.includes(e.type)))(e)&&(t(r,e.src)||"worker"==e.getAttribute("scope"))&&(e.type="text/spz-script",s(e.src,e))})})}).observe(document.documentElement,{childList:!0,subtree:!0})},r=o=>{const r=e(o),i=document.createElement,a=(e,s)=>e&&t(r,e)&&n.includes(s);document.createElement=function(e){const t=i.call(document,e);return"script"===e.toLowerCase()&&function(e){let t="",n="text/javascript";Object.defineProperty(e,"src",{get:function(){return t},set:function(o){t=o,e.setAttribute("src",o),a(t,n)&&(e.type="text/spz-script",s(t))}}),Object.defineProperty(e,"type",{get:function(){return n},set:function(s){n=s,a(t,n)&&(n="text/spz-script"),e.setAttribute("type",n)}});const o=e.setAttribute;e.setAttribute=function(){const t=Array.prototype.slice.call(arguments);"src"===t[0]?a(t[1],e.type)&&(e.type="text/spz-script",s(t[1])):"type"===t[0]&&a(e.src,t[1])&&(t[1]="text/spz-script"),o.apply(e,t)}}(t),t}};(()=>{const e="";e.includes("script_url")&&!e.includes("is_switch=0")&&(self.MainThread||(()=>{const e=window.C_SETTINGS.shop.cdn_domain+"cuttlefish/plugin",t=document.createElement("script");t.src=e+"/main.js",t.crossOrigin="anonymous",t.setAttribute("async",""),document.head.appendChild(t)})(),o(e),r(e))})()})()}catch(e){console.log(e)}},,,,,,function(e,t,n){n(13),n(6)},function(e,t,n){"use strict";n.r(t);var s=n(2),o=n(4),r=n(5),i=n(3);Object(s.a)(),Object(o.a)(),Object(i.a)(),Object(r.a)()}]);/* top_v2-end */ 1553</script>
1553 1554<style id="spz-theme-vars"> 1555 :root { 1556 --spz-theme-pdp-title-font-family: var(--font-heading-family); 1557 --spz-theme-pdp-title-font-size: calc(var(--type-heading-font-size) * 0.8); 1558 --spz-theme-pdp-title-line-height: 1.25; 1559 --spz-theme-pdp-title-font-weight: var(--font-heading-weight); 1560 --spz-theme-pdp-title-color: var(--color-product-title-text); 1561 --spz-theme-pdp-subtitle-font-size: var(--type-text-font-size); 1562 --spz-theme-pdp-subtitle-line-height: 1.2; 1563 --spz-theme-pdp-subtitle-font-weight: var(--font-body-weight); 1564 --spz-theme-pdp-subtitle-color: #9F9F9F; 1565 --spz-theme-pdp-price-font-family: var(--font-heading-family); 1566 --spz-theme-pdp-price-font-size: calc(var(--type-heading-font-size) * .8); 1567 --spz-theme-pdp-price-line-height: 1.2; 1568 --spz-theme-pdp-price-font-weight: 600; 1569 --spz-theme-pdp-price-color: var(--color-price-text); 1570 --spz-theme-pdp-compare-price-font-size: calc(var(--type-text-font-size) + 2px); 1571 --spz-theme-pdp-compare-price-line-height: 1.2; 1572 --spz-theme-pdp-compare-price-font-weight: var(--font-body-weight); 1573 --spz-theme-pdp-compare-price-color: var(--color-compare-at-price-text); 1574 --spz-theme-pdp-save-badge-font-size: calc(var(--type-text-font-size) - 2px); 1575 --spz-theme-pdp-save-badge-line-height: 1.2; 1576 --spz-theme-pdp-save-badge-font-weight: 600; 1577 --spz-theme-pdp-save-badge-color: var(--color-save-price-text); 1578 --spz-theme-pdp-save-badge-border: 1px solid currentColor; 1579 --spz-theme-pdp-save-badge-radius: 2px; 1580 --spz-theme-pdp-save-badge-padding: 0px 4px; 1581 --spz-theme-pdp-variant-title-font-family: var(--font-body-family); 1582 --spz-theme-pdp-variant-title-font-size: calc(var(--type-text-font-size) + 2px); 1583 --spz-theme-pdp-variant-title-font-weight: 600; 1584 --spz-theme-pdp-variant-font-size: var(--type-text-font-size); 1585 --spz-theme-pdp-variant-line-height: 1.15; 1586 --spz-theme-pdp-variant-font-weight: var(--font-body-weight); 1587 --spz-theme-pdp-variant-color: var(--color-body-text-75); 1588 --spz-theme-pdp-variant-border: 1px solid var(--color-border); 1589 --spz-theme-pdp-variant-radius: var(--btn-fixed-border-radius); 1590 --spz-theme-pdp-variant-min-width: auto; 1591 --spz-theme-pdp-variant-min-height: auto; 1592 --spz-theme-pdp-variant-max-width: none; 1593 --spz-theme-pdp-variant-padding: 13px 16px; 1594 --spz-theme-pdp-variant-gap: 12px; 1595 --spz-theme-pdp-qty-label-font-family: var(--font-body-family); 1596 --spz-theme-pdp-qty-label-font-size: calc(var(--type-text-font-size) + 2px); 1597 --spz-theme-pdp-qty-label-line-height: 1.25; 1598 --spz-theme-pdp-qty-label-font-weight: 600; 1599 --spz-theme-pdp-qty-label-color: var(--color-body-text); 1600 --spz-theme-pdp-qty-font-size: calc(var(--type-text-font-size) + 2px); 1601 --spz-theme-pdp-qty-radius: 2px; 1602 --spz-theme-pdp-atc-button-font-size: calc(var(--type-text-font-size) + 2px); 1603 --spz-theme-pdp-atc-button-line-height: 1.25; 1604 --spz-theme-pdp-atc-button-font-weight: 500; 1605 --spz-theme-pdp-atc-button-height: 52px; 1606 --spz-theme-pdp-atc-button-padding: 0px 0px 0px 0px; 1607 --spz-theme-pdp-atc-button-radius: var(--btn-border-radius); 1608 --spz-theme-pdp-buy-button-font-size: calc(var(--type-text-font-size) + 2px); 1609 --spz-theme-pdp-buy-button-line-height: 1.25; 1610 --spz-theme-pdp-buy-button-font-weight: 500; 1611 --spz-theme-pdp-stock-note-font-size: var(--type-text-font-size); 1612 --spz-theme-pdp-stock-note-line-height: 1.2; 1613 --spz-theme-pdp-stock-note-font-weight: var(--font-body-weight); 1614 --spz-theme-pdp-stock-note-color: var(--color-price-text); 1615 --spz-theme-plp-title-font-size: 24px; 1616 --spz-theme-plp-title-line-height: 1.3; 1617 --spz-theme-plp-title-font-weight: 400; 1618 --spz-theme-plp-title-font-family: var(--font-body-family); 1619 --spz-theme-plp-title-color: var(--color-general-heading-text); 1620 --spz-theme-plp-card-title-font-size: var(--type-text-font-size); 1621 --spz-theme-plp-card-title-line-height: 1.25; 1622 --spz-theme-plp-card-title-font-weight: var(--font-heading-weight); 1623 --spz-theme-plp-card-title-font-family: var(--font-heading-family); 1624 --spz-theme-plp-card-title-color: var(--color-product-title-text); 1625 --spz-theme-plp-card-price-font-size: calc(var(--type-text-font-size) + 2px);
1626 --spz-theme-plp-card-price-font-weight: 600; 1627 --spz-theme-plp-card-price-color: var(--color-price-text); 1628 --spz-theme-plp-card-compare-font-size: var(--type-text-font-size); 1629 --spz-theme-plp-card-compare-line-height: 1.15; 1630 --spz-theme-plp-card-compare-font-weight: var(--font-body-weight); 1631 --spz-theme-plp-card-compare-color: var(--color-compare-at-price-text); 1632 --spz-theme-plp-badge-font-size: 12px; 1633 --spz-theme-plp-badge-padding: 2px 4px; 1634 --spz-theme-plp-badge-radius: var(--global-border-radius); 1635 --spz-theme-plp-badge-color: var(--color-label-text); 1636 --spz-theme-plp-soldout-color: var(--color-sold-label-text); 1637 --spz-theme-plp-quick-add-color: var(--color-quick-shop-btn-bg); 1638 --spz-theme-plp-swatch-gap: 8px; 1639 --spz-theme-plp-swatch-radius: var(--global-fixed-border-radius); 1640 --spz-theme-plp-card-image-radius: var(--global-small-border-radius); 1641 --spz-theme-plp-card-image-aspect-ratio: calc(100 / 100); 1642 --spz-theme-plp-card-radius: 0; 1643 --spz-theme-cart-drawer-width: 468px; 1644 --spz-theme-cart-drawer-radius: 0; 1645 --spz-theme-cart-title-font-size: calc(var(--type-heading-font-size) * 0.8); 1646 --spz-theme-cart-title-line-height: 1.17; 1647 --spz-theme-cart-title-font-weight: var(--font-heading-weight); 1648 --spz-theme-cart-item-title-font-size: var(--type-text-font-size); 1649 --spz-theme-cart-item-title-line-height: 1.25; 1650 --spz-theme-cart-item-title-font-weight: var(--font-body-weight); 1651 --spz-theme-cart-item-title-font-family: var(--font-body-family); 1652 --spz-theme-cart-item-title-color: var(--color-product-title-text); 1653 --spz-theme-cart-item-variant-font-size: var(--type-text-font-size); 1654 --spz-theme-cart-item-variant-color: var(--color-body-text-70); 1655 --spz-theme-cart-item-price-font-size: calc(var(--type-text-font-size) + 2px); 1656 --spz-theme-cart-item-price-line-height: 1.25; 1657 --spz-theme-cart-item-price-font-weight: 500; 1658 --spz-theme-cart-item-price-color: var(--color-price-text); 1659 --spz-theme-cart-qty-radius: var(--global-border-radius); 1660 --spz-theme-cart-qty-border: 1px solid var(--color-border); 1661 --spz-theme-cart-item-image-radius: var(--global-fixed-border-radius); 1662 --spz-theme-cart-summary-card-bg: var(--color-cart-subtotal-bg); 1663 --spz-theme-cart-checkout-bg: var(--color-primary-btn-bg); 1664 --spz-theme-cart-checkout-color: var(--color-primary-btn-text); 1665 --spz-theme-cart-checkout-height: 46px; 1666 --spz-theme-cart-checkout-font-size: calc(var(--type-text-font-size) + 2px); 1667 --spz-theme-cart-checkout-font-weight: 700; 1668 --spz-theme-cart-checkout-radius: var(--btn-border-radius); 1669 --spz-theme-atc-modal-width: 495px; 1670 --spz-theme-atc-modal-max-height: 86vh; 1671 --spz-theme-atc-modal-border-width: 0; 1672 --spz-theme-atc-modal-radius: var(--global-small-border-radius); 1673 --spz-theme-page-width: 1440px; 1674 --spz-theme-page-gutter: var(--page-spacing); 1675 --spz-theme-grid-gap-x: 40px; 1676 --spz-theme-grid-gap-y: 44px; 1677 --spz-theme-button-radius: var(--btn-border-radius); 1678 --spz-theme-button-border-width: 1px; 1679 --spz-theme-button-hover-bg-color: var(--color-primary-btn-bg); 1680 --spz-theme-button-hover-text-color: var(--color-primary-btn-text); 1681 --spz-theme-input-bg-color: transparent; 1682 --spz-theme-input-text-color: var(--color-body-text); 1683 --spz-theme-input-border-color: var(--color-border); 1684 --spz-theme-input-radius: var(--global-border-radius); 1685 --spz-theme-toast-radius: 2px; 1686 --spz-theme-progress-radius: 1px; 1687 --spz-theme-pill-radius: 9999px; 1688 } 1689 #cart-drawer-modal, [data-spz-theme-scope="cart-drawer"] { 1690 --spz-theme-cart-item-price-font-size: var(--type-text-font-size); 1691 } 1692 @media (max-width: 959px) { 1693 :root { 1694 --spz-theme-pdp-title-font-size: calc(var(--type-heading-font-size) * 0.47); 1695 --spz-theme-pdp-variant-title-font-size: var(--type-text-font-size); 1696 --spz-theme-pdp-variant-padding: 10px 16px; 1697 --spz-theme-pdp-atc-button-height: 42px; 1698 --spz-theme-pdp-atc-button-padding: px px px px; 1699 --spz-theme-cart-drawer-width: 84.62%; 1700 --spz-theme-page-gutter: 16px; 1701 --spz-theme-grid-gap-x: 15px; 1702 --spz-theme-grid-gap-y: 24px; 1703 --spz-theme-toast-radius: 0; 1704 } 1705 } 1706</style> 1707
1708<script type="text/javascript"> 1709/* golden-top-start */!function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="https://static.staticdj.com/",n(n.s=13)}([function(e,t,n){"use strict";n.d(t,"c",(function(){return r})),n.d(t,"a",(function(){return i})),n.d(t,"d",(function(){return o})),n.d(t,"e",(function(){return a})),n.d(t,"m",(function(){return c})),n.d(t,"j",(function(){return s})),n.d(t,"l",(function(){return u})),n.d(t,"b",(function(){return d})),n.d(t,"h",(function(){return l})),n.d(t,"f",(function(){return m})),n.d(t,"g",(function(){return f})),n.d(t,"i",(function(){return _})),n.d(t,"k",(function(){return g}));const r=()=>{var e=/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream,t=/(android)/i.test(navigator.userAgent);return e?1:t?2:3},i=()=>{String.prototype.startsWith||Object.defineProperty(String.prototype,"startsWith",{value:function(e,t){return t=!t||t<0?0:+t,this.substring(t,t+e.length)===e}});var e=window.location.pathname||"";return"/"==e||e.startsWith("/home")||e.startsWith("/index")?"index":e.startsWith("/products/")?"product":e.startsWith("/collections/")||e.startsWith("/products")?"product_group":e.startsWith("/promotions/")?"activity":e.startsWith("/search")?"search":e.startsWith("/checkout/")?"checkout":"other"},o=function(e){let t=e&&e.discount_applications;if("string"==typeof t)try{t=JSON.parse(t)}catch(e){return}if(Array.isArray(t))return t.map((function(e){return e&&e.discount_id})).join(",")},a=function(e){return(e&&e.line_items||[]).reduce((function(e,t){return e+(t.quantity||0)}),0)},c=(e,t)=>{var n;const r=new CustomEvent(e,{detail:t||null,bubbles:!0});null===(n=document.body)||void 0===n||n.dispatchEvent(r)},s=(e,t)=>{"dj.addToCart"===e&&window.__SEAHORSE_BUS.addEventListener(e,(function(n){const r={type:e,detail:n};n&&!n.__is_seahorse_event||t(r,n)})),document.addEventListener(e,(function(n){"dj.addToCart"===e&&n.detail&&n.detail.__is_seahorse_event||t(n,n.detail)}))},u=(e,t,n,r=!1)=>{var i=new Date;return i.setTime(i.getTime()+31536e6),document.cookie=e+"="+encodeURIComponent(t)+";expires="+(n||i).toGMTString()+";domain="+location.host.split(".").map((function(e,t,n){return 0==t&&n.length>2?"":e})).join(".")+";path=/"+(r?";SameSite=None;Secure":""),!0},d=e=>{var t=new RegExp("(^| )"+e+"=([^;]*)(;|$)"),n=document.cookie.match(t);return n?decodeURIComponent(n[2]):""},l=()=>window&&window.sessionStorage&&"function"==typeof window.sessionStorage.setItem&&"function"==typeof window.sessionStorage.getItem,m=(e="")=>e.split("/")[2]||"",f=()=>C_SETTINGS.meta&&C_SETTINGS.meta.page&&14===C_SETTINGS.meta.page.template_type,_=()=>C_SETTINGS.meta&&C_SETTINGS.meta.page&&42===C_SETTINGS.meta.page.template_type,g=function(e){return"number"!=typeof e||isNaN(e)?void 0:Math.round(10*e)/10}},function(e,t,n){"use strict";n.d(t,"c",(function(){return o})),n.d(t,"b",(function(){return r})),n.d(t,"a",(function(){return i}));const r="_extra",i={UTM:atob("c2hvcGxhenphX2FfcA=="),UTM_PARAMS:"utm_a_p",SESSION_ID_OLD:"session_id",SESSION_ID_NEW:"ss_id_a_p"},o="data-track"},function(e,t,n){"use strict";n.d(t,"h",(function(){return m})),n.d(t,"e",(function(){return f})),n.d(t,"d",(function(){return _})),n.d(t,"g",(function(){return g})),n.d(t,"c",(function(){return p})),n.d(t,"f",(function(){return h})),n.d(t,"a",(function(){return v}));var r=n(0);n.d(t,"b",(function(){return r.b}));var i=n(1);let o=0;const a={name:"fbclid",get:()=>Object(r.b)(a.name),set:()=>{var e=new RegExp(`(^|&)${a.name}=([^&]*)(&|$)`),t=window.location.search.substring(1).match(e);if(null!=t&&t[2]){var n="fb.1."+(new Date).getTime()+"."+t[2];Object(r.l)(a.name,n)}}},c={name:"_epik",get:()=>{try{const t=Object(r.b)(c.name);if(t)return t;var e=window.location.search.substring(1).match(/(^|&)epik=([^&]*)(&|$)/);
1709return null!=e&&e[2]?decodeURIComponent(e[2]):""}catch(e){return""}}},s={name:"ttclid",get:()=>Object(r.b)(s.name),set:()=>{var e=new RegExp(`(^|&)${s.name}=([^&]*)(&|$)`),t=window.location.search.substring(1).match(e);null!=t&&t[2]&&Object(r.l)(s.name,t[2])}},u={name:i.a.SESSION_ID_NEW,get:()=>Object(r.b)(u.name),set:()=>{let e=u.get()||Object(r.b)(i.a.SESSION_ID_OLD);const t=!e;e||(e=(new Date).getTime().toString()+(400*Math.random().toFixed(2)+100).toString());const n=new Date((new Date).getTime()+18e5),o="https:"===location.protocol;return Object(r.l)(u.name,e,n,o),Object(r.l)(i.a.SESSION_ID_OLD,e,n,o),{isNew:t}}},d={name:atob("c2hvcGxhenphX3NvdXJjZQ=="),get:()=>{try{return Object(r.b)(d.name)||localStorage[d.name]}catch(e){}return""},set:()=>{var e=document.referrer,t=location.href,n=navigator.userAgent,i=([["Facebook",/(facebook)|(fbclid=.+)/i,/fbclid=.+/,/FBAV|FBAN|FBIOS/i],["GoogleAds",/gclid=.+/i,/gclid=.+/i,0],["Google",/google/i,0,0],["Instagram",/instagram/i,0,/instagram/i],["Pinterest",/(pinterest)|(epik=.+)/i,/epik=.+/i,/pinterest/i],["Snapchat",/snapchat/i,0,/snapchat/i],["TikTok",/ads.tiktok/i,0,/tiktok/i],["Mailchimp",/mc_cid=.+/i,0,0],["Baidu",/baidu/i,0,0],["YouTube",/youtube/i,0,/youtube/i],["Twitter",/(twitter)|(t.co)/i,0,/twitter/i],["LinkedIn",/linkedin/i,0,/linkedin/i],["WhatsApp",/whatsapp/i,0,/whatsapp/i],["Reddit",/reddit/i,0,0],["Yahoo",/yahoo/i,0,0],["Bing",/bing/i,0,0],["Yandex",/yandex/i,0,0]].find((function(r){return r[1]&&r[1].test(e)||r[2]&&r[2].test(t)||r[3]&&r[3].test(n)}))||[""])[0],o=d.name,a=new Date((new Date).getTime()+6048e5);d.get()||Object(r.l)(o,JSON.stringify({$first_visit_url:t,$latest_referrer_host:i,expire:a.getTime()}),a)&&function(){try{localStorage[o]=d.get()}catch(e){}}(),!d.get()&&localStorage[o]&&((JSON.parse(localStorage[o])&&JSON.parse(localStorage[o]).expire||0)<(new Date).getTime()||Object(r.l)(o,localStorage[o])),d.get()&&!localStorage[o]&&function(){try{localStorage[o]=d.get()}catch(e){}}()}},l={name:"client_id",get:()=>Object(r.b)(l.name)},m=()=>{(()=>{const e=l.get();d.get()||(o=1),e&&"null"!=e||(o=1)})(),a.set(),s.set();const e=u.set();return d.set(),{sessionId:e}},f=()=>o,_=()=>a.get(),g=()=>s.get(),p=()=>c.get(),h=()=>u.get(),v=()=>l.get()},function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var r=n(0);const i=(e=!0)=>{if(e)return window.djTracker=window.djTracker||[],void(window.djTrack=window.djTrack||function(e,t){window.djTracker.push({eventName:e,params:t})});window.djTrack=function(e,t={}){e&&Object(r.m)("dj.track",{eventName:e,params:t})},(window.djTracker||[]).map(({eventName:e,params:t})=>{window.djTrack(e,t)})}},,,,,,,,,,function(e,t,n){"use strict";n.r(t);var r=n(0),i=n(1);const o=e=>{try{const t=localStorage.getItem(e);if(!t)return"";const n=JSON.parse(t);return!n||!n.expire||n.expire<(new Date).getTime()?"":n.value||""}catch(e){return""}},a=(e,t,n)=>{try{localStorage.setItem(e,JSON.stringify({value:t,expire:n}))}catch(e){}},c=e=>{let t=Object(r.b)(e);return t||(t=o(e),t&&Object(r.l)(e,t,new Date((new Date).getTime()+18e5))),t},s=(e,t)=>{const n=(new Date).getTime()+18e5;Object(r.l)(e,t,new Date(n)),a(e,t,n)},u={name:"last_template_name",get:()=>c(u.name),set:e=>{s(u.name,e)}},d={name:"latest_referrer",get:()=>c(d.name),set:e=>{s(d.name,e)}},l={name:"last_land_url",get:()=>c(l.name),set:(e,t)=>{if(Object(r.i)())return;const n=e.sessionId.isNew;if(Object(r.g)()&&!n)return;let i=l.get(),o=u.get(),a=d.get();const c=Object(r.f)(document.referrer),m=location.host,f=c&&m&&c!==m,_=c===m&&"admin"===(document.referrer||"").split("/")[3],g=!document.referrer;var p,h;(f||_||g||n&&c===m)&&(i=location.href,o=(null===(p=C_SETTINGS.meta)||void 0===p||null===(h=p.page)||void 0===h?void 0:h.template_name)||"",a=document.referrer);i&&s(l.name,i),o&&u.set(o),a&&d.set(a)}},m=()=>{let e=SHOP_PARAMS.fbq_pv_event_id;return e||(e=(new Date).getTime().toString()+(400*Math.random().toFixed(2)+100).toString(),Object.defineProperty(SHOP_PARAMS,"fbq_pv_event_id",{configurable:!1,get:()=>e,set:()=>{console.log("[golden] SHOP_PARAMS.fbq_pv_event_id çæåä¸å
许修æ¹")}})),e},f=()=>{const e=new URLSearchParams(window.location.search);return["utm_source","utm_medium","utm_campaign","utm_term","utm_content"].map(t=>{const n=e.get(t);return n?`${t}=${encodeURIComponent(n)}`:null}).filter(e=>null!==e).join("&")};function _(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,g(r.key),r)}}function g(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}const p="image",h="beacon",v="event_info",S="base_property",b="extra_properties";let w=function(e,t){return n=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.track=this.track.bind(this),this.distinct_id="",this.trackParams={$screen_height:Number(screen.height)||0,$screen_width:Number(screen.width)||0,$referrer:document.referrer,$referrer_host:document.referrer?document.referrer.split("/")[2]:"",$title:document.title,$url:()=>location.href,$url_path:location.pathname},this.eventInfo={},this.tempTrackParams={}},(r=[{key:e,value:function(e,t){return navigator.sendBeacon(this.getServerUrlWithEvent_(t),this.get
1709SendData_(e))}},{key:t,value:function(e,t){const n=document.createElement("img");return n.width=1,n.height=1,n.src=this.getSendUrl_(this.getServerUrlWithEvent_(t),e),!0}},{key:"getSendUrl_",value:function(e,t){const n=this.base64Encode_(t),r="crc="+this.hashCode_(n);return-1!==e.indexOf("?")?e+"&data="+encodeURIComponent(n)+"&ext="+encodeURIComponent(r):e+"?data="+encodeURIComponent(n)+"&ext="+encodeURIComponent(r)}},{key:"getSendData_",value:function(e){const t=this.base64Encode_(e),n="crc="+this.hashCode_(t);return"data="+encodeURIComponent(t)+"&ext="+encodeURIComponent(n)}},{key:"base64Encode_",value:function(e){return btoa(encodeURIComponent(e).replace(/%([0-9A-F]{2})/g,(function(e,t){return String.fromCharCode("0x"+t)})))}},{key:"hashCode_",value:function(e){if("string"!=typeof e)return 0;var t=0;if(0==e.length)return t;for(var n=0;n<e.length;n++)t=(t<<5)-t+e.charCodeAt(n),t&=t;return t}},{key:"getProperties_",value:function(e,t){let n=Object.assign({},this.trackParams,this.getEventInfo(e),this.tempTrackParams,t);for(const e in n){let t=n[e];t instanceof Function&&(t=t()),n[e]=t}return n}},{key:"getDistinctId_",value:function(){return this.distinct_id||(new Date).getTime().toString()+(400*Math.random().toFixed(2)+100).toString()}},{key:"getTrackId_",value:function(){return Number(String(Math.random()).slice(2,5)+String(Math.random()).slice(2,4)+String((new Date).getTime()).slice(-4))}},{key:"clearTemp_",value:function(){this.tempTrackParams={}}},{key:"track",value:function(e,t){const n={distinct_id:this.getDistinctId_(),_track_id:this.getTrackId_(),type:"track",event:e,properties:this.getProperties_(e,t)};n.properties.client_id||(n.properties.client_id="2");const r=JSON.stringify(n);this[this.getSendType_()](r,e)||this[p](r,e),this.clearTemp_()}},{key:"getSendType_",value:function(){return this.sendType_||("object"==typeof navigator&&"function"==typeof navigator.sendBeacon?this.sendType_=h:this.sendType_=p),this.sendType_}},{key:"getServerUrl_",value:function(){if(!this.serverUrl_){let e=window.C_SETTINGS.sa_server_url;this.getSendType_()===h&&(e=e.replace("/sa?","/beacon/sa?")+"&gzip=0"),this.serverUrl_=e.replace(/\/sa$/,"/sa.gif").replace(/(\/sa)(\?[^\/]+)$/,"/sa.gif$2")}return this.serverUrl_}},{key:"getServerUrlWithEvent_",value:function(e){let t=this.getServerUrl_();if(e){const n=-1!==t.indexOf("?")?"&":"?";t=t+n+"event="+encodeURIComponent(e)}return t}},{key:"getEventInfo",value:function(e){const t=this.eventInfo[e];return t?0===Object.keys(t).length?{}:{[v]:JSON.stringify(t)}:{}}},{key:"registerPage",value:function(e,t=!1){t?this.tempTrackParams=e:this.trackParams=Object.assign({},this.trackParams,e||{})}},{key:"registerPageOnce",value:function(e){this.tempTrackParams={...this.tempTrackParams,...e}}},{key:"registerBaseInfo",value:function(e,t){if(!e||!t)return;let n=(this.eventInfo[e]||{})[S];this.eventInfo[e]={...this.eventInfo,[S]:Object.assign({},n||{},t||{})}}},{key:"registerExtraInfo",value:function(e,t,n){if(!e||null==t||!t.function_name)return;let r=(this.eventInfo[e]||{})[b]||[];r=r.filter(e=>e.function_name!==t.function_name),n||r.push({...t}),this.eventInfo[e]={...this.eventInfo[e]||{},[b]:r}}},{key:"identify",value:function(e){this.distinct_id=e}}])&&_(n.prototype,r),i&&_(n,i),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r,i}(h,p);var y=n(2),T=n(3);const k=function(){var e;const t=((null===(e=C_SETTINGS.theme)||void 0===e?void 0:e.merchant_theme_name)||"").replace(/\s/g,"");return{Blackwind:"BlackWind",SnowinSummer:"SnowInSummer","Amazing-BuyonAmazon":"Amazing"}[t]||t},O=function(){let e="";try{e=window.ORDER&&window.ORDER.checkout_page_type||("string"==typeof(window.ORDER&&window.ORDER.config)?JSON.parse(window.ORDER.config).page_type:"")}catch(e){}return e},j=e=>{var t;window.sa=new w,window.sa.registerPage((({initCookieResult:e})=>{var t,n,o,a,c,s,_,g,p,h,v,S,b;return{platform:"shop",client:3==Object(r.c)()?"pc":"mobile",client_id:function(){return Object(y.a)()||"1"},session_id:Object(y.f)(),new_session:e.sessionId.isNew?1:0,store_id:(null===(t=C_SETTINGS.shop)||void 0===t?void 0:t.shop_id)||"",store_tz:(null===(n=C_SETTINGS.shop)||void 0===n?void 0:n.time_zone)||"",theme_name:k(),theme_version:(null===(o=C_SETTINGS.theme)||void 0===o?void 0:o.theme_version_id)||"",template_name:(null===(a=C_SETTINGS.meta)||void 0===a||null===(c=a.page)||void 0===c?void 0:c.template_name)||"",template_type:(null===(s=C_SETTINGS.meta)||void 0===s||null===(_=s.page)||void 0===_?void 0:_.template_type)||"",root_url:(null===(g=C_SETTINGS.routes)||void 0===g?void 0:g.root)||"",user_agent:navigator.userAgent,env_tag:[Object(y.b)("awesomeab")].filter(
1709Boolean).join(","),c_id:Object(y.b)("_c_id"),tracking_consent:function(){return Object(y.b)("_tracking_consent")},is_new_client:Object(y.e)(),event_id:m(),connection_type:navigator.connection&&navigator.connection.effectiveType,rtt:navigator.connection&&navigator.connection.rtt,downlink:navigator.connection&&navigator.connection.downlink,checkout_step:-1!=location.href.indexOf("/thank_you")?"checkout_result":window.ORDER&&window.ORDER.step,checkout_page_type:O(),AD_ttc:Object(y.g)(),AD_epik:function(){return Object(y.c)()},login_customer_id:(null===(p=C_SETTINGS.customer)||void 0===p?void 0:p.customer_id)||"",customer_email:(null===(h=C_SETTINGS.customer)||void 0===h?void 0:h.customer_email)||"",resource_id:(null===(v=C_SETTINGS.meta)||void 0===v||null===(S=v.page)||void 0===S?void 0:S.resource_id)||"",[atob("c2hvcGxhenphX2FfcA==")]:f()||Object(y.b)(i.a.UTM_PARAMS)||Object(y.b)(i.a.UTM)||"",market_id:(null===(b=C_SETTINGS.market)||void 0===b?void 0:b.market_id)||"",last_land_url:l.get(),last_template_name:u.get(),$latest_referrer:d.get(),event_time:function(){return Date.now()}}})({initCookieResult:e})),window.sa.identify((null===(t=C_SETTINGS.customer)||void 0===t?void 0:t.customer_id)||Object(y.a)())};var I;(()=>{const e=Object(y.h)();((e,t="v2")=>{l.set(e,t)})(e),j(e),Object(T.a)()})(),null===(I=window.sa)||void 0===I||I.track("$pageview")}]);/* golden-top-end */ 1710</script>
1710 1711 1712
1713<script> 1714try { 1715 (function () { 1716 1717 if(['501456','121763','405070','691027','818679','825739','561443','827598','17694','73873','923651','778469','546739','335745','400984','359237','375837','359889','379837','177423','149467','885996','520123','775459','2003869','396636','2003869'].includes(window.SHOPLAZZA.shop.shop_id)) return; 1718 1719 var CONTENT_TYPE = "Content-Type"; 1720 var recaptchaReady = Promise.resolve(); 1721 var parseUrl = function (href) { 1722 const parser = document.createElement('a'); 1723 parser.href = href; 1724 return parser; 1725 }; 1726 var recaptchaLocal = document.getElementsByTagName('html')[0].getAttribute("lang"), 1727 recaptchaV2Languages = { 1728 "ar-SA": { "recaptcha": "ÙÙ٠تابعة Ø Ø£Ø®Ø¨Ø±ÙØ§ Ø£ÙÙ ÙØ³Øª Ø±ÙØ¨ÙØªÙØ§.", "submit": "إرساÙ" }, 1729 "de-DE": { "recaptcha": "Lassen Sie uns wissen, dass Sie kein Roboter sind.", "submit": "Einreichen" }, 1730 "en-US": { "recaptcha": "To continue, let us know you're not a robot.", "submit": "Submit" }, 1731 "es-ES": { "recaptcha": "Para continuar, háganos saber que no eres un robot.", "submit": "Entregar" }, 1732 "fr-FR": { "recaptcha": "Pour continuer, faites-nous savoir que vous n'êtes pas un robot.", "submit": "Soumettre" }, 1733 "id-ID": { "recaptcha": "Untuk melanjutkan, beri tahu kami bahwa Anda bukan robot.", "submit": "Kirim" }, 1734 "it-IT": { "recaptcha": "Per continuare, facci sapere che non sei un robot.", "submit": "Invia" }, 1735 "ja-JP": { "recaptcha": "ç¶è¡ããã«ã¯ãããªããããããã§ã¯ãªããã¨ãæãã¦ãã ããã", "submit": "éä¿¡" }, 1736 "ko-KR": { "recaptcha": "ê³ìíë ¤ë©´ ë¡ë´ì´ ìëë¼ë ê²ì ìë ¤ì£¼ììì¤.", "submit": "ì ì¶íë¤" }, 1737 "nl-NL": { "recaptcha": "Om door te gaan, laat ons weten dat je geen robot bent.", "submit": "Indienen" }, 1738 "pl-PL": { "recaptcha": "Aby kontynuowaÄ, daj nam znaÄ, że nie jesteÅ robotem.", "submit": "SkÅadaÄ" }, 1739 "pt-PT": { "recaptcha": "Para continuar, informe -nos que você não é um robô.", "submit": "Enviar" }, 1740 "ru-RU": { "recaptcha": "ЧÑÐ¾Ð±Ñ Ð¿ÑодолжиÑÑ, дайÑе нам знаÑÑ, ÑÑо Ð²Ñ Ð½Ðµ ÑобоÑ.", "submit": "ÐÑедÑÑавлÑÑÑ Ð½Ð° ÑаÑÑмоÑÑение" }, 1741 "th-TH": { "recaptcha": "à¹à¸à¸·à¹à¸à¸à¸³à¹à¸à¸´à¸à¸à¸²à¸£à¸à¹à¸à¹à¸à¹à¸à¹à¸«à¹à¹à¸£à¸²à¸à¸£à¸²à¸à¸§à¹à¸²à¸à¸¸à¸à¹à¸¡à¹à¹à¸à¹à¸«à¸¸à¹à¸à¸¢à¸à¸à¹", "submit": "สà¹à¸" }, 1742 "zh-CN": { "recaptcha": "为äºè¿è¡ä¸ä¸æ¥ï¼è¯·è®©æä»¬ç¥éä½ ä¸æ¯ä¸ä¸ªæºå¨äºº", "submit": "æäº¤" }, 1743 "zh-TW": { "recaptcha": "çºäºé²è¡ä¸ä¸æ¥ï¼è«è®©æåç¥éä½ ä¸æ¯æ¯ä¸ä¸ªæ©å¨äºº", "submit": "æäº¤" } 1744 }, 1745 recaptchaV3 = { 1746 siteKey: "6LfCUdobAAAAAGmp3pDH7n5amaAwXfPhGr60KO7k", 1747 getToken: function (url) { 1748 var pathname = parseUrl(url).pathname; 1749 var action_name = pathname.replace(/-/g, '_'); 1750 return recaptchaReady.then(function () { 1751 return new Promise((resolve, reject) => { 1752 grecaptcha.ready(resolve) 1753 }) 1754 }).then(function () { 1755 return grecaptcha.execute(recaptchaV3.siteKey, { 1756 action: action_name 1757 }) 1758 }).then(function (token) { 1759 return { token, version: 'v3' } 1760 }); 1761 } 1762 }, 1763 recaptchaV2 = { 1764 recaptchaV2Id: '', 1765 recaptchaV2Render: function (url, method, body) { 1766 this.onClick = function () { 1767 var data = this.getToken(); 1768 var xhr = new XMLHttpRequest(); 1769 xhr.open(method, url, true); 1770 xhr.setRequestHeader(CONTENT_TYPE, 'application/json; charset=UTF-8'); 1771 xhr.onload = function () { 1772 if (xhr.readyState === xhr.DONE && xhr.status === 200) { 1773 var returnUrl = paramsToObject()._returnUrl || (document.referrer.indexOf(location.origin) === 0 ? document.referrer : '/'); 1774 location.href = returnUrl; 1775 } else { 1776 try { 1777 var errorMsg = JSON.parse(xhr.responseText).errors[0] || ''; 1778 errorMsg && alert(errorMsg); 1779 } catch (error) { } 1780 } 1781 }; 1782 xhr.send(JSON.stringify(Object.assign({}, body, data))); 1783 } 1784 domAction.v2Render(); 1785 recaptchaV2.recaptchaV2Id = grecaptcha.render('g-recaptcha', { 1786 sitekey: "6LfkLg4gAAAAAK83kNxjkqOYXahfNzh4eoc9D9oQ", 1787 size: (window.innerWidth > 320) ? 'normal' : 'compact' 1788 }); 1789 }, 1790 getToken: function () { 1791 var recaptchaV2Token = grecaptcha.getResponse(recaptchaV2.recaptchaV2Id) 1792 if (recaptchaV2Token.length <= 0) return {}; 1793 return { token: recaptchaV2Token, version: "v2" } 1794 }, 1795 onClick: function () { } 1796 }, 1797 reportRecaptchaLoad = function (success) { 1798 try { 1799 window.sa.track('function_request', { 1800 function_name: 'recaptcha', 1801 business_type: 'customer_portal', 1802 event_type: 'response', 1803 event_info: JSON.stringify({ 1804 captcha_type: 'google', 1805 status: success ? 'success' : 'fail', 1806 }), 1807 }); 1808 } catch (e) {} 1809 }, 1810 domAction = { 1811 recaptchaScriptLoad: function () { 1812 return new Promise((resolve, reject) => { 1813 window.addEventListener('DOMContentLoaded', function () { 1814 var recaptchaDom = document.createElement("script"); 1815 recaptchaDom.onload = function () { 1816 reportRecaptchaLoad(true); 1817 resolve(); 1818 }; 1819 recaptchaDom.onerror = function () { 1820 reportRecaptchaLoad(false); 1821 reject(new Error('recaptcha script load failed')); 1822 }; 1823 recaptchaDom.setAttribute("src", "https://www.recaptcha.net/recaptcha/api.js?render=" + ('6LfCUdobAAAAAGmp3pDH7n5amaAwXfPhGr60KO7k' || recaptchaV3.siteKey) + "&hl=en"); 1824 document.body.appendChild(recaptchaDom); 1825 }, false); 1826 }) 1827 }, 1828 v2ContainerCreate: function () { 1829 var recaptchaV2Container = document.createElement("div"); 1830 recaptchaV2Container.setAttribute("id", "container-recaptcha"); 1831 recaptchaV2Container.style.margin = "70px auto"; 1832 recaptchaV2Container.style.maxWidth = "500px"; 1833 return recaptchaV2Container; 1834 }, 1835 v2TipCreate: function () { 1836 var recaptchaV2Tips = document.createElement("div"); 1837 recaptchaV2Tips.innerHTML = recaptchaV2Languages[recaptchaLocal]["recaptcha"] || recaptchaV2Languages["en-US"]["recaptcha"]; 1838 recaptchaV2Tips.style.margin = "16px auto"; 1839 recaptchaV2Tips.style.textAlign = "center"; 1840 return recaptchaV2Tips; 1841 }, 1842 v2ValidateCreate: function () { 1843 var recaptchaV2Validate = document.createElement("div"); 1844 recaptchaV2Validate.setAttribute("id", "g-recaptcha"); 1845 recaptchaV2Validate.style.display = "flex"; 1846 recaptchaV2Validate.style.justifyContent = "center"; 1847 return recaptchaV2Validate; 1848 }, 1849 v2ButtonCreate: function () { 1850 var recaptchaV2Btn = document.createElement("button"); 1851 recaptchaV2Btn.style.cursor = 'pointer'; 1852 recaptchaV2Btn.style.backgroundColor = '#292929'; 1853 recaptchaV2Btn.style.color = '#FFFFFF'; 1854 recaptchaV2Btn.style.padding = "12px 30px"; 1855 recaptchaV2Btn.style.margin = "0px auto"; 1856 recaptchaV2Btn.style.display = "block"; 1857 recaptchaV2Btn.style.fontSize = "16px"; 1858 recaptchaV2Btn.style.lineHeight = "1"; 1859 recaptchaV2Btn.style.border = "none"; 1860 recaptchaV2Btn.innerHTML = recaptchaV2Languages[recaptchaLocal]["submit"] || recaptchaV2Languages["en-US"]["submit"]; 1861 recaptchaV2Btn.onclick = function () { 1862 recaptchaV2.onClick(); 1863 } 1864 return recaptchaV2Btn; 1865 }, 1866 v2Render: function () { 1867 if (document.getElementById("container-recaptcha")) return; 1868 var recaptchaV2Container = this.v2ContainerCreate(), 1869 recaptchaV2Tips = this.v2TipCreate(), 1870 recaptchaV2Validate = this.v2ValidateCreate(), 1871 recaptchaV2Btn = this.v2ButtonCreate(), 1872 hidetNode = document.getElementById("password").closest('.shoplaza-section'); 1873 recaptchaV2Container.appendChild(recaptchaV2Tips); 1874 recaptchaV2Container.appendChild(recaptchaV2Validate); 1875 recaptchaV2Container.appendChild(recaptchaV2Btn); 1876 hidetNode.style.display = 'none'; 1877 hidetNode.parentNode.insertBefore(recaptchaV2Container, null); 1878 }, 1879 v2ContainerHide: function () { 1880 document.getElementById("password").closest('.shoplaza-section').style.display = 'block'; 1881 document.getElementById("container-recaptcha").remove(); 1882 } 1883 }; 1884 1885 // è¯è¨ä¸åå¨ï¼ä½¿ç¨é»è®¤è¯è¨ 1886 if(!recaptchaV2Languages[recaptchaLocal]) { 1887 recaptchaLocal = "en-US" 1888 } 1889 1890 var handleRequest = function (params) { 1891 var status = params.status; 1892 var method = params.method; 1893 var data = params.data; 1894 var body = params.body; 1895 var url = params.url; 1896 if (status == 422 && data.need_recaptcha && body.version === 'v3') { 1897 recaptchaV2.recaptchaV2Render(url, method || 'GET', body); 1898 } else { 1899 if (document.getElementById("password").closest(".shoplaza-section").style.display == "none") { 1900 domAction.v2ContainerHide(); 1901 } 1902 } 1903 }; 1904 1905 var paramsToObject = function (url) { 1906 url = url || window.location.href; 1907 var params = {}; 1908 url.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (str, key, value) { 1909 try { 1910 params[key] = decodeURIComponent(value); 1911 } catch (e) { 1912 params[key] = value; 1913 } 1914 }); 1915 return params; 1916 }; 1917 1918 var serializeQueryString = function (params) { 1919 const s = []; 1920 for (const k in params) { 1921 const v = params[k]; 1922 if (v == null) { 1923 continue; 1924 } else { 1925 const sv = v; 1926 s.push(encodeURIComponent(k) + '=' + encodeURIComponent(sv)); 1927 } 1928 } 1929 return s.join('&'); 1930 } 1931 1932 var BodyToObj = function (body, contentType) { 1933 if (!(body && contentType)) return body; 1934 if (contentType.indexOf('application/x-www-form-urlencoded') > -1) { 1935 return paramsToObject('?' + body); 1936 } else if (contentType.indexOf('application/json') > -1) { 1937 return JSON.parse(body); 1938 } 1939 return body; 1940 } 1941 1942 var ObjToBody = function (obj, contentType) { 1943 if (!(obj && contentType)) return obj; 1944 if (contentType.indexOf('application/x-www-form-urlencoded') > -1) { 1945 return serializeQueryString(obj); 1946 } else if (contentType.indexOf('application/json') > -1) { 1947 return JSON.stringify(obj); 1948 } 1949 return obj; 1950 } 1951 1952 var getContentType = function (headers) { 1953 if (headers) { 1954 for (var key in headers) { 1955 if (key.toLowerCase() === CONTENT_TYPE.toLowerCase()) { 1956 return headers[key]; 1957 } 1958 } 1959 }; 1960 } 1961 1962 // 夿æ¯å¦éè¦token 1963 var needToken = function (url) { 1964 var pathname = parseUrl(url).pathname; 1965 var routes_root = (window.SHOPLAZZA.routes && window.SHOPLAZZA.routes.root) || ''; 1966 var sign_in_url = routes_root + '/api/customers/sign_in'; 1967 var sign_up_url = routes_root + '/api/customers/sign_up'; 1968 var password_reset_url = routes_root + '/api/customers/password_reset'; 1969 var password_reset_email_url = routes_root + '/api/customers/password_reset_email'; 1970 return pathname == sign_in_url || pathname == sign_up_url || pathname == password_reset_url || pathname == password_reset_email_url; 1971 }; 1972 1973 var proxyXhr = function () { 1974 var xhr = window.XMLHttpRequest, 1975 xhrSetRequestHeader = xhr.prototype.setRequestHeader, 1976 xhrOpen = xhr.prototype.open, 1977 xhrSend = xhr.prototype.send; 1978 var handleXhr = function (xhr, method, url, body) { 1979 if (xhr.readyState === XMLHttpRequest.DONE && needToken(url)) { 1980 var data = JSON.parse(xhr.responseText); 1981 handleRequest({ status: xhr.status, method, data, body, url }); 1982 } 1983 }; 1984 var open = function (method, url) { 1985 this._method = method; 1986 this._url = url; 1987 return xhrOpen.apply(this, arguments); 1988 }; 1989 var setRequestHeader = function () { 1990 if (arguments[0] && arguments[0].toLowerCase() === CONTENT_TYPE.toLowerCase() && arguments[1]) { 1991 this._contentType = arguments[1]; 1992 } 1993 return xhrSetRequestHeader.apply(this, arguments); 1994 } 1995 var send = function (body) { 1996 try { 1997 var xhr = this, 1998 url = xhr._url, 1999 method = xhr._method, 2000 contentType = xhr._contentType; 2001 var bodyObj = BodyToObj(body, contentType) || {}; 2002 2003 // readystatechange 2004 if (needToken(url)) { 2005 if (xhr.addEventListener) { 2006 xhr.addEventListener('readystatechange', function () { 2007 handleXhr(xhr, method, url, bodyObj); 2008 }, false); 2009 } else { 2010 var oldOnReadyStateChange = xhr.onreadystatechange; 2011 xhr.onreadystatechange = function () { 2012 handleXhr(xhr, method, url, bodyObj); 2013 oldOnReadyStateChange(); 2014 }; 2015 }; 2016 }; 2017 // add token 2018 if (needToken(url) && !(bodyObj.token && bodyObj.version)) { 2019 recaptchaV3.getToken(url).then(function (data) { 2020 body = ObjToBody(Object.assign(bodyObj, data || {}), contentType);
2021 xhrSend.call(xhr, body); 2022 }); 2023 return; 2024 } 2025 } catch (e) { } 2026 xhrSend.call(xhr, body); 2027 }; 2028 2029 window.XMLHttpRequest.prototype.setRequestHeader = setRequestHeader; 2030 window.XMLHttpRequest.prototype.open = open; 2031 window.XMLHttpRequest.prototype.send = send; 2032 }; 2033 2034 var proxyFetch = function () { 2035 var fetch = window.fetch; 2036 if (typeof fetch !== 'function') return; 2037 const handleFetch = (params) => { 2038 var response = params.response; 2039 var method = params.method || 'GET'; 2040 var body = params.body; 2041 var url = params.url; 2042 2043 if (!needToken(url)) return; 2044 response 2045 .clone() 2046 .json() 2047 .then((data) => { 2048 var status = response.status; 2049 handleRequest({ status, method, data, body, url }); 2050 }) 2051 .catch(function () {}); 2052 }; 2053 window.fetch = function () { 2054 var that = this; 2055 var arg = arguments; 2056 var input = arg[0]; 2057 var init = arg[1] || {}; 2058 try { 2059 var contentType = getContentType(init.headers) || ''; 2060 var bodyObj = BodyToObj(init.body, contentType) || {}; 2061 // add token 2062 if (needToken(input) && !(bodyObj.token && bodyObj.version)) { 2063 return recaptchaV3.getToken(input).then(function (data) { 2064 init.body = ObjToBody(Object.assign(bodyObj, data || {}), contentType); 2065 return fetch.call(that, input, init).then(function (response) { 2066 handleFetch({ response, url: input, method: init.method, body: bodyObj }); 2067 return response 2068 }); 2069 }) 2070 } 2071 } catch (e) { } 2072 return fetch.apply(that, arg).then(function (response) { 2073 needToken(input) && handleFetch({ response, method: init.method, body: bodyObj }); 2074 return response 2075 });; 2076 }; 2077 }; 2078 2079 proxyXhr(); 2080 proxyFetch(); 2081 recaptchaReady = domAction.recaptchaScriptLoad(); 2082 2083 })() 2084 } catch(e){ }</script>
2084 2085<!-- meta_sdk start --->
2086<script> 2087try{(function(){!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version="2.0";n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,"script","https://connect.facebook.net/en_US/fbevents.js");var key1=atob("U0hPUF9QQVJBTVM=");var key2="C_SETTINGS";var id=new Date().getTime().toString()+(Math.random().toFixed(2)*400+100).toString();var addPvEId=function(key){var _window_key;return window[key]=Object.assign(window[key]||{},{fbq_pv_event_id:((_window_key=window[key])===null||_window_key===void 0?void 0:_window_key.fbq_pv_event_id)||id})};addPvEId(key1);addPvEId(key2)})()}catch(e){} 2088</script>
2088 2089<!-- meta_sdk end ---> 2090<!-- track_config start -->
2091<script> 2092try{(function(){var a="AD_TRACK_ASSETS";var c="track_config";var r={"meta":{"pixels":[{"pixel":"709442593435299","delay_second":0,"purchase_total_price":true,"exclude_freight_insurance":false}]}};var n=window;var t;Object.assign(n[a]||(n[a]={}),(t={},t[c]=n[a][c]?Object.assign(n[a][c],r):r,t))})()}catch(a){} 2093</script>
2093 2094<!-- track_config end --> 2095
2096<script type="text/javascript">Object.assign(window.AD_TRACK_ASSETS || (window.AD_TRACK_ASSETS={}),{"golden_world":"golden_world.PSV6FO2D.js"});</script>
2096 2097</head> 2098 <body class="nova template-register m-0 type-text-font-family leading-1.3" id="nova-theme"> 2099 <style> 2100 .back-to-top { 2101 position: fixed; 2102 right: 16px; 2103 bottom: 34px; 2104 width: 50px; 2105 height: 50px; 2106 background-color: rgba(41,41,41,.4);; 2107 transition: transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); 2108 z-index: calc(var(--z-index-fixed) + 5); 2109 } 2110 .back-to-top[show] { transform: translateY(0); } 2111 @media (min-width: 960px) { 2112 .back-to-top { 2113 right: 32px; 2114 bottom: 24px; 2115 } 2116 } 2117 </style> 2118 <div class="hidden back-to-top flex items-center justify-center rounded-full cursor-pointer shadow" id="top-button" @tap="nova-theme.scrollTo(position='top');"> 2119 <svg class="" width="16" height="18" fill="#FFF" xmlns="http://www.w3.org/2000/svg"><g><path d="M7.58 4.333a.6.6 0 0 1 .848 0l7.283 7.283a.3.3 0 0 1 0 .425l-.764.763a.3.3 0 0 1-.424 0L8.85 7.131V17.7a.3.3 0 0 1-.3.3H7.47a.3.3 0 0 1-.3-.3V7.118l-5.686 5.686a.3.3 0 0 1-.424 0l-.764-.764a.3.3 0 0 1 0-.424l7.283-7.283ZM0 .3A.3.3 0 0 1 .3 0h15.4a.3.3 0 0 1 .3.3v1.06a.3.3 0 0 1-.3.3H.3a.3.3 0 0 1-.3-.3V.3Z"/></g></svg> 2120 </div> 2121 <spz-observer layout="logic" value="500" @scrollexceedboundary="top-button.toggleClass(class='hidden', force=false);" @scrollnotexceedboundary="top-button.toggleClass(class='hidden', force=true);" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-observer> 2122 <template id="product-snippet-template"> 2123 <div> 2124 ${(function(){ 2125 const get_random_six_digits = () => { 2126 return Math.random().toString().slice(-6) 2127 }; 2128 const wholesale_enabled = false; 2129 const setting_product_image_display = "100%"; 2130 const product_image = data.image; 2131 const secondary_image = data.secondImage; 2132 const image_width = product_image.width; 2133 let image_height = product_image.height; 2134 if(setting_product_image_display == '100%'){ 2135 image_height = image_width 2136 }else if(setting_product_image_display == '133.33%'){ 2137 image_height = image_width * 1.3333; 2138 }; 2139 const product_image_hover_on = true && !!secondary_image.src; 2140 const has_save_label = true && ((+data.compare_at_price) > (+data.price)); 2141 const is_single_variant = data.variants.length == 1; 2142 const min_price_variant_href = (data.min_price_variant && data.min_price_variant.available) ? data.min_price_variant.withinUrl : data.withinUrl; 2143 const retail_price_max = data.retail_price_max || data.compare_at_price_max; 2144 const THUMBNAILS_MAX_SIZE = 3; 2145 const thumbnails = data.thumbVariants.slice(0, THUMBNAILS_MAX_SIZE); 2146 const image_wrap_id = 'image_wrap_' + get_random_six_digits(); 2147 const image_carousel_id = 'image_carousel_' + get_random_six_digits(); 2148 const thumbnails_selector_id = 'thumbnails_selector_' + get_random_six_digits(); 2149 const form_id = 'form_' + get_random_six_digits(); 2150 const mixed_wholesale = data.mixed_wholesale; 2151 return ` 2152 <div class="product-snippet__img-wrapper relative" id="${image_wrap_id}"> 2153 <a 2154 class="product-snippet__img-link relative block overflow-hidden" 2155 spz-href="${data.withinUrl}" 2156 ${product_image_hover_on?"has-secondary-image":""} 2157 > 2158 <spz-img 2159 class="product-snippet__img product-snippet__img_main" 2160 layout="responsive" 2161 width="${image_width}" 2162 height="${image_height}" 2163 src="${product_image.src}" 2164 alt="${product_image.alt}" 2165 object-fit="cover" 2166 auto-fit 2167 ></spz-img> 2168 <spz-carousel 2169 class="product-snippet__img product-snippet__img_carousel" 2170 id="${image_carousel_id}" 2171 layout="responsive" 2172 width="${image_width}" 2173 height="${image_height}" 2174 initial-slide="0" 2175 slide 2176 effect="fade" 2177 spz-if="${thumbnails.length>0}" 2178 > 2179 <spz-img 2180 spz-if="!!item.image" 2181 layout="responsive" 2182 width="${image_width}" 2183 height="${image_height}" 2184 src="${item.image && item.image.src || ''}" 2185 alt="${item.image && item.image.alt || ''}" 2186 object-fit="cover" 2187 auto-fit 2188 spz-for="(item, index) in thumbnails" 2189 key="index" 2190 ></spz-img>
2191 </spz-carousel> 2192 <spz-img 2193 class="product-snippet__img-secondary absolute top-0" 2194 layout="responsive" 2195 width="${image_width}" 2196 height="${image_height}" 2197 src="${secondary_image.src || ''}" 2198 alt="${secondary_image.alt}" 2199 object-fit="cover" 2200 auto-fit 2201 ></spz-img> 2202 </a> 2203 <button 2204 type="button" 2205 class="product-snippet__quick-shop-icon" 2206 data-track-product-id="${data.id}" 2207 data-track-position="" 2208 data-track="quick_shop" 2209 @tap="quick-shop.open;quick-shop-render.render(src='/api/products/${data.id}');" 2210 spz-if="${data.available && !(!wholesale_enabled && is_single_variant)}" 2211 > 2212 <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg> 2213 </button> 2214 <spz-product-form 2215 product-id="${data.id}" 2216 layout="container" 2217 @atcSuccess="cart-drawer-modal.open;" 2218 @atcError="theme-toast.showToast(content=event.message);" 2219 spz-if="${data.available && !wholesale_enabled && is_single_variant}" 2220> 2221 <form> 2222 <input name="variant_id" type="hidden" value="${data.variants[0].id}"> 2223 <button 2224 type="button" 2225 class="product-snippet__quick-shop-icon" 2226 role="addToCart" 2227 data-quick-shop="${data.handle}" 2228 data-track-product-id="${data.id}" 2229 data-track="click" 2230 data-track-content="add_to_cart" 2231 data-track-source="quick_shop" 2232 > 2233 <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg> 2234 </button> 2235 </form> 2236</spz-product-form> 2237 <a 2238 class="product_snippet__label" 2239 label-type="${data.available?'save':'sold_out'}" 2240 spz-href="${min_price_variant_href}" 2241 spz-if="${!data.available||has_save_label}" 2242 > 2243 ${ 2244 data.available 2245 ? 2246 2247`${ 2248 (+data.compare_at_price > +data.price) 2249 ? `Save 2250 <spz-currency value="${ data.compare_at_price-data.price }" layout="container"></spz-currency> 2251 ` 2252 : '' 2253 }` 2254: "Sold out" 2255 } 2256 </a> 2257</div> 2258 <div spz-if="${mixed_wholesale}"> 2259 <style> 2260 .mixed_wholesale_label { 2261 padding: 2px 4px; 2262 } 2263 2264 .mixed_wholesale_tooltip .i-spzhtml-tooltip-arrow:before, 2265 .mixed_wholesale_tooltip .i-spzhtml-tooltip-inner { 2266 background: var(--color-body-bg); 2267 color: var(--color-body-text); 2268 } 2269 2270 .mixed_wholesale_tooltip { 2271 max-width: 100%; 2272 border-radius: 4px; 2273 box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.1); 2274 } 2275 2276 @media (min-width: 960px) { 2277 .mixed_wholesale_tooltip { 2278 max-width: 450px; 2279 } 2280 } 2281</style> 2282<div class="mt-2 lg:mt-3 mixed_wholesale_label inline-flex color-custom-label-text bg-custom-label text-xs rounded" id="mixed-${image_wrap_id}"> 2283 Mixed Lot 2284</div> 2285<spz-tooltip layout="logic" content="You can enjoy the wholesale price when you add up to {{count}} pieces of current goods and any goods that support "Mixed Lot" in the store." interact="hover" for="mixed-${image_wrap_id}" placement="bottom" overlay-class="mixed_wholesale_tooltip"> 2286</spz-tooltip> 2287 </div> 2288 <h3 2289 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color "> 2290 <a class="text-inherit no-underline" spz-href="${data.withinUrl}"> 2291 ${data.title} 2292 </a> 2293 </h3> 2294 <a 2295 class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline" 2296 spz-href="${min_price_variant_href}" 2297 >
2298 <span class="product-snippet__price ${data.price_min != data.price_max ? 'product-snippet__from-price' : ''}"> 2299 ${ 2300 data.price_min != data.price_max 2301 ? `from 2302 <spz-currency value="${data.price}" layout="container"></spz-currency> 2303 ` 2304 : ` 2305 <spz-currency value="${data.price}" layout="container"></spz-currency> 2306 ` 2307 } 2308 </span> 2309 <spz-currency class="product-snippet__compare-at-price" value="${data.compare_at_price}" layout="container" spz-if="${+data.compare_at_price>+data.price}"></spz-currency> 2310 </a> 2311 <spz-selector 2312 id="${thumbnails_selector_id}" 2313 layout="container" 2314 class="product-snippet__thumbnails flex items-center flex-wrap mt-2" 2315 @mouseover="${thumbnails_selector_id}.toggle(option=event.targetOption,value=true);${image_carousel_id}.goToSlide(index=event.targetOption);${image_wrap_id}.toggleClass(class='show_carousel',force=true)" 2316 spz-if="${thumbnails.length>0}" 2317 > 2318 <a 2319 spz-if="!!item.image" 2320 class="product-snippet__thumbnails-item flex cursor-pointer" 2321 spz-href="${item.withinUrl}" 2322 spz-for="(item, index) in thumbnails" 2323 key="index" 2324 option="${index}" 2325 > 2326 <spz-img 2327 layout="fixed" 2328 width="28" 2329 height="28" 2330 src="${item.image && item.image.src || ''}" 2331 alt="${item.image && item.image.alt || ''}" 2332 object-fit="cover" 2333 auto-fit 2334 ></spz-img> 2335 </a> 2336 <a spz-href="${data.withinUrl}" class="product-snippet__thumbnails-item text-xs text-inherit no-underline" spz-if="${data.remainInvisibleThumbCount>0}"> 2337 +${data.remainInvisibleThumbCount} 2338 </a> 2339 </spz-selector> 2340 ` 2341 })()} 2342 </div> 2343</template> 2344<div class="page_container"> 2345 <style type="text/css"> 2346 [data-section-id=announcement] { 2347 position: relative; 2348 z-index: 1030; 2349 background: var(--color-announcement-bg); 2350 color: var(--color-announcement-text); 2351 } 2352 [data-section-id=announcement].header_mask_open{ 2353 z-index: unset; 2354 } 2355 2356 .announcement-content { 2357 cursor: pointer; 2358 } 2359 2360 .announcement-content[carousel_off] { 2361 pointer-events: none; 2362 } 2363</style><div id="shoplaza-section-announcement" class="shoplaza-section" data-section-id="announcement" data-section-type="announcement" data-section-style=""> 2364 2365<div class="page-container relative"> 2366 <spz-carousel ssr class="announcement-content md:hidden mx-auto text-center i-spzhtml-layout-container" layout="container" carousel_off advance-count="1" i-spzhtml-layout="container"> 2367 <div class="break-all py-2 mce-content"><p>âFree shipping on order over $50.00</p></div> 2368 </spz-carousel> 2369 <spz-carousel ssr class="announcement-content lg:hidden mx-auto text-center i-spzhtml-layout-container" layout="container" carousel_off i-spzhtml-layout="container"> 2370 <div class="break-all w-full py-2 flex-shrink-0 mce-content"><p>âFree shipping on order over $50.00</p></div> 2371 </spz-carousel> 2372 </div> 2373</div> 2374 <div id="shoplaza-section-header" class="shoplaza-section" data-section-id="header" data-section-type="header" data-section-style=""> 2375<style> 2376 .header__desktop, 2377 .header__mobile { 2378 color: var(--color-header-text); 2379 position: relative; 2380 z-index: 20; 2381 } 2382 2383 .header__layout { 2384 background: var(--color-header-bg); 2385 } 2386 2387 .header-shadow{ 2388 box-shadow: 0 6px 10px -3px rgba(41, 41, 41, 0.08); 2389 } 2390 2391 .header-bg { 2392 background: var(--color-header-bg); 2393 } 2394 2395 .header__menu-item-tag{ 2396 margin-top: -6px; 2397 margin-left: 2px; 2398 padding: 2px 4px; 2399 font-size: 12px; 2400 line-height: 1; 2401 border-radius: 2px; 2402 } 2403 [data-section-id="header"]{ 2404 pointer-events: none; 2405 } 2406</style> 2407 2408<style> 2409 2410 2411 @media (min-width: 960px) { 2412 2413 [data-section-id="header"]{ 2414 position: sticky; 2415 top: 0; 2416 z-index: 1021; 2417 } 2418 2419 } 2420 2421 2422 @media (max-width: 959.98px) { 2423 2424 [data-section-id="header"]{ 2425 position: sticky; 2426 top: 0; 2427 z-index: 1021; 2428 } 2429 2430 } 2431 2432</style> 2433 2434<style> 2435 /* layout left */ 2436 .header__desktop[data-layout="left"] .header__logo { 2437 flex: 1; 2438 order: 1; 2439 } 2440 2441 .header__desktop[data-layout="left"] .header__icons { 2442 order: 4; 2443 } 2444 2445 .header__desktop[data-layout="left"] .header__menu-sticky, 2446 .header__desktop[data-layout="center"] .header__menu-sticky { 2447 display: none; 2448 order: 2; 2449 } 2450 2451 /* layout center */ 2452 .header__desktop[data-layout="center"] .header__logo { 2453 order: 2; 2454 display: flex; 2455 justify-content: center; 2456 } 2457 2458 .header__desktop[data-layout="center"] .header__search { 2459 flex: 1; 2460 order: 1; 2461 } 2462 2463 /* layout menu_left_logo_center */ 2464 .header__desktop[data-layout="menu_left_logo_center"] .header__logo { 2465 order: 2; 2466 display: flex; 2467 justify-content: center; 2468 width: 200px; 2469 margin-left: 50px; 2470 margin-right: 50px; 2471 } 2472 2473 /* layout logo_left_menu_left */ 2474 .header__desktop[data-layout="logo_left_menu_left"] .header__logo { 2475 order: 0; 2476 display: flex; 2477 margin-right: 24px; 2478 } 2479 2480 .header__desktop[data-layout="logo_left_menu_left"] .header__icons { 2481 order: 4; 2482 justify-content: end; 2483 } 2484 2485 .header__desktop[data-layout="center"] .header__icons, 2486 .header__desktop[data-layout="menu_left_logo_center"] .header__icons { 2487 flex: 1; 2488 order: 4; 2489 justify-content: end; 2490 } 2491 2492 .header__desktop[data-layout="left"] .header__menu-sticky, 2493 .header__desktop[data-layout="center"] .header__menu-sticky, 2494 .header__desktop[data-layout="logo_left_menu_left"] .header__menu-sticky { 2495 padding-left: 28px; 2496 padding-right: 28px; 2497 } 2498 2499 .header__desktop[data-layout="logo_left_menu_left"] .header__menu-sticky .header__menu-item-sub, 2500 .header__desktop[data-layout="menu_left_logo_center"] .header__menu-sticky .header__menu-item-sub { 2501 max-width: 425px; 2502 } 2503 2504 .header__desktop[data-layout="left"] .header__menu-wrapper .header__menu, 2505 .header__desktop[data-layout="center"] .header__menu-wrapper .header__menu{ 2506 padding: 6px 0 0 0; 2507 } 2508 .header__desktop[data-layout="left"] .header__menu-wrapper .header__menu-item-sub, 2509 .header__desktop[data-layout="center"] .header__menu-wrapper .header__menu-item-sub{ 2510 padding-bottom: 17px; 2511 } 2512 2513 2514</style> 2515 2516<style> 2517 2518 @media (min-width: 960px) { 2519 .header__scroll_hide, 2520 .header__scroll_hide ~ *{ 2521 transition: transform 0.3s; 2522 } 2523 #shoplaza-section-header.show_shadow .header__desktop .header__menu-wrapper{ 2524 box-shadow: 0 6px 10px -3px rgba(41, 41, 41, 0.08); 2525 } 2526 body.header_scroll #shoplaza-section-header{ 2527 box-shadow: none; 2528 } 2529 .header_scroll .header__desktop[data-layout="center"] .header__search, 2530 .header_scroll .header__desktop[data-layout="center"] .header__icons, 2531 .header_scroll .header__desktop[data-layout="left"] .header__search, 2532 .header_scroll .header__desktop[data-layout="left"] .header__icons 2533 { 2534 flex-grow: unset; 2535 } 2536 .header_scroll .header__desktop[data-layout="center"] .header__logo, 2537 .header_scroll .header__desktop[data-layout="left"] .header__logo{ 2538 flex-grow: unset; 2539 order: 1; 2540 margin-right: 20px; 2541 } 2542 .header_scroll .header__desktop[data-layout="center"] .header__scroll_hide, 2543 .header_scroll .header__desktop[data-layout="left"] .header__scroll_hide{ 2544 transform: translateY(-100%); 2545 } 2546 .header_scroll .header__desktop[data-layout="center"] .header__scroll_hide ~ *, 2547 .header_scroll .header__desktop[data-layout="left"] .header__scroll_hide ~ *{ 2548 transform: translateY(calc(-1 * var(--header-scroll-hide-height-pc))); 2549 } 2550 .header_scroll .header__desktop[data-layout="center"] .header__menu-sticky, 2551 .header_scroll .header__desktop[data-layout="left"] .header__menu-sticky{ 2552 display: block; 2553 flex: 1; 2554 } 2555 .header_scroll .header__desktop[data-layout="center"] .header__menu-content, 2556 .header_scroll .header__desktop[data-layout="left"] .header__menu-content{ 2557 visibility: hidden; 2558 } 2559 } 2560 2561 2562 @media (max-width: 959.98px) { 2563 .header__scroll_hide { 2564 transition: transform .5s; 2565 } 2566 2567 #shoplaza-section-header.show_shadow .header__mobile .header__fixed-top { 2568 box-shadow: 0 6px 10px -3px rgba(41, 41, 41, 0.08); 2569 } 2570 2571 .header_scroll .header__scroll_hide.non-sticky { 2572 transform: translateY(-100%); 2573 } 2574 2575 .header__icons.show-menu-icon .header__account, 2576 .header__icons:not(.show-menu-icon) .header__icon-menu--force, 2577 #header-search-container-mobile:not(.show) { 2578 display: none; 2579 } 2580 } 2581 2582</style> 2583 2584<style> 2585 .header__logo{ 2586 margin: 0; 2587 font-size: 0; 2588 } 2589 .header__logo-title{ 2590 max-width: 185px; 2591 overflow-wrap: break-word; 2592 font-size: 24px; 2593 line-height: 38px; 2594 font-weight: 600; 2595 color: inherit; 2596 overflow: hidden; 2597 text-decoration-line: none; 2598 } 2599 [data-section-id="header"] .image_width { 2600 width: 140px; 2601 } 2602 @media (min-width: 960px) { 2603 .header__logo{ 2604 padding: 18px 0; 2605 } 2606 .header__logo-title{ 2607 max-width: 380px; 2608 font-size: 30px; 2609 line-height: 36px; 2610 font-weight: 500; 2611 } 2612 [data-section-id="header"] .image_width { 2613 width: 190px; 2614 } 2615 } 2616 @media (max-width: 959.98px) { 2617 .header__logo{ 2618 flex: 1; 2619 } 2620 } 2621</style> 2622 2623<style> 2624 .header__account, 2625 .header__cart, 2626 .header__drawer_icon{ 2627 2628 margin-left: 22px; 2629 2630 } 2631 .header__account_dropdown { 2632 margin: 6px; 2633 } 2634 2635 .header__account_dropdown .i-spzhtml-dropdown-container { 2636 background-color: transparent; 2637 } 2638 2639 .header__account_dropdown_content{ 2640 width: 146px; 2641 padding: 15px; 2642 font-size: 14px; 2643 line-height: 18px; 2644 color: var(--color-menu-item-text); 2645 background-color: var(--color-header-bg); 2646 z-index: var(--z-index-dropdown); 2647 transition: all 200ms; 2648 border-radius: 4px; 2649 } 2650 .header__account_dropdown_content > li{ 2651 cursor: pointer; 2652 } 2653 .header__account_dropdown_content > li:hover{ 2654 color: var(--color-menu-item-text-70); 2655 } 2656 .header__account_dropdown_content > li + li{ 2657 margin-top: 18px; 2658 } 2659 .header__account_dropdown_content a{ 2660 color: inherit; 2661 text-decoration: none; 2662 } 2663 .header__cart-count{ 2664 min-height: 18px; 2665 min-width: 18px; 2666 padding: 3px 4px; 2667 top: -18px; 2668 2669 right: -4px; 2670 2671 font-size: 12px; 2672 color: var(--color-cart-dot-text); 2673 background-color: var(--color-cart-dot-bg); 2674 } 2675 2676 .header-cart-back-btn { 2677 margin-right: 2px; 2678 } 2679 2680 html[dir="rtl"] .header-cart-back-btn { 2681 margin-left: 2px; 2682 margin-right: 0; 2683 transform: rotate(180deg); 2684 } 2685 2686 @media (min-width: 960px) { 2687 .header__account, 2688 .header__cart, 2689 .header__plugin-container > *{ 2690 margin-left: 30px; 2691 margin-right: unset; 2692 } 2693 .header__account_dropdown_content{ 2694 visibility: hidden; 2695 position: absolute; 2696 margin-top: 10px; 2697 2698 margin-left: -50px; 2699 2700 width: 160px; 2701 } 2702 .header__account:hover .header__account_dropdown_content{ 2703 visibility: visible; 2704 } 2705 } 2706</style> 2707<spz-observer layout="logic" value="1" @scrollexceedboundary="shoplaza-section-header.toggleClass(class='show_shadow', force=true);" @scrollnotexceedboundary="shoplaza-section-header.toggleClass(class='show_shadow', force=false);" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-observer> 2708 <spz-observer layout="logic" @scrolldown="nova-theme.toggleClass(class='header_scroll', force=true);header-menu-top.updateMoreLink" @scrollup="nova-theme.toggleClass(class='header_scroll', force=false);" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-observer> 2709<div class="header_container relative"> 2710 <style> 2711 .header__menu-sticky { 2712 padding-top: 28px; 2713 } 2714 .header__menu-sticky .header__menu-item-sub { 2715 padding-bottom: 28px; 2716 } 2717</style> 2718<div class="header__desktop md:hidden" data-layout="center"> 2719 <div class="header__layout relative z-50 pointer-events-auto"> 2720 <div class="header__layout-content page-container flex items-center direction_ltr_self"> 2721 <h2 class="header__logo flex-shrink-0 type-heading-font-family"> 2722 <a class="image_width block md:hidden" href="/"> 2723 <spz-img layout="responsive" width="300" height="100" src="//img.staticdj.com/da7b476af7322b6a98b73854e8df74b8_400x.JPG" alt="" class="i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:33.33%;"></i-spzhtml-sizer></spz-img> 2724 </a> 2725 <a class="image_width block lg:hidden" href="/"> 2726 <spz-img layout="responsive" width="300" height="100" src="//img.staticdj.com/da7b476af7322b6a98b73854e8df74b8_400x.JPG" alt="" class="i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:33.33%;"></i-spzhtml-sizer></spz-img> 2727 </a> 2728</h2> 2729<style> 2730 .header__search button, 2731 .header__search input{ 2732 border: none; 2733 outline: none; 2734 } 2735 .header__search-btn, 2736 .header__search-icon{ 2737 background: transparent; 2738 } 2739 .header__search { 2740 display: flex; 2741 align-items: center; 2742 flex-shrink: 0; 2743 } 2744 .header__search-btn { 2745 padding: 0; 2746 margin: 0; 2747 font-size: 0; 2748 color: inherit; 2749 cursor: pointer; 2750 } 2751 .header__search-form{ 2752 min-height: 40px; 2753 } 2754 .header__search-input{ 2755 font-size: 13px; 2756 line-height: 16px; 2757 color: var(--color-header-search-text); 2758 background-color: var(--color-header-search-bg); 2759 padding: 12px 16px 12px 36px; 2760 border-radius: 2px 0 0 2px; 2761 } 2762 .header__search-input:not(:placeholder-shown) ~ .header__search-icon-close{ 2763 display: flex; 2764 } 2765 .header__search-icon{ 2766 left: 10px; 2767 top: 50%; 2768 transform: translateY(-50%); 2769 color: var(--color-header-search-text-50); 2770 } 2771 .header__search-icon-close{ 2772 top: 50%; 2773 transform: translateY(-50%); 2774 height: 18px; 2775 width: 18px; 2776 color: #fff; 2777 background: #C0C0C0; 2778 right: 10px; 2779 } 2780 .header__search-icon:hover, 2781 .header__search-icon-close:hover{ 2782 color: var(--color-header-search-text); 2783 } 2784 .header__search-submit-btn{ 2785 padding: 11px 16px; 2786 font-size: 14px; 2787 line-height: 18px; 2788 color: var(--color-header-search-btn-text); 2789 background-color: var(--color-header-search-btn-bg); 2790 border-radius: 0 2px 2px 0; 2791 } 2792 @media (max-width: 959.98px) { 2793 .header__search-form{ 2794 width: 100% 2795 } 2796 } 2797 @media (min-width: 960px) { 2798 .header__search-form{ 2799 margin: 18px 0; 2800 } 2801 .header__search-input{ 2802 width: 232px; 2803 border-radius: 2px; 2804 } 2805 .header__desktop[data-layout="left"] .header__search-input{ 2806 width: 278px; 2807 } 2808 } 2809</style> 2810 2811<div class="header__search" id=""> 2812 <button 2813 type="button" 2814 class="header__search-btn" 2815 @tap="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=true);header_search_sidebar.open()" 2816 > 2817 <svg class="" width="26" height="26" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.925 20.057A9.955 9.955 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10a9.968 9.968 0 0 1-2.864 7.006l4.929 4.928a.8.8 0 0 1-1.132 1.132l-5-5-.008-.01zM20.4 12a8.4 8.4
28170 1 1-16.8 0 8.4 8.4 0 0 1 16.8 0z" fill="currentColor"/></svg> 2818 </button> 2819 </div> 2820<spz-observer layout="logic" target="header__plugin-container" @childupdated="header-menu-top.updateMoreLink" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-observer> 2821<div class="header__icons flex-shrink-0 flex items-center" > 2822 <div class="header__plugin-container md:hidden flex items-center" id="header__plugin-container"> 2823 <div class="empty-hidden plugin__translate-header"></div> 2824 <div class="empty-hidden plugin__currency"></div> 2825 </div> 2826 2827 <div class="header__account relative text-0 md:hidden "> 2828 <i class="cursor-pointer" ><svg class=" " width="26" height="26" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity=".01" fill="currentColor" d="M0 0h26v26H0z"/><g fill-rule="evenodd" clip-rule="evenodd" fill="currentColor"><path d="M13.11 1a6.11 6.11 0 1 1 0 12.22 6.11 6.11 0 0 1 0-12.22Zm0 1.6a4.51 4.51 0 1 0 0 9.02 4.51 4.51 0 0 0 0-9.02ZM17.333 15A6.667 6.667 0 0 1 24 21.667V24a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-2.333A6.667 6.667 0 0 1 8.667 15h8.666Zm0 1.6H8.667a5.067 5.067 0 0 0-5.062 4.847l-.005.22V23.4h18.8v-1.733a5.067 5.067 0 0 0-4.847-5.062l-.22-.005Z"/></g></svg></i> 2829 <ul class="header__account_dropdown_content list-none header-shadow"> 2830 <li><a href="/account/login">Log in</a></li> 2831 <li><a href="/account/register">Create an account</a></li> 2832 </ul> 2833</div> 2834 <a class="header__cart relative flex justify-end items-center text-0 text-inherit cursor-pointer no-underline" href="/cart"> 2835 <i> 2836 <svg class="" width="28" height="28" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path opacity=".01" fill="currentColor" d="M0 0h28v28H0z"/><g fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.8 2.2a.8.8 0 1 0 0 1.6h2.803l1.542 14.541a1 1 0 0 0 .995.895h15.055a1 1 0 0 0 .982-.811l2.105-10.91a1 1 0 0 0-.982-1.189H6.48l-.432-4.081a.05.05 0 0 0-.05-.045H1.8Zm4.849 5.726h16.923l-1.873 9.709H7.679l-1.03-9.709Z"/><path d="M10.917 23.62a1.909 1.909 0 1 1-3.818 0 1.909 1.909 0 0 1 3.818 0ZM22.372 23.62a1.91 1.91 0 1 1-3.819 0 1.91 1.91 0 0 1 3.819 0Z"/></g></svg> 2837 </i> 2838 <!-- è´ç©è½¦æ°é --> 2839 <spz-event target-id="header_cart_count_render_pc" target-api="render" event-name="dj.addToCart;dj.cartChange;" layout="logic" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-event> 2840 <spz-render id="header_cart_count_render_pc" layout="container" src="/api/cart/count" class="i-spzhtml-layout-container" i-spzhtml-layout="container"> 2841 <template> 2842 <div> 2843 <span class="header__cart-count absolute rounded-full leading-none text-center" spz-if="${data.data && data.data.count > 0}">${data.data && data.data.count}</span> 2844 </div> 2845 </template> 2846 </spz-render> 2847 </a> 2848 <i class="header__drawer_icon flex lg:hidden cursor-pointer" @tap="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=true);header_drawer.open()"> 2849 <svg class="" width="28" height="28" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity=".01"><path opacity=".696" fill="currentColor" d="M0 0h28v28H0z"/></g><g fill="currentColor"><path d="M24.17 6.17a.83.83 0 1 1 0 1.66H3.83a.83.83 0 0 1 0-1.66h20.34ZM24.17 13.17a.83.83 0 1 1 0 1.66H3.83a.83.83 0 1 1 0-1.66h20.34ZM24.17 20.17a.83.83 0 1 1 0 1.66H3.83a.83.83 0 1 1 0-1.66h20.34Z"/></g></svg> 2850 </i> 2851 </div> 2852 <div class="header__menu-sticky flex-1 overflow-hidden"> 2853 <style> 2854 .header__desktop .header__menu{ 2855 background: inherit !important; 2856 } 2857 .header__desktop .header__menu-item{ 2858 padding: 0 18px; 2859 font-size: var(--type-nav-font-size); 2860 } 2861 .header__desktop .header__menu-item:first-child { 2862 margin-left: 0; 2863 } 2864 .header__second_menu-wrapper, 2865 .header__three_menu-wrapper, 2866 .header__more_menu-wrapper{ 2867 z-index: var(--z-index-sticky); 2868 visibility: hidden; 2869 } 2870 .header__menu-item-first:hover .header__second_menu-wrapper, 2871 .header__menu-item-first:hover .header__three_menu-wrapper, 2872 .header__menu-item-first:hover .header__more_menu-wrapper{ 2873 visibility: visible; 2874 } 2875 .header__second_menu-wrapper, 2876 .header__three_menu-wrapper, 2877 .header__more_menu_three{ 2878 overflow: hidden auto; 2879 max-height: calc(var(--window-height) - var(--header-height) - 200px); 2880 } 2881 .header__second_menu-wrapper{ 2882 min-width: 180px; 2883 max-width: 400px; 2884 margin: 0 0 -18px 0; 2885 padding: 25px 18px; 2886 } 2887 .header__second_menu-wrapper li + li{ 2888 margin-top: 18px; 2889 } 2890 .header__three_menu-content{ 2891 display: grid; 2892 grid-template-columns: repeat(4, minmax(0, 1fr)); 2893 margin: 0 -30px; 2894 } 2895 .header__desktop .header__menu-item[data-levels="2"] .header__three_menu-wrapper ul{ 2896 flex-wrap: wrap; 2897 margin-top: -50px; 2898 } 2899 .header__desktop .header__menu-item:not([data-levels="2"]) .header__three_menu-wrapper ul{ 2900 flex-direction: column; 2901 margin-top: -12px; 2902 } 2903 .header__desktop .header__menu-item[data-levels="2"][data-has-product] .header__three_menu-wrapper ul li{ 2904 width: 33.33%; 2905 } 2906 .header__desktop .header__menu-item[data-levels="2"]:not([data-has-product]) .header__three_menu-wrapper ul li{ 2907 width: 25%; 2908 } 2909 .header__desktop .header__menu-item[data-has-product] .header__three_menu-wrapper ul{ 2910 grid-column: span 3 / span 3; 2911 } 2912 .header__desktop .header__menu-item:not([data-has-product]) .header__three_menu-wrapper ul{ 2913 grid-column: span 4 / span 4; 2914 } 2915 .header__desktop .header__menu-item[data-levels="2"] .header__menu-item-second{ 2916 padding: 50px 30px 8px; 2917 font-size: var(--type-nav-font-size); 2918 color: var(--color-header-text); 2919 } 2920 .header__three_menu-wrapper .header__menu-item-last{ 2921 padding: 12px 30px 0; 2922 } 2923 .header__desktop .header__menu-item .header__menu-item-last{ 2924 color: var(--color-header-text-70); 2925 font-size: calc(var(--type-nav-font-size) - 2px); 2926 line-height: 1.4; 2927 } 2928 .header__desktop .header__menu-item .header__menu-item-last:hover { 2929 color: var(--color-header-text); 2930 } 2931 .header__menu_product{ 2932 grid-column: span 1 / span 1; 2933 padding-left: 30px; 2934 padding-right: 30px; 2935 } 2936 .header_menu_hover_animation{ 2937 opacity: 0; 2938 transform: translateY(-12px); 2939 transition: all 200ms; 2940 } 2941 .header__menu-item-first:hover .header_menu_hover_animation{ 2942 opacity: 1; 2943 transform: translateY(0); 2944 } 2945 .header__desktop .header__menu-item-first .header__menu-item-sub::after{ 2946 content: ""; 2947 position: absolute; 2948 left: 0; 2949 bottom: 0; 2950 display: block; 2951 width: 0; 2952 height: 3px; 2953 background-color: var(--color-header-text); 2954 transition: width .2s; 2955 } 2956 .header__desktop .header__menu-item-first:hover .header__menu-item-sub::after{ 2957 width: 100%; 2958 } 2959</style> 2960<style> 2961 .header-menu-container[finish] .header__more_menu-wrapper{ 2962 display: block !important; 2963 position: static !important; 2964 } 2965 .header__more_menu, 2966 .header__more_menu_right{ 2967 display: grid; 2968 } 2969 .header__more_menu{ 2970 grid-template-columns: repeat(4,minmax(0,1fr)); 2971 } 2972 .header__more_menu_right{ 2973 grid-template-columns: repeat(3,minmax(0,1fr)); 2974 } 2975 .header__more_menu [role="tabs"], 2976 .header__more_menu_right .header__menu_product{ 2977 grid-column: span 1/span 1; 2978 } 2979 .header__more_menu_right > ul[data-has-product]{ 2980 grid-column: span 2/span 2; 2981 } 2982 .header__more_menu [role="tabpanel"],
2983 .header__more_menu_right > ul:not([data-has-product]){ 2984 grid-column: span 3/span 3; 2985 } 2986 .header__more_menu{ 2987 line-height: 1.25; 2988 padding-top: 32px; 2989 padding-bottom: 36px; 2990 } 2991 .header__more_menu [role="tab"] + [role="tab"]{ 2992 padding-top: 20px; 2993 } 2994 .header__more_menu_icon{ 2995 transform: rotate(180deg); 2996 transition: all 200ms; 2997 } 2998 .header__more_menu [role="tab"][active] .header__more_menu_icon{ 2999 transform: rotate(0); 3000 } 3001 .header__more_menu_right li { 3002 padding-bottom: 20px; 3003 } 3004 .header__more_menu_right_item{ 3005 padding: 0 30px 8px; 3006 } 3007 .header__more_menu_right_item + .header__more_menu_right_item{ 3008 padding: 12px 30px 0; 3009 } 3010 .header__more_menu_right .header__menu_product{ 3011 padding: 0 30px; 3012 } 3013</style> 3014<spz-menu id="header-menu-top" layout="container" class="header-menu-container type-heading-font-family i-spzhtml-layout-container" i-spzhtml-layout="container"> 3015 <ul class="header__menu flex m-0 p-0 list-none"> 3016 <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-1" data-id="80779717" data-levels="0"> 3017 <div class="flex items-start"> 3018 <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 3019href="/" >Home</a> 3020 </div> 3021 3022 </li> 3023 <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-2" data-id="83743781" data-levels="0"> 3024 <div class="flex items-start"> 3025 <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 3026href="/collections/women-shoes" >Women shoes</a> 3027 </div> 3028 3029 </li> 3030 <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-3" data-id="83007573" data-has-product data-levels="1"> 3031 <div class="flex items-start"> 3032 <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 3033href="/collections/pop-up-bouquets" >Pop-Up Bouquets</a> 3034 </div> 3035 3036 <div class="header__three_menu-wrapper header-shadow absolute left-0 right-0 header-bg overflow-x-hidden overflow-y-auto" spz-menu-submenu> 3037 <div class="hide-scrollbar page-container lg:pt-8 lg:pb-9"> 3038 <div class="header__three_menu-content"> 3039 <ul class="header__waterfall-wrapper header_menu_hover_animation m-0 p-0 flex list-none" > 3040 3041 3042 <a class="header__menu-item-last w-full no-underline" 3043href="/collections/classic-pop-up-bouquets" > 3044 <span class="font-medium">classic pop up bouquets</span> 3045 3046 3047 3048 3049 </a> 3050 3051 3052 3053 <a class="header__menu-item-last w-full no-underline" 3054href="/collections/mini-bouquet-pop-up-cards" > 3055 <span class="font-medium">mini bouquet pop up cards</span> 3056 3057 3058 3059 3060 </a> 3061 3062 3063 3064 <a class="header__menu-item-last w-full no-underline" 3065href="/collections/grande-bouquets" > 3066 <span class="font-medium">grande bouquets</span> 3067 3068 3069 3070 3071 </a> 3072 3073 3074 3075 <a class="header__menu-item-last w-full no-underline" 3076href="/collections/rose-bouquet-building-block-set" > 3077 <span class="font-medium">Rose Bouquet Building Block Set</span> 3078 3079 3080 3081 3082 </a> 3083 3084 3085 </ul> 3086 <div class="header__menu_product header_menu_hover_animation"> 3087<div class="shoplazza-product-snippet" product-id="4e6826d8-cb41-4614-b3f8-640fd7c86086"> 3088 3089 <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_header_4e6826d8-cb41-4614-b3f8-640fd7c86086_-3"> 3090 <a 3091 class="product-snippet__img-link relative block overflow-hidden" 3092 href="/products/blooming-roses" 3093has-secondary-image 3094 > 3095 <spz-img class="product-snippet__img product-snippet__img_main i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" layout="responsive" width="1500" height="1500" src="//img.staticdj.com/bef081796bfae7cec58019f8c75bb0c4.jpeg" alt="" object-fit="cover" auto-fit i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:100%;"></i-spzhtml-sizer></spz-img> 3096 <spz-img class="product-snippet__img-secondary absolute top-0 i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" layout="responsive" width="1500" height="1500" src="//img.staticdj.com/ec4614786536f2eef96bd5bd7cc2fb39.jpeg" alt="" object-fit="cover" auto-fit i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:100%;"></i-spzhtml-sizer></spz-img> 3097 </a> 3098 <spz-product-form product-id="4e6826d8-cb41-4614-b3f8-640fd7c86086" layout="container" @atcsuccess="cart-drawer-modal.open;" @atcerror="theme-toast.showToast(content=event.message);" class="i-spzhtml-layout-container" i-spzhtml-layout="container"> 3099 <form> 3100 <input name="variant_id" type="hidden" value="e334344d-a1e1-4af8-9110-3dda35b0cbf7"> 3101 <button 3102 type="button" 3103 class="product-snippet__quick-shop-icon" 3104 role="addToCart" 3105 data-quick-shop="blooming-roses" 3106 data-track-product-id="4e6826d8-cb41-4614-b3f8-640fd7c86086" 3107 data-track="click" 3108 data-track-content="add_to_cart" 3109 data-track-source="quick_shop" 3110 > 3111 <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg> 3112 </button> 3113 </form> 3114</spz-product-form> 3115 <a 3116 class="product_snippet__label md:hidden" 3117 label-type="-3" 3118 href="/products/blooming-roses?variant=e334344d-a1e1-4af8-9110-3dda35b0cbf7" 3119 > 3120 Save <span class='money'>$19.92</span> 3121 </a> 3122 <a 3123 class="product_snippet__label lg:hidden" 3124 label-type="-3" 3125 href="/products/blooming-roses?variant=e334344d-a1e1-4af8-9110-3dda35b0cbf7" 3126 > 3127 Save <span class='money'>$19.92</span> 3128 </a> 3129 </div> 3130 3131 <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color "> 3132 <a class="shoplazza-product-snippet-title text-inherit no-underline" 3133 href="/products/blooming-roses" 3134> 3135 Blooming Roses 3136 </a> 3137 </h3> 3138 3139 <a 3140 class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline" 3141 href="/products/blooming-roses?variant=e334344d-a1e1-4af8-9110-3dda35b0cbf7" 3142 > 3143 <span class="product-snippet__price">
3144 <span class='money'>$19.98</span> 3145 </span> 3146 <span class="product-snippet__compare-at-price money"> 3147 $39.90 3148 </span> 3149 </a> 3150 3151 3152</div></div> 3153 </div> 3154 </div> 3155 </div> 3156 </li> 3157 <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-4" data-id="82938779" data-levels="0"> 3158 <div class="flex items-start"> 3159 <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 3160href="/collections/all-xhdb" >All Products</a> 3161 </div> 3162 3163 </li> 3164 <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-5" data-id="82982825" data-levels="0"> 3165 <div class="flex items-start"> 3166 <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 3167href="/pages/track-order" >Track Order</a> 3168 </div> 3169 3170 </li> 3171 <li spz-menu-more-link class="header__menu-item header__menu-item-first"> 3172 <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap cursor-pointer" href="javascript:;" >More links</a> 3173 <div class="header__more_menu-wrapper" spz-menu-submenu> 3174 <template> 3175 ${(function(){ 3176 const formatLinks = (links) => { 3177 return links.map(link => { 3178 link.tag = tags[link.title.toUpperCase()] || {}; 3179 link.target_attr = link.target == '_blank' ? 'target="_blank"' : ''; 3180 link.href_attr = link.url ? `href="${link.url}"` : ''; 3181 if(link.children && link.children.length){ 3182 link.children = formatLinks(link.children); 3183 } 3184 return link; 3185 }) 3186 }; 3187 const tags = "{}"; 3188 let linkList = [ 3189 { 3190 id: 80779717, 3191 title: "Home", 3192 url: "\/", 3193 target: "", 3194 levels: 0, 3195 product0: { id: (null) }, 3196 children: [ 3197 3198 ] 3199 }, 3200 { 3201 id: 83743781, 3202 title: "Women shoes", 3203 url: "\/collections\/women-shoes", 3204 target: "", 3205 levels: 0, 3206 product0: { id: (null) }, 3207 children: [ 3208 3209 ] 3210 }, 3211 { 3212 id: 83007573, 3213 title: "Pop-Up Bouquets", 3214 url: "\/collections\/pop-up-bouquets", 3215 target: "", 3216 levels: 1, 3217 product0: { id: ("4e6826d8-cb41-4614-b3f8-640fd7c86086") }, 3218 children: [ 3219 3220 3221 { 3222 title: "classic pop up bouquets", 3223 url: "\/collections\/classic-pop-up-bouquets", 3224 target: "", 3225 levels: 0, 3226 children: [ 3227 3228 ] 3229 }, 3230 3231 3232 { 3233 title: "mini bouquet pop up cards", 3234 url: "\/collections\/mini-bouquet-pop-up-cards", 3235 target: "", 3236 levels: 0, 3237 children: [ 3238 3239 ] 3240 }, 3241 3242 3243 { 3244 title: "grande bouquets", 3245 url: "\/collections\/grande-bouquets", 3246 target: "", 3247 levels: 0, 3248 children: [ 3249 3250 ] 3251 }, 3252 3253 3254 { 3255 title: "Rose Bouquet Building Block Set", 3256 url: "\/collections\/rose-bouquet-building-block-set", 3257 target: "", 3258 levels: 0, 3259 children: [ 3260 3261 ] 3262 }, 3263 3264 ] 3265 }, 3266 { 3267 id: 82938779, 3268 title: "All Products", 3269 url: "\/collections\/all-xhdb", 3270 target: "", 3271 levels: 0, 3272 product0: { id: (null) }, 3273 children: [ 3274 3275 ] 3276 }, 3277 { 3278 id: 82982825, 3279 title: "Track Order", 3280 url: "\/pages\/track-order", 3281 target: "", 3282 levels: 0, 3283 product0: { id: (null) }, 3284 children: [ 3285 3286 ] 3287 }, 3288 ].slice(offset);
3289 linkList = formatLinks(linkList); 3290 const hasChild = linkList.some(link => !!(link.children && link.children.length || link.product0.id)); 3291 return ` 3292 <div> 3293 <div spz-if="${hasChild}" class="header__more_menu_three header-shadow absolute left-0 right-0 header-bg overflow-x-hidden overflow-y-auto"> 3294 <spz-tabs class="header__more_menu page-container" layout="container" interact="hover"> 3295 <ul class="header__more_menu_left header_menu_hover_animation list-none" role="tabs"> 3296 <li role="tab" data-panel="tab-${link.id}" spz-for="link in linkList" key="link.id"> 3297 <a class="flex items-start text-inherit no-underline" ${link.href_attr} ${link.target_attr}> 3298 <span class="flex-1 mr-4">${link.title}</span> 3299 <span spz-if="${!!(link.tag.label)}" class="header__menu-item-tag" style="color:${link.tag.color}; background:${link.tag.bg};">${link.tag.label}</span> 3300 <i spz-if="${!!(link.children && link.children.length)}" class="flex"> 3301 <svg class="header__more_menu_icon" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M4.698 8.574a.6.6 0 0 0 0 .848l6.718 6.718a.3.3 0 0 0 .424 0l.679-.679a.3.3 0 0 0 0-.424L6.48 8.998 12.52 2.96a.3.3 0 0 0 0-.425l-.679-.679a.3.3 0 0 0-.424 0L4.698 8.574z" fill="currentColor"/></svg> 3302 </i> 3303 </a> 3304 </li> 3305 </ul> 3306 <div class="header__more_menu_right header_menu_hover_animation flex" role="tabpanel" data-id="tab-${link.id}" spz-for="link in linkList" key="link.id"> 3307 <ul class="flex flex-wrap list-none" ${(!!link.product0.id)?"data-has-product":''} spz-if="${!!(link.children && link.children.length)}"> 3308 <li class="flex-1" spz-for="second_link in link.children"> 3309 <a class="header__more_menu_right_item flex items-start text-inherit no-underline" ${second_link.href_attr} ${second_link.target_attr}> 3310 <span>${second_link.title}</span> 3311 <span spz-if="${!!(second_link.tag.label)}" class="header__menu-item-tag" style="color:${second_link.tag.color}; background:${second_link.tag.bg};">${second_link.tag.label}</span> 3312 </a> 3313 <a class="header__more_menu_right_item header__menu-item-last flex items-start text-inherit no-underline" spz-for="third_links in second_link.children" ${third_links.href_attr} ${third_links.target_attr}> 3314 <span>${third_links.title}</span> 3315 <span spz-if="${!!(third_links.tag.label)}" class="header__menu-item-tag" style="color:${third_links.tag.color}; background:${third_links.tag.bg};">${third_links.tag.label}</span> 3316 </a> 3317 </li> 3318 </ul> 3319 <div class="header__menu_product" spz-if="${!!link.product0.id}"> 3320 3321 3322<spz-product-snippet 3323 product-id="${link.product0.id}" 3324 layout="container" 3325 template="product-snippet-template" 3326 variant-thumb-names="color" 3327 thumb-max-num="3" 3328 ></spz-product-snippet> 3329</div> 3330 </div> 3331 </spz-tabs> 3332 </div> 3333 <ul spz-else class="header__more_menu_second header__second_menu-wrapper header-shadow absolute header-bg list-none overflow-x-hidden overflow-y-auto"> 3334 <li class="header_menu_hover_animation" spz-for="link in linkList" key="link.id"> 3335 <a class="header__menu-item-last flex items-start text-inherit no-underline" ${link.href_attr} ${link.target_attr}> 3336 <span>${link.title}</span> 3337 <span spz-if="${!!(link.tag.label)}" class="header__menu-item-tag" style="color:${link.tag.color}; background:${link.tag.bg};">${link.tag.label}</span> 3338 </a> 3339 </li> 3340 </ul> 3341 </div> 3342 ` 3343 })()} 3344 </template> 3345 </div> 3346 </li> 3347 </ul> 3348</spz-menu> 3349 </div> 3350 </div> 3351 </div> 3352 3353 <div class="header__menu-wrapper header__scroll_hide header-bg overflow-hidden pointer-events-auto"> 3354 <div class="header__menu-content page-container"> 3355 <style> 3356 .header__desktop .header__menu{ 3357 background: inherit !important; 3358 } 3359 .header__desktop .header__menu-item{ 3360 padding: 0 18px; 3361 font-size: var(--type-nav-font-size); 3362 } 3363 .header__desktop .header__menu-item:first-child { 3364 margin-left: 0; 3365 } 3366 .header__second_menu-wrapper, 3367 .header__three_menu-wrapper, 3368 .header__more_menu-wrapper{ 3369 z-index: var(--z-index-sticky); 3370 visibility: hidden; 3371 } 3372 .header__menu-item-first:hover .header__second_menu-wrapper, 3373 .header__menu-item-first:hover .header__three_menu-wrapper, 3374 .header__menu-item-first:hover .header__more_menu-wrapper{ 3375 visibility: visible; 3376 } 3377 .header__second_menu-wrapper, 3378 .header__three_menu-wrapper, 3379 .header__more_menu_three{ 3380 overflow: hidden auto; 3381 max-height: calc(var(--window-height) - var(--header-height) - 200px); 3382 } 3383 .header__second_menu-wrapper{ 3384 min-width: 180px; 3385 max-width: 400px; 3386 margin: 0 0 -18px 0; 3387 padding: 25px 18px; 3388 } 3389 .header__second_menu-wrapper li + li{ 3390 margin-top: 18px; 3391 } 3392 .header__three_menu-content{ 3393 display: grid; 3394 grid-template-columns: repeat(4, minmax(0, 1fr)); 3395 margin: 0 -30px; 3396 } 3397 .header__desktop .header__menu-item[data-levels="2"] .header__three_menu-wrapper ul{ 3398 flex-wrap: wrap; 3399 margin-top: -50px; 3400 } 3401 .header__desktop .header__menu-item:not([data-levels="2"]) .header__three_menu-wrapper ul{ 3402 flex-direction: column; 3403 margin-top: -12px; 3404 } 3405 .header__desktop .header__menu-item[data-levels="2"][data-has-product] .header__three_menu-wrapper ul li{ 3406 width: 33.33%; 3407 } 3408 .header__desktop .header__menu-item[data-levels="2"]:not([data-has-product]) .header__three_menu-wrapper ul li{ 3409 width: 25%; 3410 } 3411 .header__desktop .header__menu-item[data-has-product] .header__three_menu-wrapper ul{ 3412 grid-column: span 3 / span 3; 3413 } 3414 .header__desktop .header__menu-item:not([data-has-product]) .header__three_menu-wrapper ul{ 3415 grid-column: span 4 / span 4; 3416 } 3417 .header__desktop .header__menu-item[data-levels="2"] .header__menu-item-second{ 3418 padding: 50px 30px 8px; 3419 font-size: var(--type-nav-font-size); 3420 color: var(--color-header-text); 3421 } 3422 .header__three_menu-wrapper .header__menu-item-last{ 3423 padding: 12px 30px 0; 3424 } 3425 .header__desktop .header__menu-item .header__menu-item-last{ 3426 color: var(--color-header-text-70); 3427 font-size: calc(var(--type-nav-font-size) - 2px); 3428 line-height: 1.4; 3429 } 3430 .header__desktop .header__menu-item .header__menu-item-last:hover { 3431 color: var(--color-header-text); 3432 } 3433 .header__menu_product{ 3434 grid-column: span 1 / span 1; 3435 padding-left: 30px; 3436 padding-right: 30px; 3437 } 3438 .header_menu_hover_animation{ 3439 opacity: 0; 3440 transform: translateY(-12px); 3441 transition: all 200ms; 3442 } 3443 .header__menu-item-first:hover .header_menu_hover_animation{ 3444 opacity: 1; 3445 transform: translateY(0); 3446 } 3447 .header__desktop .header__menu-item-first .header__menu-item-sub::after{ 3448 content: ""; 3449 position: absolute; 3450 left: 0; 3451 bottom: 0; 3452 display: block; 3453 width: 0; 3454 height: 3px; 3455 background-color: var(--color-header-text); 3456 transition: width .2s; 3457 } 3458 .header__desktop .header__menu-item-first:hover .header__menu-item-sub::after{ 3459 width: 100%; 3460 } 3461</style> 3462<style> 3463 .header-menu-container[finish] .header__more_menu-wrapper{ 3464 display: block !important; 3465 position: static !important; 3466 } 3467 .header__more_menu, 3468 .header__more_menu_right{ 3469 display: grid; 3470 } 3471 .header__more_menu{ 3472 grid-template-columns: repeat(4,minmax(0,1fr)); 3473 } 3474 .header__more_menu_right{ 3475 grid-template-columns: repeat(3,minmax(0,1fr)); 3476 } 3477 .header__more_menu [role="tabs"], 3478 .header__more_menu_right .header__menu_product{ 3479 grid-column: span 1/span 1; 3480 } 3481 .header__more_menu_right > ul[data-has-product]{ 3482 grid-column: span 2/span 2; 3483 } 3484 .header__more_menu [role="tabpanel"],
3485 .header__more_menu_right > ul:not([data-has-product]){ 3486 grid-column: span 3/span 3; 3487 } 3488 .header__more_menu{ 3489 line-height: 1.25; 3490 padding-top: 32px; 3491 padding-bottom: 36px; 3492 } 3493 .header__more_menu [role="tab"] + [role="tab"]{ 3494 padding-top: 20px; 3495 } 3496 .header__more_menu_icon{ 3497 transform: rotate(180deg); 3498 transition: all 200ms; 3499 } 3500 .header__more_menu [role="tab"][active] .header__more_menu_icon{ 3501 transform: rotate(0); 3502 } 3503 .header__more_menu_right li { 3504 padding-bottom: 20px; 3505 } 3506 .header__more_menu_right_item{ 3507 padding: 0 30px 8px; 3508 } 3509 .header__more_menu_right_item + .header__more_menu_right_item{ 3510 padding: 12px 30px 0; 3511 } 3512 .header__more_menu_right .header__menu_product{ 3513 padding: 0 30px; 3514 } 3515</style> 3516<spz-menu id="header-menu-bottom" layout="container" class="header-menu-container type-heading-font-family i-spzhtml-layout-container" i-spzhtml-layout="container"> 3517 <ul class="header__menu flex m-0 p-0 list-none"> 3518 <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-1" data-id="80779717" data-levels="0"> 3519 <div class="flex items-start"> 3520 <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 3521href="/" >Home</a> 3522 </div> 3523 3524 </li> 3525 <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-2" data-id="83743781" data-levels="0"> 3526 <div class="flex items-start"> 3527 <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 3528href="/collections/women-shoes" >Women shoes</a> 3529 </div> 3530 3531 </li> 3532 <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-3" data-id="83007573" data-has-product data-levels="1"> 3533 <div class="flex items-start"> 3534 <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 3535href="/collections/pop-up-bouquets" >Pop-Up Bouquets</a> 3536 </div> 3537 3538 <div class="header__three_menu-wrapper header-shadow absolute left-0 right-0 header-bg overflow-x-hidden overflow-y-auto" spz-menu-submenu> 3539 <div class="hide-scrollbar page-container lg:pt-8 lg:pb-9"> 3540 <div class="header__three_menu-content"> 3541 <ul class="header__waterfall-wrapper header_menu_hover_animation m-0 p-0 flex list-none" > 3542 3543 3544 <a class="header__menu-item-last w-full no-underline" 3545href="/collections/classic-pop-up-bouquets" > 3546 <span class="font-medium">classic pop up bouquets</span> 3547 3548 3549 3550 3551 </a> 3552 3553 3554 3555 <a class="header__menu-item-last w-full no-underline" 3556href="/collections/mini-bouquet-pop-up-cards" > 3557 <span class="font-medium">mini bouquet pop up cards</span> 3558 3559 3560 3561 3562 </a> 3563 3564 3565 3566 <a class="header__menu-item-last w-full no-underline" 3567href="/collections/grande-bouquets" > 3568 <span class="font-medium">grande bouquets</span> 3569 3570 3571 3572 3573 </a> 3574 3575 3576 3577 <a class="header__menu-item-last w-full no-underline" 3578href="/collections/rose-bouquet-building-block-set" > 3579 <span class="font-medium">Rose Bouquet Building Block Set</span> 3580 3581 3582 3583 3584 </a> 3585 3586 3587 </ul> 3588 <div class="header__menu_product header_menu_hover_animation"> 3589<div class="shoplazza-product-snippet" product-id="4e6826d8-cb41-4614-b3f8-640fd7c86086"> 3590 3591 <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_header_4e6826d8-cb41-4614-b3f8-640fd7c86086_left_center-3"> 3592 <a 3593 class="product-snippet__img-link relative block overflow-hidden" 3594 href="/products/blooming-roses" 3595has-secondary-image 3596 > 3597 <spz-img class="product-snippet__img product-snippet__img_main i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" layout="responsive" width="1500" height="1500" src="//img.staticdj.com/bef081796bfae7cec58019f8c75bb0c4.jpeg" alt="" object-fit="cover" auto-fit i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:100%;"></i-spzhtml-sizer></spz-img> 3598 <spz-img class="product-snippet__img-secondary absolute top-0 i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" layout="responsive" width="1500" height="1500" src="//img.staticdj.com/ec4614786536f2eef96bd5bd7cc2fb39.jpeg" alt="" object-fit="cover" auto-fit i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:100%;"></i-spzhtml-sizer></spz-img> 3599 </a> 3600 <spz-product-form product-id="4e6826d8-cb41-4614-b3f8-640fd7c86086" layout="container" @atcsuccess="cart-drawer-modal.open;" @atcerror="theme-toast.showToast(content=event.message);" class="i-spzhtml-layout-container" i-spzhtml-layout="container"> 3601 <form> 3602 <input name="variant_id" type="hidden" value="e334344d-a1e1-4af8-9110-3dda35b0cbf7"> 3603 <button 3604 type="button" 3605 class="product-snippet__quick-shop-icon" 3606 role="addToCart" 3607 data-quick-shop="blooming-roses" 3608 data-track-product-id="4e6826d8-cb41-4614-b3f8-640fd7c86086" 3609 data-track="click" 3610 data-track-content="add_to_cart" 3611 data-track-source="quick_shop" 3612 > 3613 <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg> 3614 </button> 3615 </form> 3616</spz-product-form> 3617 <a 3618 class="product_snippet__label md:hidden" 3619 label-type="left_center-3" 3620 href="/products/blooming-roses?variant=e334344d-a1e1-4af8-9110-3dda35b0cbf7" 3621 > 3622 Save <span class='money'>$19.92</span> 3623 </a> 3624 <a 3625 class="product_snippet__label lg:hidden" 3626 label-type="left_center-3" 3627 href="/products/blooming-roses?variant=e334344d-a1e1-4af8-9110-3dda35b0cbf7" 3628 > 3629 Save <span class='money'>$19.92</span> 3630 </a> 3631 </div> 3632 3633 <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color "> 3634 <a class="shoplazza-product-snippet-title text-inherit no-underline" 3635 href="/products/blooming-roses" 3636> 3637 Blooming Roses 3638 </a> 3639 </h3> 3640 3641 <a 3642 class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline" 3643 href="/products/blooming-roses?variant=e334344d-a1e1-4af8-9110-3dda35b0cbf7" 3644 > 3645 <span class="product-snippet__price">
3646 <span class='money'>$19.98</span> 3647 </span> 3648 <span class="product-snippet__compare-at-price money"> 3649 $39.90 3650 </span> 3651 </a> 3652 3653 3654</div></div> 3655 </div> 3656 </div> 3657 </div> 3658 </li> 3659 <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-4" data-id="82938779" data-levels="0"> 3660 <div class="flex items-start"> 3661 <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 3662href="/collections/all-xhdb" >All Products</a> 3663 </div> 3664 3665 </li> 3666 <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-5" data-id="82982825" data-levels="0"> 3667 <div class="flex items-start"> 3668 <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 3669href="/pages/track-order" >Track Order</a> 3670 </div> 3671 3672 </li> 3673 <li spz-menu-more-link class="header__menu-item header__menu-item-first"> 3674 <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap cursor-pointer" href="javascript:;" >More links</a> 3675 <div class="header__more_menu-wrapper" spz-menu-submenu> 3676 <template> 3677 ${(function(){ 3678 const formatLinks = (links) => { 3679 return links.map(link => { 3680 link.tag = tags[link.title.toUpperCase()] || {}; 3681 link.target_attr = link.target == '_blank' ? 'target="_blank"' : ''; 3682 link.href_attr = link.url ? `href="${link.url}"` : ''; 3683 if(link.children && link.children.length){ 3684 link.children = formatLinks(link.children); 3685 } 3686 return link; 3687 }) 3688 }; 3689 const tags = "{}"; 3690 let linkList = [ 3691 { 3692 id: 80779717, 3693 title: "Home", 3694 url: "\/", 3695 target: "", 3696 levels: 0, 3697 product0: { id: (null) }, 3698 children: [ 3699 3700 ] 3701 }, 3702 { 3703 id: 83743781, 3704 title: "Women shoes", 3705 url: "\/collections\/women-shoes", 3706 target: "", 3707 levels: 0, 3708 product0: { id: (null) }, 3709 children: [ 3710 3711 ] 3712 }, 3713 { 3714 id: 83007573, 3715 title: "Pop-Up Bouquets", 3716 url: "\/collections\/pop-up-bouquets", 3717 target: "", 3718 levels: 1, 3719 product0: { id: ("4e6826d8-cb41-4614-b3f8-640fd7c86086") }, 3720 children: [ 3721 3722 3723 { 3724 title: "classic pop up bouquets", 3725 url: "\/collections\/classic-pop-up-bouquets", 3726 target: "", 3727 levels: 0, 3728 children: [ 3729 3730 ] 3731 }, 3732 3733 3734 { 3735 title: "mini bouquet pop up cards", 3736 url: "\/collections\/mini-bouquet-pop-up-cards", 3737 target: "", 3738 levels: 0, 3739 children: [ 3740 3741 ] 3742 }, 3743 3744 3745 { 3746 title: "grande bouquets", 3747 url: "\/collections\/grande-bouquets", 3748 target: "", 3749 levels: 0, 3750 children: [ 3751 3752 ] 3753 }, 3754 3755 3756 { 3757 title: "Rose Bouquet Building Block Set", 3758 url: "\/collections\/rose-bouquet-building-block-set", 3759 target: "", 3760 levels: 0, 3761 children: [ 3762 3763 ] 3764 }, 3765 3766 ] 3767 }, 3768 { 3769 id: 82938779, 3770 title: "All Products", 3771 url: "\/collections\/all-xhdb", 3772 target: "", 3773 levels: 0, 3774 product0: { id: (null) }, 3775 children: [ 3776 3777 ] 3778 }, 3779 { 3780 id: 82982825, 3781 title: "Track Order", 3782 url: "\/pages\/track-order", 3783 target: "", 3784 levels: 0, 3785 product0: { id: (null) }, 3786 children: [ 3787 3788 ] 3789 }, 3790 ].slice(offset);
3791 linkList = formatLinks(linkList); 3792 const hasChild = linkList.some(link => !!(link.children && link.children.length || link.product0.id)); 3793 return ` 3794 <div> 3795 <div spz-if="${hasChild}" class="header__more_menu_three header-shadow absolute left-0 right-0 header-bg overflow-x-hidden overflow-y-auto"> 3796 <spz-tabs class="header__more_menu page-container" layout="container" interact="hover"> 3797 <ul class="header__more_menu_left header_menu_hover_animation list-none" role="tabs"> 3798 <li role="tab" data-panel="tab-${link.id}" spz-for="link in linkList" key="link.id"> 3799 <a class="flex items-start text-inherit no-underline" ${link.href_attr} ${link.target_attr}> 3800 <span class="flex-1 mr-4">${link.title}</span> 3801 <span spz-if="${!!(link.tag.label)}" class="header__menu-item-tag" style="color:${link.tag.color}; background:${link.tag.bg};">${link.tag.label}</span> 3802 <i spz-if="${!!(link.children && link.children.length)}" class="flex"> 3803 <svg class="header__more_menu_icon" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M4.698 8.574a.6.6 0 0 0 0 .848l6.718 6.718a.3.3 0 0 0 .424 0l.679-.679a.3.3 0 0 0 0-.424L6.48 8.998 12.52 2.96a.3.3 0 0 0 0-.425l-.679-.679a.3.3 0 0 0-.424 0L4.698 8.574z" fill="currentColor"/></svg> 3804 </i> 3805 </a> 3806 </li> 3807 </ul> 3808 <div class="header__more_menu_right header_menu_hover_animation flex" role="tabpanel" data-id="tab-${link.id}" spz-for="link in linkList" key="link.id"> 3809 <ul class="flex flex-wrap list-none" ${(!!link.product0.id)?"data-has-product":''} spz-if="${!!(link.children && link.children.length)}"> 3810 <li class="flex-1" spz-for="second_link in link.children"> 3811 <a class="header__more_menu_right_item flex items-start text-inherit no-underline" ${second_link.href_attr} ${second_link.target_attr}> 3812 <span>${second_link.title}</span> 3813 <span spz-if="${!!(second_link.tag.label)}" class="header__menu-item-tag" style="color:${second_link.tag.color}; background:${second_link.tag.bg};">${second_link.tag.label}</span> 3814 </a> 3815 <a class="header__more_menu_right_item header__menu-item-last flex items-start text-inherit no-underline" spz-for="third_links in second_link.children" ${third_links.href_attr} ${third_links.target_attr}> 3816 <span>${third_links.title}</span> 3817 <span spz-if="${!!(third_links.tag.label)}" class="header__menu-item-tag" style="color:${third_links.tag.color}; background:${third_links.tag.bg};">${third_links.tag.label}</span> 3818 </a> 3819 </li> 3820 </ul> 3821 <div class="header__menu_product" spz-if="${!!link.product0.id}"> 3822 3823 3824<spz-product-snippet 3825 product-id="${link.product0.id}" 3826 layout="container" 3827 template="product-snippet-template" 3828 variant-thumb-names="color" 3829 thumb-max-num="3" 3830 ></spz-product-snippet> 3831</div> 3832 </div> 3833 </spz-tabs> 3834 </div> 3835 <ul spz-else class="header__more_menu_second header__second_menu-wrapper header-shadow absolute header-bg list-none overflow-x-hidden overflow-y-auto"> 3836 <li class="header_menu_hover_animation" spz-for="link in linkList" key="link.id"> 3837 <a class="header__menu-item-last flex items-start text-inherit no-underline" ${link.href_attr} ${link.target_attr}> 3838 <span>${link.title}</span> 3839 <span spz-if="${!!(link.tag.label)}" class="header__menu-item-tag" style="color:${link.tag.color}; background:${link.tag.bg};">${link.tag.label}</span> 3840 </a> 3841 </li> 3842 </ul> 3843 </div> 3844 ` 3845 })()} 3846 </template> 3847 </div> 3848 </li> 3849 </ul> 3850</spz-menu> 3851 </div> 3852 </div> 3853 <div class="plugin__fixed-div pointer-events-auto md:hidden"></div> 3854</div> 3855<style> 3856 .header__mobile .header{ 3857 padding-top: 18px; 3858 padding-bottom: 18px; 3859 } 3860 .header__mobile .header_apps_wrap > * { 3861 margin-bottom: 18px; 3862 flex: 1; 3863 } 3864 .header__mobile .header__search-wrapper{ 3865 padding-top: 4px; 3866 padding-bottom: 10px; 3867 } 3868 .header__mobile .header__menu-wrapper{ 3869 padding: 8px 0 8px 16px; 3870 background: var(--color-menu-bg); 3871 } 3872 .header__mobile__menu-item-first{ 3873 padding-right: 10px; 3874 } 3875 .header__mobile__menu-item-first a{ 3876 padding: 9px 12px; 3877 font-size: 12px; 3878 line-height: 1.3; 3879 color: var(--color-menu-item-text-90); 3880 background: var(--color-menu-item-bg); 3881 border-radius: 4px; 3882 } 3883 .header_menu_tooltip, 3884 .header_menu_tooltip .i-spzhtml-tooltip-inner{ 3885 padding: 0; 3886 background: transparent !important; 3887 } 3888 .header_menu_tooltip .header__menu_second { 3889 width: 150px; 3890 max-height: 236px; 3891 border-radius: 4px ; 3892 } 3893 .header_menu_tooltip .header__menu_second-item{ 3894 background: #fff; 3895 color: var(--color-menu-item-text-80); 3896 padding: 0 0 0 14px; 3897 font-size: 12px; 3898 line-height: 1.3 3899 } 3900 .header_menu_tooltip .header__menu_second-item a{ 3901 padding: 15px 14px 15px 0; 3902 } 3903 .header_menu_tooltip .header__menu_second-item a + a{ 3904 border: 1px solid #E6E6E6; 3905 } 3906 .header__mobile__menu-item-first a.header_menu_active { 3907 background-color: var(--color-actived-menu-item-bg) ; 3908 color: var(--color-actived-menu-item-text) ; 3909 } 3910</style> 3911<header class="header__mobile tw-text-header-text-color lg:hidden">
3912 <div class="header page-container z-20 relative header-bg pointer-events-auto"> 3913 <div class="flex items-center"> 3914 <h2 class="header__logo flex-shrink-0 type-heading-font-family"> 3915 <a class="image_width block md:hidden" href="/"> 3916 <spz-img layout="responsive" width="300" height="100" src="//img.staticdj.com/da7b476af7322b6a98b73854e8df74b8_400x.JPG" alt="" class="i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:33.33%;"></i-spzhtml-sizer></spz-img> 3917 </a> 3918 <a class="image_width block lg:hidden" href="/"> 3919 <spz-img layout="responsive" width="300" height="100" src="//img.staticdj.com/da7b476af7322b6a98b73854e8df74b8_400x.JPG" alt="" class="i-spzhtml-layout-responsive i-spzhtml-layout-size-defined" i-spzhtml-layout="responsive"><i-spzhtml-sizer style="padding-top:33.33%;"></i-spzhtml-sizer></spz-img> 3920 </a> 3921</h2> 3922<style> 3923 .header__search button, 3924 .header__search input{ 3925 border: none; 3926 outline: none; 3927 } 3928 .header__search-btn, 3929 .header__search-icon{ 3930 background: transparent; 3931 } 3932 .header__search { 3933 display: flex; 3934 align-items: center; 3935 flex-shrink: 0; 3936 } 3937 .header__search-btn { 3938 padding: 0; 3939 margin: 0; 3940 font-size: 0; 3941 color: inherit; 3942 cursor: pointer; 3943 } 3944 .header__search-form{ 3945 min-height: 40px; 3946 } 3947 .header__search-input{ 3948 font-size: 13px; 3949 line-height: 16px; 3950 color: var(--color-header-search-text); 3951 background-color: var(--color-header-search-bg); 3952 padding: 12px 16px 12px 36px; 3953 border-radius: 2px 0 0 2px; 3954 } 3955 .header__search-input:not(:placeholder-shown) ~ .header__search-icon-close{ 3956 display: flex; 3957 } 3958 .header__search-icon{ 3959 left: 10px; 3960 top: 50%; 3961 transform: translateY(-50%); 3962 color: var(--color-header-search-text-50); 3963 } 3964 .header__search-icon-close{ 3965 top: 50%; 3966 transform: translateY(-50%); 3967 height: 18px; 3968 width: 18px; 3969 color: #fff; 3970 background: #C0C0C0; 3971 right: 10px; 3972 } 3973 .header__search-icon:hover, 3974 .header__search-icon-close:hover{ 3975 color: var(--color-header-search-text); 3976 } 3977 .header__search-submit-btn{ 3978 padding: 11px 16px; 3979 font-size: 14px; 3980 line-height: 18px; 3981 color: var(--color-header-search-btn-text); 3982 background-color: var(--color-header-search-btn-bg); 3983 border-radius: 0 2px 2px 0; 3984 } 3985 @media (max-width: 959.98px) { 3986 .header__search-form{ 3987 width: 100% 3988 } 3989 } 3990 @media (min-width: 960px) { 3991 .header__search-form{ 3992 margin: 18px 0; 3993 } 3994 .header__search-input{ 3995 width: 232px; 3996 border-radius: 2px; 3997 } 3998 .header__desktop[data-layout="left"] .header__search-input{ 3999 width: 278px; 4000 } 4001 } 4002</style> 4003 4004<div class="header__search" id=""> 4005 <button 4006 type="button" 4007 class="header__search-btn" 4008 @tap="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=true);header_search_sidebar.open()" 4009 > 4010 <svg class="" width="26" height="26" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.925 20.057A9.955 9.955 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10a9.968 9.968 0 0 1-2.864 7.006l4.929 4.928a.8.8 0 0 1-1.132 1.132l-5-5-.008-.01zM20.4 12a8.4 8.4 0 1 1-16.8 0 8.4 8.4 0 0 1 16.8 0z" fill="currentColor"/></svg> 4011 </button> 4012 </div> 4013<spz-observer layout="logic" target="header__plugin-container" @childupdated="header-menu-top.updateMoreLink" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-observer> 4014<div class="header__icons flex-shrink-0 flex items-center" id="header-icons" > 4015 <div class="header__plugin-container md:hidden flex items-center" id="header__plugin-container"> 4016 <div class="empty-hidden plugin__translate-header"></div> 4017 <div class="empty-hidden plugin__currency"></div> 4018 </div> 4019 4020 <div class="header__account relative text-0 md:hidden "> 4021 <i class="cursor-pointer" @tap="header_account_dropdown_md.open"><svg class=" " width="26" height="26" fill="none" xmlns="http://www.w3.org/2000/svg">
4021<path opacity=".01" fill="currentColor" d="M0 0h26v26H0z"/><g fill-rule="evenodd" clip-rule="evenodd" fill="currentColor"><path d="M13.11 1a6.11 6.11 0 1 1 0 12.22 6.11 6.11 0 0 1 0-12.22Zm0 1.6a4.51 4.51 0 1 0 0 9.02 4.51 4.51 0 0 0 0-9.02ZM17.333 15A6.667 6.667 0 0 1 24 21.667V24a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-2.333A6.667 6.667 0 0 1 8.667 15h8.666Zm0 1.6H8.667a5.067 5.067 0 0 0-5.062 4.847l-.005.22V23.4h18.8v-1.733a5.067 5.067 0 0 0-4.847-5.062l-.22-.005Z"/></g></svg></i> 4022 <spz-dropdown class="header__account_dropdown i-spzhtml-layout-nodisplay" id="header_account_dropdown_md" layout="nodisplay" placement="bottom" hidden="" style="display: none" i-spzhtml-layout="nodisplay"> 4023 <ul class="header__account_dropdown_content list-none header-shadow"> 4024 <li><a href="/account/login">Log in</a></li> 4025 <li><a href="/account/register">Create an account</a></li> 4026 </ul> 4027</spz-dropdown> 4028 </div> 4029 <a class="header__cart relative flex justify-end items-center text-0 text-inherit cursor-pointer no-underline" href="/cart"> 4030 <i> 4031 <svg class="" width="28" height="28" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path opacity=".01" fill="currentColor" d="M0 0h28v28H0z"/><g fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.8 2.2a.8.8 0 1 0 0 1.6h2.803l1.542 14.541a1 1 0 0 0 .995.895h15.055a1 1 0 0 0 .982-.811l2.105-10.91a1 1 0 0 0-.982-1.189H6.48l-.432-4.081a.05.05 0 0 0-.05-.045H1.8Zm4.849 5.726h16.923l-1.873 9.709H7.679l-1.03-9.709Z"/><path d="M10.917 23.62a1.909 1.909 0 1 1-3.818 0 1.909 1.909 0 0 1 3.818 0ZM22.372 23.62a1.91 1.91 0 1 1-3.819 0 1.91 1.91 0 0 1 3.819 0Z"/></g></svg> 4032 </i> 4033 <!-- è´ç©è½¦æ°é --> 4034 <spz-event target-id="header_cart_count_render_md" target-api="render" event-name="dj.addToCart;dj.cartChange;" layout="logic" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-event> 4035 <spz-render id="header_cart_count_render_md" layout="container" src="/api/cart/count" class="i-spzhtml-layout-container" i-spzhtml-layout="container"> 4036 <template> 4037 <div> 4038 <span class="header__cart-count absolute rounded-full leading-none text-center" spz-if="${data.data && data.data.count > 0}">${data.data && data.data.count}</span> 4039 </div> 4040 </template> 4041 </spz-render> 4042 </a> 4043 <i class="header__drawer_icon flex lg:hidden cursor-pointer" @tap="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=true);header_drawer.open()"> 4044 <svg class="" width="28" height="28" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity=".01"><path opacity=".696" fill="currentColor" d="M0 0h28v28H0z"/></g><g fill="currentColor"><path d="M24.17 6.17a.83.83 0 1 1 0 1.66H3.83a.83.83 0 0 1 0-1.66h20.34ZM24.17 13.17a.83.83 0 1 1 0 1.66H3.83a.83.83 0 1 1 0-1.66h20.34ZM24.17 20.17a.83.83 0 1 1 0 1.66H3.83a.83.83 0 1 1 0-1.66h20.34Z"/></g></svg> 4045 </i> 4046 </div> 4047 </div> 4048 </div> 4049 4050 <div 4051 class="header__fixed-top header__scroll_hide pointer-events-auto" 4052 id="header-scrollable-container-mobile" 4053 > 4054 </div> 4055 <div class="plugin__fixed-div pointer-events-auto"></div> 4056</header> 4057<style> 4058 .header__search_sidebar{ 4059 height: 100vh; 4060 width: 100%; 4061 pointer-events: none; 4062 } 4063 .header__search_sidebar_content{ 4064 pointer-events: auto; 4065 overflow: hidden auto; 4066 max-height: 100%; 4067 background-color: var(--color-header-bg); 4068 } 4069 .header__search-modal-form{ 4070 position: sticky; 4071 top: 0; 4072 z-index: 10; 4073 background-color: var(--color-header-bg); 4074 } 4075 .header__search_sidebar-input{ 4076 padding: 46px 16px; 4077 color: var(--color-header-search-text); 4078 } 4079 .header__search_sidebar + .i-spzhtml-sidebar-mask{ 4080 pointer-events: auto; 4081 } 4082 </style> 4083 <spz-sidebar class="header__search_sidebar i-spzhtml-layout-nodisplay" id="header_search_sidebar" layout="nodisplay" side="top" @close="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=false);" hidden="" style="display: none" i-spzhtml-layout="nodisplay"> 4084 <div class="header__search_sidebar_content"> 4085 <div class="page-container header__search-modal-form"> 4086 <form class="flex items-center" action="/search" method="get"> 4087 <button type="submit" class="clear text-0 text-inherit cursor-pointer"> 4088 <svg class="" width="26" height="26" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.925 20.057A9.955 9.955 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10a9.968 9.968 0 0 1-2.864 7.006l4.929 4.928a.8.8 0 0 1-1.132 1.132l-5-5-.008-.01zM20.4 12a8.4 8.4
40880 1 1-16.8 0 8.4 8.4 0 0 1 16.8 0z" fill="currentColor"/></svg> 4089 </button> 4090 <input 4091 @input-debounced="header_search_predictive_render-sidebar.rerender(data=event.value, redo=true);" 4092 class="header__search_sidebar-input flex-1 text-base leading-none type-text-font-family clear" 4093 type="text" 4094 autocomplete="off" 4095 name="q" 4096 placeholder="Search products" 4097 /> 4098 <button type="reset" class="header__search-modal-close text-0 text-inherit clear cursor-pointer" @tap="header_search_sidebar.close()"> 4099 <svg class="" width="26" height="26" xmlns="http://www.w3.org/2000/svg"><path d="M21.502 5.732A.85.85 0 0 0 20.3 4.53l-7.32 7.32L5.734 4.6a.85.85 0 0 0-1.202 1.203l7.248 7.247L4.53 20.3A.85.85 0 0 0 5.733 21.5l7.248-7.248 7.319 7.319a.85.85 0 0 0 1.202-1.202l-7.319-7.319 7.319-7.319z" fill="currentColor"/></svg> 4100 </button> 4101 </form> 4102 </div> 4103 <style> 4104 .header__search_predictive_render{ 4105 background-color: var(--color-header-bg); 4106 } 4107 .header__search_product_list_wrap{ 4108 padding: 24px 0 70px; 4109 } 4110 .header__search_product_list{ 4111 display: grid; 4112 grid-template-columns: repeat(2, minmax(0, 1fr)); 4113 column-gap: 16px; 4114 row-gap: 24px; 4115 } 4116 .header__search_product_list[data-empty], 4117 .header__search_product__empty, 4118 .header__search_product__view_more_wrap{ 4119 display: none; 4120 } 4121 .header__search_product_list[hasmore] + .header__search_product__view_more_wrap, 4122 .header__search_product_list[data-empty] ~ .header__search_product__empty{ 4123 display: flex; 4124 justify-content: center; 4125 align-items: center; 4126 } 4127 .header__search_product_list[loading] ~ .loading{ 4128 display: var(--loading-show); 4129 } 4130 .header__search_product_list ~ .loading .loading-bounce{ 4131 border-bottom-color: var(--color-body-text); 4132 } 4133 .header__search_product__view_more{ 4134 margin: 24px auto 0; 4135 padding: 8px 24px; 4136 font-weight: 600; 4137 font-size: 16px; 4138 line-height: 24px; 4139 } 4140 @media (min-width: 960px) { 4141 .header__search_product_list{ 4142 grid-template-columns: repeat(4, minmax(0, 1fr)); 4143 column-gap: 24px; 4144 } 4145 .header__search_product_list_wrap{ 4146 padding: 24px 0 40px; 4147 } 4148 } 4149 </style> 4150 <template id="header_search_product_list_template-sidebar"> 4151 <spz-product-snippet 4152 data-source-id="header_search_product_list-sidebar" 4153 product-id="${data.id}" 4154 layout="container" 4155 template="product-snippet-template" 4156 variant-thumb-names="color" 4157 thumb-max-num="3" 4158 ></spz-product-snippet> 4159</template> 4160 <spz-render id="header_search_predictive_render-sidebar" class="header__search_predictive_render i-spzhtml-layout-container" layout="container" manual i-spzhtml-layout="container"> 4161 <template> 4162 <div class="page-container"> 4163 ${(function(){ 4164 if (data === undefined || typeof data !== 'string' || data == '') return '<spz-render @finish="header_search_lightbox.close();header_search_sidebar.close();" layout="container"></spz-render>'; 4165 const keyword = encodeURIComponent(data); 4166 return ` 4167 <div class="header__search_product_list_wrap"> 4168 <spz-list 4169 class="header__search_product_list" 4170 id="header_search_product_list-sidebar" 4171 layout="container" 4172 initial-page="0" 4173 size="limit" 4174 page-size="4" 4175 src="/api/search?keyword=${keyword}" 4176 list="data.products" 4177 total="data.total" 4178 template="header_search_product_list_template-sidebar" 4179 ></spz-list> 4180 <div class="header__search_product__view_more_wrap"> 4181 <a 4182 href="/search?q=${keyword}" 4183 class="header__search_product__view_more button-primary rounded-btn no-underline"> 4184 View more 4185 </a> 4186 </div> 4187 <div class="header__search_product__empty"> 4188 Your search for '${data}' did not yield any results. 4189 </div> 4190 <div class="loading items-center justify-center " role="loading" hide > 4191 <div class="loading-bounce"></div> 4192</div> 4193 </div> 4194 ` 4195 })()} 4196 </div> 4197 </template> 4198 </spz-render> 4199</div> 4200 </spz-sidebar> 4201<style> 4202 .header__drawer{ 4203 width: 330px; 4204 top: 0; 4205 bottom: 0; 4206 max-width: 100vw !important; 4207 line-height: 1.4; 4208 } 4209 .header__drawer, 4210 .header__drawer + .i-spzhtml-sidebar-mask{ 4211 pointer-events: auto; 4212 } 4213 .header__drawer a{ 4214 color: inherit; 4215 text-decoration: none; 4216 } 4217 .header__drawer_header{ 4218 position: sticky; 4219 top: 0; 4220 z-index: 10; 4221 height: 62px; 4222 border-bottom: 1px solid rgba(230,230,230,0.6); 4223 } 4224 .header__drawer_close{ 4225 width: 62px; 4226 position: absolute; 4227 top: 0; 4228 right: 0; 4229 bottom: 0; 4230 opacity: 0.7; 4231 } 4232 .header__drawer_footer{ 4233 position: sticky; 4234 bottom: 0; 4235 z-index: 10; 4236 border-top: 1px solid rgba(230,230,230,0.6); 4237 padding: 16px 20px; 4238 } 4239 .header__drawer_prev{ 4240 position: sticky; 4241 top: 0; 4242 z-index: 10; 4243 display: flex; 4244 align-items: center; 4245 border-bottom: 1px solid rgba(230,230,230,0.6); 4246 padding: 16px 20px; 4247 background-color: var(--color-body-bg); 4248 } 4249 .header__drawer [spz-nested-submenu]:not([child-open]){ 4250 overflow: hidden auto; 4251 max-height: 100%; 4252 } 4253 .header__drawer_menu_item{
4254 display: flex; 4255 align-items: center; 4256 justify-content: space-between; 4257 min-height: 22px; 4258 margin-left: 20px; 4259 padding: 16px 20px 16px 0; 4260 border-bottom: 1px solid rgba(230,230,230,0.6); 4261 cursor: pointer; 4262 } 4263 .header__drawer_menu_item a:not([spz-nested-submenu-open]){ 4264 flex: 1 4265 } 4266 .header_drawer_menu .header_drawer_menu_first{ 4267 overflow: hidden auto; 4268 } 4269 .header_drawer_menu[child-open] .header_drawer_menu_first{ 4270 overflow: unset !important; 4271 } 4272 </style> 4273<spz-sidebar id="header_drawer" class="header__drawer flex flex-col bg-color-body i-spzhtml-layout-nodisplay" side="right" layout="nodisplay" @close="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=false);" hidden="" style="display: none" i-spzhtml-layout="nodisplay"> 4274 <div class="header__drawer_header flex-shrink-0 relative flex bg-color-body"> 4275 <i class="header__drawer_close flex-center cursor-pointer" @tap="header_drawer.close()"> 4276 <svg class="" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M5.034 3.652a.367.367 0 0 0-.518 0l-.864.864a.367.367 0 0 0 0 .519l5.963 5.963-5.963 5.963a.367.367 0 0 0 0 .519l.864.864a.367.367 0 0 0 .518 0l5.964-5.963 5.963 5.963a.367.367 0 0 0 .519 0l.864-.864a.367.367 0 0 0 0-.519l-5.964-5.963 5.964-5.963a.367.367 0 0 0 0-.519l-.864-.864a.367.367 0 0 0-.519 0l-5.963 5.963-5.964-5.963z" fill="currentColor"/></svg> 4277 </i> 4278 </div> 4279 <div class="flex-1 relative overflow-hidden"> 4280 <spz-nested-menu class="header_drawer_menu flex flex-col i-spzhtml-layout-fill i-spzhtml-layout-size-defined" layout="fill" side="right" id="menu-drawer" i-spzhtml-layout="fill"> 4281 <ul class="header_drawer_menu_first flex-1 hide-scrollbar"> 4282 <li> 4283 <div class="header__drawer_menu_item"> 4284 <a class="flex items-start " 4285href="/" > 4286 <span>Home</span> 4287 </a> 4288 </div> 4289 </li> 4290 <li> 4291 <div class="header__drawer_menu_item"> 4292 <a class="flex items-start " 4293href="/collections/women-shoes" > 4294 <span>Women shoes</span> 4295 </a> 4296 </div> 4297 </li> 4298 <li> 4299 <div spz-nested-submenu-open class="header__drawer_menu_item"> 4300 <a class="flex items-start " 4301href="/collections/pop-up-bouquets" > 4302 <span>Pop-Up Bouquets</span> 4303 </a> 4304 <svg class="header__drawer_next_icon ml-3 flex-shrink-0" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424 0l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"/></svg> 4305</div> 4306 <ul class="clear" spz-nested-submenu> 4307 <li class="header__drawer_prev" spz-nested-submenu-close> 4308 4309 <svg class="mr-3" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M4.06 7.573a.6.6 0 0 0 0 .848l6.152 6.152a.3.3 0 0 0 .424 0l.594-.594a.3.3 0 0 0 0-.424L5.672 7.997 11.23 2.44a.3.3 0 0 0 0-.424l-.594-.594a.3.3 0 0 0-.424 0L4.06 7.573z" fill="currentColor"/></svg> 4310<span class="flex-1 underline">Pop-Up Bouquets</span> 4311 </li> 4312 4313 4314 4315 <li> 4316 <div class="header__drawer_menu_item"> 4317 <a class="flex items-start " 4318href="/collections/classic-pop-up-bouquets" > 4319 <span>classic pop up bouquets</span> 4320 </a> 4321 4322 </div> 4323 4324 </li> 4325 4326 4327 4328 <li> 4329 <div class="header__drawer_menu_item"> 4330 <a class="flex items-start " 4331href="/collections/mini-bouquet-pop-up-cards" > 4332 <span>mini bouquet pop up cards</span> 4333 </a> 4334 4335 </div> 4336 4337 </li> 4338 4339 4340 4341 <li> 4342 <div class="header__drawer_menu_item"> 4343 <a class="flex items-start " 4344href="/collections/grande-bouquets" > 4345 <span>grande bouquets</span> 4346 </a> 4347 4348 </div> 4349 4350 </li> 4351 4352 4353 4354 <li> 4355 <div class="header__drawer_menu_item"> 4356 <a class="flex items-start " 4357href="/collections/rose-bouquet-building-block-set" > 4358 <span>Rose Bouquet Building Block Set</span> 4359 </a> 4360 4361 </div> 4362 4363 </li> 4364 4365 </ul> 4366 </li> 4367 <li> 4368 <div class="header__drawer_menu_item"> 4369 <a class="flex items-start " 4370href="/collections/all-xhdb" > 4371 <span>All Products</span> 4372 </a> 4373 </div> 4374 </li> 4375 <li> 4376 <div class="header__drawer_menu_item"> 4377 <a class="flex items-start " 4378href="/pages/track-order" > 4379 <span>Track Order</span> 4380 </a> 4381 </div> 4382 </li> 4383 <div class="header__drawer_plugins"> 4384 <div class="empty-hidden plugin__translate-header px-5 my-10"></div> 4385 <div class="empty-hidden plugin__currency px-5 my-10"></div> 4386 </div> 4387 </ul> 4388 4389 <li class="header__drawer_menu_item"><a href="/account/login">Log in</a></li> 4390 <li class="header__drawer_menu_item"><a href="/account/register">Create an account</a></li> 4391 </spz-nested-menu> 4392 </div> 4393</spz-sidebar> 4394</div> 4395<spz-script layout="logic" type="application/javascript"> 4396 (function(){ 4397 let w = window.innerWidth; 4398 function setHeaderCssVar() { 4399 const headerEle = document.getElementById('shoplaza-section-header'); 4400 if(!headerEle){ return }; 4401 document.body.style.setProperty('--window-height', `${window.innerHeight}px`); 4402 document.body.style.setProperty('--header-height', `${headerEle.clientHeight}px`); 4403 4404 const mdScorllHideEle = headerEle.querySelector('.header__mobile .header__scroll_hide'); 4405 if (mdScorllHideEle) { 4406 document.body.style.setProperty('--header-scroll-hide-height-md', `${mdScorllHideEle.clientHeight}px`); 4407 } 4408 4409 const pcScorllHideEle = headerEle.querySelector('.header__desktop .header__scroll_hide'); 4410 if (pcScorllHideEle) { 4411 document.body.style.setProperty('--header-scroll-hide-height-pc', `${pcScorllHideEle.clientHeight}px`); 4412 } 4413 4414 } 4415 function handlResize() { 4416 if(w == window.innerWidth){return}; 4417 w = window.innerWidth; 4418 setHeaderCssVar(); 4419 };
4420 function init(){ 4421 setHeaderCssVar(); 4422 window.removeEventListener('resize', window._theme_header_listener) 4423 window._theme_header_listener = handlResize; 4424 window.addEventListener('resize', window._theme_header_listener); 4425 } 4426 init(); 4427 })(); 4428</spz-script> 4429 4430</div> 4431 <div class="plugin__static-div"></div> 4432 <div class="main-content" id="main-content"> 4433 <div id="shoplaza-section-1539426260175" class="shoplaza-section" data-section-id="1539426260175" data-section-type="register" data-section-style="1"><style> 4434 .form_item { 4435 position: relative; 4436 width: 100%; 4437 margin-top: 16px; 4438 } 4439 .form_input, 4440 .form_select { 4441 padding: 16px 15px; 4442 transition: all 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955); 4443 width: 100%; 4444 height: 52px; 4445 margin: 0; 4446 font-size: 14px; 4447 line-height: 18px; 4448 color: var(--color-body-text); 4449 border: 1px solid var(--color-border); 4450 background-color: transparent; 4451 outline: 0; 4452 } 4453 .form_input[has-value] { 4454 padding-top: 27px; 4455 padding-bottom: 7px; 4456 } 4457 .form_label { 4458 position: absolute; 4459 top: 17px; 4460 left: 15px; 4461 font-size: 14px; 4462 line-height: 18px; 4463 color: #888a8b; 4464 transition: all 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955); 4465 cursor: text; 4466 } 4467 .form_input[has-value] + .form_label { 4468 transform: translateY(-10px); 4469 font-size: 12px; 4470 line-height: 15px; 4471 } 4472 .form_input:-webkit-autofill + .form_label { 4473 transform: translateY(-10px); 4474 font-size: 12px; 4475 line-height: 15px; 4476 } 4477 .form_checkbox-container { 4478 position: relative; 4479 display: flex; 4480 align-items: center; 4481 width: 100%; 4482 margin-top: 16px; 4483 } 4484 4485 .form_checkbox { 4486 position: absolute; 4487 left: 0; 4488 width: 16px; 4489 height: 16px; 4490 margin: 0; 4491 opacity: 0; 4492 background-color: transparent; 4493 border-color: transparent; 4494 outline: none; 4495 } 4496 4497 .form_checkbox-label { 4498 position: relative; 4499 z-index: 10; 4500 width: 16px; 4501 height: 16px; 4502 margin-right: 8px; 4503 font-size: 0; 4504 border-radius: 2px; 4505 border: 1px solid var(--color-border); 4506 } 4507 4508 .form_checkbox-label > svg { 4509 position: absolute; 4510 left: -1px; 4511 top: -1px; 4512 color: var(--color-primary-btn-bg); 4513 opacity: 0; 4514 transition: opacity 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955); 4515 } 4516 4517 .form_checkbox:checked + .form_checkbox-label > svg { 4518 opacity: 1; 4519 } 4520 4521 .form_checkbox-text { 4522 font-size: 16px; 4523 font-weight: 400; 4524 line-height: 16px; 4525 color: rgba(159, 159, 159); 4526 } 4527 4528 .form_submit { 4529 margin-top: 24px; 4530 height: 46px; 4531 } 4532 .form-tips-text { 4533 padding: 13px 92px; 4534 background-color: rgba(255, 240, 240, 1); 4535 min-height: 42px; 4536 color: rgba(226, 65, 45, 1); 4537 margin: 20px 0 16px; 4538 font-size: 16px; 4539 } 4540 .footer_text { 4541 margin-top: 30px; 4542 color: rgba(159, 159, 159, 1); 4543 margin-right: 6px; 4544 font-size: 16px; 4545 } 4546 .footer_text_link { 4547 color: rgba(41, 41, 41, 1); 4548 margin-left: 6px; 4549 } 4550 .form_item_group { 4551 display: grid; 4552 grid-template-columns: repeat(2, minmax(0, 1fr)); 4553 gap: 0 20px; 4554 width: 100%; 4555 } 4556 .form_item_group .form_item { 4557 margin-top: 0; 4558 } 4559 .form_select-label { 4560 position: absolute; 4561 top: 18px; 4562 right: 16px; 4563 font-size: 0; 4564 pointer-events: none; 4565 transform: rotate(180deg); 4566 } 4567 4568 .form_select { 4569 padding: 16px 44px 16px 15px; 4570 -webkit-appearance: none; 4571 -moz-appearance: none; 4572 appearance: none; 4573 } 4574 4575 .address_form spz-area[areacode] { 4576 position: absolute; 4577 top: 50%; 4578 left: 16px; 4579 transform: translateY(-50%); 4580 border-right: 1px solid var(--color-border); 4581 } 4582 4583 .address_form spz-area[areacode] { 4584 position: absolute; 4585 top: 50%; 4586 left: 16px; 4587 transform: translateY(-50%); 4588 border-right: 1px solid var(--color-border); 4589 } 4590 4591 .address_form spz-area[areacode] label { 4592 position: absolute; 4593 top: 8px; 4594 right: 8px; 4595 font-size: 0; 4596 pointer-events: none; 4597 transform: rotate(180deg); 4598 } 4599 .address_form spz-area[areacode] select { 4600 width: 103px; 4601 margin: 0; 4602 padding: 7px 32px 7px 0; 4603 border: none; 4604 outline: none; 4605 font-size: 14px; 4606 line-height: 18px; 4607 background-color: transparent; 4608 -webkit-appearance: none; 4609 -moz-appearance: none; 4610 appearance: none; 4611 } 4612 4613 .address_form spz-area[areacode] label { 4614 position: absolute; 4615 top: 8px; 4616 right: 8px; 4617 font-size: 0; 4618 pointer-events: none; 4619 transform: rotate(180deg); 4620 } 4621 4622 .address_form .form_input[name="phone"] { 4623 padding-left: 127px; 4624 } 4625 4626 .address_form .form_label[for="edit_phone"], 4627 .address_form .form_label[for="add_phone"] { 4628 left: 127px; 4629 } 4630 4631 .form_checkbox_container { 4632 position: relative; 4633 display: flex; 4634 align-items: center; 4635 width: 100%; 4636 padding-top: 16px; 4637 } 4638 .form_checkbox { 4639 position: absolute; 4640 left: 0; 4641 width: 16px; 4642 height: 16px; 4643 margin: 0; 4644 opacity: 0; 4645 background-color: transparent; 4646 border-color: transparent; 4647 outline: none; 4648 } 4649 .form_checkbox_text { 4650 font-size: 14px; 4651 font-weight: 300; 4652 line-height: 18px; 4653 color: rgba(159,159,159); 4654 } 4655 .address_cencel {
4656 margin: 30px 0 54px; 4657 text-transform: capitalize; 4658 } 4659 4660 .address_form spz-area[province][count="0"] { 4661 display: none; 4662 } 4663 .form-tips-error { 4664 color: #E2412D; 4665 text-align: left; 4666 display: flex; 4667 align-items: center; 4668 } 4669 .form-tips-error svg { 4670 margin-right: 4px; 4671 flex-shrink: 0; 4672 } 4673 4674 .hidden_important { 4675 display: none !important; 4676 } 4677 4678 @media (max-width: 960px) { 4679 .footer_text { 4680 margin-bottom: 72px; 4681 } 4682 } 4683</style> 4684 4685<style> 4686 @media (min-width: 960px) { 4687 .register-page { 4688 width: calc(420px + var(--page-spacing) * 2); 4689 padding: 160px 0; 4690 } 4691 } 4692 .register_success_page { 4693 padding: 100px var(--page-spacing) !important; 4694 } 4695 .register-page { 4696 padding: 20px var(--page-spacing); 4697 } 4698 .register_subtitle { 4699 opacity: 0.75; 4700 margin: 24px 0 20px; 4701 } 4702 .shop_now_btn { 4703 margin-top: 36px; 4704 font-size: 16px; 4705 padding: 1px 6px; 4706 min-height: 42px; 4707 width: 100%; 4708 text-decoration: none; 4709 } 4710 4711 .register__password-visibility-icon { 4712 position: absolute; 4713 top: 2px; 4714 right: 16px; 4715 box-sizing: content-box; 4716 display: flex; 4717 align-items: center; 4718 justify-content: center; 4719 width: 16px; 4720 height: 16px; 4721 padding: 16px; 4722 margin-right: -16px; 4723 cursor: pointer; 4724 user-select: none; 4725 } 4726 4727 .register__password-visibility-icon:not(.visible) .icon-eye, 4728 .register__password-visibility-icon.visible .icon-eyelash { 4729 display: none; 4730 } 4731 4732 .register-form__password-input { 4733 padding-right: 96px; 4734 } 4735</style> 4736 4737<div class='page-container text-center register-page'> 4738 <h4 class='text-6 text-base'>Register</h4> 4739 <div class='register_subtitle text-base'>Please fill in the information below:</div> 4740 <spz-render id='form-tips-register' layout='container' manual class="i-spzhtml-layout-container" i-spzhtml-layout="container"> 4741 <template> 4742 <div class='form-tips-text'>${data.errors && data.errors[0]}</div> 4743 </template> 4744 </spz-render> 4745 4746 <form 4747 id="register-form-1539426260175" 4748 class='form flex flex-col' 4749 method='POST' 4750 action-xhr='/api/customers/sign_up' 4751 refresh-when-submit-success 4752 custom-validation='change-interact-and-submit' 4753 @submitError='form-tips-register.rerender(data=event);' 4754 > 4755 <div class='form_item'> 4756 <input 4757 class='form_input' 4758 id='first_name' 4759 type='text' 4760 name='first_name' 4761 tabindex='1' 4762 required 4763 maxlength='50' 4764 pattern='[^~!@#$%\^&*\(\)_+<>?:"\{\}\/;\[\]]*' 4765 autofocus 4766 > 4767 <label class='form_label' for='first_name'>First name</label> 4768 <div class='form_item form-tips-error' validation-for='first_name' visible-when-invalid='valueMissing' hidden><svg class="" width="14" height="14" xmlns="http://www.w3.org/2000/svg"><rect width="14" height="14" rx="7" fill="#EB391B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.9a.6.6 0 0 1 .6.6v4.8a.6.6 0 1 1-1.2 0V3.5a.6.6 0 0 1 .6-.6Z" fill="#fff"/><path d="M7.6 10.5a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0Z" fill="#fff"/></svg>First name is required.</div> 4769 <div class='form_item form-tips-error' validation-for='first_name' visible-when-invalid='patternMismatch' hidden><svg class="" width="14" height="14" xmlns="http://www.w3.org/2000/svg"><rect width="14" height="14" rx="7" fill="#EB391B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.9a.6.6 0 0 1 .6.6v4.8a.6.6 0 1 1-1.2 0V3.5a.6.6 0 0 1 .6-.6Z" fill="#fff"/><path d="M7.6 10.5a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0Z" fill="#fff"/></svg>Contains invalid characters</div> 4770 </div> 4771 <div class='form_item'> 4772 <input 4773 class='form_input' 4774 id='last_name' 4775 type='text' 4776 name='last_name' 4777 tabindex='2' 4778 required 4779 maxlength='50' 4780 pattern='[^~!@#$%\^&*\(\)_+<>?:"\{\}\/;\[\]\s]*' 4781 > 4782 <label class='form_label' for='last_name'>Last name</label> 4783 <div class='form_item form-tips-error' validation-for='last_name' visible-when-invalid='valueMissing' hidden><svg class="" width="14" height="14" xmlns="http://www.w3.org/2000/svg"><rect width="14" height="14" rx="7" fill="#EB391B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.9a.6.6 0 0 1 .6.6v4.8a.6.6 0 1 1-1.2 0V3.5a.6.6 0 0 1 .6-.6Z" fill="#fff"/><path d="M7.6 10.5a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0Z" fill="#fff"/></svg>Last name is required.</div> 4784 <div class='form_item form-tips-error' validation-for='last_name' visible-when-invalid='patternMismatch' hidden><svg class="" width="14" height="14" xmlns="http://www.w3.org/2000/svg"><rect width="14" height="14" rx="7" fill="#EB391B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.9a.6.6 0 0 1 .6.6v4.8a.6.6 0 1 1-1.2 0V3.5a.6.6 0 0 1 .6-.6Z" fill="#fff"/><path d="M7.6 10.5a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0Z" fill="#fff"/></svg>
4784Contains invalid characters</div> 4785 </div> 4786 <div class='form_item'> 4787 <input 4788 class='form_input' 4789 id='email' 4790 type='text' 4791 name='email' 4792 tabindex='3' 4793 required 4794 pattern="[a-zA-Z0-9!#$%&'*+\/=?^_`\{\|\}~\-]+(?:\.[a-zA-Z0-9!#$%&'*+\/=?^_`\{\|\}~\-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9\-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9\-]*[a-zA-Z0-9])?" 4795 > 4796 <label class='form_label' for='email'>Email</label> 4797 <div class='form_item form-tips-error' validation-for='email' visible-when-invalid='valueMissing' hidden><svg class="" width="14" height="14" xmlns="http://www.w3.org/2000/svg"><rect width="14" height="14" rx="7" fill="#EB391B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.9a.6.6 0 0 1 .6.6v4.8a.6.6 0 1 1-1.2 0V3.5a.6.6 0 0 1 .6-.6Z" fill="#fff"/><path d="M7.6 10.5a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0Z" fill="#fff"/></svg>Email is required</div> 4798 <div class='form_item form-tips-error' validation-for='email' visible-when-invalid='patternMismatch' hidden><svg class="" width="14" height="14" xmlns="http://www.w3.org/2000/svg"><rect width="14" height="14" rx="7" fill="#EB391B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.9a.6.6 0 0 1 .6.6v4.8a.6.6 0 1 1-1.2 0V3.5a.6.6 0 0 1 .6-.6Z" fill="#fff"/><path d="M7.6 10.5a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0Z" fill="#fff"/></svg>Please enter a valid email.</div> 4799 </div> 4800 <div class='form_item'> 4801 <input 4802 class='form_input register-form__password-input' 4803 id='password' 4804 type='password' 4805 name='password' 4806 tabindex='4' 4807 required 4808 minlength='6' 4809 maxlength='16' 4810 pattern='[\s\S]{6,16}' 4811 > 4812 <label class='form_label' for='password'>Password</label> 4813 <div class='form_item form-tips-error' validation-for='password' visible-when-invalid='valueMissing' hidden><svg class="" width="14" height="14" xmlns="http://www.w3.org/2000/svg"><rect width="14" height="14" rx="7" fill="#EB391B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.9a.6.6 0 0 1 .6.6v4.8a.6.6 0 1 1-1.2 0V3.5a.6.6 0 0 1 .6-.6Z" fill="#fff"/><path d="M7.6 10.5a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0Z" fill="#fff"/></svg>Password is required.</div> 4814 <div class='form_item form-tips-error' validation-for='password' visible-when-invalid='patternMismatch' hidden><svg class="" width="14" height="14" xmlns="http://www.w3.org/2000/svg"><rect width="14" height="14" rx="7" fill="#EB391B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.9a.6.6 0 0 1 .6.6v4.8a.6.6 0 1 1-1.2 0V3.5a.6.6 0 0 1 .6-.6Z" fill="#fff"/><path d="M7.6 10.5a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0Z" fill="#fff"/></svg>Password must be between 6-16 characters long.</div> 4815 4816 <i class="register__password-visibility-icon" id="register-form-icon-1539426260175" @tap="register-form-1539426260175.togglePasswordVisibility(name='password');register-form-icon-1539426260175.toggleClass(class='visible');"> 4817 <svg class="icon-eye " xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#888" d="M8 3.945a6.428 6.428 0 0 0-6 4.091 6.428 6.428 0 0 0 6 4.091 6.427 6.427 0 0 0 6-4.09 6.427 6.427 0 0 0-6-4.092m0 6.819a2.7 2.7 0 0 1-2.727-2.728A2.7 2.7 0 0 1 8 5.31a2.7 2.7 0 0 1 2.727 2.727A2.7 2.7 0 0 1 8 10.764ZM8 6.4c-.927 0-1.637.71-1.637 1.636 0 .927.71 1.637 1.637 1.637.928 0 1.637-.71 1.637-1.637S8.927 6.4 8 6.4"/></svg> 4818 <svg class="icon-eyelash " xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="#888" d="m13.785 5.138-.007-.007a.577.577 0 0 0-.441-.126.611.611 0 0 0-.384.237l-.007.007c-.241.288-2.429 2.783-4.944 2.783-2.444 0-4.717-2.524-4.966-2.813l-.007-.007a.575.575 0 0 0-.823-.057.629.629 0 0 0-.072.854c.366.439.77.842 1.208 1.204l-.937.982a.58.58 0 0 0-.163.445.666.666 0 0 0 .172.414.455.455 0 0 0 .17.151.435.435 0 0 0 .22.048.574.574 0 0 0 .42-.185L4.281 7.96a8.425 8.425 0 0 0 1.655.892l-.405 1.373a.634.634 0 0 0 .051.477.606.606 0 0 0 .367.29l.022.008h.149c.131 0 .26-.045.362-.13a.604.604 0 0 0 .206-.335l.405-1.373c.303.05.61.078.916.08.307-.002.613-.03.916-.08l.406 1.35c.033.13.107.246.21.329a.579.579 0 0 0 .358.13.36.36 0 0 0 .184-.037.607.607 0 0 0 .341-.305.646.646 0 0 0 .041-.466l-.404-1.35a8.042 8.042 0 0 0 1.655-.892l1.038 1.084a.583.583 0 0 0 .42.184.564.564 0 0 0 .418-.184.639.639 0 0 0 .028-.856l-.943-.99c.443-.35.851-.744 1.219-1.179l.014-.015a.674.674 0 0 0-.127-.827h.001Z"/></svg> 4819 </i> 4820 </div> 4821 4822 <div class='form_checkbox-container'> 4823 <input type='checkbox' id='newsletter' name='newsletter' class='form_checkbox touch-scale' checked> 4824 <label class='form_checkbox-label' for='newsletter'><svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><rect width="16" height="16" rx="2" fill="currentColor"/><path d="M12.174 6.02a.6.6 0 0 0-.849-.848L6.94 9.557 4.675 7.293a.6.6 0 1 0-.849.848l2.687 2.687a.598.598 0 0 0 .412.176.598.598 0 0 0 .44-.176l4.809-4.808Z" fill="#fff"/></svg></label> 4825 <label class='form_checkbox-text' for='newsletter'>Subscribe to get latest offers and discounts.</label> 4826 </div> 4827 4828 <button class='form_submit button-primary' type='submit' tabindex='5'>Register</button> 4829 </form> 4830 <div class='footer_text'>
4831 <span>Already have an account?</span> 4832 <a href='./login' class='footer_text_link'>Login</a> 4833 </div> 4834 </div> 4835</div>
4835<script>try { if (window.performance || window.webkitPerformance) { var perf = window.performance || window.webkitPerformance;var timing = perf.timing;window.firstTiming = Date.now() - timing.navigationStart;}}catch(e){}</script>
4835 4836 </div> 4837 <div id="shoplaza-section-footer" class="shoplaza-section" data-section-id="footer" data-section-type="footer" data-section-style="expand"><style> 4838 [data-section-id="footer"] { 4839 color: var(--color-footer-text); 4840 background-color: var(--color-footer-bg); 4841 } 4842 .footer__newsletter, 4843 .footer_blocks, 4844 .footer__additional { 4845 border-top: 1px solid var(--color-footer-border); 4846 } 4847</style> 4848<style> 4849 .footer__newsletter{ 4850 color: var(--color-newsletter-text); 4851 background-color: var(--color-body-bg); 4852 } 4853 .footer__newsletter__desc{ 4854 margin: 0 0 20px 0; 4855 } 4856 .footer__newsletter__input{ 4857 width: 100%; 4858 height: 42px; 4859 background-color: var(--color-newsletter-bg); 4860 border: 1px solid var(--color-newsletter-border); 4861 border-right-width: 0px; 4862 border-radius: 0 ; 4863 } 4864 .footer__newsletter__input:focus{ 4865 border-color: var(--color-newsletter-text); 4866 } 4867 .footer__newsletter__input::-webkit-input-placeholder { 4868 color: var(--color-newsletter-text); 4869 } 4870 .footer__newsletter__btn{ 4871 height: 42px; 4872 padding: 0 18px; 4873 color: var(--color-newsletter-btn-text); 4874 background-color: var(--color-newsletter-btn-bg); 4875 border-radius: 0 ; 4876 } 4877 @keyframes footer_newsletter_tip_hide { 4878 from { 4879 visibility: visible; 4880 } 4881 to { 4882 visibility: hidden; 4883 } 4884 } 4885 .footer__newsletter__error-tip{ 4886 height: auto !important; 4887 width: 100%; 4888 position: absolute; 4889 bottom: calc(100% + 6px); 4890 left: 0; 4891 padding: 16px 20px; 4892 background-color: white; 4893 border-radius: 4px; 4894 box-shadow: 0 0 8px rgba(195,195,195,0.50); 4895 font-size: var(--type-text-font-size); 4896 line-height: 1.3; 4897 color: var(--color-newsletter-text); 4898 } 4899 .footer__newsletter__error-tip:after{ 4900 content: ''; 4901 position: absolute; 4902 left: 20px; 4903 bottom: -12px; 4904 width: 0; 4905 height: 0; 4906 border: 6px solid transparent; 4907 border-top-color: white; 4908 } 4909 .footer__newsletter__error-tip:not(.hidden), .footer__newsletter__error-tip:not([hidden]){ 4910 visibility: hidden; 4911 animation: footer_newsletter_tip_hide 5000ms; 4912 } 4913 .footer__newsletter__success-tip{ 4914 display: none; 4915 align-items: center; 4916 min-height: 50px; 4917 padding: 6px 12px; 4918 color: #56AD6A; 4919 background: #ECFEF0; 4920 border: 1px solid #56AD6A; 4921 } 4922 .footer__newsletter__form.spz-form-submit-success .footer__newsletter__success-tip{ 4923 display: flex; 4924 } 4925 .footer__newsletter__form.spz-form-submit-success .footer__newsletter__input, 4926 .footer__newsletter__form.spz-form-submit-success .footer__newsletter__btn{ 4927 display: none; 4928 } 4929 @media (min-width: 960px) { 4930 .footer__newsletter__desc{ 4931 margin: 0 40px 0 0; 4932 } 4933 .footer__newsletter__input{ 4934 width: 200px; 4935 height: 50px; 4936 } 4937 .footer__newsletter__btn{ 4938 height: 50px; 4939 } 4940 .footer__newsletter__success-tip{ 4941 max-width: 568px; 4942 } 4943 } 4944 </style> 4945 <div class="footer__newsletter"> 4946 <div class="page-container lg:flex lg:items-center lg:justify-center py-8 md:px-8"> 4947 <p class="footer__newsletter__desc text-center body-plus-2 lg:body-plus-4">Subscribe today to hear first about our sales</p> 4948 <form 4949 id="footer__newsletter__form" 4950 class="footer__newsletter__form type-text-font-family relative flex items-center md:w-full text-base" 4951 action-xhr="/api/customers/newsletters" 4952 method="POST" 4953 custom-validation="show-first-on-submit" 4954 @submitError="footer__newsletter__error-ajax.rerender(data=event);footer__newsletter__error-ajax.toggleClass(class='hidden', force=false);" 4955 > 4956 <input 4957 class="footer__newsletter__input clear flex-1 block lg:w-full px-4 lg:px-3" 4958 id="footer__newsletter__input" 4959 type="text" 4960 name="email" 4961 placeholder="Enter your email" 4962 required 4963 pattern="([A-Za-z0-9_\-.])+@([A-Za-z0-9_\-.])+\.([A-Za-z]{2,4})" 4964 @input-debounced="footer__newsletter__error-ajax.toggleClass(class='hidden', force=true);" 4965 > 4966 <button
4967 class="footer__newsletter__btn type-text-font-family m-0 flex items-center border-none leading-none" 4968 type="submit" 4969 > 4970 <span class="md:hidden">Subscribe</span> 4971 <svg class="lg:hidden" width="20" height="6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path opacity=".01" fill="currentColor" d="M0 0h20v6H0z"/><path fill="currentColor" d="M0 2h14v2H0z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m20 3-6 3V0l6 3Z" fill="currentColor"/></svg> 4972 </button> 4973 <div class="footer__newsletter__error-tip" validation-for="footer__newsletter__input" visible-when-invalid="patternMismatch" hidden> 4974 Please enter a valid email address. 4975 </div> 4976 <div class="footer__newsletter__error-tip" validation-for="footer__newsletter__input" visible-when-invalid="valueMissing" hidden> 4977 Please enter your email address. 4978 </div> 4979 <spz-render id="footer__newsletter__error-ajax" class="footer__newsletter__error-tip hidden i-spzhtml-layout-container" layout="container" manual i-spzhtml-layout="container"> 4980 <template> 4981 <div spz-if="${data.errors && data.errors.length > 0}"> 4982 ${data.errors && data.errors[0]} 4983 </div> 4984 </template> 4985 </spz-render> 4986 <div class="footer__newsletter__success-tip flex-shrink-0 body-plus-2"> 4987 Thanks for subscribing 4988 </div> 4989 </form> 4990 </div> 4991 </div> 4992<style> 4993 .footer__block{ 4994 flex-shrink: 0; 4995 } 4996 .footer__block.accordion .i-spzhtml-accordion-content{ 4997 overflow: hidden !important; 4998 } 4999 .footer__block a{ 5000 color: inherit; 5001 } 5002 .footer__block__header{ 5003 position: relative; 5004 margin: 0; 5005 font-weight: 700; 5006 overflow-wrap: break-word; 5007 } 5008 .footer__block__header__icon{ 5009 position: absolute; 5010 right: 0; 5011 top: 20px; 5012 transition: all 300ms; 5013 transform: rotate(180deg); 5014 } 5015 .footer__block > [expanded] .footer__block__header__icon{ 5016 transform: rotate(0deg); 5017 } 5018 .footer__block__content{ 5019 margin: 0; 5020 padding: 0 0 20px 0; 5021 list-style-type: none; 5022 } 5023 .footer__block.not-accordion .footer__block__content{ 5024 padding: 20px 0; 5025 } 5026 @media (max-width: 959.98px) { 5027 .footer__block{ 5028 line-height: 1.4; 5029 text-align: center; 5030 } 5031 .footer__block-wrap + .footer__block-wrap{ 5032 border-top: 1px solid var(--color-footer-border); 5033 } 5034 .footer__block__header{ 5035 padding: 20px 30px; 5036 } 5037 .footer__block__content{ 5038 justify-content: center; 5039 } 5040 } 5041 @media (min-width: 960px) { 5042 .footer__blocks{ 5043 padding-top: 30px; 5044 padding-bottom: 48px 5045 } 5046 .footer__block{ 5047 max-width: 258px; 5048 padding: 24px 72px 0 0; 5049 } 5050 .footer__block__header{ 5051 font-size: calc(var(--type-text-font-size) + 2px); 5052 } 5053 .footer__block__content{ 5054 padding: 16px 0 0 0; 5055 } 5056 } 5057 .footer__navigation__item + .footer__navigation__item{ 5058 padding-top: 18px; 5059 } 5060 @media (min-width: 960px) { 5061 .footer__navigation__item + .footer__navigation__item{ 5062 padding-top: 10px; 5063 } 5064 } 5065 .footer__contact__item{ 5066 display: flex; 5067 align-items: flex-start; 5068 }
5069 .footer__contact__item + .footer__contact__item, 5070 .footer__block__content div + .footer__contact__item-custom{ 5071 padding-top: 18px; 5072 } 5073 .footer__contact__item svg{ 5074 flex-shrink: 0; 5075 } 5076 .footer__contact__item a{ 5077 margin-left: 8px; 5078 } 5079 .footer__block-social .footer__block__content{ 5080 display: flex; 5081 flex-wrap: wrap; 5082 margin: -18px -10px 0; 5083 } 5084 .footer__social__item{ 5085 display: flex; 5086 padding: 18px 10px 0; 5087 } 5088 @media (min-width: 960px) { 5089 .footer__block-social .footer__block__content{ 5090 margin: -12px -6px 0; 5091 } 5092 .footer__social__item{ 5093 padding: 12px 6px 0; 5094 } 5095 } 5096 .footer__block-payment .footer__block__content{ 5097 display: flex; 5098 flex-wrap: wrap; 5099 margin: -18px -4px 0; 5100 } 5101 .footer__payment__item{ 5102 padding: 18px 4px 0; 5103 } 5104 .footer__payment__item svg{ 5105 display: flex; 5106 width: 38px; 5107 height: 24px; 5108 } 5109 @media (min-width: 960px) { 5110 .footer__block-payment .footer__block__content{ 5111 margin: -8px -4px 0; 5112 } 5113 .footer__payment__item{ 5114 padding: 8px 4px 0; 5115 } 5116 } 5117 </style> 5118 <div class="footer__blocks"> 5119 <div class="page-container lg:flex lg:justify-center lg:flex-wrap"> 5120 <div class="footer__block-wrap"> 5121 <div class="footer__block md:hidden " > 5122 <p class="footer__block__header"> 5123 INFORMATIONS 5124 </p> 5125 <ul class="footer__block__content"> 5126 <li class="footer__navigation__item"> 5127 <a class="no-underline lg:body-plus-1" 5128href="/pages/about-us" > 5129 About Us 5130 </a> 5131 </li> 5132 <li class="footer__navigation__item"> 5133 <a class="no-underline lg:body-plus-1" 5134href="/pages/contact-us" > 5135 Contact Us 5136 </a> 5137 </li> 5138 <li class="footer__navigation__item"> 5139 <a class="no-underline lg:body-plus-1" 5140href="/pages/intellectual property rights" > 5141 INTELLECTUAL PROPERTY RIGHTS 5142 </a> 5143 </li> 5144 <li class="footer__navigation__item"> 5145 <a class="no-underline lg:body-plus-1" 5146href="/account/order-lookup" > 5147 Track Order 5148 </a> 5149 </li> 5150 </ul> 5151 </div> 5152 5153 <spz-accordion layout="container" animate class="footer__block accordion lg:hidden i-spzhtml-layout-container" i-spzhtml-layout="container"> 5154 <section > 5155 <p class="footer__block__header"> 5156 INFORMATIONS 5157 <svg class="footer__block__header__icon" width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M9.573 6.787a.6.6 0 0 1 .849 0l5.02 5.02a.3.3 0 0 1 0 .425l-.424.425a.3.3 0 0 1-.424 0L9.998 8.06 5.4 12.657a.3.3 0 0 1-.424 0l-.424-.425a.3.3 0 0 1 0-.424l5.02-5.02z" fill="currentColor"/></svg> 5158 </p> 5159 <div> 5160 <ul class="footer__block__content"> 5161 <li class="footer__navigation__item"> 5162 <a class="no-underline lg:body-plus-1" 5163href="/pages/about-us" > 5164 About Us 5165 </a> 5166 </li> 5167 <li class="footer__navigation__item"> 5168 <a class="no-underline lg:body-plus-1" 5169href="/pages/contact-us" > 5170 Contact Us 5171 </a> 5172 </li> 5173 <li class="footer__navigation__item"> 5174 <a class="no-underline lg:body-plus-1" 5175href="/pages/intellectual property rights" > 5176 INTELLECTUAL PROPERTY RIGHTS 5177 </a> 5178 </li> 5179 <li class="footer__navigation__item"> 5180 <a class="no-underline lg:body-plus-1" 5181href="/account/order-lookup" > 5182 Track Order 5183 </a> 5184 </li> 5185 </ul> 5186 </div> 5187 </section> 5188 </spz-accordion> 5189 </div> 5190<div class="footer__block-wrap"> 5191 <div class="footer__block md:hidden " > 5192 <p class="footer__block__header"> 5193 HELP & SUPPORT 5194 </p> 5195 <ul class="footer__block__content"> 5196 <li class="footer__navigation__item"> 5197 <a class="no-underline lg:body-plus-1" 5198href="/pages/return-policy" > 5199 Return Policy 5200 </a> 5201 </li> 5202 <li class="footer__navigation__item"> 5203 <a class="no-underline lg:body-plus-1" 5204href="/pages/terms-of-service" > 5205 Terms Of Service 5206 </a> 5207 </li> 5208 <li class="footer__navigation__item"> 5209 <a class="no-underline lg:body-plus-1" 5210href="/pages/shipping-information" > 5211 Shipping Information 5212 </a> 5213 </li> 5214 <li class="footer__navigation__item"> 5215 <a class="no-underline lg:body-plus-1" 5216href="/pages/privacy-policy" > 5217 Privacy Policy 5218 </a> 5219 </li> 5220 </ul> 5221 </div> 5222 5223 <spz-accordion layout="container" animate class="footer__block accordion lg:hidden i-spzhtml-layout-container" i-spzhtml-layout="container"> 5224 <section > 5225 <p class="footer__block__header"> 5226 HELP & SUPPORT 5227 <svg class="footer__block__header__icon" width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M9.573 6.787a.6.6 0 0 1 .849 0l5.02 5.02a.3.3 0 0 1 0 .425l-.424.425a.3.3 0 0 1-.424
52270L9.998 8.06 5.4 12.657a.3.3 0 0 1-.424 0l-.424-.425a.3.3 0 0 1 0-.424l5.02-5.02z" fill="currentColor"/></svg> 5228 </p> 5229 <div> 5230 <ul class="footer__block__content"> 5231 <li class="footer__navigation__item"> 5232 <a class="no-underline lg:body-plus-1" 5233href="/pages/return-policy" > 5234 Return Policy 5235 </a> 5236 </li> 5237 <li class="footer__navigation__item"> 5238 <a class="no-underline lg:body-plus-1" 5239href="/pages/terms-of-service" > 5240 Terms Of Service 5241 </a> 5242 </li> 5243 <li class="footer__navigation__item"> 5244 <a class="no-underline lg:body-plus-1" 5245href="/pages/shipping-information" > 5246 Shipping Information 5247 </a> 5248 </li> 5249 <li class="footer__navigation__item"> 5250 <a class="no-underline lg:body-plus-1" 5251href="/pages/privacy-policy" > 5252 Privacy Policy 5253 </a> 5254 </li> 5255 </ul> 5256 </div> 5257 </section> 5258 </spz-accordion> 5259 </div> 5260</div> 5261 </div> 5262 <style> 5263 .footer__additional__item{ 5264 padding-top: 12px 5265 } 5266 .footer__additional__item + .footer__additional__item{ 5267 padding-left: 20px; 5268 } 5269 .footer__copyright a[href] { 5270 color: inherit; 5271 text-decoration: none; 5272 } 5273 </style> 5274 5275 <div class="footer__additional pt-5 pb-8 lg:pt-6 lg:pb-8"> 5276 <div class="page-container body-minus-1 flex flex-wrap justify-center"> 5277 <span class="footer__additional__item">© <time datetime="2026">2026</time> nisartmacka</span> 5278 <div style="display:flex;justify-content: center;"> 5279<img width="300px;" src="https://img-va.myshopline.com/image/store/1701329317116/ocean-Logo.png?w=1377&h=127"> </div> 5280 </div> 5281 </div> 5282</div> 5283 <div id="shoplaza-section-cart_drawer" class="shoplaza-section" data-section-id="cart_drawer" data-section-type="cart_drawer" data-section-style=""> 5284 <style> 5285 #cart-drawer { 5286 width: 0; 5287 height: 0; 5288 } 5289 5290 #cart-drawer[loading] ~ *, 5291 #cart-drawer[data-empty][finish] ~ *, 5292 #cart-drawer:not([data-empty])[finish] ~ .cart-empty { 5293 display: none; 5294 } 5295 5296 #cart-drawer[loading] ~ .cart-drawer-loading { 5297 display: var(--loading-show); 5298 } 5299 5300 #cart-drawer:not([loading]) ~ .cart-drawer-loading { 5301 display: none !important; 5302 } 5303 5304 #cart-drawer[data-empty][finish] ~ .cart-empty { 5305 display: block; 5306 } 5307 5308 .cart-drawer-loading { 5309 padding-top: 50%; 5310 } 5311 5312 .cart-drawer-loading .loading-bounce { 5313 border-bottom-color: var(--color-body-text); 5314 } 5315 5316 #cart-drawer-modal { 5317 height: 100vh; 5318 } 5319 5320 #cart-drawer-modal, 5321 .cart-drawer-summary-sticky-render { 5322 width: 84.62%; 5323 max-width: 84.62%; 5324 } 5325 5326 .cart-drawer-header { 5327 padding: 12px 16px; 5328 border-bottom: 1px solid #E6E6E6; 5329 } 5330 5331 .cart-drawer-title { 5332 line-height: 1.1667; 5333 font-size: calc(var(--type-heading-font-size) * .8); 5334 } 5335 5336 .cart-drawer-item-image { 5337 flex-shrink: 0; 5338 width: 23.49%; 5339 } 5340 5341 .cart-drawer-item-delete-btn::before { 5342 content: ''; 5343 position: absolute; 5344 top: -8px; 5345 left: -8px; 5346 right: -8px; 5347 bottom: -8px; 5348 } 5349 5350 .cart-drawer-item-qty-container spz-quantity { 5351 width: 81px; 5352 } 5353 5354 .cart-drawer-item-qty-container spz-quantity .i-spzhtml-quantity-number-decrease[disabled] { 5355 cursor: pointer; 5356 } 5357 5358 .cart-drawer-item-qty-container spz-quantity span[role="button"] { 5359 padding: 6px; 5360 } 5361 5362 .cart-drawer-item-qty-container spz-quantity input[type="number"] { 5363 width: 25px; 5364 } 5365 5366 .cart-drawer-item-text { 5367 color: #FF3F02; 5368 } 5369 5370 .cart-drawer-countdown-wrapper { 5371 margin: 0 -16px; 5372 } 5373 5374 .cart_free_shipping ~ .cart-drawer-summary { 5375 margin-top: 10px; 5376 } 5377 5378 .cart-drawer-summary { 5379 padding: 8px; 5380 border-radius: 2px; 5381 background-color: #F6F6F6; 5382 } 5383 5384 .cart-drawer-summary-discount-btn { 5385 display: flex; 5386 align-items: center; 5387 padding: 4px 8px; 5388 margin-top: 4px; 5389 color: #F16515; 5390 border-radius: 100px; 5391 background-color: #fff; 5392 cursor: pointer; 5393 } 5394 5395 .cart-drawer-summary-discount-btn span { 5396 margin-right: 2px; 5397 } 5398 5399 html[dir="rtl"] .cart-drawer-summary-discount-btn span { 5400 margin-left: 2px; 5401 margin-right: 0; 5402 } 5403 5404 .cart-drawer-summary-discount-btn svg { 5405 transition: transform .2s cubic-bezier(0.445, 0.05, 0.55, 0.95); 5406 } 5407 5408 .cart-drawer-summary-discount-list.open .cart-drawer-summary-discount-btn svg { 5409 transform: rotate(-180deg); 5410 } 5411 5412 .cart-drawer-summary-discount-list ul { 5413 display: none; 5414 } 5415 5416 .cart-drawer-summary-discount-list.open ul { 5417 display: block; 5418 } 5419 5420 .cart-drawer-invalid-msg { 5421 color: #FF3F02; 5422 } 5423 5424 .cart-drawer-checkout-btn { 5425 height: 46px; 5426 padding: 12px 0; 5427 } 5428 5429 .cart-drawer-checkout-btn > *, 5430 .cart-drawer-checkout-btn[loading] { 5431 pointer-events: none; 5432 } 5433 5434 .cart-drawer-checkout-btn[loading] > span, 5435 .cart-drawer-checkout-btn:not([loading]) > .loading { 5436 display: none; 5437 } 5438 5439 .cart-drawer-checkout-btn[loading] > .loading { 5440 opacity: 1; 5441 } 5442 5443 .cart-drawer-summary-sticky-render { 5444 z-index: calc(var(--z-index-modal) + 1); 5445 position: fixed; 5446 right: 0; 5447 bottom: 0; 5448 width: 100%; 5449 background-color: #fff; 5450 box-shadow: 0 -8px 20px 0 rgba(34, 34, 34, .08); 5451 opacity: 0; 5452 transform: translateY(100%); 5453 } 5454 5455 .cart-drawer-summary-sticky { 5456 padding: 16px; 5457 } 5458 5459 .cart-drawer-summary-sticky-render { 5460 pointer-events: none; 5461 } 5462 5463 .cart-drawer-summary-sticky-render:not(.open), 5464 .cart-drawer-summary-sticky-render:not(.visible) { 5465 display: none; 5466 } 5467
5468 .cart-drawer-summary-sticky-render.visible.open { 5469 pointer-events: auto; 5470 animation: sticky-bottom-show .4s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards; 5471 } 5472 5473 @keyframes sticky-bottom-show { 5474 0% { opacity: 1;} 5475 100% { transform: translateY(0); opacity: 1; } 5476 } 5477 5478 .cart-drawer-summary-sticky-compensation-container.visible { 5479 height: var(--cart-drawer-summary-sticky-height); 5480 } 5481 5482 .cart-drawer-summary-sticky .cart-drawer-summary-discount-btn { 5483 background-color: #F6F6F6; 5484 } 5485 5486 .cart-drawer-empty-container { 5487 padding: 80px 16px; 5488 } 5489 5490 .cart-drawer-empty-btn { 5491 height: 46px; 5492 } 5493 5494 @media (max-width: 959.98px) { 5495 #cart-drawer-modal .ios_safari_bottom_bar { 5496 display: none; 5497 } 5498 5499 #cart-drawer-modal.deepen ~ .i-spzhtml-sidebar-mask { 5500 background-color: var(--color-body-text-70); 5501 } 5502 5503 .cart-drawer-summary-sticky-modal { 5504 z-index: calc(var(--z-index-modal) + 1); 5505 width: 100% !important; 5506 max-height: 85vh !important; 5507 display: flex; 5508 align-items: flex-end; 5509 justify-content: flex-end; 5510 pointer-events: none; 5511 } 5512 5513 .cart-drawer-summary-sticky-modal .ios_safari_bottom_bar { 5514 display: none; 5515 } 5516 5517 .cart-drawer-summary-sticky-modal-inner { 5518 width: 100%; 5519 padding: 8px 16px 16px; 5520 border-radius: 2px; 5521 background-color: #fff; 5522 box-shadow: 0 -8px 20px 0 rgba(34, 34, 34, .08); 5523 pointer-events: auto; 5524 } 5525 5526 .cart-drawer-summary-sticky-modal-close { 5527 margin-right: -8px; 5528 } 5529 5530 html[dir="rtl"] .cart-drawer-summary-sticky-modal-close { 5531 margin-left: -8px; 5532 margin-right: 0; 5533 } 5534 5535 .cart-drawer-checkout-btn-mobile { 5536 flex-shrink: 0; 5537 width: 40.268%; 5538 margin-top: 0; 5539 } 5540 5541 .cart-drawer-summary-sticky .cart-drawer-summary-discount-btn svg { 5542 transform: rotate(0) !important; 5543 } 5544 5545 .cart-drawer-summary-sticky-modal ~ .i-spzhtml-sidebar-mask { 5546 top: unset !important; 5547 bottom: 0; 5548 } 5549 } 5550 5551 @media (min-width: 960px) { 5552 #cart-drawer-modal, 5553 .cart-drawer-summary-sticky-render { 5554 width: 468px; 5555 max-width: 468px; 5556 } 5557 5558 .cart-drawer-header { 5559 padding: 22px 16px; 5560 } 5561 5562 .cart-drawer-item-image { 5563 width: 32.11%; 5564 } 5565 5566 .cart-drawer-item-qty-container spz-quantity { 5567 width: 93px; 5568 } 5569 5570 .cart-drawer-item-qty-container spz-quantity input[type="number"] { 5571 width: 37px; 5572 } 5573 } 5574</style> 5575 <spz-sidebar class="flex flex-col bg-white i-spzhtml-layout-nodisplay" id="cart-drawer-modal" layout="nodisplay" side="right" hidden="" @open="cart-drawer-summary-sticky-render.toggleClass(class='open', force=true);cart-drawer-summary-sticky-observer.restart()" @beforeclose="cart-drawer-summary-sticky-render.toggleClass(class='open', force=false);cart-drawer-summary-sticky-modal.close();" disable-unmount style="display: none" i-spzhtml-layout="nodisplay"> 5576 <header class="cart-drawer-header flex-shrink-0 flex items-center justify-between"> 5577 <h4 class="cart-drawer-title m-0 type-heading-font-family color-heading"> 5578 Cart 5579 </h4> 5580 <button class="clear flex p-2 cursor-pointer" @tap="cart-drawer-modal.close();" type="button"> 5581 <svg class="" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path fill="currentColor" fill-rule="evenodd" d="M1.93 17.147a.3.3 0 0 0 0 .425l.905.904a.3.3 0 0 0 .424 0l6.652-6.653 6.704 6.704a.3.3 0 0 0 .424 0l.904-.904a.3.3 0 0 0 0-.425l-6.703-6.703 6.652-6.653a.3.3 0 0 0 0-.424l-.904-.904a.3.3 0 0 0-.424 0L9.91 9.166 3.31 2.565a.3.3 0 0 0-.424 0l-.905.904a.3.3 0 0 0 0 .424l6.602 6.602-6.653 6.652Z" clip-rule="evenodd"/></svg> 5582 </button> 5583 </header> 5584 5585 <spz-cart id="cart-drawer" layout="container" empty-item="cart.line_items" @mounted="cart-drawer-subtotal-render.rerender(data=event.cart);cart-drawer-summary-sticky-render.rerender(data=event.cart);cart-drawer-items-render.rerender(data=event.cart);" @cartchange="cart-drawer-items-render.rerender(data=event.cart);cart-drawer-subtotal-render.rerender(data=event.cart);cart-drawer-summary-sticky-render.rerender(data=event.cart);" class="i-spzhtml-layout-container" i-spzhtml-layout="container"> 5586 <template><div></div></template> 5587 </spz-cart> 5588 <spz-event target-id="cart-drawer" target-api="render" event-name="dj.addToCart" layout="logic" class="i-spzhtml-layout-logic" i-spzhtml-layout="logic"></spz-event> 5589 5590 <div class="loading items-center justify-center cart-drawer-loading" role="loading" show > 5591 <div class="loading-bounce"></div> 5592</div> 5593 <div class="cart-empty flex flex-col items-center text-center cart-drawer-empty-container" > 5594 <svg class="color-body-70" xmlns="http://www.w3.org/2000/svg" width="80" height="70" fill="none">
5594<path fill="currentColor" fill-opacity=".7" d="M41.867 16.76c.64 0 1.168.486 1.231 1.11l.007.127v17.334a1.238 1.238 0 0 1-2.47.126l-.006-.126V17.997c0-.683.554-1.238 1.238-1.238ZM55.183 17.87a1.238 1.238 0 0 0-2.47.127v17.334l.007.126a1.238 1.238 0 0 0 2.47-.126V17.997l-.007-.126ZM29.081 16.782c.63-.122 1.24.255 1.422.856l.03.123 3.37 17.333a1.238 1.238 0 0 1-2.4.596l-.03-.123-3.37-17.333a1.238 1.238 0 0 1 .978-1.452ZM65.503 17.638a1.238 1.238 0 0 1 2.4.596l-3.37 17.333-.03.123a1.238 1.238 0 0 1-2.4-.596l3.37-17.333.03-.123Z"/><path fill="currentColor" fill-opacity=".7" fill-rule="evenodd" d="M17.622 3.07A3.601 3.601 0 0 0 14.13.355H1.865l-.68.006C.56.425.627.951.627 1.593c0 .684 0 1.238.684 1.238H14.13l.123.007c.484.052.885.413.981.9l7.424 37.368a6.136 6.136 0 0 0-3.525 5.555 6.135 6.135 0 0 0 6.136 6.136h46.229l.126-.007a1.238 1.238 0 0 0-.126-2.47h-46.23l-.194-.005a3.659 3.659 0 0 1-3.465-3.654 3.659 3.659 0 0 1 3.66-3.66h45.533a3.097 3.097 0 0 0 3.041-2.51l5.475-28.477a3.095 3.095 0 0 0-3.038-3.68H18.672l-1.009-5.078-.041-.186Zm1.736 7.74 5.715 29.714h45.73a.62.62 0 0 0 .608-.502l5.475-28.476a.619.619 0 0 0-.606-.736H19.358ZM20.643 62.074a7.57 7.57 0 0 1 7.571-7.57 7.57 7.57 0 1 1-7.57 7.57Zm12.666 0a5.094 5.094 0 1 0-10.189.002 5.094 5.094 0 0 0 10.189-.002ZM62.028 54.504a7.57 7.57 0 1 0 0 15.142 7.57 7.57 0 0 0 0-15.142Zm0 2.477a5.094 5.094 0 1 1 0 10.188 5.094 5.094 0 0 1 0-10.188Z" clip-rule="evenodd"/></svg> 5595 <div class="mt-5 color-body-70 font-medium body-plus-4 leading-1.2">Your shopping bag is empty</div> 5596 <button class="cart-empty-btn button-primary clear flex items-center justify-center text-center mt-5 cart-drawer-empty-btn w-full" data-track="cart-continue-shopping" @tap="cart-drawer-modal.close();" type="button"> 5597 Continue shopping 5598 </button> 5599</div> 5600 5601 <div class="cart-drawer-content flex-1 overflow-y-auto px-4" id="cart-drawer-content"> 5602 <spz-render id="cart-drawer-items-render" layout="container" manual class="i-spzhtml-layout-container" i-spzhtml-layout="container"> 5603 <template> 5604 <div> 5605 <ul class="clear overflow-hidden" spz-if="${!!(data.line_items && data.line_items.length > 0)}"> 5606 <li class="flex items-start py-4" spz-for="item in data.line_items" key="item.id"> 5607 <a 5608 class="cart-drawer-item-image" 5609 spz-href="${item.product_url}?variant=${item.variant_id}" 5610 data-track-type="image" 5611 data-track-product_id="${item.variant_id}" 5612 data-track="click" 5613 data-track-content="product_link" 5614 data-track-product-id="${item.product_id}" 5615 data-track-position="cart" 5616 > 5617 <spz-img 5618 class="rounded-global-fixed overflow-hidden" 5619 width="${item.image.width}" 5620 height="${item.image.height}" 5621 layout="responsive" 5622 src="${item.image.src}" 5623 alt="${item.image.alt}" 5624 object-fit="cover" 5625 auto-fit 5626 ></spz-img> 5627 </a> 5628 5629 <div class="flex-1 px-4"> 5630 <div class=""> 5631 <a 5632 class="product-title-color no-underline leading-1.25 line-clamp-2" 5633 spz-href="${item.product_url}" 5634 data-track="click" 5635 data-track-content="product_link" 5636 data-track-product-id="${item.product_id}" 5637 data-track-position="cart" 5638 > 5639 ${item.product_title} 5640 </a> 5641 <ul class="clear break-words color-body-70 leading-1.25 mt-1"> 5642 <li>${item.options.map(option => option.value).join('/')}</li> 5643 <li class="mt-0.5" spz-for="propertie in item.parsedProperties"> 5644 ${propertie.name}/${propertie.isImage ? `<a class="no-underline text-inherit" spz-href="${propertie.value}" target="_blank" >View image</a>` : propertie.value} 5645 </li> 5646 </ul> 5647 <div class="discount_gift_content mt-1 lg:mt-2" spz-if="${!!item.is_free_gift}"> 5648 <svg class="" width="12" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.236 2.684c0-.407.381-.829.978-.829.58 0 1.232.481 1.232 1.29v.368H4.98c-.445 0-.915-.006-1.275-.138a.74.74 0 0 1-.343-.228c-.063-.083-.125-.22-.125-.463Zm3.783.83h-.467v-.37c0-.808.652-1.289 1.232-1.289.597 0 .978.422.978.83 0 .242-.062.378-.125.462a.74.74 0 0 1-.344.227c-.359.133-.828.14-1.274.14Zm2.848-.83c0 .309-.057.586-.169.83h.998a.829.829 0 0 1 .83.828v1.382H.472V4.342a.829.829 0 0 1 .829-.829H2.3a1.96 1.96 0 0 1-.17-.829C2.13 1.562 3.117.75 4.215.75c.644 0 1.325.302 1.785.845A2.387 2.387 0 0 1 7.784.75c1.099 0 2.083.812 2.083 1.934Zm-4.42 8.566V6.829H1.024v3.592c0 .459.37.829.83.829h3.591Zm1.105 0V6.829h4.42v3.592c0 .459-.37.829-.828.829H6.552Z" fill="#EB391B"/></svg> 5649 <div class="discount__gift_lan">Free gift</div> 5650</div> 5651 5652 <div spz-if="${item.mixed_wholesale && false}"> 5653 <style> 5654 .mixed_wholesale_label { 5655 padding: 2px 4px; 5656 } 5657 5658 .mixed_wholesale_tooltip .i-spzhtml-tooltip-arrow:before, 5659 .mixed_wholesale_tooltip .i-spzhtml-tooltip-inner { 5660 background: var(--color-body-bg); 5661 color: var(--color-body-text); 5662 } 5663 5664 .mixed_wholesale_tooltip { 5665 max-width: 100%; 5666 border-radius: 4px; 5667 box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.1); 5668 } 5669 5670 @media (min-width: 960px) { 5671 .mixed_wholesale_tooltip { 5672 max-width: 450px; 5673 } 5674 } 5675</style> 5676<div class="mt-1 mixed_wholesale_label inline-flex color-custom-label-text bg-custom-label text-xs rounded" id="mixed-${item.id}"> 5677 Mixed Lot 5678</div> 5679<spz-tooltip layout="logic" content="You can enjoy the wholesale price when you add up to {{count}} pieces of current goods and any goods that support "Mixed Lot" in the store." interact="hover" for="mixed-${item.id}" placement="bottom" overlay-class="mixed_wholesale_tooltip"> 5680</spz-tooltip> 5681 </div> 5682</div> 5683 <div class="flex-shrink-0 flex flex-col cart-drawer-item-qty-container mt-3"> 5684 <div class="break-words" spz-if="${!!item.disabled}"> 5685 *${item.quantity} 5686 </div> 5687 <spz-quantity 5688 spz-else 5689 icon-class="clear flex items-center justify-center flex-shrink-0 h-full w-7" 5690 input-class="clear flex-1 h-full text-center body-base color-body-text" 5691 name="quantity" 5692 value="${item.quantity}" 5693 min="1" 5694 max="${item.available_quantity}" 5695 height="28" 5696 layout="flex-item" 5697 @quantityChange="cart-drawer.update(value=event.value,id='${item.id}');" 5698 @quantityChangeUnderflow="cart-drawer.delete(id='${item.id}');" 5699 > 5700 <svg class="" width="13" height="13" xmlns="http://www.w3.org/2000/svg" role="decrease"><path d="M1 6h11v1H1z" fill-rule="evenodd" fill="currentColor"/></svg> 5701 <svg class="" width="13" height="13" xmlns="http://www.w3.org/2000/svg" role="increase"><path d="M7 1v5h5v1H7v5H6V7H1V6h5V1h1z" fill="currentColor"/></svg> 5702 </spz-quantity> 5703
5704 <div class="cart-drawer-item-text mt-1" spz-if="${!!item.item_text}">${item.item_text}</div> 5705</div> 5706 <div class="flex items-center justify-end flex-row-reverse mt-3 leading-1.25"> 5707 <spz-currency class="${!!item.final_line_price && (+item.final_line_price < +item.line_price) ? 'color-compare-price line-through ml-1 body-minus-2' : 'color-price font-medium '}" layout="container" value="${item.line_price}"></spz-currency> 5708 <spz-currency class="color-price font-medium " spz-if="${!!item.final_line_price && (+item.final_line_price < +item.line_price)}" layout="container" value="${item.final_line_price}"></spz-currency> 5709</div> 5710 <div class="flex items-start flex-wrap mt-1 body-minus-2 leading-1.25 color-body-60" spz-for="discount_item in item.discount_applications"> 5711 <div class="flex"> 5712 <spz-img 5713 spz-if="${!!discount_item.icon}" 5714 class="flex-shrink-0 mr-1 mt-0.5" 5715 src="${discount_item.icon}" 5716 layout="fixed" 5717 width="12" 5718 height="12" 5719 alt="item.image.alt || item.product_title" 5720 object-fit="contain" 5721 ></spz-img> 5722 <span>${discount_item.title}</span> 5723 </div> 5724 <span spz-if="${discount_item.discount_amount > 0 || discount_item.amount > 0}" class="flex-shrink-0">(-<spz-currency style="display: inline-block;" layout="container" value="${discount_item.discount_amount || discount_item.amount}"></spz-currency>)</span> 5725</div> 5726 </div> 5727 5728 <button class="clear flex color-body-70 flex-shrink-0 cart-drawer-item-delete-btn relative" type="button" @tap="cart-drawer.delete(id=${item.id})"> 5729 <svg 5730 class="icon-delete " 5731 xmlns="http://www.w3.org/2000/svg" 5732 width="16" 5733 height="17" 5734 viewBox="0 0 16 17" 5735 fill="none" 5736> 5737 <path d="M6.375 2.65625C6.375 2.4822 6.44414 2.31528 6.56721 2.19221C6.69028 2.06914 6.8572 2 7.03125 2H9.21875C9.3928 2 9.55972 2.06914 9.68279 2.19221C9.80586 2.31528 9.875 2.4822 9.875 2.65625C9.875 2.8303 9.80586 2.99722 9.68279 3.12029C9.55972 3.24336 9.3928 3.3125 9.21875 3.3125H7.03125C6.8572 3.3125 6.69028 3.24336 6.56721 3.12029C6.44414 2.99722 6.375 2.8303 6.375 2.65625ZM2 5.28125C2 5.1072 2.06914 4.94028 2.19221 4.81721C2.31528 4.69414 2.4822 4.625 2.65625 4.625H13.5938C13.7678 4.625 13.9347 4.69414 14.0578 4.81721C14.1809 4.94028 14.25 5.1072 14.25 5.28125C14.25 5.4553 14.1809 5.62222 14.0578 5.74529C13.9347 5.86836 13.7678 5.9375 13.5938 5.9375H2.65625C2.4822 5.9375 2.31528 5.86836 2.19221 5.74529C2.06914 5.62222 2 5.4553 2 5.28125ZM7.03125 8.125C6.8572 8.125 6.69028 8.19414 6.56721 8.31721C6.44414 8.44028 6.375 8.6072 6.375 8.78125V10.9688C6.375 11.1428 6.44414 11.3097 6.56721 11.4328C6.69028 11.5559 6.8572 11.625 7.03125 11.625C7.2053 11.625 7.37222 11.5559 7.49529 11.4328C7.61836 11.3097 7.6875 11.1428 7.6875 10.9688V8.78125C7.6875 8.6072 7.61836 8.44028 7.49529 8.31721C7.37222 8.19414 7.2053 8.125 7.03125 8.125ZM8.5625 8.78125C8.5625 8.6072 8.63164 8.44028 8.75471 8.31721C8.87778 8.19414 9.0447 8.125 9.21875 8.125C9.3928 8.125 9.55972 8.19414 9.68279 8.31721C9.80586 8.44028 9.875 8.6072 9.875 8.78125V10.9688C9.875 11.1428 9.80586 11.3097 9.68279 11.4328C9.55972 11.5559 9.3928 11.625 9.21875 11.625C9.0447 11.625 8.87778 11.5559 8.75471 11.4328C8.63164 11.3097 8.5625 11.1428 8.5625 10.9688V8.78125ZM4.1875 7.03125C4.1875 6.8572 4.11836 6.69028 3.99529 6.56721C3.87222 6.44414 3.7053 6.375 3.53125 6.375C3.3572 6.375 3.19028 6.44414 3.06721 6.56721C2.94414 6.69028 2.875 6.8572 2.875 7.03125V13.5938C2.875 14.2319 3.12852 14.844 3.57977 15.2952C4.03103 15.7465 4.64307 16 5.28125 16H10.9688C11.2847 16 11.5976 15.9378 11.8896 15.8168C12.1815 15.6959 12.4468 15.5187 12.6702 15.2952C12.8937 15.0718 13.0709 14.8065 13.1918 14.5146C13.3128 14.2226 13.375 13.9097 13.375 13.5938V7.03125C13.375 6.8572 13.3059 6.69028 13.1828 6.56721C13.0597 6.44414 12.8928 6.375 12.7188 6.375C12.5447 6.375 12.3778 6.44414 12.2547 6.56721C12.1316 6.69028 12.0625 6.8572 12.0625 7.03125V13.5938C12.0625 14.1975 11.5725 14.6875 10.9688 14.6875H5.28125C4.6775 14.6875 4.1875 14.1975 4.1875 13.5938V7.03125Z" fill="currentColor" fill-opacity="0.6"/> 5738</svg> 5739</button> 5740 </li> 5741 </ul> 5742 </div> 5743 </template> 5744</spz-render> 5745 <spz-render id="cart-drawer-subtotal-render" layout="container" manual class="i-spzhtml-layout-container" i-spzhtml-layout="container"> 5746 <template> 5747 <section class="py-4"> 5748 <div class="cart-drawer-summary" id="cart-drawer-summary"> 5749 <div class="flex justify-between font-medium body-plus-2 leading-1.25"> 5750 <span>Total:</span> 5751 <div class="flex items-center"> 5752 <spz-currency container-class="plugin__bundle__cart__total-price" layout="container" value="${data.total_price}"></spz-currency> 5753 </div> 5754 </div> 5755 5756 <div class="cart-drawer-summary-discount-list flex flex-col items-end" id="cart-drawer-summary-discount-list" spz-if="${data.total_discount > 0}"> 5757 <div class="cart-drawer-summary-discount-btn" spz-if="${data.discount_applications && data.discount_applications.length <= 0}">
5758 <span class="leading-1.2 body-minus-2"> 5759 ${function() { 5760 const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/); 5761 if (textArray.length > 0 && textArray.length < 2) { 5762 textArray.push(''); 5763 } 5764 return textArray.map((text, index) => { 5765 if (index == 0) { 5766 return `<span>${text}</span>`; 5767 } 5768 5769 return ` 5770 <span class="notranslate whitespace-nowrap"> 5771 <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency> 5772 </span> 5773 <span>${text}</span> 5774 `; 5775 }).join(''); 5776}()} 5777 </span> 5778 </div> 5779 <div class="cart-drawer-summary-discount-btn" @tap="cart-drawer-summary-discount-list.toggleClass(class='open');cart-drawer-summary-sticky-discount-list.toggleClass(class='open');" spz-else> 5780 <span class="leading-1.2 body-minus-2"> 5781 ${function() { 5782 const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/); 5783 if (textArray.length > 0 && textArray.length < 2) { 5784 textArray.push(''); 5785 } 5786 return textArray.map((text, index) => { 5787 if (index == 0) { 5788 return `<span>${text}</span>`; 5789 } 5790 5791 return ` 5792 <span class="notranslate whitespace-nowrap"> 5793 <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency> 5794 </span> 5795 <span>${text}</span> 5796 `; 5797 }).join(''); 5798}()} 5799 </span> 5800 <svg class="flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" d="M7.543 11.306a.6.6 0 0 0 .848 0l4.455-4.454a.3.3 0 0 0 0-.425l-.34-.339a.3.3 0 0 0-.424 0l-4.115 4.115-4.115-4.115a.3.3 0 0 0-.425 0l-.34.34a.3.3 0 0 0 0 .424l4.456 4.454Z"/></svg> 5801 </div> 5802 5803 <ul class="clear w-full mt-1 leading-1.25 color-body-70" spz-if="${data.discount_applications && data.discount_applications.length > 0}"> 5804 <li class="flex items-center justify-between ${index > 0 ? 'mt-2' : ''}" spz-for="(discount_application,index) in data.discount_applications"> 5805 <span>${discount_application.title}:</span> 5806 <span class="notranslate ml-2 whitespace-nowrap"> 5807 -<spz-currency class="inline-block" layout="container" value="${discount_application.discount_amount}"></spz-currency> 5808 </span> 5809 </li> 5810 </ul> 5811 </div> 5812 5813 <div class="cart-drawer-invalid-msg mt-4" spz-if="${!!data.invalid_msg}">${data.invalid_msg}</div> 5814 5815 <button 5816 type="button" 5817 class="cart-drawer-checkout-btn button-primary relative flex-shrink-0 w-full mt-5 body-plus-2 leading-1.2" 5818 data-track="checkout-submit,click" 5819 data-track-content="checkout" 5820 data-track-source="checkout" 5821 @tap="cart-drawer.checkout;" 5822 > 5823 <span>Check out</span> 5824 <div class="loading items-center justify-center absolute inset-0 flex" role="loading" show > 5825 <div class="loading-bounce"></div> 5826</div> 5827 </button> 5828 5829 <div class="mt-2 color-body-70 body-minus-2 text-center">Taxes and shipping calculated at checkout</div> 5830</div> 5831 5832 <spz-observer 5833 layout="logic" 5834 id="cart-drawer-summary-sticky-observer" 5835 target="cart-drawer-subtotal-render" 5836 root-container="cart-drawer-content" 5837 @visible="cart-drawer-summary-sticky-render.toggleClass(class='visible', force=false);cart-drawer-summary-sticky-compensation-container.toggleClass(class='visible', force=false)" 5838 @invisible="cart-drawer-summary-sticky-render.toggleClass(class='visible', force=true);cart-drawer-summary-sticky-compensation-container.toggleClass(class='visible', force=true)" 5839 ></spz-observer> 5840 <spz-observer 5841 layout="logic" 5842 target="cart-drawer-content" 5843 @childUpdated="cart-drawer-summary-sticky-observer.restart" 5844 ></spz-observer> 5845 </section> 5846 </template> 5847</spz-render> 5848 </div> 5849 5850 <div class="cart-drawer-summary-sticky-compensation-container" id="cart-drawer-summary-sticky-compensation-container"></div> 5851 </spz-sidebar> 5852 5853 <spz-render class="cart-drawer-summary-sticky-render i-spzhtml-layout-container" id="cart-drawer-summary-sticky-render" layout="container" manual i-spzhtml-layout="container"> 5854 <template> 5855 <div class="cart-drawer-summary-sticky ${(data.line_items && data.line_items.length) == 0 ? 'hidden' : ''}"> 5856 <div class="cart-drawer-invalid-msg lg:hidden mb-4" spz-if="${!!data.invalid_msg}">${data.invalid_msg}</div> 5857 5858 <div> 5859 <div class="md:flex md:items-center md:justify-between"> 5860 <div class="md:flex md:flex-col md:items-start"> 5861 <div class="md:flex md:items-center md:flex-wrap"> 5862 <div class="flex font-medium body-plus-2 leading-1.25 lg:items-center lg:justify-between">
5863 <span class="md:color-body-70">Total: </span> 5864 <div class="flex items-center"> 5865 <spz-currency container-class="plugin__bundle__cart__total-price" layout="container" value="${data.total_price}"></spz-currency> 5866 </div> 5867 </div> 5868 </div> 5869 5870 <div class="cart-drawer-summary-discount-list flex flex-col items-end" id="cart-drawer-summary-sticky-discount-list" spz-if="${data.total_discount > 0}"> 5871 <div class="cart-drawer-summary-discount-btn" spz-if="${!!(data.discount_applications && data.discount_applications.length <= 0)}"> 5872 <span class="leading-1.2 body-minus-2"> 5873 ${function() { 5874 const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/); 5875 if (textArray.length > 0 && textArray.length < 2) { 5876 textArray.push(''); 5877 } 5878 return textArray.map((text, index) => { 5879 if (index == 0) { 5880 return `<span>${text}</span>`; 5881 } 5882 5883 return ` 5884 <span class="notranslate whitespace-nowrap"> 5885 <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency> 5886 </span> 5887 <span>${text}</span> 5888 `; 5889 }).join(''); 5890}()} 5891 </span> 5892 </div> 5893 <div spz-else> 5894 <div class="cart-drawer-summary-discount-btn md:hidden" @tap="cart-drawer-summary-sticky-discount-list.toggleClass(class='open');cart-drawer-summary-discount-list.toggleClass(class='open');" > 5895 <span class="leading-1.2 body-minus-2"> 5896 ${function() { 5897 const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/); 5898 if (textArray.length > 0 && textArray.length < 2) { 5899 textArray.push(''); 5900 } 5901 return textArray.map((text, index) => { 5902 if (index == 0) { 5903 return `<span>${text}</span>`; 5904 } 5905 5906 return ` 5907 <span class="notranslate whitespace-nowrap"> 5908 <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency> 5909 </span> 5910 <span>${text}</span> 5911 `; 5912 }).join(''); 5913}()} 5914 </span> 5915 <svg class="flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" d="M7.543 11.306a.6.6 0 0 0 .848 0l4.455-4.454a.3.3 0 0 0 0-.425l-.34-.339a.3.3 0 0 0-.424 0l-4.115 4.115-4.115-4.115a.3.3 0 0 0-.425 0l-.34.34a.3.3 0 0 0 0 .424l4.456 4.454Z"/></svg> 5916 </div> 5917 <div class="cart-drawer-summary-discount-btn lg:hidden" @tap="cart-drawer-summary-sticky-modal.open;"> 5918 <span class="leading-1.2 body-minus-2"> 5919 ${function() { 5920 const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/); 5921 if (textArray.length > 0 && textArray.length < 2) { 5922 textArray.push(''); 5923 } 5924 return textArray.map((text, index) => { 5925 if (index == 0) { 5926 return `<span>${text}</span>`; 5927 } 5928 5929 return ` 5930 <span class="notranslate whitespace-nowrap"> 5931 <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency> 5932 </span> 5933 <span>${text}</span> 5934 `; 5935 }).join(''); 5936}()} 5937 </span> 5938 <svg class="flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" d="M7.543 11.306a.6.6 0 0 0 .848 0l4.455-4.454a.3.3 0 0 0 0-.425l-.34-.339a.3.3 0 0 0-.424 0l-4.115 4.115-4.115-4.115a.3.3 0 0 0-.425 0l-.34.34a.3.3 0 0 0 0 .424l4.456 4.454Z"/></svg> 5939 </div> 5940 </div> 5941 5942 <ul class="md:hidden clear w-full mt-1 leading-1.25 color-body-70" spz-if="${!!(data.discount_applications && data.discount_applications.length > 0)}"> 5943 <li class="flex items-center justify-between ${index > 0 ? 'mt-2' : ''}" spz-for="(discount_application,index) in data.discount_applications"> 5944 <span>${discount_application.title}:</span> 5945 <span class="notranslate ml-2 whitespace-nowrap"> 5946 -<spz-currency class="inline-block" layout="container" value="${discount_application.discount_amount}"></spz-currency> 5947 </span> 5948 </li> 5949 </ul> 5950 </div> 5951 </div> 5952 <button 5953 type="button" 5954 class="cart-drawer-checkout-btn cart-drawer-checkout-btn-mobile ml-2 lg:hidden button-primary relative flex-shrink-0 w-full mt-4 body-plus-2 leading-1.2" 5955 data-track="checkout-submit,click" 5956 data-track-content="checkout" 5957 data-track-source="checkout" 5958 @tap="cart-drawer.checkout;" 5959> 5960 <span>Check out</span> 5961 <div class="loading items-center justify-center absolute inset-0 flex" role="loading" show > 5962 <div class="loading-bounce"></div> 5963</div> 5964</button> 5965 </div> 5966 5967 <div class="cart-drawer-invalid-msg md:hidden mt-4" spz-if="${!!data.invalid_msg}">${data.invalid_msg}</div> 5968 5969 <button 5970 type="button" 5971 class="cart-drawer-checkout-btn md:hidden button-primary relative flex-shrink-0 w-full mt-4 body-plus-2 leading-1.2" 5972 data-track="checkout-submit,click" 5973 data-track-content="checkout" 5974 data-track-source="checkout" 5975 @tap="cart-drawer.checkout;" 5976> 5977 <span>Check out</span> 5978 <div class="loading items-center justify-center absolute inset-0 flex" role="loading" show > 5979 <div class="loading-bounce"></div> 5980</div> 5981</button> 5982 5983 <div class="mt-2 color-body-70 text-right lg:text-center">Taxes and shipping calculated at checkout</div> 5984 </div> 5985 5986 <spz-sidebar class="cart-drawer-summary-sticky-modal lg:hidden" id="cart-drawer-summary-sticky-modal" layout="nodisplay" side="bottom" hidden @open="cart-drawer-modal.toggleClass(class='deepen', force=true);" @beforeClose="cart-drawer-modal.toggleClass(class='deepen', force=false);" >
5987 <div class="cart-drawer-summary-sticky-modal-inner relative"> 5988 <div class="flex justify-end"> 5989 <button class="cart-drawer-summary-sticky-modal-close clear flex p-2 cursor-pointer" @tap="cart-drawer-summary-sticky-modal.close();" type="button"> 5990 <svg class="" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><path fill="currentColor" fill-rule="evenodd" d="M1.93 17.147a.3.3 0 0 0 0 .425l.905.904a.3.3 0 0 0 .424 0l6.652-6.653 6.704 6.704a.3.3 0 0 0 .424 0l.904-.904a.3.3 0 0 0 0-.425l-6.703-6.703 6.652-6.653a.3.3 0 0 0 0-.424l-.904-.904a.3.3 0 0 0-.424 0L9.91 9.166 3.31 2.565a.3.3 0 0 0-.424 0l-.905.904a.3.3 0 0 0 0 .424l6.602 6.602-6.653 6.652Z" clip-rule="evenodd"/></svg> 5991 </button> 5992 </div> 5993 5994 <ul class="clear w-full mt-3 leading-1.25 color-body-70" spz-if="${!!(data.discount_applications && data.discount_applications.length > 0)}"> 5995 <li class="flex items-center justify-between"> 5996 <span>Subtotal:</span> 5997 <span class="notranslate ml-2 whitespace-nowrap"> 5998 <spz-currency class="inline-block" layout="container" value="${data.line_price}"></spz-currency> 5999 </span> 6000 </li> 6001 <li class="flex items-center justify-between mt-2" spz-for="(discount_application,index) in data.discount_applications"> 6002 <span>${discount_application.title}:</span> 6003 <span class="notranslate ml-2 whitespace-nowrap"> 6004 <span>-</span><spz-currency class="inline-block" layout="container" value="${discount_application.discount_amount}"></spz-currency> 6005 </span> 6006 </li> 6007 </ul> 6008 6009 <div class="flex items-start justify-between mt-2 font-medium body-plus-2 leading-1.25"> 6010 <span>Total:</span> 6011 <div class="flex items-center"> 6012 <spz-currency class="color-price" container-class="plugin__bundle__cart__total-price" layout="container" value="${data.total_price}"></spz-currency> 6013 </div> 6014 </div> 6015 <button 6016 type="button" 6017 class="cart-drawer-checkout-btn mt-4 button-primary relative flex-shrink-0 w-full mt-4 body-plus-2 leading-1.2" 6018 data-track="checkout-submit,click" 6019 data-track-content="checkout" 6020 data-track-source="checkout" 6021 @tap="cart-drawer.checkout;" 6022> 6023 <span>Check out</span> 6024 <div class="loading items-center justify-center absolute inset-0 flex" role="loading" show > 6025 <div class="loading-bounce"></div> 6026</div> 6027</button> 6028 <div class="mt-2 body-minus-2 color-body-70 text-center">Taxes and shipping calculated at checkout</div> 6029 </div> 6030</spz-sidebar> 6031 6032 <spz-script layout="logic" scope="cart-drawer-modal" type="application/javascript" hidden> 6033 const summaryStickyRender = document.querySelector('#cart-drawer-summary-sticky-render'); 6034 if (summaryStickyRender) { 6035 document.body.style.setProperty('--cart-drawer-summary-sticky-height', summaryStickyRender.clientHeight + 'px'); 6036 } 6037 </spz-script> 6038 </div> 6039 </template> 6040</spz-render> 6041</div> 6042 </div> 6043
6043<script type="application/ld+json"> 6044 { 6045 "@context": "http://schema.org", 6046 "@type": "WebSite", 6047 "name": "nisartmacka", 6048 "url": "https://www.nisartmacka.com" 6049 } 6050</script>
6050 6051<div class="theme-toast-wrap lg:page-container flex justify-end"> 6052 <spz-toast class="theme-toast p-4 lg:py-8 lg:px-5 leading-1.2 i-spzhtml-layout-nodisplay" id="theme-toast" layout="nodisplay" hidden="" style="display: none" i-spzhtml-layout="nodisplay"></spz-toast> 6053 <spz-toast class="theme-toast p-4 lg:py-8 lg:px-5 leading-1.2 flex items-center i-spzhtml-layout-nodisplay" id="theme-toast-success" layout="nodisplay" hidden="" style="display: none" i-spzhtml-layout="nodisplay"> 6054 <svg class="flex-shrink-0 mr-3" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M3.088 8.895a.3.3 0 0 0 0 .424l3.608 3.608a.6.6 0 0 0 .848 0l7.85-7.85a.3.3 0 0 0 0-.423l-.567-.566a.3.3 0 0 0-.424 0L7.12 11.37 4.078 8.33a.3.3 0 0 0-.424 0l-.566.566z" fill="currentColor"/></svg> 6055 <span role="content"></span> 6056 </spz-toast> 6057</div> 6058 <div class="add_cart-toast-wrap lg:page-container flex justify-end"> 6059 <spz-toast class="add_cart-toast p-4 lg:py-8 lg:px-5 leading-1.2 flex items-center i-spzhtml-layout-nodisplay" id="add-card-toast-success" layout="nodisplay" hidden="" style="display: none" i-spzhtml-layout="nodisplay"> 6060 <span class="flex justify-between items-center w-full"> 6061 <span role="content"></span> 6062 <a class="toast_view_cart inline-block font-bold text-base leading-1.1 cursor-pointer no-underline" href="/cart">View Cart</a> 6063 </span> 6064 </spz-toast> 6065</div> 6066 <style> 6067 .quick-shop .i-spzhtml-fill-content { 6068 display: flex; 6069 align-items: center; 6070 justify-content: center; 6071 } 6072 6073 .quick-shop-render { 6074 height: auto !important; 6075 width: 100%; 6076 } 6077 6078 .quick-shop-render[loading], 6079 .quick-shop-render[loading] ~ .quick-shop-close-btn { 6080 display: none; 6081 } 6082 6083 .quick-shop-content { 6084 position: relative; 6085 max-height: 86vh; 6086 overflow-y: auto; 6087 box-sizing: border-box; 6088 padding: 28px 24px 36px; 6089 max-width: 86vw; 6090 width: 100%; 6091 background-color: var(--color-body-bg); 6092 overflow-y: auto; 6093 transition: all .2s ease-in-out 6094 } 6095 6096 /* variants */ 6097 .quick-shop__variants_content { 6098 padding: 0; 6099 border: none; 6100 } 6101 6102 .quick-shop__variants_content input[type=radio] { 6103 position: absolute; 6104 left: 0; 6105 right: 0; 6106 opacity: 0; 6107 width: 100%; 6108 height: 100%; 6109 z-index: 10; 6110 border: 0; 6111 margin: 0; 6112 cursor: pointer; 6113 } 6114 6115 .quick-shop-variant-option { 6116 position: relative; 6117 border: 2px solid #E6E6E6; 6118 color: var(--color-body-text-75); 6119 } 6120 6121 .quick-shop-variant-option[data-type="text"] { 6122 display: flex; 6123 align-items: center; 6124 justify-content: center; 6125 min-width: 44px; 6126 } 6127 6128 .quick-shop-variant-option[data-type="image-with-text"] { 6129 min-height: 52px; 6130 } 6131 6132 .quick-shop-variant-option:not([data-type="image"]) { 6133 border: 2px solid #E6E6E6; 6134 } 6135 6136 .quick-shop-variant-option[data-type="image-with-text"] > spz-img { 6137 width: 42px; 6138 height: 42px; 6139 border-radius: 1px; 6140 } 6141 6142 .quick-shop-variant-option[data-type="image"] > spz-img { 6143 width: 52px; 6144 height: 52px; 6145 border-radius: 1px; 6146 } 6147 6148 .quick-shop__variants_content input[type=radio]:checked + .quick-shop-variant-option { 6149 color: var(--color-body-text); 6150 outline: none; 6151 border-color: var(--color-body-text); 6152 } 6153 6154 .quick-shop__variant__select { 6155 min-height: 46px; 6156 line-height: 46px; 6157 padding-right: 46px; 6158 padding-left: 12px; 6159 } 6160 6161 .quick-shop__variant__select-icon { 6162 position: absolute; 6163 display: flex; 6164 top: 50%; 6165 right: 12px; 6166 transform: translateY(-50%) rotate(90deg); 6167 pointer-events: none; 6168 } 6169 6170 .quick-shop-close-btn { 6171 height: 66px; 6172 width: 66px; 6173 cursor: pointer; 6174 opacity: .7; 6175 z-index: 10; 6176 } 6177 6178 #quick-shop-render[loading] ~ .quick-shop-loading { 6179 display: block !important; 6180 } 6181 6182 /* qty */ 6183 .quick-shop-qty { 6184 width: 116px; 6185 } 6186 6187 .quick-shop-qty > .i-spzhtml-fill-content { 6188 display: flex; 6189 align-items: center; 6190 } 6191 6192 .quick-shop-qty-btn { 6193 width: 40px; 6194 height: 100%; 6195 border: 1px solid rgba(230, 230, 230, 1); 6196 } 6197 6198 .quick-shop-qty-btn[disabled] { 6199 background-color: rgba(230, 230, 230, 1); 6200 } 6201 6202 .quick-shop-qty-input { 6203 width: 36px; 6204 } 6205 6206 /* buy button */ 6207 .quick-shop_atc_btn { 6208 height: 52px; 6209 width: 100%; 6210 padding: 0; 6211 font-weight: 600; 6212 outline: 2px solid transparent; 6213 outline-offset: 2px; 6214 } 6215 6216 #quick-shop-body[status="product_unavailable"] [role="addToCart"], 6217 #quick-shop-body[status="soldout"] [role="addToCart"] { 6218 cursor: default; 6219 pointer-events: none; 6220 background-color: rgb(230, 230, 230, 0.5); 6221 color: #9F9F9F; 6222 } 6223 6224 #quick-shop-body[status="product_unavailable"] #quick-shop-btn-price, 6225 #quick-shop-body[status="soldout"] #quick-shop-btn-price, 6226 .quick-shop_atc_btn[loading] [role="content"],
6227 .quick-shop_atc_btn:not([loading]) .loading, 6228 .quick-shop_atc_btn[role="addToCart"][loading] #quick-shop-btn-price { 6229 display: none; 6230 } 6231 6232 .quick-shop_buy_now_btn { 6233 border: 1px solid var(--color-primary-btn-bg); 6234 } 6235 6236 /* wholesale */ 6237 .quick-shop-wholesale { 6238 overflow-y: hidden; 6239 overflow-x: auto; 6240 background: #F9F9FA; 6241 } 6242 6243 .quick-shop-wholesale-item:nth-child(n + 2) { 6244 margin-left: 8px; 6245 } 6246 6247 .quick-shop-wholesale-item .money { 6248 color: var(--color-price-text); 6249 } 6250 6251 .quick-shop-wholesale-item.highlight .money { 6252 color: var(--color-save-price-text) 6253 } 6254 6255 @media (max-width: 959.98px) { 6256 #quick-shop { 6257 padding: 0 18px; 6258 } 6259 6260 #quick-shop > .quick-shop-container{ 6261 width: 100%; 6262 } 6263 } 6264 6265 @media (min-width: 960px) { 6266 .quick-shop-render { 6267 width: 495px; 6268 } 6269 .quick-shop-content { 6270 padding: 32px 24px; 6271 } 6272 } 6273</style> 6274<spz-lightbox class="quick-shop i-spzhtml-layout-nodisplay" id="quick-shop" layout="nodisplay" hidden="" unclose-in-focus style="display: none" i-spzhtml-layout="nodisplay"> 6275 <div class="quick-shop-container"> 6276 <div class="relative"> 6277 <spz-render class="quick-shop-render pointer-events-auto w-full i-spzhtml-layout-container" id="quick-shop-render" items="data" layout="container" @finish="quick-shop-variants.variantsRender(product=event.data.product);quick-shop-body.setProduct(data=event.data.product);quick-shop-btn-price.rerender(data=event.data);" manual i-spzhtml-layout="container"> 6278 <template> 6279 ${function(){ 6280 const productData = data.product; 6281 let product_change_event = '', 6282 mouse_over_event = ' '; 6283 mouse_out_event = ''; 6284 const product_options = productData.options.filter(Boolean) || []; 6285 for (let opt of product_options) { 6286 const nameEscape = opt.name.replace(/\/|\\|\s|\'|\"|`|\<|\>/g, '') 6287 product_change_event = product_change_event + `quick-shop-selected-variant-${opt.id}.rerender(data=event.selectedValues.${opt.name});`; 6288 mouse_out_event = mouse_out_event + `@${nameEscape}Mouseout="quick-shop-selected-variant-${opt.id}.rerender(data=event.selectData.${opt.name}, redo=true);"`; 6289 mouse_over_event = mouse_over_event + `@${nameEscape}Mouseover="quick-shop-selected-variant-${opt.id}.rerender(data=event, redo=true);"`; 6290 } 6291 const selectedVariant = productData.variants.find(v => v.available) || productData.variants[0]; 6292 const statusLan = ((selectedVariant && !selectedVariant.available) || (!selectedVariant && !productData.available)) ? 6293 "Sold out" : 6294 "Add to cart"; 6295 6296 return ` 6297 <div> 6298 <spz-product-form 6299 id="quick-shop-body" 6300 product-unavailable-status 6301 product-id="${productData.id}" 6302 variant-id="${selectedVariant.id}" 6303 layout="container" 6304 @atcSuccess="quick-shop.close;cart-drawer-modal.open;" 6305 @atcError="theme-toast.showToast(content=event.message);" 6306 @productChange="quick-shop-btn-price.rerender(data=event);${product_change_event}" 6307 > 6308 <form> 6309 <div class="quick-shop-content rounded-global-small"> 6310 <div class="quick-shop-inner-content"> 6311 <spz-variants 6312 name="quick-shop-variant" 6313 id="quick-shop-variants" 6314 class="pointer-events-none" 6315 layout="container" 6316 template="quick-shop-variant-template" 6317 spz-if="${product_options && product_options.length > 0}" 6318 interact="hover" 6319 interference 6320 ${mouse_out_event} 6321 ${mouse_over_event} 6322 ></spz-variants> 6323 6324 <button 6325 class="relative mt-5 lg:mt-6 button-primary flex items-center justify-center body-plus-2 type-text-font-family rounded-btn quick-shop_atc_btn" 6326 type="button" 6327 role="addToCart" 6328 data-track="click" 6329 data-track-content="add_to_cart" 6330 data-track-source="add_to_cart" 6331 >
6332 <span role="content">${statusLan}</span> 6333 6334 <spz-render id="quick-shop-btn-price" layout="container" template="quick-shop-button-price-template" manual></spz-render> 6335 6336 6337 6338<div class="loading items-center justify-center absolute inset-0" role="loading" show > 6339 <div class="loading-bounce"></div> 6340</div> 6341 </button> 6342 </div> 6343 </div> 6344 </form> 6345 </spz-product-form> 6346 </div> 6347 ` 6348 }()} 6349 </template> 6350 </spz-render> 6351 <spz-loading class="quick-shop-loading i-spzhtml-layout-container" layout="container" role="mask" hidden i-spzhtml-layout="container"></spz-loading> 6352 <div class="quick-shop-close-btn absolute right-0 top-0 text-current flex items-center justify-center no-underline text-2xl" @tap="quick-shop.close;"><svg class="" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M5.034 3.652a.367.367 0 0 0-.518 0l-.864.864a.367.367 0 0 0 0 .519l5.963 5.963-5.963 5.963a.367.367 0 0 0 0 .519l.864.864a.367.367 0 0 0 .518 0l5.964-5.963 5.963 5.963a.367.367 0 0 0 .519 0l.864-.864a.367.367 0 0 0 0-.519l-5.964-5.963 5.964-5.963a.367.367 0 0 0 0-.519l-.864-.864a.367.367 0 0 0-.519 0l-5.963 5.963-5.964-5.963z" fill="currentColor"/></svg></div> 6353 </div> 6354 6355 <template id="quick-shop-retail-price-template"> 6356 ${function(){ 6357 const currentSelectVariant = data.variant; 6358 const defaultVariant = (data.product && data.product.variants && data.product.variants[0]); 6359 6360 const variantData = currentSelectVariant || defaultVariant || data; 6361 const retail_price = variantData.retail_price || 0; 6362 return ` 6363 <div> 6364 <div class="flex color-compare-price mt-3" spz-if="${retail_price>0}"> 6365 <span class="mr-1">Retail</span> <spz-currency value="${retail_price}" layout="container"></spz-currency> 6366 </div> 6367 </div> 6368 ` 6369 }()} 6370 </template> 6371 <style> 6372 .product_price_before::before { 6373 content: ' - '; 6374 display: block; 6375 width: 20px; 6376 } 6377</style> 6378<template id="quick-shop-button-price-template"> 6379 ${function(){ 6380 const wholesale_enabled = false; 6381 const qty = data.quantity || 1; 6382 const currentSelectVariant = data.variant; 6383 const defaultVariant = (data.product && data.product.variants && data.product.variants[0]); 6384 const productVariant = null; 6385 6386 const variantData = currentSelectVariant || defaultVariant || productVariant; 6387 const wholesale_price = variantData.wholesale_price || []; 6388 6389 if(wholesale_enabled && wholesale_price.length > 0) { 6390 let wholesaleIndex = wholesale_price.findIndex(item => { 6391 return item.min_quantity > qty; 6392 }); 6393 if(wholesaleIndex < 0){ 6394 wholesaleIndex = wholesale_price.length - 1; 6395 }else if(wholesaleIndex > 0){ 6396 wholesaleIndex = wholesaleIndex - 1; 6397 } 6398 const wholesalePrice = wholesale_price[wholesaleIndex] || ''; 6399 return ` 6400 <div class="flex"> 6401 <span class="product_price_before"></span><spz-currency value="${wholesalePrice.price}" layout="container"></spz-currency> 6402 </div> 6403 ` 6404 }else { 6405 const price = variantData && variantData.price; 6406 return price != undefined ? `<div class="flex"><span class="product_price_before"></span><spz-currency value="${price}" layout="container"></spz-currency></div>` : '<span></span>'; 6407 } 6408 }()} 6409</template> 6410 </div> 6411 </spz-lightbox> 6412 <template id="quick-shop-variant-template"> 6413 <div class="quick-shop-variants-container"> 6414 ${function() { 6415 let variantImageShowed = false; 6416 const currentProduct = data.product; 6417 6418 return (currentProduct.options || []).map((option, index) => { 6419 const optionName = option.name || ''; 6420 const optionId = option.id || ''; 6421 const position = `option${index + 1}`; 6422 6423 let isThumbImage = false;
6424 if (currentProduct.need_variant_image && !variantImageShowed) { 6425 const variantNames = ["color"] || []; 6426 for (let i = 0, len = variantNames.length; i < len; i++) { 6427 const name = variantNames[i].toLowerCase(); 6428 if (name === optionName.toLowerCase()) { 6429 isThumbImage = true; 6430 variantImageShowed = true; 6431 } 6432 } 6433 } 6434 const variantType = "button"; 6435 const thumbStyle = "image_with_text"; 6436 6437 return ` 6438 <fieldset spz-if="${variantType=='button' || isThumbImage}" class="quick-shop__variants_content mt-6 mx-0 min-w-[0px]" name="${optionName}"> 6439 <legend class="quick-shop__variants_title flex items-center max-w-full"> 6440 <span class="lg:body-plus-2 leading-1.3 flex-shrink-0 inline-block">${optionName}: </span> 6441 <spz-render spz-if="${isThumbImage}" class="flex items-center opacity-60 inline-block flex-grow min-w-[0px]" id="quick-shop-selected-variant-${optionId}" layout="container" template="quick-shop-selected-variant-template" manual></spz-render> 6442 </legend> 6443 <div class="flex flex-wrap ${isThumbImage ? 'mt-1' : 'quick-shop-variant-container'}"> 6444 ${option.values.map((value, idx) => { 6445 const selected = data.selectedValues[optionName] == value ? 'checked' : ''; 6446 6447 let thumbImage = null; 6448 if (isThumbImage) { 6449 const variants = currentProduct.variants; 6450 for (let i = 0, len = variants.length; i < len; i++) { 6451 const variant = variants[i]; 6452 if (variant[position] == value && thumbImage == null) { 6453 thumbImage = variant.image; 6454 break; 6455 } 6456 } 6457 } 6458 6459 return ` 6460 <div class="relative mt-3 mr-3" option="${value}"> 6461 <input 6462 type="radio" 6463 class="pointer-events-auto" 6464 option="${value}" 6465 id="quick-shop-variant-${value}-${idx}" 6466 name="quick-shop-variant-${optionName}" 6467 value="${value}" 6468 form="quick-shop-body" 6469 @input-debounced="quick-shop-selected-variant-${optionId}.rerender(data=event, redo=true);" 6470 ${selected} 6471 > 6472 <label 6473 class="quick-shop-variant-option relative flex items-center break-words flex-shrink-0 6474 rounded-[1px] 6475" 6476 data-type="${isThumbImage ? (thumbStyle == 'image_with_text' ? 'image-with-text' : 'image') : 'text'}" 6477 for="quick-shop-variant-${value}-${idx}"> 6478 <spz-img spz-if="${isThumbImage}" class="${thumbStyle == 'image_with_text' ? 'ml-1' : ''}" src="${thumbImage && thumbImage.src}" layout="responsive" width="42" height="42" alt="${thumbImage && thumbImage.alt}" object-fit="cover" auto-fit></spz-img> 6479 <span spz-if="${thumbStyle == 'image_with_text' || !isThumbImage}" class="break-words py-2 px-3">${value}</span> 6480 </label> 6481 </div> 6482 ` 6483 }).join('')} 6484 </div> 6485 </fieldset> 6486 <div spz-else class="mt-6"> 6487 <div class="lg:body-plus-2 leading-1.3">${optionName}</div> 6488 <div class="relative mt-3"> 6489 <select class="quick-shop__variant__select pointer-events-auto w-full text-text-font-size type-text-font-family 6490 rounded-[1px] 6491secondary-select" role="variant" name="${optionName}"> 6492 ${option.values.map(value => { 6493 const selected = data.selectedValues[optionName] == value ? 'selected' : ''; 6494 return `<option class="quick-shop__variants_value" value="${value}" option="${value}" ${selected}>${value}</option>` 6495 }).join('')} 6496 </select> 6497 <svg class="quick-shop__variant__select-icon" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424
64970l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"/></svg> 6498</div> 6499 </div> 6500 ` 6501 }).join(''); 6502 }()} 6503 </div> 6504</template> 6505<template id="quick-shop-selected-variant-template"> 6506 <span class="inline-block truncate max-w-full" title="${data.originData && data.originData.value || data.value}"> 6507 ${data.originData && data.originData.value || data.value} 6508 </span> 6509</template> 6510
6511<script type="text/javascript" async src="https://static.staticdj.com/seahorse/bottom_v2.335e01c1.js"></script>
vendor: 1 bytes, line 6511
6511
6512<script type="text/javascript" async src="https://static.staticdj.com/golden/bottom_v2.157d17d3.js"></script>
vendor: 1 bytes, line 6512
6512
6513<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"basic":"basic.c50df513.js"});</script>
vendor: 1 bytes, line 6513
6513
6514<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"cart_pop":"cart_pop.c733db0f.js"});</script>
vendor: 1 bytes, line 6514
6514
6515<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"couponcode":"couponcode.0cd81091.js"});</script>
vendor: 1 bytes, line 6515
6515
6516<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"bear":"bear.4241d627.js"});</script>
vendor: 1 bytes, line 6516
6516
6517<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"bundle":"bundle.a029e922.js"});</script>
vendor: 1 bytes, line 6517
6517
6518<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"filly":"filly.b9085eb2.js"});</script>
vendor: 1 bytes, line 6518
6518
6519<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"discount_gifts":"discount_gifts.87837098.js"});</script>
vendor: 1 bytes, line 6519
6519
6520<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"blog_products":"blog_products.b67b5c27.js"});</script>
vendor: 1 bytes, line 6520
6520
6521<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"google_form":"google_form.025d905a.js"});</script>
vendor: 1 bytes, line 6521
6521
6522<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"zebu":"zebu.e8dece57.js"});</script>
vendor: 1 bytes, line 6522
6522
6523<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"buy_on_others":"buy_on_others.d678fa5c.js"});</script>
vendor: 1 bytes, line 6523
6523
6524<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"variants_combination":"variants_combination.17e6b308.js"});</script>
vendor: 1 bytes, line 6524
6524
6525<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"translate":"translate.5c34eee2.js"});</script>
vendor: 1 bytes, line 6525
6525
6526<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"discount_gifts_v2":"discount_gifts_v2.a34137af.js"});</script>
vendor: 1 bytes, line 6526
6526
6527<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"image_video":"image_video.b713d119.js"});</script>
vendor: 1 bytes, line 6527
6527
6528<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"reviews":"reviews.77c0cadd.js"});</script>
vendor: 1 bytes, line 6528
6528
6529<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"privacy_app":"privacy_app.ade927e4.js"});</script>
vendor: 1 bytes, line 6529
6529
6530<script type="text/javascript"> 6531 (function () { 6532 if (!C_SETTINGS.payment_settings.paypal_express_enabled) return; 6533 if ((window.disabled_exts || []).indexOf("*") != -1 || (window.disabled_exts || []).indexOf("paypal_express") != -1) return; 6534 function getCookie(name) { 6535 var match = document.cookie.match(new RegExp(name + '=([^;]+)')); 6536 return (match && match[1]) || ''; 6537 } 6538 var ppStamp = (getCookie('awesomeab').match(/paypal-express-([vs0-9]+)/) || ['', ''])[1]; 6539 var entry = ppStamp ? 'paypal_express.' + ppStamp + '.js' : 'paypal_express.70c809e1.js'; 6540 var s = document.createElement('script'); 6541 s.crossOrigin = "anonymous"; 6542 s.async = !0; 6543 s.src = SHOP_PARAMS.cdn_domain + entry; 6544 document.body.appendChild(s); 6545 6546 })(); 6547</script>
vendor: 1 bytes, line 6547
6547
6548<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"fb_messenger":"fb_messenger.1de139d2.js"});</script>
vendor: 1 bytes, line 6548
6548
6549<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"common":"common.e560ab2c.js"});</script>
vendor: 1 bytes, line 6549
6549
6550<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"installment":"installment.e24868df.js"});</script>
vendor: 1 bytes, line 6550
6550
6551<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"stamped_frontend":"stamped_frontend.f67dcbe7.js"});</script>
vendor: 1 bytes, line 6551
6551
6552<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"multi_market":"multi_market.85145627.js"});</script>
vendor: 1 bytes, line 6552
6552
6553<script type='text/javascript'>(window._ext || (window._ext =[])).push('currency');</script>
vendor: 1 bytes, line 6553
6553
6554<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"product_detail_rebate":"product_detail_rebate.cbca7ec3.js"});</script>
vendor: 1 bytes, line 6554
6554
6555<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"buffalo":"buffalo.e0f4e5cf.js"});</script>
vendor: 1 bytes, line 6555
6555
6556<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"jellyfish":"jellyfish.f9cc89bb.js"});</script>
vendor: 1 bytes, line 6556
6556
6557<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"currency":"currency.ca2b3757.js"});</script>
vendor: 1 bytes, line 6557
6557
6558<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"vole":"vole.de34b0f2.js"});</script>
vendor: 1 bytes, line 6558
6558
6559<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"wishlist":"wishlist.0fc03a14.js"});</script>
vendor: 1 bytes, line 6559
6559
6560<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"social_login":"social_login.537a8e8f.js"});</script>
vendor: 1 bytes, line 6560
6560
6561<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"numbat":"numbat.14e8199b.js"});</script>
vendor: 1 bytes, line 6561
6561
6562<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"subscription_popups":"subscription_popups.9a18a460.js"});</script>
vendor: 1 bytes, line 6562
6562
6563<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"coupon":"coupon.07fd62a8.js"});</script>
vendor: 1 bytes, line 6563
6563
6564<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"top_products":"top_products.4da4f6f3.js"});</script>
vendor: 1 bytes, line 6564
6564
6565<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"appparakeet":"appparakeet.537f9b5b.js"});</script>
vendor: 1 bytes, line 6565
6565
6566<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"recommended_product":"recommended_product.b4592e0a.js"});</script>
vendor: 1 bytes, line 6566
6566
6567<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"boowc":"boowc.15caf0e7.js"});</script>
vendor: 1 bytes, line 6567
6567
6568<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"add_to_cart":"add_to_cart.6cde2531.js"});</script>
vendor: 1 bytes, line 6568
6568
6569<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"apptrustpilot-plugin":"apptrustpilot-plugin.7edc2607.js"});</script>
vendor: 1 bytes, line 6569
6569
6570<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"sales_pop":"sales_pop.0410e3b6.js"});</script>
vendor: 1 bytes, line 6570
6570
6571<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"sloth":"sloth.cc72648e.js"});</script>
vendor: 1 bytes, line 6571
6571
6572<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"size_guide":"size_guide.ac4ad793.js"});</script>
6572 6573
6574<script> 6575~(function() { 6576 // checkout page 6577 if (window.SHOP_PARAMS.template_type === '14') { 6578 return; 6579 } 6580 function track(event, params) { 6581 if (window.sa && window.sa.track && typeof window.sa.track === 'function') { 6582 window.sa.track(event, params); 6583 }; 6584 } 6585 function preload() { 6586 var script = document.createElement('script'); 6587 script.async = true; 6588 script.src = '/api/preload-checkout?t=' + Date.now(); 6589 var loadStart = Date.now(); 6590 track('preload_checkout_start'); 6591 script.addEventListener('load', function() { 6592 track('preload_checkout_loaded', { load_duration: Date.now() - loadStart }); 6593 }); 6594 script.addEventListener('error', function(e) { 6595 track('preload_checkout_error', { load_duration: Date.now() - loadStart }); 6596 }); 6597 document.body.appendChild(script); 6598 } 6599 6600 try { 6601 var ab = document.cookie.split(';').find(function (i) { return /awesomeab=/.test(i); }); 6602 var version = 'default'; 6603 if (ab) { 6604 var chickNext = decodeURIComponent(ab).split('=')[1].split(',').find(function (i) { return /chick-next/.test(i); }); 6605 if (chickNext) version = chickNext; 6606 } 6607 6608 var loadedObj = JSON.parse(sessionStorage.getItem('preload_checkout_loaded_v1') || '{}'); 6609 6610 if (loadedObj[version] && loadedObj[version]['allLoaded']) return; 6611 } catch (e) {} 6612 6613 window.addEventListener('load', preload); 6614})(); 6615</script>
6615 6616
6617<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"flashsale":"flashsale.d2ddc7ab.js"});</script>
vendor: 1 bytes, line 6617
6617
6618<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"plugin_parakeet":"plugin_parakeet.6893a874.js"});</script>
vendor: 1 bytes, line 6618
6618
6619<script type="text/javascript">Object.assign(window.exts || (window.exts={}),{"trout":"trout.47f21cf1.js"});</script>
6619 6620</body> 6621</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.