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