PageSourceSearch

https://www.nisartmacka.com/

html nisartmacka.com collected 2026-10-06 13:13:38 UTC 376,029 bytes, 9,655 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en-US" >
3  <head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
7    <title>nisartmacka</title>
8    <meta name="keywords" content="nisartmacka">
9    <meta name="description" content="nisartmacka">
10    <meta http-equiv="x-dns-prefetch-control" content="on">
11    <link rel="dns-prefetch" href="//static.staticdj.com/">
12    <link rel="preconnect" href="//static.staticdj.com/">
13    <link rel="dns-prefetch" href="//img.staticdj.com/">
14    <link rel="preconnect" href="//img.staticdj.com/">
15    <link rel="canonical" href="https://www.nisartmacka.com/">
16    <link rel="shortcut icon" href="https://img.staticdj.com/117942214d78bef5d082b9a525782106.JPG">
17    <meta name="theme-color" content="">
18    <meta name="format-detection" content="telephone=no, email=no">
19    <link href="https://fonts.gstatic.com/s/lato/v25/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2" as="font" type="font/woff2" crossorigin="anonymous" rel="preload">
20    <link href="https://fonts.gstatic.com/s/lato/v25/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2" as="font" type="font/woff2" crossorigin="anonymous" rel="preload">
21    <meta property="og:site_name" content="nisartmacka">
22<meta property="og:url" content="https://www.nisartmacka.com/">
23<meta property="og:title" content="nisartmacka">
24<meta property="og:type" content="website">
25<meta property="og:description" content="nisartmacka">
26<meta name="twitter:site" content="@">
27<meta name="twitter:card" content="summary_large_image">
28<meta name="twitter:title" content="nisartmacka">
29<meta name="twitter:description" content="nisartmacka">
30<link href="//static.staticdj.com/cuttlefish/v1/spz.min.js" as="script" type="text/javascript" crossorigin="anonymous" rel="preload">
31
32<style>
33  :root {
34    --page-width-base: 1440px;
35    --page-width: var(--page-width-base);
36    --page-spacing: 16px;
37
38    --type-text-font-size: 14px;
39      --type-heading-font-size: 30px;
40      --type-nav-font-size: 16px;
41      --color-general-bg: #FFFFFF;
42      --color-general-heading-text: #202020;
43      --color-general-text: #202020;
44      --color-price-text: #EB391B;
45      --color-product-title-text: #202020;
46      --color-compare-at-price-text: rgba(32,32,32,.6);
47      --color-save-price-text: #EB391B;
48      --color-custom-label-text: #E75D32;
49      --color-custom-label-bg: #FFF9F1;
50      --color-btn-bg: #202020;
51      --color-btn-text: #FFFFFF;
52      --color-label-bg: rgba(198, 156, 109, 1);
53      --color-label-text: #FFFFFF;
54      --color-sold-label-bg: #FFFFFF;
55      --color-sold-label-text: #202020;
56      --color-announcement-bg: #FFFFFF;
57      --color-announcement-text: #000000;
58      --color-cart-dot-bg: rgba(198, 156, 109, 1);
59      --color-cart-dot-text: #FFFFFF;
60      --color-header-bg: rgba(255, 249, 241, 1);
61      --color-header-text: #202020;
62      --color-header-search-bg: rgba(230, 230, 230, 0.4);
63      --color-header-search-text: #202020;
64      --color-header-search-btn-bg: #202020;
65      --color-header-search-btn-text: #FFFFFF;
66      --color-menu-bg: #F8F8F8;
67      --color-menu-item-bg: #FFFFFF;
68      --color-menu-item-text: #202020;
69      --color-actived-menu-item-bg: rgba(198, 156, 109, 1);
70      --color-actived-menu-item-text: #FFFFFF;
71      --color-footer-bg: rgba(40, 40, 40, 1);
72      --color-footer-border: rgba(230, 230, 230, 0.1);
73      --color-footer-text: rgba(255, 255, 255, 1);
74      --color-newsletter-border: #E6E6E6;
75      --color-newsletter-bg: #FFFFFF;
76      --color-newsletter-text: #202020;
77      --color-newsletter-btn-bg: #202020;
78      --color-newsletter-btn-text: #FFFFFF;
79      --color-countdown-bg: rgba(248, 248, 248, 0.8);
80      --color-countdown-time-text: #EA3F36;
81      /* 颜色相关 */
82    --color-body-bg: #FFFFFF;
83    --color-body-bg-80: rgba(255, 255, 255, 0.8);
84    --color-product-title-text: #202020;
85    --color-primary-btn-bg: #202020;
86    --color-primary-btn-bg-10: rgba(32, 32, 32, 0.1);
87    --color-primary-btn-text: #FFFFFF;
88
89    --color-body-text: #202020;
90    --color-body-text-50: rgba(32, 32, 32, 0.5);
91    --color-body-text-60: rgba(32, 32, 32, 0.6);
92    --color-body-text-70: rgba(32, 32, 32, 0.7);
93    --color-body-text-75: rgba(32, 32, 32, 0.75);
94    --color-body-text-80: rgba(32, 32, 32, 0.8);
95    --color-body-text-85: rgba(32, 32, 32, 0.85);
96    --color-body-text-90: rgba(32, 32, 32, 0.9);
97
98    --color-menu-item-text-70: rgba(32, 32, 32, 0.7);
99    --color-menu-item-text-80: rgba(32, 32, 32, 0.8);
100    --color-menu-item-text-90: rgba(32, 32, 32, 0.9);
101    --color-actived-menu-item-bg: rgba(198, 156, 109, 1);
102    --color-actived-menu-item-text: #FFFFFF;
103
104    --color-header-search-text-50: rgba(32, 32, 32, 0.5);
105
106    --color-header-text-70: rgba(32, 32, 32, 0.7);
107
108    /* 边框颜色 */
109    --color-border: #E6E6E6;
110    --color-border-35: rgba(230, 230, 230, 0.35);
111    --color-border-60: rgba(230, 230, 230, 0.6);
112
113    /* 圆角 */
114    --global-border-radius: 2px;
115    --global-small-border-radius: 2px;
116    --global-fixed-border-radius: 2px;
117    --btn-border-radius: 2px;
118    --btn-fixed-border-radius: 2px;
119
120    /* 字体相关 */
121    --font-body-family: Lato, sans-serif;
122    --font-body-style: normal;
123    --font-body-weight: 400;
124
125    --font-heading-family: Lato, sans-serif;
126    --font-heading-style: normal;
127    --font-heading-weight: 400;
128
129    /* 倒计时 */
130    --color-countdown-bg: rgba(248, 248, 248, 0.8);
131    --color-countdown-time-text: #EA3F36;
132
133    /* mask */
134    --color-mask-bg: rgba(0, 0, 0, 0.3);
135
136    /* 提供给插件 */
137    --breakpoint: 960;
138
139    /* z-index */
140    --z-index-dropdown: 1000;
141    --z-index-sticky: 1020;
142    --z-index-fixed: 1030;
143    --z-index-modal-backdrop: 1040;
144    --z-index-modal: 1050;
145    --z-index-popover: 1060;
146    --z-index-tooltip: 1070;
147  }
148
149  @media (min-width: 960px) {
150    :root {
151      --page-spacing: 100px;
152
153      /* 圆角 */
154      --global-border-radius: 2px;
155      --global-small-border-radius: 2px;
156    }
157  }
158
159  .type-text-font-family {
160    font-family: var(--font-body-family);
161    font-style: var(--font-body-style);
162    font-weight: var(--font-body-weight);
163  }
164
165  .type-heading-font-family {
166    font-family: var(--font-heading-family);
167    font-style: var(--font-heading-style);
168    font-weight: var(--font-heading-weight);
169  }
170
171  /* latin-ext */@font-face {  font-family: 'Lato';  font-style: normal;  font-weight: 400;  font-display: swap;
171  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;}
172  /* 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;}
173</style>
174    <style>
175  html {
176    -ms-text-size-adjust: 100%;
177    -webkit-text-size-adjust: 100%;
178    -webkit-font-smoothing: antialiased;
179    -moz-osx-font-smoothing: grayscale;
180    -webkit-tap-highlight-color: transparent;
181  }
182
183  body {
184    padding-bottom: constant(safe-area-inset-bottom);
185    padding-bottom: env(safe-area-inset-bottom);
186    -webkit-tap-highlight-color: transparent;
187  }
188
189  *,
190  :after,
191  :before {
192    box-sizing: border-box;
193  }
194
195  *:focus {
196    outline: none;
197  }
198
199  /* Chrome, Safari, Edge, Opera */
200  input::-webkit-outer-spin-button,
201  input::-webkit-inner-spin-button {
202    -webkit-appearance: none;
203    margin: 0;
204  }
205
206  /* Firefox */
207  input[type='number'] {
208    -moz-appearance: textfield;
209  }
210
211  input[type='text'],
212  input[type='search'],
213  input[type='email'],
214  input[type='password'],
215  input:not([type]),
216  textarea {
217    appearance: none;
218    -webkit-appearance: none;
219  }
220
221  input,
222  textarea,
223  button,
224  select {
225    font-family: inherit;
226    font-style: inherit;
227    font-weight: inherit;
228    font-size: inherit;
229    color: var(--color-body-text);
230  }
231
232  input[type='button'],
233  button,
234  select,
235  label {
236    cursor: pointer;
237  }
238
239  input[type='search']::-webkit-search-cancel-button {
240    display: none;
241  }
242
243  /* theme base class */
244  html body.nova {
245    color: var(--color-body-text);
246    font-size: var(--type-text-font-size);
247    background-color: var(--color-body-bg);
248  }
249
250  body > .page_container{
251    min-height: 100vh;
252    display: flex;
253    flex-direction: column;
254  }
255  body > .page_container > .main-content{
256    margin-bottom: auto;
257  }
258
259  .page-container {
260    max-width: var(--page-width);
261    padding: 0 var(--page-spacing);
262    margin: 0 auto;
263  }
264
265  @media (max-width: 959.98px) {
266    .md\:page-container {
267      max-width: var(--page-width);
268      padding: 0 var(--page-spacing);
269      margin: 0 auto;
270    }
271  }
272
273  @media (min-width: 960px) {
274    .lg\:page-container {
275      max-width: var(--page-width);
276      padding: 0 var(--page-spacing);
277      margin: 0 auto;
278    }
279  }
280
281  .clear {
282    margin: 0;
283    padding: 0;
284    border: 0;
285    outline: none;
286    list-style: none;
287    background-color: transparent;
288  }
289
290  [spz-if="false"],
291  [hidden] {
292    display: none !important;
293  }
294
295  /* title default style */
296
297  .title-font {
298    font-size: var(--type-heading-font-size);
299    color: var(--color-general-heading-text);
300  }
301
302  @media (max-width: 959.98px) {
303    .title-font {
304      font-size: calc(var(--type-heading-font-size) * .8);
305    }
306  }
307
308  .title-color{
309    color: var(--color-general-heading-text);
310  }
311  .product-title-color {
312    color: var(--color-product-title-text);
313  }
314  .text-color-8{
315    color: var(--color-body-text-80);
316  }
317
318  /* Border Radius */
319  .rounded-global {
320    border-radius: var(--global-border-radius);
321  }
322
323  .rounded-global-small {
324    border-radius: var(--global-small-border-radius);
325  }
326
327  .rounded-global-fixed {
328    border-radius: var(--global-fixed-border-radius);
329  }
330
331  .rounded-btn {
332    border-radius: var(--btn-border-radius);
333  }
334
335  .rounded-btn-fixed {
336    border-radius: var(--btn-fixed-border-radius);
337  }
338  .rounded-\[1px\] {
339    border-radius: 1px;
340  }
341
342  /* Button */
343  .button-primary {
344    font-weight: bold;
345    text-align: center;
346    border: 1px solid transparent;
347    color: var(--color-primary-btn-text);
348    border-radius: var(--btn-border-radius);
349    background-color: var(--color-primary-btn-bg);
350    transition: all .2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
351    cursor: pointer;
352  }
353
354  .button-secondary {
355    color: var(--color-body-text);
356    background-color: transparent;
357    border: 1px solid var(--color-border);
358    border-radius: var(--btn-border-radius);
359    transition: all .2s cubic-bezier(0.445, 0.05, 0.55, 0.95);;
360    cursor: pointer;
361  }
362
363  /* Select */
364  .secondary-select {
365    cursor: pointer;
366    -webkit-appearance: none;
367    -moz-appearance: none;
368    appearance: none;
369    border-width: 1px;
370    border-style: solid;
371    border-color: rgba(230, 230, 230, 1);
372    background-color: transparent;
373    color: var(--color-body-text);
374  }
375
376  @media (min-width: 960px) {
377    .button-primary:hover {
378      background-color: var(--color-cart-dot-bg);
379    }
380
381    .button-secondary:hover {
382      color: var(--color-primary-btn-text);
383      border-color: var(--color-primary-btn-bg);
384      background-color: var(--color-primary-btn-bg);
385    }
386  }
387
388  /* line-clamp-* */
389  .line-clamp-1 {
390    overflow: hidden;
391    text-overflow: ellipsis;
392    white-space: nowrap;
393  }
394
395  .line-clamp-2 {
396    overflow: hidden;
397    display: -webkit-box;
398    -webkit-line-clamp: 2;
399    -webkit-box-orient: vertical;
400    word-break: break-word;
401  }
402
403  .hide-scrollbar {
404    -ms-overflow-style: none;
405    scrollbar-width: none;
406  }
407
408  .hide-scrollbar::-webkit-scrollbar,
409  .hide-scrollbar ::-webkit-scrollbar {
410    display: none;
411  }
412
413  .break-words {
414    overflow-wrap: break-word;
415    word-break: break-word;
416  }
417  /* mce */
418  .mce-content p:first-child {
419    margin-top: 0;
420  }
421  .mce-content p:last-child {
422    margin-bottom: 0;
423  }
424  .mce-content img + img,
425  .mce-content spz-img + spz-img {
426    margin-top: 30px;
427  }
428  .mce-content spz-img {
429    max-width: 100% !important;
430  }
431  .mce-content table {
432    max-width: 100%;
433    border-collapse: collapse;
434  }
435  .mce-content table td,
436  .mce-content table th {
437    padding: 8px;
438    border: 1px solid #e6e6e6;
439  }
440  .mce-content iframe {
441    max-width: 100%;
442  }
443  .mce-content blockquote {
444    margin: 1em 40px;
445  }
446  .mce-content a {
447    color: inherit;
448    word-break: break-all;
449  }
450
451  /* loading */
452  @keyframes spinning {
453    from {
454      -webkit-transform: rotate(0deg);
455      transform: rotate(0deg);
456    }
457
458    to {
459      -webkit-transform: rotate(1turn);
460      transform: rotate(1turn);
461    }
462  }
463
464  spz-loading {
465    background: rgba(0, 0, 0, 0.3);
466  }
467
468  @keyframes rotate {
469    0% {
470      -webkit-transform: rotate(0deg);
471      transform: rotate(0deg)
472    }
473    to {
474      -webkit-transform: rotate(1turn);
475      transform: rotate(1turn)
476    }
477  }
478
479  spz-loading .loading-inner {
480    border-radius: 50%;
481    border-top: 3px solid transparent;
482    border-left: 3px solid transparent;
483    border-right: 3px solid transparent;
484    width: 26px;
485    height: 26px;
486    border: 3px solid #fff;
487    -webkit-animation: rotate .8s ease infinite;
488    animation: rotate .8s ease infinite;
489    border-bottom-color: #fff;
490    border-top-color: transparent;
491    border-left-color: transparent;
492    border-right-color: transparent;
493  }
494
495  .loading{
496    --loading-show: flex !important;
497    --loading-hide: none !important;
498  }
499
500  .loading[show]{
501    display: var(--loading-show);
502  }
503
504  .loading[hide]{
505    display: var(--loading-hide);
506  }
507
508  .loading[has-full-mask]{
509    position: fixed;
510    top: 0;
511    bottom: 0;
512    right: 0;
513    left: 0;
514    background: var(--color-mask-bg);
515    z-index: var(--z-index-modal-backdrop);
516  }
517
518  .loading-bounce {
519    width: 26px;
520    height: 26px;
521    border-radius: 50%;
522    border: 3px solid transparent;
523    border-bottom-color: #fff;
524    animation: spinning .8s ease infinite;
525    -webkit-animation: spinning .8s ease infinite;
526  }
527
528   /* spz-carousel button */
529  spz-carousel .spz-carousel-button {
530    display: flex;
531    align-items: center;
532    justify-content: center;
533    width: 44px;
534    height: 44px;
535    border-radius: 100%;
536    box-shadow: 4px 4px 16px rgba(18, 27, 23, 0.04);
537    background-color: rgba(255, 255, 255, 1);
538    cursor: pointer;
539    opacity: 0 !important;
540    transition: opacity 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
541  }
542
543  @media (min-width: 960px) {
544    spz-carousel:hover .spz-carousel-button {
545      opacity: 1 !important;
546    }
547
548    .lg\:line-clamp-3 {
549      overflow: hidden;
550      display: -webkit-box;
551      -webkit-line-clamp: 3;
552      -webkit-box-orient: vertical;
553      word-break: break-word;
554    }
555  }
556
557  spz-carousel .spz-carousel-button-prev > svg {
558    transform: rotate(-90deg);
559  }
560
561  spz-carousel .spz-carousel-button-next > svg {
562    transform: rotate(90deg);
563  }
564
565  .button-primary[loading],
566  .button-secondary[loading] {
567    pointer-events: none;
568  }
569
570  .button-primary[loading] [role="content"],
571  .button-secondary[loading] [role="content"],
572  .button-primary:not([loading]) .loading,
573  .button-secondary:not([loading]) .loading {
574    opacity: 0;
575  }
576
577  .button-primary[loading] .loading,
578  .button-secondary[loading] .loading {
579    opacity: 1;
580  }
581
582  /* discount style */
583  .discount_gift_content {
584    display: inline-flex;
585    align-items: center;
586    padding: 4px;
587    color: #EB391B;
588    background-color: rgba(235, 57, 27, 0.1);
589    border-radius: 2px;
590  }
591  .discount_gift_content .discount__gift_lan {
592    margin-left: 2px;
593  }
594
595  spz-carousel > .i-spzhtml-slides-container {
596    width: 100%;
597  }
598
599  spz-sidebar ~ .i-spzhtml-sidebar-mask {
600    background-color: var(--color-body-text-50);
601  }
602</style>
603
604<style>
605  .page_container {
606    padding-top: 0px;
607    padding-right: 0px;
608    padding-bottom: 0px;
609    padding-left: 0px;
610  }
611
612  @media (min-width: 960px) {
613    .page_container {
614      padding-top: 0px;
615      padding-right: 0px;
616      padding-bottom: 0px;
617      padding-left: 0px;
618    }
619  }
620</style>
621<style>
622  /* position, display, width, height */
623  .uppercase { text-transform: uppercase; }
624  .\!static { position: static; }
625  .relative { position: relative; }
626  .absolute { position: absolute; }
627  .sticky { position: sticky; }
628  /* top left right bottom */
629  .top-0 { top: 0; }
630  .top-1\/2 { top: 50%; }
631  .bottom-0 { bottom: 0; }
632  .bottom-3 { bottom: 12px;}
633  .bottom-5 { bottom: 20px; }
634  .-bottom-5 { bottom: -20px }
635  .inset-0 { top: 0; left: 0; right: 0; bottom: 0; }
636  .inset-x-\[-22px\] { left: -22px; right: -22px; }
637  .-inset-y-5 { top: -20px; bottom: -20px; }
638
639  .block { display: block; }
640  .inline-block { display: inline-block; }
641  .inline-flex { display: inline-flex; }
642  .flex { display: flex; }
643  .flex-1 { flex: 1; }
644  .flex-col { flex-direction: column; }
645  .items-end { align-items: flex-end; }
646  .items-center { align-items: center; }
647  .self-center { align-self: center; }
648  .items-start { align-items: flex-start; }
649  .items-stretch { align-items: stretch; }
650  .justify-end { justify-content: flex-end; }
651  .justify-center { justify-content: center; }
652  .justify-between { justify-content: space-between; }
653  .flex-center{ display: flex; align-items: center; justify-content: center; }
654  .flex-grow { flex-grow: 1; }
655  .flex-shrink-0 { flex-shrink: 0; }
656  .flex-wrap { flex-wrap: wrap; }
657  .flex-1 { flex: 1; }
658  .flex-row-reverse	{ flex-direction: row-reverse; }
659  .hidden { display: none; }
660  .\!hidden { display: none !important; }
661  .empty-hidden:empty{ display: none; }
662
663  .max-w-full { max-width: 100%; }
664  .max-w-\[300px\] { max-width: 300px; }
665  .min-w-\[0px\] { min-width: 0px; }
666
667  .w-full { width: 100%; }
668  .w-7 { width: 28px; }
669  .w-10 { width: 40px; }
670  .w-11 { width: 44px; }
671  .h-full { height: 100%; }
672  .h-11 { width: 44px; }
673  .h-14 { height: 56px;}
674
675
676  /* margin, padding */
677  .m-0 { margin: 0; }
678  .-mt-3 { margin-top: -12px; }
679  .mt-0\.5 { margin-top: 2px; }
680  .mt-0 { margin-top: 0; }
681  .mt-1 { margin-top: 4px; }
682  .mt-1\.5 { margin-top: 6px; }
683  .mt-2 { margin-top: 8px; }
684  .mt-3 { margin-top: 12px; }
685  .mt-4 { margin-top: 16px; }
686  .mt-5 { margin-top: 20px; }
687  .mt-6 { margin-top: 24px; }
688  .mt-7 { margin-top: 28px; }
689  .mt-8 { margin-top: 32px; }
690  .mt-9 { margin-top: 36px; }
691  .mt-10 { margin-top: 40px; }
692
693  .mb-1 { margin-bottom: 4px; }
694  .mb-2 { margin-bottom: 8px; }
695  .mb-3 { margin-bottom: 12px; }
696  .mb-4 { margin-bottom: 16px; }
697  .mb-5 { margin-bottom: 20px; }
698  .mb-6 { margin-bottom: 24px; }
699  .mb-8 { margin-bottom: 32px; }
700  .mx-auto { margin-left: auto; margin-right: auto; }
701  .mx-0 { margin-left: 0; margin-right: 0; }
702  .mx-5 { margin-left: 20px; margin-right: 20px; }
703  .my-1 { margin-top: 4px; margin-bottom: 4px; }
704  .my-6 { margin-top: 24px; margin-bottom: 24px; }
705  .my-10 { margin-top: 40px; margin-bottom: 40px; }
706  .my-14 { margin-top: 56px; margin-bottom: 56px; }
707
708  .p-0 { padding: 0; }
709  .p-2 { padding: 8px; }
710  .p-3 { padding: 12px; }
711  .p-4 { padding: 16px; }
712  .p-6 { padding: 24px; }
713  .p-8 { padding: 32px; }
714  .p-\[15px\] { padding: 15px; }
715  .px-2 { padding-left: 8px; padding-right: 8px; }
716  .px-3 { padding-left: 12px; padding-right: 12px; }
717  .px-4 { padding-left: 16px; padding-right: 16px; }
718  .px-5 { padding-left: 20px; padding-right: 20px; }
719  .px-6 { padding-left: 24px; padding-right: 24px; }
720  .px-10 { padding-left: 40px; padding-right: 40px; }
721  .px-\[18px\] { padding-left: 18px; padding-right: 18px; }
722  .px-\[22px\] { padding-left: 22px; padding-right: 22px; }
723  .py-\[10px\] { padding-top: 10px; padding-bottom: 10px; }
724
725  .py-0 { padding-top: 0; padding-bottom: 0; }
726  .py-1 { padding-top: 4px; padding-bottom: 4px; }
727  .py-2 { padding-top: 8px; padding-bottom: 8px; }
728  .py-3 { padding-top: 12px; padding-bottom: 12px; }
729  .py-4 { padding-top: 16px; padding-bottom: 16px; }
730  .py-5 { padding-top: 20px; padding-bottom: 20px; }
731  .py-6 { padding-top: 24px; padding-bottom: 24px; }
732  .py-8 { padding-top: 32px; padding-bottom: 32px; }
733  .py-12 { padding-top: 48px; padding-bottom: 48px; }
734  .pt-2 { padding-top: 8px; }
735  .pt-3 { padding-top: 12px; }
736  .pt-4 { padding-top: 16px; }
737  .pt-5 { padding-top: 20px; }
738  .pt-6 { padding-top: 24px; }
739  .pt-10 { padding-top: 40px; }
740  .pt-12 { padding-top: 48px; }
741  .pb-1 { padding-bottom: 4px; }
742  .pb-2 { padding-bottom: 8px; }
743  .pb-3 { padding-bottom: 12px; }
744  .pb-4 { padding-bottom: 16px; }
745  .pb-8 { padding-bottom: 32px; }
746  .pb-full { padding-bottom: 100%; }
747
748  /* Typography */
749  .body-minus-2 { font-size: calc(var(--type-text-font-size) - 2px); }
750  .body-minus-1 { font-size: calc(var(--type-text-font-size) - 1px); }
751  .body-base { font-size: var(--type-text-font-size); }
752  .body-plus-1 { font-size: calc(var(--type-text-font-size) + 1px); }
753  .body-plus-2 { font-size: calc(var(--type-text-font-size) + 2px); }
754  .body-plus-3 { font-size: calc(var(--type-text-font-size) + 3px); }
755  .body-plus-4 { font-size: calc(var(--type-text-font-size) + 4px); }
756  .body-plus-6 { font-size: calc(var(--type-text-font-size) + 6px); }
757  .text-2xl { font-size: 24px; line-height: 28px; }
758  .text-xs { font-size: 12px; line-height: 16px; }
759  .text-sm { font-size: 14px; line-height: 20px; }
760  .text-base { font-size: 16px; line-height: 24px; }
761  .text-lg { font-size: 18px; line-height: 28px; }
762  .text-0 { font-size: 0; }
763  .text-5 { font-size: 20px; }
764  .text-6 { font-size: 24px; }
765  .text-8 { font-size: 32px; }
766
767  .text-inherit { color: inherit; }
768  .text-center { text-align: center; }
769  .text-current{ color:currentColor }
770  .text-btn-bg { color: var(--color-primary-btn-bg); }
771
772  .text-white { color: rgba(255,255,255,1); }
773  .text-compare-at-price-color { color:var(--color-compare-at-price-text); }
774  .bg-btn-text-color { background-color: var(--color-primary-btn-text); }
775
776  .font-normal { font-weight: 400; }
777  .font-medium { font-weight: 500; }
778  .font-semibold { font-weight: 600; }
779  .font-bold { font-weight: 700; }
780
781  .leading-none { line-height: 1; }
782  .leading-1\.1 { line-height: 1.1; }
783  .leading-1\.15 { line-height: 1.15; }
784  .leading-1\.2 { line-height: 1.2; }
785  .leading-1\.25 { line-height: 1.25; }
786  .leading-1\.3 { line-height: 1.3; }
787  .leading-1\.4 { line-height: 1.4; }
788  .leading-1\.5 { line-height: 1.5; }
789  .leading-1\.7 { line-height: 1.7; }
790
791  .break-all { word-break: break-all; }
792
793  .whitespace-nowrap { white-space: nowrap; }
794
795  .overflow-hidden { overflow: hidden; }
796  .overflow-x-hidden { overflow-x: hidden; }
797  .overflow-x-auto { overflow-x: auto; }
798  .overflow-y-hidden { overflow-y: hidden; }
799  .overflow-y-auto { overflow-y: auto; }
800
801  .underline { text-decoration: underline; }
802  .no-underline { text-decoration-line: none; }
803  .appearance-none {
804    -webkit-appearance: none;
805    -moz-appearance: none;
806    appearance: none;
807  }
808
809  /* Color */
810  .color-body { color: var(--color-body-text); }
811  .color-body-60 { color: var(--color-body-text-60); }
812  .color-body-70 { color: var(--color-body-text-70); }
813  .color-heading { color: var(--color-general-heading-text); }
814  .color-price { color: var(--color-price-text); }
815  .color-save-price { color: var(--color-save-price-text); }
816  .color-compare-price { color: var(--color-compare-at-price-text); }
817  .color-text-default { color: #9F9F9F; }
818  .color-custom-label-text {color: var(--color-custom-label-text);}
819
820  /* Background */
821  .bg-custom-label {background-color: var(--color-custom-label-bg);}
822  .bg-color-body {background-color: var(--color-body-bg);}
823  .color-body-text { color: var(--color-body-text); }
824
825  /* Border Radius */
826  .rounded-sm { border-radius: 2px; }
827  .rounded { border-radius: 4px; }
828  .rounded-full { border-radius: 9999px; }
829
830  /* Border */
831  .border-none { border-style: none; }
832  .border { border: 1px solid var(--color-border); }
833  .border-t { border-top: 1px solid var(--color-border); }
834  .border-b { border-bottom: 1px solid var(--color-border); }
835  .border-solid { border-style: solid; }
836  .\!border-none { border-style: none !important; }
837  .border-t { border-top-width: 1px; }
838  .border-0 { border-width: 0; }
839  .border-t-0 { border-top-width: 0;}
840  .border-\[\#e6e6e6\] { border-color: rgba(230,230,230,1); }
841  .placeholder-svg {
842    position: relative;
843  }
844
845  .placeholder-svg > svg {
846    width: 100%;
847    height: 100%;
848    top: 0;
849    right: 0;
850    bottom: 0;
851    left: 0;
852    fill: #c0c0c0;
853    background-color: #eee;
854  }
855
856  /* z-index */
857  .z-1 { z-index: 1; }
858  .z-10 { z-index: 10; }
859  .z-20 { z-index: 20; }
860  .z-50 { z-index: 50; }
861  .-z-1 { z-index: -1; }
862
863  /* .z-dropdown { z-index: 1000; } */
864
865  /* Object */
866  .object-contain { -o-object-fit: contain; object-fit: contain; }
867  .object-cover { -o-object-fit: cover; object-fit: cover; }
868
869  /* opacity */
870  .opacity-0 { opacity: 0; }
871  .opacity-\[18\%\] { opacity: 18%; }
872  .opacity-50 { opacity: .5; }
873  .opacity-60 { opacity: .6; }
874  .opacity-70 { opacity: .7; }
875  .opacity-75{ opacity: .75; }
876
877  .group-hover\:opacity-100 { opacity: 1; }
878
879  /* text decoration */
880  .line-through { text-decoration: line-through; }
881
882  /* Other */
883  .cursor-pointer { cursor: pointer; }
884  .pointer-events-none { pointer-events: none; }
885  .pointer-events-auto { pointer-events: auto; }
886
887  /* svg */
888  .fill-svg { fill: silver; }
889  .bg-svg { background-color: rgba(238, 238, 238, 1); }
890  .bg-black { background-color: rgba(0,0,0,1); }
891  .bg-white { background-color: rgba(255,255,255,1); }
892  /* grid */
893  .grid { display: grid; }
894  .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
895  .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
896  .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
897  .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
898  .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
899  .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
900  .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
901  .grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
902  .grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
903  .grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }
904
905  .gap-3 { gap: 12px; }
906  .gap-4 { gap: 16px; }
907  .gap-x-4 { column-gap: 16px; }
908  .gap-x-6 { column-gap: 24px; }
909  .gap-x-10 { column-gap: 40px; }
910  .gap-y-4 { row-gap: 16px; }
911  .gap-y-5 { row-gap: 20px; }
912  .gap-y-6 { row-gap: 24px; }
913  .gap-y-11 { row-gap: 44px; }
914
915  .truncate{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
916
917  /* btn */
918  .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); }
919  .primary-btn:hover { background-color: var(--color-cart-dot-bg); }
920  .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);}
921  .secondary-btn:hover{ border-color: var(--color-primary-btn-bg); background-color: var(--color-primary-btn-bg); color: var(--color-primary-btn-text); }
922
923  .rounded-btn { border-radius: var(--btn-border-radius); }
924
925  /* last */
926  .last\:mb-0:last-child { margin-bottom: 0; }
927
928  /* transform */
929  .-translate-y-1\/2 { transform: var(-50%); }
930
931  /* box */
932  .box-border { box-sizing: border-box; }
933
934  /* ul li */
935  .list-none { list-style-type: none; }
936
937  .left-0 { left: 0; }
938    .left-1\/2 { left: 50%; }
939    .left-3 { left: 12px; }
940    .right-0 { right: 0; }
941    .right-3 { right: 12px; }
942    .right-4 { right: 16px; }
943    .right-8 { right: 32px; }
944    .mr-\[6px\] { margin-right: 6px; }
945    .ml-auto { margin-left: auto; }
946    .-ml-3 { margin-left: -12px; }
947    .ml-1 { margin-left: 4px; }
948    .ml-2 { margin-left: 8px; }
949    .ml-3 { margin-left: 12px; }
950    .ml-4 { margin-left: 16px; }
951    .ml-5 { margin-left: 20px; }
952    .ml-6 { margin-left: 24px; }
953    .ml-7 { margin-left: 28px; }
954    .mr-1 { margin-right: 4px; }
955    .mr-2 { margin-right: 8px; }
956    .mr-3 { margin-right: 12px; }
957    .mr-4 { margin-right: 16px; }
958    .mr-5 { margin-right: 20px; }
959    .pl-2 { padding-left: 8px; }
960    .pl-3 { padding-left: 12px; }
961    .pr-3 { padding-right: 12px; }
962    .text-left { text-align: left; }
963    .text-right { text-align: right; }
964    .rotate-90 { transform: rotate(90deg); }
965    .rotate--90 { transform: rotate(-90deg); }
966    .rotate-180 { transform: rotate(180deg); }
967    .-translate-x-1\/2 { transform: translateX(-50%); }
968  @media (max-width: 959.98px) {
969    .md\:hidden { display: none !important; }
970    .md\:flex { display: flex; }
971    .md\:flex-row-reverse { flex-direction: row-reverse; }
972    .md\:flex-col-reverse { flex-direction: column-reverse; }
973    .md\:flex-1 { flex: 1; }
974    .md\:flex-col { flex-direction: column; }
975    .md\:justify-end { justify-content: flex-end; }
976    .md\:justify-center { justify-content: center; }
977    .md\:justify-between { justify-content: space-between; }
978    .md\:items-center { align-items: center; }
979    .md\:self-center { align-self: center; }
980    .md\:shrink-0 { flex-shrink: 0; }
981    .md\:items-start { align-items: flex-start; }
982    .md\:flex-wrap { flex-wrap: wrap; }
983
984    .md\:w-full { width: 100%; }
985
986    .md\:mt-4 { margin-top: 16px; }
987    .md\:mt-5 { margin-top: 20px; }
988    .md\:mt-6 { margin-top: 24px; }
989    .md\:mt-9 { margin-top: 36px; }
990    .md\:mb-3 { margin-bottom: 13px; }
991    .md\:mb-4 { margin-bottom: 16px; }
992    .md\:mb-5 { margin-bottom: 20px; }
993    .md\:mx-4 { margin-left: 16px; margin-right: 16px; }
994
995    .md\:pb-0 { padding-bottom: 0; }
996    .md\:px-8 { padding-left: 32px; padding-right: 32px; }
997    .md\:px-4 { padding-left: 16px; padding-right: 16px; }
998    .md\:pt-6 { padding-top: 24px; }
999    .md\:pt-4 { padding-top: 16px; }
1000    .md\:pt-2 { padding-top: 8px; }
1001    .md\:pt-10 { padding-top: 40px; }
1002    .md\:pb-5 { padding-bottom: 20px; }
1003    .md\:pb-6 { padding-bottom: 24px; }
1004    .md\:py-3 { padding-top: 12px; padding-bottom: 12px; }
1005    .md\:order-1 { order: 1; }
1006    .md\:order-2 { order: 2; }
1007
1008    .md\:body-minus-2 { font-size: calc(var(--type-text-font-size) - 2px); }
1009    .md\:body-plus-1 { font-size: calc(var(--type-text-font-size) + 1px); }
1010    .md\:body-plus-2 { font-size: calc(var(--type-text-font-size) + 2px); }
1011    .md\:text-base { font-size: 16px; line-height: 24px; }
1012    .md\:text-xs { font-size: 12px; line-height: 16px; }
1013    .md\:text-sm { font-size: 14px; line-height: 20px; }
1014    .md\:text-center { text-align: center; }
1015
1016    .md\:border-t { border-top: 1px solid var(--color-border); }
1017    .md\:pb-full { padding-bottom: 100%; }
1018    .md\:pt-\[30px\] { padding-top: 30px; }
1019    .md\:pb-\[54px\] { padding-bottom: 54px; }
1020    .md\:p-\[30px\] { padding: 30px; }
1021
1022    .md\:gap-x-4 { column-gap: 16px; }
1023    .md\:gap-y-6 { row-gap: 24px; }
1024    .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
1025
1026    .md\:overflow-x-scroll { overflow: scroll; }
1027    .md\:w-2\/3 { width: 66.67%; }
1028    .md\:truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
1029
1030    .md\:color-body-70 { color: var(--color-body-text-70); }
1031  }
1032
1033  @media (min-width: 960px) {
1034    .lg\:hidden { display: none !important; }
1035    .lg\:flex { display: flex; }
1036    .lg\:flex-wrap { flex-wrap: wrap; }
1037    .lg\:flex-row-reverse { flex-direction: row-reverse; }
1038    .lg\:flex-col-reverse { flex-direction: column-reverse; }
1039    .lg\:flex-1 { flex: 1; }
1040    .lg\:flex-col { flex-direction: column; }
1041    .lg\:items-center { align-items: center; }
1042    .lg\:justify-end { justify-content: flex-end; }
1043    .lg\:justify-center { justify-content: center; }
1044    .lg\:justify-between { justify-content: space-between; }
1045    .lg\:shrink-0 { flex-shrink: 0; }
1046
1047    .lg\:w-full { width: 100%; }
1048    .lg\:h-full { height: 100%; }
1049    .lg\:w-1\/2 { width: 50%; }
1050
1051    .lg\:mx-8 { margin-left: 32px; margin-right: 32px; }
1052    .lg\:mt-1 { margin-top: 4px; }
1053    .lg\:mt-2 { margin-top: 8px; }
1054    .lg\:mt-3 { margin-top: 12px; }
1055    .lg\:mt-4 { margin-top: 16px; }
1056    .lg\:mt-5 { margin-top: 20px; }
1057    .lg\:mt-6 { margin-top: 24px; }
1058    .lg\:mt-7 { margin-top: 28px; }
1059    .lg\:mt-8 { margin-top: 32px; }
1060    .lg\:mt-9 { margin-top: 36px; }
1061    .lg\:mt-10 { margin-top: 40px; }
1062    .lg\:mt-15 { margin-top: 60px; }
1063    .lg\:mt-84 { margin-top: 84px; }
1064    .lg\:mb-3 { margin-bottom: 12px; }
1065    .lg\:mb-4 { margin-bottom: 16px; }
1066    .lg\:mb-5 { margin-bottom: 20px; }
1067    .lg\:mb-7 { margin-bottom: 28px; }
1068    .lg\:mb-15 { margin-bottom: 60px; }
1069
1070    .lg\:p-4 { padding: 16px; }
1071    .lg\:p-8 { padding: 32px; }
1072    .lg\:px-3 { padding-left: 12px; padding-right: 12px; }
1073    .lg\:px-5 { padding-left: 20px; padding-right: 20px; }
1074    .lg\:px-6 { padding-left: 24px; padding-right: 24px; }
1075    .lg\:px-8 { padding-left: 32px; padding-right: 32px; }
1076    .lg\:px-12 { padding-left: 48px; padding-right: 48px; }
1077    .lg\:px-20 { padding-left: 80px; padding-right: 80px; }
1078
1079    .lg\:px-10 { padding-left: 40px; padding-right: 40px; }
1080    .lg\:py-5 { padding-top: 20px; padding-bottom: 20px; }
1081    .lg\:py-6 { padding-top: 24px; padding-bottom: 24px; }
1082    .lg\:py-7 { padding-top: 28px; padding-bottom: 28px; }
1083    .lg\:py-8 { padding-top: 32px; padding-bottom: 32px; }
1084    .lg\:py-15 { padding-top: 60px; padding-bottom: 60px; }
1085    .lg\:py-20 {padding-top: 80px; padding-bottom: 80px; }
1086    .lg\:pt-1 { padding-top: 4px; }
1087    .lg\:pt-3 { padding-top: 12px; }
1088    .lg\:pt-5 { padding-top: 20px; }
1089    .lg\:pt-6 { padding-top: 24px; }
1090    .lg\:pt-8 { padding-top: 32px; }
1091    .lg\:pt-9 { padding-top: 36px; }
1092    .lg\:pt-10 { padding-top: 40px; }
1093    .lg\:pt-15 { padding-top: 60px; }
1094    .lg\:pt-11 { padding-top: 44px; }
1095    .lg\:pb-6 { padding-bottom: 24px; }
1096    .lg\:pb-8 { padding-bottom: 32px; }
1097    .lg\:pb-9 { padding-bottom: 36px; }
1098    .lg\:pb-13 { padding-bottom: 52px; }
1099    .lg\:px-\[98px\] { padding-left: 98px; padding-right: 98px; }
1100
1101    .lg\:max-w-full{ max-width: 100%;}
1102
1103    .lg\:body-plus-1 { font-size: calc(var(--type-text-font-size) + 1px); }
1104    .lg\:body-plus-2 { font-size: calc(var(--type-text-font-size) + 2px); }
1105    .lg\:body-plus-4 { font-size: calc(var(--type-text-font-size) + 4px); }
1106    .lg\:text-7 { font-size: 28px; }
1107    .lg\:text-sm { font-size: 14px; line-height: 20px; }
1108    .lg\:text-base { font-size: 16px; line-height: 24px; }
1109    .lg\:text-xl { font-size: 20px; line-height: 24px; }
1110    .lg\:text-2xl { font-size: 24px; line-height: 28px; }
1111    .lg\:text-3xl { font-size: 28px; line-height: 32px; }
1112
1113    .lg\:text-center { text-align: center; }
1114
1115    .lg\:color-text-default { color: #9F9F9F; }
1116
1117    .lg\:border { border: 1px solid var(--color-border); }
1118
1119    .lg\:leading-1\.2 { line-height: 1.2; }
1120
1121    .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
1122    .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
1123    .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
1124    .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
1125    .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
1126    .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
1127    .lg\:gap-y-11 { row-gap: 44px; }
1128
1129    .lg\:gap-3 { gap: 12px; }
1130    .lg\:gap-4 { gap: 16px; }
1131    .lg\:gap-6 { gap: 24px; }
1132    .lg\:gap-y-4 { row-gap: 16px; }
1133    .lg\:gap-y-5 { row-gap: 20px; }
1134    .lg\:gap-y-6 { row-gap: 24px; }
1135    .lg\:gap-y-11 { row-gap: 44px; }
1136    .lg\:gap-x-4 { column-gap: 16px; }
1137    .lg\:gap-x-6 { column-gap: 24px; }
1138    .lg\:gap-x-10 { column-gap: 40px; }
1139
1140    .lg\:inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
1141
1142    .lg\:bottom-4 { bottom: 16px; }
1143    .lg\:bottom-5 { bottom: 20px; }
1144
1145    .lg\:overflow-hidden { overflow: hidden; }
1146
1147     /* box */
1148    .lg\:box-border { box-sizing: border-box; }
1149
1150    .lg\:hover\:border-btn-bg:hover:hover { border-color: var(--color-primary-btn-bg); }
1151    .lg\:hover\:bg-btn-bg:hover { background-color: var(--color-primary-btn-bg); }
1152    .lg\:hover\:text-btn-text-color:hover {color: var(--color-primary-btn-text); }
1153    .lg\:hover\:shadow-image:hover { box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.1); }
1154    .lg\:order-1 { order: 1; }
1155    .lg\:order-2 { order: 2; }
1156  }
1157  @media (max-width: 959.98px) {
1158      .md\:ml-4 { margin-left: 16px; }
1159      .md\:pr-4 { padding-right: 16px; }
1160      .md\:pl-4 { padding-left: 16px; }
1161      .md\:rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; }
1162    }
1163    @media (min-width: 960px) {
1164      .lg\:ml-auto { margin-left: auto; }
1165      .lg\:ml-1 { margin-left: 4px; }
1166      .lg\:ml-4 { margin-left: 16px; }
1167      .lg\:ml-8 { margin-left: 32px; }
1168      .lg\:ml-10 { margin-left: 40px; }
1169      .lg\:mr-0 { margin-right: 0; }
1170      .lg\:mr-3 { margin-right: 12px; }
1171      .lg\:mr-4 { margin-right: 16px; }
1172      .lg\:mr-5 { margin-right: 20px; }
1173      .lg\:pr-10{ padding-right: 40px; }
1174      .lg\:pl-10{ padding-left: 40px; }
1175      .lg\:pl-\[42px\] { padding-left: 42px; }
1176      .lg\:border-l { border-left: 1px solid var(--color-border); }
1177      .lg\:border-r { border-right: 1px solid var(--color-border); }
1178      .lg\:rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; }
1179    }
1180  </style>
1181<style>
1182  /* image */
1183  .product-snippet__img,
1184  .product-snippet__img-secondary{
1185    transition: opacity 400ms, transform 400ms;
1186  }
1187  .product-snippet__img-secondary {
1188    opacity: 0;
1189  }
1190
1191  .product-snippet__img {
1192    opacity: 1;
1193  }
1194
1195  .product-snippet__img-link{
1196    border-radius: var(--global-small-border-radius);
1197  }
1198  .product-snippet__img-wrapper.show_carousel .product-snippet__img_main,
1199  .product-snippet__img-wrapper:not(.show_carousel) .product-snippet__img_carousel{
1200    display: none !important;
1201  }
1202  .product-snippet__img_carousel .i-spzhtml-slide-item > * {
1203    width: 100% !important;
1204    padding: 0 !important;
1205    margin: 0 !important;
1206  }
1207  /* label */
1208  .product_snippet__label {
1209    position: absolute;
1210    top: 8px;
1211    left: 8px;
1212    padding: 2px;
1213    text-decoration-line: none;
1214    font-size: 12px;
1215    line-height: 1.2;
1216    border-radius:  2px ;
1217    z-index: 1;
1218  }
1219  .product_snippet__label:not([label-type="sold_out"]){
1220    background-color: var(--color-label-bg);
1221    color: var(--color-label-text);
1222  }
1223  .product_snippet__label[label-type="sold_out"]{
1224    background-color: var(--color-sold-label-bg);
1225    color: var(--color-sold-label-text);
1226  }
1227  .product_snippet__label spz-currency{
1228    display: inline-flex;
1229  }
1230  .product-snippet__title{
1231    word-break: break-word;
1232  }
1233
1234  /* price */
1235  .product-snippet__price-wrapper{
1236    line-height: 1.3;
1237  }
1238  .product-snippet__price{
1239    padding-right: 6px;
1240    font-weight: 500;
1241  }
1242  .product-snippet__price spz-currency{
1243    display: inline-flex;
1244  }
1245
1246  .product-snippet__from-price spz-currency {
1247    margin-left: 1px;
1248  }
1249
1250  html[dir="rtl"] .product-snippet__from-price spz-currency {
1251    margin-left: 0;
1252    margin-right: 1px;
1253  }
1254
1255  .product-snippet__price,
1256  .product-snippet__price .money,
1257  .product-snippet__compare-at-price{
1258    overflow: hidden;
1259    text-overflow: ellipsis;
1260    white-space: nowrap;
1261  }
1262
1263  .product-snippet__price .money {
1264    line-height: 1.25;
1265    font-weight: 500;
1266    color: var(--color-price-text);
1267  }
1268
1269  .product-snippet__compare-at-price {
1270    line-height: 1.15;
1271    color: var(--color-compare-at-price-text);
1272  }
1273
1274  .product-snippet__price-wrapper:not([wholesale-enabled]) .product-snippet__compare-at-price{
1275    text-decoration: line-through;
1276  }
1277
1278  .product-info-sales-and-reviews * + * {
1279    margin-left: 8px;
1280  }
1281
1282  html[dir="rtl"] .product-info-sales-and-reviews * + * {
1283    margin-left: 0;
1284    margin-right: 8px;
1285  }
1286
1287  @media (min-width: 960px){
1288    .product-snippet__price-wrapper{
1289      line-height: 1.1;
1290    }
1291    .product-snippet__price{
1292      font-size: calc(var(--type-text-font-size) + 2px);
1293    }
1294
1295    .product_snippet__label {
1296      padding: 2px 4px;
1297    }
1298
1299    .product-snippet__img-link[has-secondary-image]:hover .product-snippet__img{
1300      opacity: 0;
1301    }
1302
1303    .product-snippet__img-link[has-secondary-image]:hover .product-snippet__img-secondary{
1304      opacity: 1;
1305    }
1306    .product-snippet__img-secondary{
1307      transform: scale(1.05);
1308    }
1309
1310    .product-snippet__img-link[has-secondary-image]:hover .product-snippet__img-secondary{
1311      transform: scale(1);
1312    }
1313  }
1314  /* thumbnails */
1315  .product-snippet__thumbnails-item,
1316  .product-snippet__thumbnails-item img{
1317    border-radius: 1px;
1318  }
1319
1320  .product-snippet__thumbnails-item + .product-snippet__thumbnails-item {
1321    margin-left: 8px;
1322  }
1323
1324
1325  html[dir="rtl"] .product-snippet__thumbnails-item + .product-snippet__thumbnails-item {
1326    margin-left: 0;
1327    margin-right: 8px;
1328  }
1329
1330  .product-snippet__thumbnails-item[option] {
1331    position: relative;
1332  }
1333
1334  .product-snippet__thumbnails-item[option]::before {
1335    content: '';
1336    z-index: 1;
1337    position: absolute;
1338    top: 0;
1339    left: 0;
1340    right: 0;
1341    bottom: 0;
1342    border: 1px solid transparent;
1343    border-radius: var(--global-fixed-border-radius);
1344    transition: all .2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
1345  }
1346
1347  .product-snippet__thumbnails-item[option][selected]::before {
1348    border-color: var(--color-body-text);
1349  }
1350
1351  .product-snippet__thumbnails-item:not([option]) {
1352    margin: 0;
1353    padding: 0 8px;
1354    line-height: 36px;
1355  }
1356
1357  html[dir="rtl"] .product-snippet__thumbnails-item:not([option]) {
1358    margin: 0;
1359  }
1360
1361  /* quick shop icon */
1362  .product-snippet__quick-shop-icon {
1363    position: absolute;
1364    right: 8px;
1365    bottom: 8px;
1366    display: flex;
1367    align-items: center;
1368    justify-content: center;
1369    margin: 0;
1370    padding: 7px;
1371    border: none;
1372    border-radius: 9999px;
1373    background: rgba(255, 255, 255, 0.9);
1374    color: var(--color-body-text);
1375    z-index: 1;
1376  }
1377
1378  html[dir="rtl"] .product-snippet__quick-shop-icon {
1379    left: 8px;
1380    right: unset;
1381  }
1382
1383  @media (max-width: 959.98px) {
1384    .product-snippet__quick-shop-icon::before {
1385      content: '';
1386      position: absolute;
1387      top: -5px;
1388      left: -8px;
1389      right: -8px;
1390      bottom: -8px;
1391    }
1392  }
1393
1394  @media (min-width: 960px){
1395    .product-snippet__quick-shop-icon {
1396      padding: 10px;
1397      opacity: 0;
1398      transform: translateY(4px);
1399      transition: opacity .3s cubic-bezier(0.445, 0.05, 0.55, 0.95),
1400                  transform .3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
1401    }
1402
1403    .product-snippet__img-wrapper:hover .product-snippet__quick-shop-icon{
1404      opacity: 1;
1405      transform: translateY(0);
1406    }
1407  }
1408  /* quick shop btn */
1409  .product-snippet__quick-shop-btn{
1410    width: 100%;
1411    min-height: 40px;
1412    padding: 8px;
1413    border: 1px solid var(--color-primary-btn-bg);
1414    font-size: calc(var(--type-text-font-size) + 2px);
1415    font-weight: 600;
1416  }
1417  .product-snippet__quick-shop-btn[disable]{
1418    color: #9f9f9f;
1419    background-color: rgba(230, 230, 230, .5);
1420    border: none;
1421    cursor: default;
1422  }
1423  .product-snippet__quick-shop-btn:not(.select),
1424  .product_snippet__atc_select_btn{
1425    margin-top: 24px;
1426  }
1427  .product_snippet__atc_dropdown .i-spzhtml-dropdown-container{
1428    min-width: 100%;
1429  }
1430
1431  .product_snippet__atc_tooltip .i-spzhtml-tooltip-inner{
1432    padding: 0;
1433    box-shadow: none;
1434  }
1435  .product_snippet__atc_tooltip_content{
1436    display: flex;
1437    flex-direction: column;
1438    padding: 4px 0;
1439    color: var(--color-body-text);
1440    font-size: var(--type-text-font-size);
1441    background: var(--color-body-bg);
1442    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1), 0px 8px 40px rgba(0, 0, 0, 0.2);
1443    max-height: 300px;
1444    overflow: hidden auto;
1445  }
1446  .product_snippet__atc_tooltip_content input[type="radio"]{
1447    display: none;
1448  }
1449  .product_snippet__atc_tooltip_content label{
1450    padding: 12px;
1451    border-bottom: 1px solid #e5e5e5;
1452    display: flex;
1453    flex-wrap: wrap;
1454  }
1455  .product_snippet__atc_tooltip_content label:not([disabled]):hover{
1456    background: var(--color-body-text);
1457    color: var(--color-body-bg);
1458  }
1459  .product_snippet__atc_tooltip_content label[disabled]{
1460    opacity: 0.6;
1461  }
1462  .product_snippet__atc_tooltip_content .product-snippet__compare-at-price{
1463    text-decoration: line-through;
1464  }
1465</style>
1466    
1466<script>
1467      window.SHOP_PARAMS = {
1468        product_lang:{
1469          added_to_cart_successfully:"Added successfully",
1470          view_cart:"View Cart",
1471          select_variant:"Please select a variant at least",
1472          line_items_variant_withdraw: "Some items are not in stock, please re-order",
1473          line_items_variant_sold_out: "Some items have been sold out, please re-order",
1474          product_reorder: "Some items information has been updated, please re-order"
1475        },
1476        product_settings: {
1477          add_to_cart_process:"drawer",
1478        }
1479      }
1480      window.breakpoint = 960;
1481      window.disabled_exts = ["bootstrap", "image_video", "social_login", "global_version", "share_product", "boowc", "paypal_express"];
1482    </script>
1482
1483    
1483<script async crossorigin="anonymous" src="//static.staticdj.com/cuttlefish/v1/spz.min.js"></script>
1483
1484  </head>
1485  <body class="nova template-index m-0 type-text-font-family leading-1.3" id="nova-theme">
1486    <style>
1487      .back-to-top {
1488        position: fixed;
1489        right: 16px;
1490        bottom: 34px;
1491        width: 50px;
1492        height: 50px;
1493        background-color: rgba(41,41,41,.4);;
1494        transition: transform 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
1495        z-index: calc(var(--z-index-fixed) + 5);
1496      }
1497      .back-to-top[show] { transform: translateY(0); }
1498      @media (min-width: 960px) {
1499        .back-to-top {
1500          right: 32px;
1501          bottom: 24px;
1502        }
1503      }
1504    </style>
1505    <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');">
1506        <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>
1507    </div>
1508    <spz-observer
1509      layout="logic"
1510      value="500"
1511      @scrollExceedBoundary="top-button.toggleClass(class='hidden', force=false);"
1512      @scrollNotExceedBoundary="top-button.toggleClass(class='hidden', force=true);"
1513    ></spz-observer>
1514  <template id="product-snippet-template">
1515  <div>
1516    ${(function(){
1517      const get_random_six_digits = () => {
1518        return Math.random().toString().slice(-6)
1519      };
1520      const wholesale_enabled = false;
1521      const setting_product_image_display = "100%";
1522      const product_image = data.image;
1523      const secondary_image = data.secondImage;
1524      const image_width = product_image.width;
1525      let image_height = product_image.height;
1526      if(setting_product_image_display == '100%'){
1527        image_height = image_width
1528      }else if(setting_product_image_display == '133.33%'){
1529        image_height = image_width * 1.3333;
1530      };
1531      const product_image_hover_on = true && !!secondary_image.src;
1532      const has_save_label = true && ((+data.compare_at_price) > (+data.price));
1533      const is_single_variant = data.variants.length == 1;
1534      const min_price_variant_href = (data.min_price_variant && data.min_price_variant.available) ? data.min_price_variant.withinUrl : data.withinUrl;
1535      const retail_price_max = data.retail_price_max || data.compare_at_price_max;
1536      const THUMBNAILS_MAX_SIZE = 3;
1537      const thumbnails = data.thumbVariants.slice(0, THUMBNAILS_MAX_SIZE);
1538      const image_wrap_id = 'image_wrap_' + get_random_six_digits();
1539      const image_carousel_id = 'image_carousel_' + get_random_six_digits();
1540      const thumbnails_selector_id = 'thumbnails_selector_' + get_random_six_digits();
1541      const form_id = 'form_' + get_random_six_digits();
1542      const mixed_wholesale = data.mixed_wholesale;
1543      return `
1544        <div class="product-snippet__img-wrapper relative" id="${image_wrap_id}">
1545          <a
1546            class="product-snippet__img-link relative block overflow-hidden"
1547            spz-href="${data.withinUrl}"
1548            ${product_image_hover_on?"has-secondary-image":""}
1549          >
1550            <spz-img
1551              class="product-snippet__img product-snippet__img_main"
1552              layout="responsive"
1553              width="${image_width}"
1554              height="${image_height}"
1555              src="${product_image.src}"
1556              alt="${product_image.alt}"
1557              object-fit="cover"
1558              auto-fit
1559            ></spz-img>
1560            <spz-carousel
1561                class="product-snippet__img product-snippet__img_carousel"
1562                id="${image_carousel_id}"
1563                layout="responsive"
1564                width="${image_width}"
1565                height="${image_height}"
1566                initial-slide="0"
1567                slide
1568                effect="fade"
1569                spz-if="${thumbnails.length>0}"
1570              >
1571                <spz-img
1572                  spz-if="!!item.image"
1573                  layout="responsive"
1574                  width="${image_width}"
1575                  height="${image_height}"
1576                  src="${item.image && item.image.src || ''}"
1577                  alt="${item.image && item.image.alt || ''}"
1578                  object-fit="cover"
1579                  auto-fit
1580                  spz-for="(item, index) in thumbnails"
1581                  key="index"
1582                ></spz-img>
1583              </spz-carousel>
1584            <spz-img
1585              class="product-snippet__img-secondary absolute top-0"
1586              layout="responsive"
1587              width="${image_width}"
1588              height="${image_height}"
1589              src="${secondary_image.src || ''}"
1590              alt="${secondary_image.alt}"
1591              object-fit="cover"
1592              auto-fit
1593            ></spz-img>
1594          </a>
1595          <button
1596              type="button"
1597              class="product-snippet__quick-shop-icon"
1598              data-track-product-id="${data.id}"
1599              data-track-position=""
1600              data-track="quick_shop"
1601              @tap="quick-shop.open;quick-shop-render.render(src='/api/products/${data.id}');"
1602              spz-if="${data.available && !(!wholesale_enabled && is_single_variant)}"
1603            >
1604              <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
1605            </button>
1606            <spz-product-form
1607  product-id="${data.id}"
1608  layout="container"
1609  @atcSuccess="cart-drawer-modal.open;"
1610  @atcError="theme-toast.showToast(content=event.message);"
1611  spz-if="${data.available && !wholesale_enabled && is_single_variant}"
1612>
1613  <form>
1614    <input name="variant_id" type="hidden" value="${data.variants[0].id}">
1615    <button
1616      type="button"
1617      class="product-snippet__quick-shop-icon"
1618      role="addToCart"
1619      data-quick-shop="${data.handle}"
1620      data-track-product-id="${data.id}"
1621      data-track="click"
1622      data-track-content="add_to_cart"
1623      data-track-source="quick_shop"
1624    >
1625      <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
1626    </button>
1627  </form>
1628</spz-product-form>
1629          <a
1630    class="product_snippet__label"
1631    label-type="${data.available?'save':'sold_out'}"
1632    spz-href="${min_price_variant_href}"
1633    spz-if="${!data.available||has_save_label}"
1634  >
1635    ${
1636      data.available
1637        ? 
1638
1639`${
1640    (+data.compare_at_price > +data.price)
1641     ? `Save 
1642      <spz-currency value="${ data.compare_at_price-data.price }" layout="container"></spz-currency>
1643    `
1644     : ''
1645  }`
1646: "Sold out"
1647    }
1648  </a>
1649</div>
1650        <div spz-if="${mixed_wholesale}">
1651          <style>
1652  .mixed_wholesale_label {
1653    padding: 2px 4px;
1654  }
1655
1656  .mixed_wholesale_tooltip .i-spzhtml-tooltip-arrow:before,
1657  .mixed_wholesale_tooltip .i-spzhtml-tooltip-inner {
1658    background: var(--color-body-bg);
1659    color: var(--color-body-text);
1660  }
1661
1662  .mixed_wholesale_tooltip {
1663    max-width: 100%;
1664    border-radius: 4px;
1665    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.1);
1666  }
1667
1668  @media (min-width: 960px) {
1669    .mixed_wholesale_tooltip {
1670      max-width: 450px;
1671    }
1672  }
1673</style>
1674<div class="mt-2 lg:mt-3 mixed_wholesale_label inline-flex color-custom-label-text bg-custom-label text-xs rounded" id="mixed-${image_wrap_id}">
1675  Mixed Lot
1676</div>
1677<spz-tooltip layout="logic" content="You can enjoy the wholesale price when you add up to {{count}} pieces of current goods and any goods that support &quot;Mixed Lot&quot; in the store." interact="hover" for="mixed-${image_wrap_id}" placement="bottom" overlay-class="mixed_wholesale_tooltip">
1678</spz-tooltip>
1679        </div>
1680        <h3
1681          class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
1682          <a class="text-inherit no-underline" spz-href="${data.withinUrl}">
1683            ${data.title}
1684          </a>
1685        </h3>
1686        <a
1687          class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
1688          spz-href="${min_price_variant_href}"
1689          >
1690          <span class="product-snippet__price ${data.price_min != data.price_max ? 'product-snippet__from-price' : ''}">
1691              ${
1692                data.price_min != data.price_max
1693                  ? `from 
1694                <spz-currency value="${data.price}" layout="container"></spz-currency>
1695              `
1696                  : `
1697                <spz-currency value="${data.price}" layout="container"></spz-currency>
1698              `
1699              }
1700            </span>
1701            <spz-currency class="product-snippet__compare-at-price" value="${data.compare_at_price}" layout="container" spz-if="${+data.compare_at_price>+data.price}"></spz-currency>
1702          </a>
1703        <spz-selector
1704            id="${thumbnails_selector_id}"
1705            layout="container"
1706            class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
1707            @mouseover="${thumbnails_selector_id}.toggle(option=event.targetOption,value=true);${image_carousel_id}.goToSlide(index=event.targetOption);${image_wrap_id}.toggleClass(class='show_carousel',force=true)"
1708            spz-if="${thumbnails.length>0}"
1709          >
1710            <a
1711              spz-if="!!item.image"
1712              class="product-snippet__thumbnails-item flex cursor-pointer"
1713              spz-href="${item.withinUrl}"
1714              spz-for="(item, index) in thumbnails"
1715              key="index"
1716              option="${index}"
1717            >
1718              <spz-img
1719                layout="fixed"
1720                width="28"
1721                height="28"
1722                src="${item.image && item.image.src || ''}"
1723                alt="${item.image && item.image.alt || ''}"
1724                object-fit="cover"
1725                auto-fit
1726              ></spz-img>
1727            </a>
1728            <a spz-href="${data.withinUrl}" class="product-snippet__thumbnails-item text-xs text-inherit no-underline" spz-if="${data.remainInvisibleThumbCount>0}">
1729              +${data.remainInvisibleThumbCount}
1730            </a>
1731          </spz-selector>
1732        `
1733    })()}
1734  </div>
1735</template>
1736<div class="page_container">
1737      <style type="text/css">
1738  [data-section-id=announcement] {
1739    position: relative;
1740    z-index: 1030;
1741    background: var(--color-announcement-bg);
1742    color: var(--color-announcement-text);
1743  }
1744  [data-section-id=announcement].header_mask_open{
1745    z-index: unset;
1746  }
1747
1748  .announcement-content {
1749    cursor: pointer;
1750  }
1751
1752  .announcement-content[carousel_off] {
1753    pointer-events: none;
1754  }
1755</style><div id="shoplaza-section-announcement" class="shoplaza-section" data-section-id="announcement" data-section-type="announcement" data-section-style="">
1756
1757<div class="page-container relative">
1758    <spz-carousel ssr class="announcement-content md:hidden mx-auto text-center" layout="container"  carousel_off advance-count=1>
1759      <div  class="break-all py-2 mce-content"><p>✈Free shipping on order over $50.00</p></div>
1760        </spz-carousel>
1761    <spz-carousel ssr class="announcement-content lg:hidden mx-auto text-center" layout="container"  carousel_off >
1762      <div  class="break-all w-full py-2 flex-shrink-0 mce-content"><p>✈Free shipping on order over $50.00</p></div>
1763        </spz-carousel>
1764  </div>
1765</div>
1766      <div id="shoplaza-section-header" class="shoplaza-section" data-section-id="header" data-section-type="header" data-section-style="">
1767<style>
1768	.header__desktop,
1769	.header__mobile {
1770		color: var(--color-header-text);
1771    position: relative;
1772    z-index: 20;
1773	}
1774
1775	.header__layout {
1776		background: var(--color-header-bg);
1777	}
1778
1779	.header-shadow{
1780		box-shadow: 0 6px 10px -3px rgba(41, 41, 41, 0.08);
1781	}
1782
1783	.header-bg {
1784		background: var(--color-header-bg);
1785	}
1786
1787	.header__menu-item-tag{
1788    margin-top: -6px;
1789    margin-left: 2px;
1790    padding: 2px 4px;
1791    font-size: 12px;
1792    line-height: 1;
1793    border-radius: 2px;
1794  }
1795	[data-section-id="header"]{
1796		pointer-events: none;
1797	}
1798</style>
1799
1800<style>
1801	
1802	
1803		@media (min-width: 960px) {
1804			
1805		[data-section-id="header"]{
1806			position: sticky;
1807			top: 0;
1808			z-index: 1021;
1809		}
1810	
1811		}
1812	
1813	
1814		@media (max-width: 959.98px) {
1815			
1816		[data-section-id="header"]{
1817			position: sticky;
1818			top: 0;
1819			z-index: 1021;
1820		}
1821	
1822		}
1823	
1824</style>
1825
1826<style>
1827	/* layout left */
1828	.header__desktop[data-layout="left"] .header__logo {
1829		flex: 1;
1830		order: 1;
1831	}
1832
1833	.header__desktop[data-layout="left"] .header__icons {
1834		order: 4;
1835	}
1836
1837	.header__desktop[data-layout="left"] .header__menu-sticky,
1838	.header__desktop[data-layout="center"] .header__menu-sticky {
1839		display: none;
1840		order: 2;
1841	}
1842
1843	/* layout center */
1844	.header__desktop[data-layout="center"] .header__logo {
1845		order: 2;
1846		display: flex;
1847		justify-content: center;
1848	}
1849
1850	.header__desktop[data-layout="center"] .header__search {
1851		flex: 1;
1852		order: 1;
1853	}
1854
1855	/* layout menu_left_logo_center */
1856	.header__desktop[data-layout="menu_left_logo_center"] .header__logo {
1857		order: 2;
1858		display: flex;
1859		justify-content: center;
1860		width: 200px;
1861		margin-left: 50px;
1862		margin-right: 50px;
1863	}
1864
1865	/* layout logo_left_menu_left */
1866	.header__desktop[data-layout="logo_left_menu_left"] .header__logo {
1867		order: 0;
1868		display: flex;
1869		margin-right: 24px;
1870	}
1871
1872	.header__desktop[data-layout="logo_left_menu_left"] .header__icons {
1873		order: 4;
1874		justify-content: end;
1875	}
1876
1877	.header__desktop[data-layout="center"] .header__icons,
1878	.header__desktop[data-layout="menu_left_logo_center"] .header__icons {
1879		flex: 1;
1880		order: 4;
1881		justify-content: end;
1882	}
1883
1884	.header__desktop[data-layout="left"] .header__menu-sticky,
1885	.header__desktop[data-layout="center"] .header__menu-sticky,
1886	.header__desktop[data-layout="logo_left_menu_left"] .header__menu-sticky {
1887		padding-left: 28px;
1888		padding-right: 28px;
1889	}
1890
1891	.header__desktop[data-layout="logo_left_menu_left"] .header__menu-sticky .header__menu-item-sub,
1892	.header__desktop[data-layout="menu_left_logo_center"] .header__menu-sticky .header__menu-item-sub {
1893		max-width: 425px;
1894	}
1895
1896	.header__desktop[data-layout="left"] .header__menu-wrapper .header__menu,
1897	.header__desktop[data-layout="center"] .header__menu-wrapper .header__menu{
1898		padding: 6px 0 0 0;
1899	}
1900	.header__desktop[data-layout="left"] .header__menu-wrapper .header__menu-item-sub,
1901	.header__desktop[data-layout="center"] .header__menu-wrapper .header__menu-item-sub{
1902		padding-bottom: 17px;
1903	}
1904
1905	
1906</style>
1907
1908<style>
1909	
1910		@media (min-width: 960px) {
1911			.header__scroll_hide,
1912			.header__scroll_hide ~ *{
1913				transition: transform 0.3s;
1914			}
1915			#shoplaza-section-header.show_shadow .header__desktop .header__menu-wrapper{
1916				box-shadow: 0 6px 10px -3px rgba(41, 41, 41, 0.08);
1917			}
1918			body.header_scroll #shoplaza-section-header{
1919				box-shadow: none;
1920			}
1921			.header_scroll .header__desktop[data-layout="center"] .header__search,
1922			.header_scroll .header__desktop[data-layout="center"] .header__icons,
1923			.header_scroll .header__desktop[data-layout="left"] .header__search,
1924			.header_scroll .header__desktop[data-layout="left"] .header__icons
1925			{
1926				flex-grow: unset;
1927			}
1928			.header_scroll .header__desktop[data-layout="center"] .header__logo,
1929			.header_scroll .header__desktop[data-layout="left"] .header__logo{
1930				flex-grow: unset;
1931				order: 1;
1932				margin-right: 20px;
1933			}
1934			.header_scroll .header__desktop[data-layout="center"] .header__scroll_hide,
1935			.header_scroll .header__desktop[data-layout="left"] .header__scroll_hide{
1936				transform: translateY(-100%);
1937			}
1938			.header_scroll .header__desktop[data-layout="center"] .header__scroll_hide ~ *,
1939			.header_scroll .header__desktop[data-layout="left"] .header__scroll_hide ~ *{
1940				transform: translateY(calc(-1 * var(--header-scroll-hide-height-pc)));
1941			}
1942			.header_scroll .header__desktop[data-layout="center"] .header__menu-sticky,
1943			.header_scroll .header__desktop[data-layout="left"] .header__menu-sticky{
1944				display: block;
1945				flex: 1;
1946			}
1947			.header_scroll .header__desktop[data-layout="center"] .header__menu-content,
1948			.header_scroll .header__desktop[data-layout="left"] .header__menu-content{
1949				visibility: hidden;
1950			}
1951		}
1952	
1953	
1954		@media (max-width: 959.98px) {
1955			.header__scroll_hide {
1956				transition: transform .5s;
1957			}
1958
1959			#shoplaza-section-header.show_shadow .header__mobile .header__fixed-top {
1960				box-shadow: 0 6px 10px -3px rgba(41, 41, 41, 0.08);
1961			}
1962
1963			.header_scroll .header__scroll_hide.non-sticky {
1964				transform: translateY(-100%);
1965			}
1966
1967			.header__icons.show-menu-icon .header__account,
1968			.header__icons:not(.show-menu-icon) .header__icon-menu--force,
1969			#header-search-container-mobile:not(.show) {
1970				display: none;
1971			}
1972		}
1973	
1974</style>
1975
1976<style>
1977  .header__logo{
1978    margin: 0;
1979    font-size: 0;
1980  }
1981  .header__logo-title{
1982    max-width: 185px;
1983    overflow-wrap: break-word;
1984    font-size: 24px;
1985    line-height: 38px;
1986    font-weight: 600;
1987    color: inherit;
1988    overflow: hidden;
1989    text-decoration-line: none;
1990  }
1991  [data-section-id="header"] .image_width {
1992    width: 140px;
1993  }
1994  @media (min-width: 960px) {
1995    .header__logo{
1996      padding: 18px 0;
1997    }
1998    .header__logo-title{
1999      max-width: 380px;
2000      font-size: 30px;
2001      line-height: 36px;
2002      font-weight: 500;
2003    }
2004    [data-section-id="header"] .image_width {
2005      width: 190px;
2006    }
2007  }
2008  @media (max-width: 959.98px) {
2009    .header__logo{
2010      flex: 1;
2011    }
2012  }
2013</style>
2014
2015<style>
2016	.header__account,
2017  .header__cart,
2018  .header__drawer_icon{
2019		
2020    	margin-left: 22px;
2021		
2022  }
2023	.header__account_dropdown {
2024		margin: 6px;
2025	}
2026
2027	.header__account_dropdown .i-spzhtml-dropdown-container {
2028		background-color: transparent;
2029	}
2030
2031  .header__account_dropdown_content{
2032    width: 146px;
2033    padding: 15px;
2034    font-size: 14px;
2035    line-height: 18px;
2036    color: var(--color-menu-item-text);
2037    background-color: var(--color-header-bg);
2038    z-index: var(--z-index-dropdown);
2039    transition: all 200ms;
2040    border-radius: 4px;
2041  }
2042  .header__account_dropdown_content > li{
2043    cursor: pointer;
2044  }
2045  .header__account_dropdown_content > li:hover{
2046    color: var(--color-menu-item-text-70);
2047  }
2048  .header__account_dropdown_content > li + li{
2049    margin-top: 18px;
2050  }
2051  .header__account_dropdown_content a{
2052    color: inherit;
2053    text-decoration: none;
2054  }
2055  .header__cart-count{
2056    min-height: 18px;
2057    min-width: 18px;
2058    padding: 3px 4px;
2059    top: -18px;
2060		
2061    	right: -4px;
2062		
2063    font-size: 12px;
2064    color: var(--color-cart-dot-text);
2065    background-color: var(--color-cart-dot-bg);
2066  }
2067
2068	.header-cart-back-btn {
2069		margin-right: 2px;
2070	}
2071
2072	html[dir="rtl"] .header-cart-back-btn {
2073		margin-left: 2px;
2074		margin-right: 0;
2075		transform: rotate(180deg);
2076	}
2077
2078  @media (min-width: 960px) {
2079    .header__account,
2080    .header__cart,
2081    .header__plugin-container > *{
2082      margin-left: 30px;
2083			margin-right: unset;
2084    }
2085    .header__account_dropdown_content{
2086      visibility: hidden;
2087			position: absolute;
2088      margin-top: 10px;
2089			
2090      	margin-left: -50px;
2091			
2092      width: 160px;
2093    }
2094    .header__account:hover .header__account_dropdown_content{
2095      visibility: visible;
2096    }
2097  }
2098</style>
2099<spz-observer
2100    layout="logic"
2101    value="1"
2102    @scrollExceedBoundary="shoplaza-section-header.toggleClass(class='show_shadow', force=true);"
2103    @scrollNotExceedBoundary="shoplaza-section-header.toggleClass(class='show_shadow', force=false);"
2104  ></spz-observer>
2105  <spz-observer
2106    layout="logic"
2107    @scrollDown="nova-theme.toggleClass(class='header_scroll', force=true);header-menu-top.updateMoreLink"
2108    @scrollUp="nova-theme.toggleClass(class='header_scroll', force=false);"
2109  ></spz-observer>
2110<div class="header_container relative">
2111  <style>
2112  .header__menu-sticky {
2113    padding-top: 28px;
2114  }
2115  .header__menu-sticky .header__menu-item-sub {
2116    padding-bottom: 28px;
2117  }
2118</style>
2119<div class="header__desktop md:hidden" data-layout="center">
2120  <div class="header__layout relative z-50 pointer-events-auto">
2121    <div class="header__layout-content page-container flex items-center direction_ltr_self">
2122      <h1 class="header__logo flex-shrink-0 type-heading-font-family">
2123  <a class="image_width block md:hidden" href="/">
2124  <spz-img
2125      layout="responsive"
2126      width="300"
2127      height="100"
2128      src="//img.staticdj.com/da7b476af7322b6a98b73854e8df74b8_400x.JPG"
2129      alt=""
2130    ></spz-img>
2131  </a>
2132  <a class="image_width block lg:hidden" href="/">
2133  <spz-img
2134      layout="responsive"
2135      width="300"
2136      height="100"
2137      src="//img.staticdj.com/da7b476af7322b6a98b73854e8df74b8_400x.JPG"
2138      alt=""
2139    ></spz-img>
2140  </a>
2141</h1>
2142<style>
2143  .header__search button,
2144  .header__search input{
2145    border: none;
2146    outline: none;
2147  }
2148  .header__search-btn,
2149  .header__search-icon{
2150    background: transparent;
2151  }
2152  .header__search {
2153    display: flex;
2154    align-items: center;
2155    flex-shrink: 0;
2156  }
2157  .header__search-btn {
2158    padding: 0;
2159    margin: 0;
2160    font-size: 0;
2161    color: inherit;
2162    cursor: pointer;
2163  }
2164  .header__search-form{
2165    min-height: 40px;
2166  }
2167  .header__search-input{
2168    font-size: 13px;
2169    line-height: 16px;
2170    color: var(--color-header-search-text);
2171    background-color: var(--color-header-search-bg);
2172    padding: 12px 16px 12px 36px;
2173      border-radius: 2px 0 0 2px;
2174    }
2175  .header__search-input:not(:placeholder-shown) ~ .header__search-icon-close{
2176    display: flex;
2177  }
2178  .header__search-icon{
2179    left: 10px;
2180    top: 50%;
2181    transform: translateY(-50%);
2182    color: var(--color-header-search-text-50);
2183  }
2184  .header__search-icon-close{
2185    top: 50%;
2186    transform: translateY(-50%);
2187    height: 18px;
2188    width: 18px;
2189    color: #fff;
2190    background: #C0C0C0;
2191    right: 10px;
2192    }
2193  .header__search-icon:hover,
2194  .header__search-icon-close:hover{
2195    color: var(--color-header-search-text);
2196  }
2197  .header__search-submit-btn{
2198    padding: 11px 16px;
2199    font-size: 14px;
2200    line-height: 18px;
2201    color: var(--color-header-search-btn-text);
2202    background-color: var(--color-header-search-btn-bg);
2203    border-radius: 0 2px 2px 0;
2204    }
2205  @media (max-width: 959.98px) {
2206    .header__search-form{
2207      width: 100%
2208    }
2209  }
2210  @media (min-width: 960px) {
2211    .header__search-form{
2212      margin: 18px 0;
2213    }
2214    .header__search-input{
2215      width: 232px;
2216      border-radius: 2px;
2217    }
2218    .header__desktop[data-layout="left"] .header__search-input{
2219      width: 278px;
2220    }
2221  }
2222</style>
2223
2224<div class="header__search" id="">
2225    <button
2226        type="button"
2227        class="header__search-btn"
2228        @tap="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=true);header_search_sidebar.open()"
2229      >
2230        <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 
22300 1 1-16.8 0 8.4 8.4 0 0 1 16.8 0z" fill="currentColor"/></svg>
2231      </button>
2232    </div>
2233<spz-observer
2234  layout="logic"
2235  target="header__plugin-container"
2236  @childUpdated="header-menu-top.updateMoreLink"
2237></spz-observer>
2238<div class="header__icons flex-shrink-0 flex items-center" >
2239  <div class="header__plugin-container md:hidden flex items-center" id="header__plugin-container">
2240    <div class="empty-hidden plugin__translate-header"></div>
2241    <div class="empty-hidden plugin__currency"></div>
2242  </div>
2243
2244  <div class="header__account relative text-0  md:hidden ">
2245    <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>
2246    <ul class="header__account_dropdown_content list-none header-shadow">
2247    <li><a href="/account/login">Log in</a></li>
2248      <li><a href="/account/register">Create an account</a></li>
2249      </ul>
2250</div>
2251  <a class="header__cart relative flex justify-end items-center text-0 text-inherit cursor-pointer no-underline" href="/cart">
2252    <i>
2253      <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>
2254      </i>
2255    <!-- 购物车数量 -->
2256    <spz-event target-id="header_cart_count_render_pc" target-api="render" event-name="dj.addToCart;dj.cartChange;" layout="logic"></spz-event>
2257    <spz-render id="header_cart_count_render_pc" layout="container" src="/api/cart/count">
2258      <template>
2259        <div>
2260          <span class="header__cart-count absolute rounded-full leading-none text-center" spz-if="${data.data && data.data.count > 0}">${data.data && data.data.count}</span>
2261        </div>
2262      </template>
2263    </spz-render>
2264  </a>
2265  <i class="header__drawer_icon  flex lg:hidden cursor-pointer" @tap="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=true);header_drawer.open()">
2266      <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>
2267    </i>
2268  </div>
2269      <div class="header__menu-sticky flex-1 overflow-hidden">
2270        <style>
2271  .header__desktop .header__menu{
2272    background: inherit !important;
2273  }
2274  .header__desktop .header__menu-item{
2275    padding: 0 18px;
2276    font-size: var(--type-nav-font-size);
2277  }
2278  .header__desktop .header__menu-item:first-child {
2279    margin-left: 0;
2280    }
2281  .header__second_menu-wrapper,
2282  .header__three_menu-wrapper,
2283  .header__more_menu-wrapper{
2284    z-index: var(--z-index-sticky);
2285    visibility: hidden;
2286  }
2287  .header__menu-item-first:hover .header__second_menu-wrapper,
2288  .header__menu-item-first:hover .header__three_menu-wrapper,
2289  .header__menu-item-first:hover .header__more_menu-wrapper{
2290    visibility: visible;
2291  }
2292  .header__second_menu-wrapper,
2293  .header__three_menu-wrapper,
2294  .header__more_menu_three{
2295    overflow: hidden auto;
2296    max-height: calc(var(--window-height) - var(--header-height) - 200px);
2297  }
2298  .header__second_menu-wrapper{
2299    min-width: 180px;
2300    max-width: 400px;
2301    margin: 0 0 -18px 0;
2302    padding: 25px 18px;
2303    }
2304  .header__second_menu-wrapper li + li{
2305    margin-top: 18px;
2306  }
2307  .header__three_menu-content{
2308    display: grid;
2309    grid-template-columns: repeat(4, minmax(0, 1fr));
2310    margin: 0 -30px;
2311  }
2312  .header__desktop .header__menu-item[data-levels="2"] .header__three_menu-wrapper ul{
2313    flex-wrap: wrap;
2314    margin-top: -50px;
2315  }
2316  .header__desktop .header__menu-item:not([data-levels="2"]) .header__three_menu-wrapper ul{
2317    flex-direction: column;
2318    margin-top: -12px;
2319  }
2320  .header__desktop .header__menu-item[data-levels="2"][data-has-product] .header__three_menu-wrapper ul li{
2321    width: 33.33%;
2322  }
2323  .header__desktop .header__menu-item[data-levels="2"]:not([data-has-product]) .header__three_menu-wrapper ul li{
2324    width: 25%;
2325  }
2326  .header__desktop .header__menu-item[data-has-product] .header__three_menu-wrapper ul{
2327    grid-column: span 3 / span 3;
2328  }
2329  .header__desktop .header__menu-item:not([data-has-product]) .header__three_menu-wrapper ul{
2330    grid-column: span 4 / span 4;
2331  }
2332  .header__desktop .header__menu-item[data-levels="2"] .header__menu-item-second{
2333    padding: 50px 30px 8px;
2334    font-size: var(--type-nav-font-size);
2335    color: var(--color-header-text);
2336  }
2337  .header__three_menu-wrapper .header__menu-item-last{
2338    padding: 12px 30px 0;
2339  }
2340  .header__desktop .header__menu-item .header__menu-item-last{
2341    color: var(--color-header-text-70);
2342    font-size: calc(var(--type-nav-font-size) - 2px);
2343    line-height: 1.4;
2344  }
2345  .header__desktop .header__menu-item .header__menu-item-last:hover {
2346    color: var(--color-header-text);
2347  }
2348  .header__menu_product{
2349    grid-column: span 1 / span 1;
2350    padding-left: 30px;
2351    padding-right: 30px;
2352  }
2353  .header_menu_hover_animation{
2354    opacity: 0;
2355    transform: translateY(-12px);
2356    transition: all 200ms;
2357  }
2358  .header__menu-item-first:hover .header_menu_hover_animation{
2359    opacity: 1;
2360    transform: translateY(0);
2361  }
2362  .header__desktop .header__menu-item-first .header__menu-item-sub::after{
2363    content: "";
2364    position: absolute;
2365    left: 0;
2366    bottom: 0;
2367    display: block;
2368    width: 0;
2369    height: 3px;
2370    background-color: var(--color-header-text);
2371    transition: width .2s;
2372	}
2373	.header__desktop .header__menu-item-first:hover .header__menu-item-sub::after{
2374		width: 100%;
2375	}
2376</style>
2377<style>
2378  .header-menu-container[finish] .header__more_menu-wrapper{
2379    display: block !important;
2380    position: static !important;
2381  }
2382  .header__more_menu,
2383  .header__more_menu_right{
2384    display: grid;
2385  }
2386  .header__more_menu{
2387    grid-template-columns: repeat(4,minmax(0,1fr));
2388  }
2389  .header__more_menu_right{
2390    grid-template-columns: repeat(3,minmax(0,1fr));
2391  }
2392  .header__more_menu [role="tabs"],
2393  .header__more_menu_right .header__menu_product{
2394    grid-column: span 1/span 1;
2395  }
2396  .header__more_menu_right > ul[data-has-product]{
2397    grid-column: span 2/span 2;
2398  }
2399  .header__more_menu [role="tabpanel"],
2400  .header__more_menu_right > ul:not([data-has-product]){
2401    grid-column: span 3/span 3;
2402  }
2403  .header__more_menu{
2404    line-height: 1.25;
2405    padding-top: 32px;
2406    padding-bottom: 36px;
2407  }
2408  .header__more_menu [role="tab"] + [role="tab"]{
2409    padding-top: 20px;
2410  }
2411  .header__more_menu_icon{
2412    transform: rotate(180deg);
2413    transition: all 200ms;
2414  }
2415  .header__more_menu [role="tab"][active] .header__more_menu_icon{
2416    transform: rotate(0);
2417  }
2418  .header__more_menu_right li {
2419    padding-bottom: 20px;
2420  }
2421  .header__more_menu_right_item{
2422    padding: 0 30px 8px;
2423  }
2424  .header__more_menu_right_item + .header__more_menu_right_item{
2425    padding: 12px 30px 0;
2426  }
2427  .header__more_menu_right .header__menu_product{
2428    padding: 0 30px;
2429  }
2430</style>
2431<spz-menu id="header-menu-top" layout="container" class="header-menu-container   type-heading-font-family ">
2432  <ul class="header__menu flex m-0 p-0 list-none">
2433    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-1" data-id="80779717"  data-levels="0">
2434        <div class="flex items-start">
2435          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 
2436href="/" >Home</a>
2437          </div>
2438
2439        </li>
2440    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-2" data-id="83743781"  data-levels="0">
2441        <div class="flex items-start">
2442          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 
2443href="/collections/women-shoes" >Women shoes</a>
2444          </div>
2445
2446        </li>
2447    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-3" data-id="83007573"  data-has-product  data-levels="1">
2448        <div class="flex items-start">
2449          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 
2450href="/collections/pop-up-bouquets" >Pop-Up Bouquets</a>
2451          </div>
2452
2453        <div class="header__three_menu-wrapper header-shadow absolute left-0 right-0 header-bg overflow-x-hidden overflow-y-auto" spz-menu-submenu>
2454              <div class="hide-scrollbar page-container lg:pt-8 lg:pb-9">
2455                <div class="header__three_menu-content">
2456                  <ul class="header__waterfall-wrapper header_menu_hover_animation m-0 p-0 flex list-none" >
2457                    
2458                      
2459                        <a class="header__menu-item-last w-full no-underline" 
2460href="/collections/classic-pop-up-bouquets" >
2461                          <span class="font-medium">classic pop up bouquets</span>
2462                          
2463                          
2464                          
2465                          
2466                        </a>
2467                      
2468                    
2469                      
2470                        <a class="header__menu-item-last w-full no-underline" 
2471href="/collections/mini-bouquet-pop-up-cards" >
2472                          <span class="font-medium">mini bouquet pop up cards</span>
2473                          
2474                          
2475                          
2476                          
2477                        </a>
2478                      
2479                    
2480                      
2481                        <a class="header__menu-item-last w-full no-underline" 
2482href="/collections/grande-bouquets" >
2483                          <span class="font-medium">grande bouquets</span>
2484                          
2485                          
2486                          
2487                          
2488                        </a>
2489                      
2490                    
2491                      
2492                        <a class="header__menu-item-last w-full no-underline" 
2493href="/collections/rose-bouquet-building-block-set" >
2494                          <span class="font-medium">Rose Bouquet Building Block Set</span>
2495                          
2496                          
2497                          
2498                          
2499                        </a>
2500                      
2501                    
2502                  </ul>
2503                  <div class="header__menu_product header_menu_hover_animation">
2504<div class="shoplazza-product-snippet" product-id="4e6826d8-cb41-4614-b3f8-640fd7c86086">
2505
2506  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_header_4e6826d8-cb41-4614-b3f8-640fd7c86086_-3">
2507    <a
2508      class="product-snippet__img-link relative block overflow-hidden"
2509      href="/products/blooming-roses"
2510has-secondary-image
2511    >
2512      <spz-img
2513        class="product-snippet__img product-snippet__img_main"
2514        layout="responsive"
2515        width="1500"
2516        height="1500"
2517        src="//img.staticdj.com/bef081796bfae7cec58019f8c75bb0c4.jpeg"
2518        alt=""
2519        object-fit="cover"
2520        auto-fit
2521        ></spz-img>
2522      <spz-img
2523          class="product-snippet__img-secondary absolute top-0"
2524          layout="responsive"
2525          width="1500"
2526          height="1500"
2527          src="//img.staticdj.com/ec4614786536f2eef96bd5bd7cc2fb39.jpeg"
2528          alt=""
2529          object-fit="cover"
2530          auto-fit
2531        ></spz-img>
2532      </a>
2533    <spz-product-form
2534  product-id="4e6826d8-cb41-4614-b3f8-640fd7c86086"
2535  layout="container"
2536  @atcSuccess="cart-drawer-modal.open;"
2537  @atcError="theme-toast.showToast(content=event.message);"
2538  >
2539  <form>
2540    <input name="variant_id" type="hidden" value="e334344d-a1e1-4af8-9110-3dda35b0cbf7">
2541    <button
2542      type="button"
2543      class="product-snippet__quick-shop-icon"
2544      role="addToCart"
2545      data-quick-shop="blooming-roses"
2546      data-track-product-id="4e6826d8-cb41-4614-b3f8-640fd7c86086"
2547      data-track="click"
2548      data-track-content="add_to_cart"
2549      data-track-source="quick_shop"
2550    >
2551      <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
2552    </button>
2553  </form>
2554</spz-product-form>
2555      <a
2556      class="product_snippet__label md:hidden"
2557      label-type="-3"
2558      href="/products/blooming-roses?variant=e334344d-a1e1-4af8-9110-3dda35b0cbf7"
2559  >
2560      Save <span class='money'>$19.92</span>
2561  </a>
2562  <a
2563      class="product_snippet__label lg:hidden"
2564      label-type="-3"
2565      href="/products/blooming-roses?variant=e334344d-a1e1-4af8-9110-3dda35b0cbf7"
2566  >
2567      Save <span class='money'>$19.92</span>
2568  </a>
2569  </div>
2570
2571  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
2572    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
2573  href="/products/blooming-roses"
2574>
2575      Blooming Roses
2576    </a>
2577  </h3>
2578
2579  <a
2580    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
2581    href="/products/blooming-roses?variant=e334344d-a1e1-4af8-9110-3dda35b0cbf7"
2582  >
2583    <span class="product-snippet__price">
2584        <span class='money'>$19.98</span>
2585        </span>
2586      <span class="product-snippet__compare-at-price money">
2587          $39.90
2588        </span>
2589      </a>
2590
2591  
2592</div></div>
2593                  </div>
2594              </div>
2595            </div>
2596          </li>
2597    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-4" data-id="82938779"  data-levels="0">
2598        <div class="flex items-start">
2599          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 
2600href="/collections/all-xhdb" >All Products</a>
2601          </div>
2602
2603        </li>
2604    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-5" data-id="82982825"  data-levels="0">
2605        <div class="flex items-start">
2606          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 
2607href="/pages/track-order" >Track Order</a>
2608          </div>
2609
2610        </li>
2611    <li spz-menu-more-link class="header__menu-item header__menu-item-first">
2612      <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap cursor-pointer" href="javascript:;" >More links</a>
2613      <div class="header__more_menu-wrapper" spz-menu-submenu>
2614        <template>
2615          ${(function(){
2616            const formatLinks = (links) => {
2617              return links.map(link => {
2618                link.tag = tags[link.title.toUpperCase()] || {};
2619                link.target_attr = link.target == '_blank' ? 'target="_blank"' : '';
2620                link.href_attr = link.url ? `href="${link.url}"` : '';
2621                if(link.children && link.children.length){
2622                  link.children = formatLinks(link.children);
2623                }
2624                return link;
2625              })
2626            };
2627            const tags = "{}";
2628            let linkList = [
2629              {
2630                  id: 80779717,
2631                  title: "Home",
2632                  url: "\/",
2633                  target: "",
2634                  levels: 0,
2635                  product0: { id: (null) },
2636                  children: [
2637                    
2638                  ]
2639                },
2640              {
2641                  id: 83743781,
2642                  title: "Women shoes",
2643                  url: "\/collections\/women-shoes",
2644                  target: "",
2645                  levels: 0,
2646                  product0: { id: (null) },
2647                  children: [
2648                    
2649                  ]
2650                },
2651              {
2652                  id: 83007573,
2653                  title: "Pop-Up Bouquets",
2654                  url: "\/collections\/pop-up-bouquets",
2655                  target: "",
2656                  levels: 1,
2657                  product0: { id: ("4e6826d8-cb41-4614-b3f8-640fd7c86086") },
2658                  children: [
2659                    
2660                      
2661                      {
2662                        title: "classic pop up bouquets",
2663                        url: "\/collections\/classic-pop-up-bouquets",
2664                        target: "",
2665                        levels: 0,
2666                        children: [
2667                          
2668                        ]
2669                      },
2670                    
2671                      
2672                      {
2673                        title: "mini bouquet pop up cards",
2674                        url: "\/collections\/mini-bouquet-pop-up-cards",
2675                        target: "",
2676                        levels: 0,
2677                        children: [
2678                          
2679                        ]
2680                      },
2681                    
2682                      
2683                      {
2684                        title: "grande bouquets",
2685                        url: "\/collections\/grande-bouquets",
2686                        target: "",
2687                        levels: 0,
2688                        children: [
2689                          
2690                        ]
2691                      },
2692                    
2693                      
2694                      {
2695                        title: "Rose Bouquet Building Block Set",
2696                        url: "\/collections\/rose-bouquet-building-block-set",
2697                        target: "",
2698                        levels: 0,
2699                        children: [
2700                          
2701                        ]
2702                      },
2703                    
2704                  ]
2705                },
2706              {
2707                  id: 82938779,
2708                  title: "All Products",
2709                  url: "\/collections\/all-xhdb",
2710                  target: "",
2711                  levels: 0,
2712                  product0: { id: (null) },
2713                  children: [
2714                    
2715                  ]
2716                },
2717              {
2718                  id: 82982825,
2719                  title: "Track Order",
2720                  url: "\/pages\/track-order",
2721                  target: "",
2722                  levels: 0,
2723                  product0: { id: (null) },
2724                  children: [
2725                    
2726                  ]
2727                },
2728              ].slice(offset);
2729            linkList = formatLinks(linkList);
2730            const hasChild = linkList.some(link => !!(link.children && link.children.length || link.product0.id));
2731            return `
2732              <div>
2733                <div spz-if="${hasChild}" class="header__more_menu_three header-shadow absolute left-0 right-0 header-bg overflow-x-hidden overflow-y-auto">
2734                  <spz-tabs class="header__more_menu page-container" layout="container" interact="hover">
2735                    <ul class="header__more_menu_left header_menu_hover_animation list-none" role="tabs">
2736                      <li role="tab" data-panel="tab-${link.id}" spz-for="link in linkList" key="link.id">
2737                        <a class="flex items-start text-inherit no-underline" ${link.href_attr} ${link.target_attr}>
2738                          <span class="flex-1 mr-4">${link.title}</span>
2739                          <span spz-if="${!!(link.tag.label)}" class="header__menu-item-tag" style="color:${link.tag.color}; background:${link.tag.bg};">${link.tag.label}</span>
2740                          <i spz-if="${!!(link.children && link.children.length)}" class="flex">
2741                            <svg class="header__more_menu_icon" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M4.698 8.574a.6.6 0 0 0 0 .848l6.718 6.718a.3.3 0 0 0 .424 0l.679-.679a.3.3 0 0 0 0-.424L6.48 8.998 12.52 2.96a.3.3 0 0 0 0-.425l-.679-.679a.3.3 0 0 0-.424 0L4.698 8.574z" fill="currentColor"/></svg>
2742                          </i>
2743                        </a>
2744                      </li>
2745                    </ul>
2746                    <div class="header__more_menu_right header_menu_hover_animation flex" role="tabpanel" data-id="tab-${link.id}" spz-for="link in linkList" key="link.id">
2747                      <ul class="flex flex-wrap list-none" ${(!!link.product0.id)?"data-has-product":''} spz-if="${!!(link.children && link.children.length)}">
2748                        <li class="flex-1" spz-for="second_link in link.children">
2749                          <a class="header__more_menu_right_item flex items-start text-inherit no-underline" ${second_link.href_attr} ${second_link.target_attr}>
2750                            <span>${second_link.title}</span>
2751                            <span spz-if="${!!(second_link.tag.label)}" class="header__menu-item-tag" style="color:${second_link.tag.color}; background:${second_link.tag.bg};">${second_link.tag.label}</span>
2752                          </a>
2753                          <a class="header__more_menu_right_item header__menu-item-last flex items-start text-inherit no-underline" spz-for="third_links in second_link.children" ${third_links.href_attr} ${third_links.target_attr}>
2754                            <span>${third_links.title}</span>
2755                            <span spz-if="${!!(third_links.tag.label)}" class="header__menu-item-tag" style="color:${third_links.tag.color}; background:${third_links.tag.bg};">${third_links.tag.label}</span>
2756                          </a>
2757                        </li>
2758                      </ul>
2759                      <div class="header__menu_product" spz-if="${!!link.product0.id}">
2760                        
2761
2762<spz-product-snippet
2763  product-id="${link.product0.id}"
2764  layout="container"
2765  template="product-snippet-template"
2766  variant-thumb-names="color"
2767  thumb-max-num="3"
2768  ></spz-product-snippet>
2769</div>
2770                    </div>
2771                  </spz-tabs>
2772                </div>
2773                <ul spz-else class="header__more_menu_second header__second_menu-wrapper header-shadow absolute header-bg list-none overflow-x-hidden overflow-y-auto">
2774                  <li class="header_menu_hover_animation" spz-for="link in linkList" key="link.id">
2775                    <a class="header__menu-item-last flex items-start text-inherit no-underline" ${link.href_attr} ${link.target_attr}>
2776                      <span>${link.title}</span>
2777                      <span spz-if="${!!(link.tag.label)}" class="header__menu-item-tag" style="color:${link.tag.color}; background:${link.tag.bg};">${link.tag.label}</span>
2778                    </a>
2779                  </li>
2780                </ul>
2781              </div>
2782            `
2783          })()}
2784        </template>
2785      </div>
2786    </li>
2787  </ul>
2788</spz-menu>
2789      </div>
2790    </div>
2791  </div>
2792
2793  <div class="header__menu-wrapper header__scroll_hide header-bg overflow-hidden pointer-events-auto">
2794      <div class="header__menu-content page-container">
2795        <style>
2796  .header__desktop .header__menu{
2797    background: inherit !important;
2798  }
2799  .header__desktop .header__menu-item{
2800    padding: 0 18px;
2801    font-size: var(--type-nav-font-size);
2802  }
2803  .header__desktop .header__menu-item:first-child {
2804    margin-left: 0;
2805    }
2806  .header__second_menu-wrapper,
2807  .header__three_menu-wrapper,
2808  .header__more_menu-wrapper{
2809    z-index: var(--z-index-sticky);
2810    visibility: hidden;
2811  }
2812  .header__menu-item-first:hover .header__second_menu-wrapper,
2813  .header__menu-item-first:hover .header__three_menu-wrapper,
2814  .header__menu-item-first:hover .header__more_menu-wrapper{
2815    visibility: visible;
2816  }
2817  .header__second_menu-wrapper,
2818  .header__three_menu-wrapper,
2819  .header__more_menu_three{
2820    overflow: hidden auto;
2821    max-height: calc(var(--window-height) - var(--header-height) - 200px);
2822  }
2823  .header__second_menu-wrapper{
2824    min-width: 180px;
2825    max-width: 400px;
2826    margin: 0 0 -18px 0;
2827    padding: 25px 18px;
2828    }
2829  .header__second_menu-wrapper li + li{
2830    margin-top: 18px;
2831  }
2832  .header__three_menu-content{
2833    display: grid;
2834    grid-template-columns: repeat(4, minmax(0, 1fr));
2835    margin: 0 -30px;
2836  }
2837  .header__desktop .header__menu-item[data-levels="2"] .header__three_menu-wrapper ul{
2838    flex-wrap: wrap;
2839    margin-top: -50px;
2840  }
2841  .header__desktop .header__menu-item:not([data-levels="2"]) .header__three_menu-wrapper ul{
2842    flex-direction: column;
2843    margin-top: -12px;
2844  }
2845  .header__desktop .header__menu-item[data-levels="2"][data-has-product] .header__three_menu-wrapper ul li{
2846    width: 33.33%;
2847  }
2848  .header__desktop .header__menu-item[data-levels="2"]:not([data-has-product]) .header__three_menu-wrapper ul li{
2849    width: 25%;
2850  }
2851  .header__desktop .header__menu-item[data-has-product] .header__three_menu-wrapper ul{
2852    grid-column: span 3 / span 3;
2853  }
2854  .header__desktop .header__menu-item:not([data-has-product]) .header__three_menu-wrapper ul{
2855    grid-column: span 4 / span 4;
2856  }
2857  .header__desktop .header__menu-item[data-levels="2"] .header__menu-item-second{
2858    padding: 50px 30px 8px;
2859    font-size: var(--type-nav-font-size);
2860    color: var(--color-header-text);
2861  }
2862  .header__three_menu-wrapper .header__menu-item-last{
2863    padding: 12px 30px 0;
2864  }
2865  .header__desktop .header__menu-item .header__menu-item-last{
2866    color: var(--color-header-text-70);
2867    font-size: calc(var(--type-nav-font-size) - 2px);
2868    line-height: 1.4;
2869  }
2870  .header__desktop .header__menu-item .header__menu-item-last:hover {
2871    color: var(--color-header-text);
2872  }
2873  .header__menu_product{
2874    grid-column: span 1 / span 1;
2875    padding-left: 30px;
2876    padding-right: 30px;
2877  }
2878  .header_menu_hover_animation{
2879    opacity: 0;
2880    transform: translateY(-12px);
2881    transition: all 200ms;
2882  }
2883  .header__menu-item-first:hover .header_menu_hover_animation{
2884    opacity: 1;
2885    transform: translateY(0);
2886  }
2887  .header__desktop .header__menu-item-first .header__menu-item-sub::after{
2888    content: "";
2889    position: absolute;
2890    left: 0;
2891    bottom: 0;
2892    display: block;
2893    width: 0;
2894    height: 3px;
2895    background-color: var(--color-header-text);
2896    transition: width .2s;
2897	}
2898	.header__desktop .header__menu-item-first:hover .header__menu-item-sub::after{
2899		width: 100%;
2900	}
2901</style>
2902<style>
2903  .header-menu-container[finish] .header__more_menu-wrapper{
2904    display: block !important;
2905    position: static !important;
2906  }
2907  .header__more_menu,
2908  .header__more_menu_right{
2909    display: grid;
2910  }
2911  .header__more_menu{
2912    grid-template-columns: repeat(4,minmax(0,1fr));
2913  }
2914  .header__more_menu_right{
2915    grid-template-columns: repeat(3,minmax(0,1fr));
2916  }
2917  .header__more_menu [role="tabs"],
2918  .header__more_menu_right .header__menu_product{
2919    grid-column: span 1/span 1;
2920  }
2921  .header__more_menu_right > ul[data-has-product]{
2922    grid-column: span 2/span 2;
2923  }
2924  .header__more_menu [role="tabpanel"],
2925  .header__more_menu_right > ul:not([data-has-product]){
2926    grid-column: span 3/span 3;
2927  }
2928  .header__more_menu{
2929    line-height: 1.25;
2930    padding-top: 32px;
2931    padding-bottom: 36px;
2932  }
2933  .header__more_menu [role="tab"] + [role="tab"]{
2934    padding-top: 20px;
2935  }
2936  .header__more_menu_icon{
2937    transform: rotate(180deg);
2938    transition: all 200ms;
2939  }
2940  .header__more_menu [role="tab"][active] .header__more_menu_icon{
2941    transform: rotate(0);
2942  }
2943  .header__more_menu_right li {
2944    padding-bottom: 20px;
2945  }
2946  .header__more_menu_right_item{
2947    padding: 0 30px 8px;
2948  }
2949  .header__more_menu_right_item + .header__more_menu_right_item{
2950    padding: 12px 30px 0;
2951  }
2952  .header__more_menu_right .header__menu_product{
2953    padding: 0 30px;
2954  }
2955</style>
2956<spz-menu id="header-menu-bottom" layout="container" class="header-menu-container   type-heading-font-family ">
2957  <ul class="header__menu flex m-0 p-0 list-none">
2958    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-1" data-id="80779717"  data-levels="0">
2959        <div class="flex items-start">
2960          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 
2961href="/" >Home</a>
2962          </div>
2963
2964        </li>
2965    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-2" data-id="83743781"  data-levels="0">
2966        <div class="flex items-start">
2967          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 
2968href="/collections/women-shoes" >Women shoes</a>
2969          </div>
2970
2971        </li>
2972    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-3" data-id="83007573"  data-has-product  data-levels="1">
2973        <div class="flex items-start">
2974          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 
2975href="/collections/pop-up-bouquets" >Pop-Up Bouquets</a>
2976          </div>
2977
2978        <div class="header__three_menu-wrapper header-shadow absolute left-0 right-0 header-bg overflow-x-hidden overflow-y-auto" spz-menu-submenu>
2979              <div class="hide-scrollbar page-container lg:pt-8 lg:pb-9">
2980                <div class="header__three_menu-content">
2981                  <ul class="header__waterfall-wrapper header_menu_hover_animation m-0 p-0 flex list-none" >
2982                    
2983                      
2984                        <a class="header__menu-item-last w-full no-underline" 
2985href="/collections/classic-pop-up-bouquets" >
2986                          <span class="font-medium">classic pop up bouquets</span>
2987                          
2988                          
2989                          
2990                          
2991                        </a>
2992                      
2993                    
2994                      
2995                        <a class="header__menu-item-last w-full no-underline" 
2996href="/collections/mini-bouquet-pop-up-cards" >
2997                          <span class="font-medium">mini bouquet pop up cards</span>
2998                          
2999                          
3000                          
3001                          
3002                        </a>
3003                      
3004                    
3005                      
3006                        <a class="header__menu-item-last w-full no-underline" 
3007href="/collections/grande-bouquets" >
3008                          <span class="font-medium">grande bouquets</span>
3009                          
3010                          
3011                          
3012                          
3013                        </a>
3014                      
3015                    
3016                      
3017                        <a class="header__menu-item-last w-full no-underline" 
3018href="/collections/rose-bouquet-building-block-set" >
3019                          <span class="font-medium">Rose Bouquet Building Block Set</span>
3020                          
3021                          
3022                          
3023                          
3024                        </a>
3025                      
3026                    
3027                  </ul>
3028                  <div class="header__menu_product header_menu_hover_animation">
3029<div class="shoplazza-product-snippet" product-id="4e6826d8-cb41-4614-b3f8-640fd7c86086">
3030
3031  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_header_4e6826d8-cb41-4614-b3f8-640fd7c86086_left_center-3">
3032    <a
3033      class="product-snippet__img-link relative block overflow-hidden"
3034      href="/products/blooming-roses"
3035has-secondary-image
3036    >
3037      <spz-img
3038        class="product-snippet__img product-snippet__img_main"
3039        layout="responsive"
3040        width="1500"
3041        height="1500"
3042        src="//img.staticdj.com/bef081796bfae7cec58019f8c75bb0c4.jpeg"
3043        alt=""
3044        object-fit="cover"
3045        auto-fit
3046        ></spz-img>
3047      <spz-img
3048          class="product-snippet__img-secondary absolute top-0"
3049          layout="responsive"
3050          width="1500"
3051          height="1500"
3052          src="//img.staticdj.com/ec4614786536f2eef96bd5bd7cc2fb39.jpeg"
3053          alt=""
3054          object-fit="cover"
3055          auto-fit
3056        ></spz-img>
3057      </a>
3058    <spz-product-form
3059  product-id="4e6826d8-cb41-4614-b3f8-640fd7c86086"
3060  layout="container"
3061  @atcSuccess="cart-drawer-modal.open;"
3062  @atcError="theme-toast.showToast(content=event.message);"
3063  >
3064  <form>
3065    <input name="variant_id" type="hidden" value="e334344d-a1e1-4af8-9110-3dda35b0cbf7">
3066    <button
3067      type="button"
3068      class="product-snippet__quick-shop-icon"
3069      role="addToCart"
3070      data-quick-shop="blooming-roses"
3071      data-track-product-id="4e6826d8-cb41-4614-b3f8-640fd7c86086"
3072      data-track="click"
3073      data-track-content="add_to_cart"
3074      data-track-source="quick_shop"
3075    >
3076      <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
3077    </button>
3078  </form>
3079</spz-product-form>
3080      <a
3081      class="product_snippet__label md:hidden"
3082      label-type="left_center-3"
3083      href="/products/blooming-roses?variant=e334344d-a1e1-4af8-9110-3dda35b0cbf7"
3084  >
3085      Save <span class='money'>$19.92</span>
3086  </a>
3087  <a
3088      class="product_snippet__label lg:hidden"
3089      label-type="left_center-3"
3090      href="/products/blooming-roses?variant=e334344d-a1e1-4af8-9110-3dda35b0cbf7"
3091  >
3092      Save <span class='money'>$19.92</span>
3093  </a>
3094  </div>
3095
3096  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
3097    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
3098  href="/products/blooming-roses"
3099>
3100      Blooming Roses
3101    </a>
3102  </h3>
3103
3104  <a
3105    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
3106    href="/products/blooming-roses?variant=e334344d-a1e1-4af8-9110-3dda35b0cbf7"
3107  >
3108    <span class="product-snippet__price">
3109        <span class='money'>$19.98</span>
3110        </span>
3111      <span class="product-snippet__compare-at-price money">
3112          $39.90
3113        </span>
3114      </a>
3115
3116  
3117</div></div>
3118                  </div>
3119              </div>
3120            </div>
3121          </li>
3122    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-4" data-id="82938779"  data-levels="0">
3123        <div class="flex items-start">
3124          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 
3125href="/collections/all-xhdb" >All Products</a>
3126          </div>
3127
3128        </li>
3129    <li class="header__menu-item header__menu-item-first cursor-pointer header__menu-item-first-5" data-id="82982825"  data-levels="0">
3130        <div class="flex items-start">
3131          <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap" 
3132href="/pages/track-order" >Track Order</a>
3133          </div>
3134
3135        </li>
3136    <li spz-menu-more-link class="header__menu-item header__menu-item-first">
3137      <a class="header__menu-item-sub relative block text-inherit no-underline whitespace-nowrap cursor-pointer" href="javascript:;" >More links</a>
3138      <div class="header__more_menu-wrapper" spz-menu-submenu>
3139        <template>
3140          ${(function(){
3141            const formatLinks = (links) => {
3142              return links.map(link => {
3143                link.tag = tags[link.title.toUpperCase()] || {};
3144                link.target_attr = link.target == '_blank' ? 'target="_blank"' : '';
3145                link.href_attr = link.url ? `href="${link.url}"` : '';
3146                if(link.children && link.children.length){
3147                  link.children = formatLinks(link.children);
3148                }
3149                return link;
3150              })
3151            };
3152            const tags = "{}";
3153            let linkList = [
3154              {
3155                  id: 80779717,
3156                  title: "Home",
3157                  url: "\/",
3158                  target: "",
3159                  levels: 0,
3160                  product0: { id: (null) },
3161                  children: [
3162                    
3163                  ]
3164                },
3165              {
3166                  id: 83743781,
3167                  title: "Women shoes",
3168                  url: "\/collections\/women-shoes",
3169                  target: "",
3170                  levels: 0,
3171                  product0: { id: (null) },
3172                  children: [
3173                    
3174                  ]
3175                },
3176              {
3177                  id: 83007573,
3178                  title: "Pop-Up Bouquets",
3179                  url: "\/collections\/pop-up-bouquets",
3180                  target: "",
3181                  levels: 1,
3182                  product0: { id: ("4e6826d8-cb41-4614-b3f8-640fd7c86086") },
3183                  children: [
3184                    
3185                      
3186                      {
3187                        title: "classic pop up bouquets",
3188                        url: "\/collections\/classic-pop-up-bouquets",
3189                        target: "",
3190                        levels: 0,
3191                        children: [
3192                          
3193                        ]
3194                      },
3195                    
3196                      
3197                      {
3198                        title: "mini bouquet pop up cards",
3199                        url: "\/collections\/mini-bouquet-pop-up-cards",
3200                        target: "",
3201                        levels: 0,
3202                        children: [
3203                          
3204                        ]
3205                      },
3206                    
3207                      
3208                      {
3209                        title: "grande bouquets",
3210                        url: "\/collections\/grande-bouquets",
3211                        target: "",
3212                        levels: 0,
3213                        children: [
3214                          
3215                        ]
3216                      },
3217                    
3218                      
3219                      {
3220                        title: "Rose Bouquet Building Block Set",
3221                        url: "\/collections\/rose-bouquet-building-block-set",
3222                        target: "",
3223                        levels: 0,
3224                        children: [
3225                          
3226                        ]
3227                      },
3228                    
3229                  ]
3230                },
3231              {
3232                  id: 82938779,
3233                  title: "All Products",
3234                  url: "\/collections\/all-xhdb",
3235                  target: "",
3236                  levels: 0,
3237                  product0: { id: (null) },
3238                  children: [
3239                    
3240                  ]
3241                },
3242              {
3243                  id: 82982825,
3244                  title: "Track Order",
3245                  url: "\/pages\/track-order",
3246                  target: "",
3247                  levels: 0,
3248                  product0: { id: (null) },
3249                  children: [
3250                    
3251                  ]
3252                },
3253              ].slice(offset);
3254            linkList = formatLinks(linkList);
3255            const hasChild = linkList.some(link => !!(link.children && link.children.length || link.product0.id));
3256            return `
3257              <div>
3258                <div spz-if="${hasChild}" class="header__more_menu_three header-shadow absolute left-0 right-0 header-bg overflow-x-hidden overflow-y-auto">
3259                  <spz-tabs class="header__more_menu page-container" layout="container" interact="hover">
3260                    <ul class="header__more_menu_left header_menu_hover_animation list-none" role="tabs">
3261                      <li role="tab" data-panel="tab-${link.id}" spz-for="link in linkList" key="link.id">
3262                        <a class="flex items-start text-inherit no-underline" ${link.href_attr} ${link.target_attr}>
3263                          <span class="flex-1 mr-4">${link.title}</span>
3264                          <span spz-if="${!!(link.tag.label)}" class="header__menu-item-tag" style="color:${link.tag.color}; background:${link.tag.bg};">${link.tag.label}</span>
3265                          <i spz-if="${!!(link.children && link.children.length)}" class="flex">
3266                            <svg class="header__more_menu_icon" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M4.698 8.574a.6.6 0 0 0 0 .848l6.718 6.718a.3.3 0 0 0 .424 0l.679-.679a.3.3 0 0 0 0-.424L6.48 8.998 12.52 2.96a.3.3 0 0 0 0-.425l-.679-.679a.3.3 0 0 0-.424 0L4.698 8.574z" fill="currentColor"/></svg>
3267                          </i>
3268                        </a>
3269                      </li>
3270                    </ul>
3271                    <div class="header__more_menu_right header_menu_hover_animation flex" role="tabpanel" data-id="tab-${link.id}" spz-for="link in linkList" key="link.id">
3272                      <ul class="flex flex-wrap list-none" ${(!!link.product0.id)?"data-has-product":''} spz-if="${!!(link.children && link.children.length)}">
3273                        <li class="flex-1" spz-for="second_link in link.children">
3274                          <a class="header__more_menu_right_item flex items-start text-inherit no-underline" ${second_link.href_attr} ${second_link.target_attr}>
3275                            <span>${second_link.title}</span>
3276                            <span spz-if="${!!(second_link.tag.label)}" class="header__menu-item-tag" style="color:${second_link.tag.color}; background:${second_link.tag.bg};">${second_link.tag.label}</span>
3277                          </a>
3278                          <a class="header__more_menu_right_item header__menu-item-last flex items-start text-inherit no-underline" spz-for="third_links in second_link.children" ${third_links.href_attr} ${third_links.target_attr}>
3279                            <span>${third_links.title}</span>
3280                            <span spz-if="${!!(third_links.tag.label)}" class="header__menu-item-tag" style="color:${third_links.tag.color}; background:${third_links.tag.bg};">${third_links.tag.label}</span>
3281                          </a>
3282                        </li>
3283                      </ul>
3284                      <div class="header__menu_product" spz-if="${!!link.product0.id}">
3285                        
3286
3287<spz-product-snippet
3288  product-id="${link.product0.id}"
3289  layout="container"
3290  template="product-snippet-template"
3291  variant-thumb-names="color"
3292  thumb-max-num="3"
3293  ></spz-product-snippet>
3294</div>
3295                    </div>
3296                  </spz-tabs>
3297                </div>
3298                <ul spz-else class="header__more_menu_second header__second_menu-wrapper header-shadow absolute header-bg list-none overflow-x-hidden overflow-y-auto">
3299                  <li class="header_menu_hover_animation" spz-for="link in linkList" key="link.id">
3300                    <a class="header__menu-item-last flex items-start text-inherit no-underline" ${link.href_attr} ${link.target_attr}>
3301                      <span>${link.title}</span>
3302                      <span spz-if="${!!(link.tag.label)}" class="header__menu-item-tag" style="color:${link.tag.color}; background:${link.tag.bg};">${link.tag.label}</span>
3303                    </a>
3304                  </li>
3305                </ul>
3306              </div>
3307            `
3308          })()}
3309        </template>
3310      </div>
3311    </li>
3312  </ul>
3313</spz-menu>
3314      </div>
3315    </div>
3316  <div class="plugin__fixed-div pointer-events-auto md:hidden"></div>
3317</div>
3318<style>
3319  .header__mobile .header{
3320    padding-top: 18px;
3321    padding-bottom: 18px;
3322  }
3323  .header__mobile .header_apps_wrap > * {
3324    margin-bottom: 18px;
3325    flex: 1;
3326  }
3327  .header__mobile .header__search-wrapper{
3328    padding-top: 4px;
3329    padding-bottom: 10px;
3330  }
3331  .header__mobile .header__menu-wrapper{
3332    padding: 8px 0 8px 16px;
3333  background: var(--color-menu-bg);
3334  }
3335  .header__mobile__menu-item-first{
3336    padding-right: 10px;
3337  }
3338  .header__mobile__menu-item-first a{
3339    padding: 9px 12px;
3340    font-size: 12px;
3341    line-height: 1.3;
3342    color: var(--color-menu-item-text-90);
3343    background: var(--color-menu-item-bg);
3344    border-radius: 4px;
3345  }
3346  .header_menu_tooltip,
3347  .header_menu_tooltip .i-spzhtml-tooltip-inner{
3348    padding: 0;
3349    background: transparent !important;
3350  }
3351  .header_menu_tooltip .header__menu_second {
3352    width: 150px;
3353    max-height: 236px;
3354    border-radius: 4px ;
3355  }
3356  .header_menu_tooltip .header__menu_second-item{
3357    background: #fff;
3358    color: var(--color-menu-item-text-80);
3359    padding: 0 0 0 14px;
3360  font-size: 12px;
3361    line-height: 1.3
3362  }
3363  .header_menu_tooltip .header__menu_second-item a{
3364    padding: 15px 14px 15px 0;
3365  }
3366  .header_menu_tooltip .header__menu_second-item a + a{
3367    border: 1px solid #E6E6E6;
3368  }
3369  .header__mobile__menu-item-first a.header_menu_active {
3370    background-color: var(--color-actived-menu-item-bg) ;
3371    color: var(--color-actived-menu-item-text) ;
3372  }
3373</style>
3374<header class="header__mobile tw-text-header-text-color lg:hidden">
3375  <div class="header page-container z-20 relative header-bg pointer-events-auto">
3376    <div class="flex items-center">
3377      <h1 class="header__logo flex-shrink-0 type-heading-font-family">
3378  <a class="image_width block md:hidden" href="/">
3379  <spz-img
3380      layout="responsive"
3381      width="300"
3382      height="100"
3383      src="//img.staticdj.com/da7b476af7322b6a98b73854e8df74b8_400x.JPG"
3384      alt=""
3385    ></spz-img>
3386  </a>
3387  <a class="image_width block lg:hidden" href="/">
3388  <spz-img
3389      layout="responsive"
3390      width="300"
3391      height="100"
3392      src="//img.staticdj.com/da7b476af7322b6a98b73854e8df74b8_400x.JPG"
3393      alt=""
3394    ></spz-img>
3395  </a>
3396</h1>
3397<style>
3398  .header__search button,
3399  .header__search input{
3400    border: none;
3401    outline: none;
3402  }
3403  .header__search-btn,
3404  .header__search-icon{
3405    background: transparent;
3406  }
3407  .header__search {
3408    display: flex;
3409    align-items: center;
3410    flex-shrink: 0;
3411  }
3412  .header__search-btn {
3413    padding: 0;
3414    margin: 0;
3415    font-size: 0;
3416    color: inherit;
3417    cursor: pointer;
3418  }
3419  .header__search-form{
3420    min-height: 40px;
3421  }
3422  .header__search-input{
3423    font-size: 13px;
3424    line-height: 16px;
3425    color: var(--color-header-search-text);
3426    background-color: var(--color-header-search-bg);
3427    padding: 12px 16px 12px 36px;
3428      border-radius: 2px 0 0 2px;
3429    }
3430  .header__search-input:not(:placeholder-shown) ~ .header__search-icon-close{
3431    display: flex;
3432  }
3433  .header__search-icon{
3434    left: 10px;
3435    top: 50%;
3436    transform: translateY(-50%);
3437    color: var(--color-header-search-text-50);
3438  }
3439  .header__search-icon-close{
3440    top: 50%;
3441    transform: translateY(-50%);
3442    height: 18px;
3443    width: 18px;
3444    color: #fff;
3445    background: #C0C0C0;
3446    right: 10px;
3447    }
3448  .header__search-icon:hover,
3449  .header__search-icon-close:hover{
3450    color: var(--color-header-search-text);
3451  }
3452  .header__search-submit-btn{
3453    padding: 11px 16px;
3454    font-size: 14px;
3455    line-height: 18px;
3456    color: var(--color-header-search-btn-text);
3457    background-color: var(--color-header-search-btn-bg);
3458    border-radius: 0 2px 2px 0;
3459    }
3460  @media (max-width: 959.98px) {
3461    .header__search-form{
3462      width: 100%
3463    }
3464  }
3465  @media (min-width: 960px) {
3466    .header__search-form{
3467      margin: 18px 0;
3468    }
3469    .header__search-input{
3470      width: 232px;
3471      border-radius: 2px;
3472    }
3473    .header__desktop[data-layout="left"] .header__search-input{
3474      width: 278px;
3475    }
3476  }
3477</style>
3478
3479<div class="header__search" id="">
3480    <button
3481        type="button"
3482        class="header__search-btn"
3483        @tap="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=true);header_search_sidebar.open()"
3484      >
3485        <svg class="" width="26" height="26" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.925 20.057A9.955 9.955 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10a9.968 9.968 0 0 1-2.864 7.006l4.929 4.928a.8.8 0 0 1-1.132 1.132l-5-5-.008-.01zM20.4 12a8.4 8.4 0 1 1-16.8 0 8.4 8.4 0 0 1 16.8 0z" fill="currentColor"/></svg>
3486      </button>
3487    </div>
3488<spz-observer
3489  layout="logic"
3490  target="header__plugin-container"
3491  @childUpdated="header-menu-top.updateMoreLink"
3492></spz-observer>
3493<div class="header__icons flex-shrink-0 flex items-center"  id="header-icons" >
3494  <div class="header__plugin-container md:hidden flex items-center" id="header__plugin-container">
3495    <div class="empty-hidden plugin__translate-header"></div>
3496    <div class="empty-hidden plugin__currency"></div>
3497  </div>
3498
3499  <div class="header__account relative text-0  md:hidden ">
3500    <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>
3501    <spz-dropdown class="header__account_dropdown" id="header_account_dropdown_md" layout="nodisplay" placement="bottom">
3502        <ul class="header__account_dropdown_content list-none header-shadow">
3503    <li><a href="/account/login">Log in</a></li>
3504      <li><a href="/account/register">Create an account</a></li>
3505      </ul>
3506</spz-dropdown>
3507    </div>
3508  <a class="header__cart relative flex justify-end items-center text-0 text-inherit cursor-pointer no-underline" href="/cart">
3509    <i>
3510      <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"/>
3510<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>
3511      </i>
3512    <!-- 购物车数量 -->
3513    <spz-event target-id="header_cart_count_render_md" target-api="render" event-name="dj.addToCart;dj.cartChange;" layout="logic"></spz-event>
3514    <spz-render id="header_cart_count_render_md" layout="container" src="/api/cart/count">
3515      <template>
3516        <div>
3517          <span class="header__cart-count absolute rounded-full leading-none text-center" spz-if="${data.data && data.data.count > 0}">${data.data && data.data.count}</span>
3518        </div>
3519      </template>
3520    </spz-render>
3521  </a>
3522  <i class="header__drawer_icon  flex lg:hidden cursor-pointer" @tap="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=true);header_drawer.open()">
3523      <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>
3524    </i>
3525  </div>
3526    </div>
3527  </div>
3528
3529  <div
3530    class="header__fixed-top header__scroll_hide pointer-events-auto"
3531    id="header-scrollable-container-mobile"
3532  >
3533    </div>
3534  <div class="plugin__fixed-div pointer-events-auto"></div>
3535</header>
3536<style>
3537    .header__search_sidebar{
3538      height: 100vh;
3539      width: 100%;
3540      pointer-events: none;
3541    }
3542    .header__search_sidebar_content{
3543      pointer-events: auto;
3544      overflow: hidden auto;
3545      max-height: 100%;
3546      background-color: var(--color-header-bg);
3547    }
3548    .header__search-modal-form{
3549      position: sticky;
3550      top: 0;
3551      z-index: 10;
3552      background-color: var(--color-header-bg);
3553    }
3554    .header__search_sidebar-input{
3555      padding: 46px 16px;
3556      color: var(--color-header-search-text);
3557    }
3558    .header__search_sidebar + .i-spzhtml-sidebar-mask{
3559      pointer-events: auto;
3560    }
3561  </style>
3562  <spz-sidebar class="header__search_sidebar" id="header_search_sidebar" layout="nodisplay" side="top" @close="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=false);">
3563    <div class="header__search_sidebar_content">
3564      <div class="page-container header__search-modal-form">
3565        <form class="flex items-center" action="/search" method="get">
3566          <button type="submit" class="clear text-0 text-inherit cursor-pointer">
3567            <svg class="" width="26" height="26" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.925 20.057A9.955 9.955 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10a9.968 9.968 0 0 1-2.864 7.006l4.929 4.928a.8.8 0 0 1-1.132 1.132l-5-5-.008-.01zM20.4 12a8.4 8.4 0 1 1-16.8 0 8.4 8.4 0 0 1 16.8 0z" fill="currentColor"/></svg>
3568          </button>
3569          <input
3570            @input-debounced="header_search_predictive_render-sidebar.rerender(data=event.value, redo=true);"
3571            class="header__search_sidebar-input flex-1 text-base leading-none type-text-font-family clear"
3572            type="text"
3573            autocomplete="off"
3574            name="q"
3575            placeholder="Search products"
3576          />
3577          <button type="reset" class="header__search-modal-close text-0 text-inherit clear cursor-pointer" @tap="header_search_sidebar.close()">
3578            <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>
3579          </button>
3580        </form>
3581      </div>
3582      <style>
3583    .header__search_predictive_render{
3584      background-color: var(--color-header-bg);
3585    }
3586    .header__search_product_list_wrap{
3587      padding: 24px 0 70px;
3588    }
3589    .header__search_product_list{
3590      display: grid;
3591      grid-template-columns: repeat(2, minmax(0, 1fr));
3592      column-gap: 16px;
3593      row-gap: 24px;
3594    }
3595    .header__search_product_list[data-empty],
3596    .header__search_product__empty,
3597    .header__search_product__view_more_wrap{
3598      display: none;
3599    }
3600    .header__search_product_list[hasmore] + .header__search_product__view_more_wrap,
3601    .header__search_product_list[data-empty] ~ .header__search_product__empty{
3602      display: flex;
3603      justify-content: center;
3604      align-items: center;
3605    }
3606    .header__search_product_list[loading] ~ .loading{
3607      display: var(--loading-show);
3608    }
3609    .header__search_product_list ~ .loading .loading-bounce{
3610      border-bottom-color: var(--color-body-text);
3611    }
3612    .header__search_product__view_more{
3613      margin: 24px auto 0;
3614      padding: 8px 24px;
3615      font-weight: 600;
3616      font-size: 16px;
3617      line-height: 24px;
3618    }
3619    @media (min-width: 960px) {
3620      .header__search_product_list{
3621        grid-template-columns: repeat(4, minmax(0, 1fr));
3622        column-gap: 24px;
3623      }
3624      .header__search_product_list_wrap{
3625        padding: 24px 0 40px;
3626      }
3627    }
3628  </style>
3629  <template id="header_search_product_list_template-sidebar">
3630    <spz-product-snippet
3631  data-source-id="header_search_product_list-sidebar"
3632  product-id="${data.id}"
3633  layout="container"
3634  template="product-snippet-template"
3635  variant-thumb-names="color"
3636  thumb-max-num="3"
3637  ></spz-product-snippet>
3638</template>
3639  <spz-render id="header_search_predictive_render-sidebar" class="header__search_predictive_render" layout="container" manual>
3640    <template>
3641      <div class="page-container">
3642        ${(function(){
3643          if (data === undefined || typeof data !== 'string' || data == '') return '<spz-render @finish="header_search_lightbox.close();header_search_sidebar.close();" layout="container"></spz-render>';
3644          const keyword = encodeURIComponent(data);
3645          return `
3646            <div class="header__search_product_list_wrap">
3647              <spz-list
3648                class="header__search_product_list"
3649                id="header_search_product_list-sidebar"
3650                layout="container"
3651                initial-page="0"
3652                size="limit"
3653                page-size="4"
3654                src="/api/search?keyword=${keyword}"
3655                list="data.products"
3656                total="data.total"
3657                template="header_search_product_list_template-sidebar"
3658              ></spz-list>
3659              <div class="header__search_product__view_more_wrap">
3660                <a
3661                  href="/search?q=${keyword}"
3662                  class="header__search_product__view_more button-primary rounded-btn no-underline">
3663                  View more
3664                </a>
3665              </div>
3666              <div class="header__search_product__empty">
3667                Your search for '${data}' did not yield any results.
3668              </div>
3669              <div class="loading items-center justify-center " role="loading"   hide >
3670  <div class="loading-bounce"></div>
3671</div>
3672            </div>
3673          `
3674        })()}
3675      </div>
3676    </template>
3677  </spz-render>
3678</div>
3679  </spz-sidebar>
3680<style>
3681  .header__drawer{
3682    width: 330px;
3683    top: 0;
3684    bottom: 0;
3685    max-width: 100vw !important;
3686    line-height: 1.4;
3687  }
3688  .header__drawer,
3689  .header__drawer + .i-spzhtml-sidebar-mask{
3690    pointer-events: auto;
3691  }
3692  .header__drawer a{
3693    color: inherit;
3694    text-decoration: none;
3695  }
3696  .header__drawer_header{
3697    position: sticky;
3698    top: 0;
3699    z-index: 10;
3700    height: 62px;
3701    border-bottom: 1px solid rgba(230,230,230,0.6);
3702  }
3703  .header__drawer_close{
3704    width: 62px;
3705    position: absolute;
3706    top: 0;
3707    right: 0;
3708    bottom: 0;
3709    opacity: 0.7;
3710  }
3711  .header__drawer_footer{
3712    position: sticky;
3713    bottom: 0;
3714    z-index: 10;
3715    border-top: 1px solid rgba(230,230,230,0.6);
3716    padding: 16px 20px;
3717  }
3718  .header__drawer_prev{
3719    position: sticky;
3720    top: 0;
3721    z-index: 10;
3722    display: flex;
3723    align-items: center;
3724    border-bottom: 1px solid rgba(230,230,230,0.6);
3725    padding: 16px 20px;
3726    background-color: var(--color-body-bg);
3727  }
3728  .header__drawer [spz-nested-submenu]:not([child-open]){
3729    overflow: hidden auto;
3730    max-height: 100%;
3731  }
3732  .header__drawer_menu_item{
3733    display: flex;
3734    align-items: center;
3735    justify-content: space-between;
3736    min-height: 22px;
3737    margin-left: 20px;
3738      padding: 16px 20px 16px 0;
3739    border-bottom: 1px solid rgba(230,230,230,0.6);
3740    cursor: pointer;
3741  }
3742  .header__drawer_menu_item a:not([spz-nested-submenu-open]){
3743    flex: 1
3744  }
3745  .header_drawer_menu .header_drawer_menu_first{
3746    overflow: hidden auto;
3747  }
3748  .header_drawer_menu[child-open] .header_drawer_menu_first{
3749    overflow: unset !important;
3750  }
3751  </style>
3752<spz-sidebar
3753  id="header_drawer"
3754  class="header__drawer flex flex-col bg-color-body"
3755  side="right"
3756  layout="nodisplay"
3757  @close="shoplaza-section-announcement.toggleClass(class='header_mask_open', force=false);"
3758>
3759  <div class="header__drawer_header flex-shrink-0 relative flex bg-color-body">
3760    <i class="header__drawer_close flex-center cursor-pointer" @tap="header_drawer.close()">
3761      <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>
3762    </i>
3763  </div>
3764  <div class="flex-1 relative overflow-hidden">
3765    <spz-nested-menu class="header_drawer_menu flex flex-col" layout="fill" side="right" id="menu-drawer">
3766      <ul class="header_drawer_menu_first flex-1 hide-scrollbar">
3767        <li>
3768              <div  class="header__drawer_menu_item">
3769                <a class="flex items-start " 
3770href="/" >
3771  <span>Home</span>
3772  </a>
3773                </div>
3774              </li>
3775          <li>
3776              <div  class="header__drawer_menu_item">
3777                <a class="flex items-start " 
3778href="/collections/women-shoes" >
3779  <span>Women shoes</span>
3780  </a>
3781                </div>
3782              </li>
3783          <li>
3784              <div spz-nested-submenu-open class="header__drawer_menu_item">
3785                <a class="flex items-start " 
3786href="/collections/pop-up-bouquets" >
3787  <span>Pop-Up Bouquets</span>
3788  </a>
3789                <svg   class="header__drawer_next_icon ml-3 flex-shrink-0" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424 
37890l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"/></svg>
3790</div>
3791              <ul class="clear" spz-nested-submenu>
3792                    <li class="header__drawer_prev" spz-nested-submenu-close>
3793                      
3794  <svg class="mr-3" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M4.06 7.573a.6.6 0 0 0 0 .848l6.152 6.152a.3.3 0 0 0 .424 0l.594-.594a.3.3 0 0 0 0-.424L5.672 7.997 11.23 2.44a.3.3 0 0 0 0-.424l-.594-.594a.3.3 0 0 0-.424 0L4.06 7.573z" fill="currentColor"/></svg>
3795<span class="flex-1 underline">Pop-Up Bouquets</span>
3796                    </li>
3797                    
3798                      
3799                      
3800                      <li>
3801                        <div  class="header__drawer_menu_item">
3802                          <a class="flex items-start " 
3803href="/collections/classic-pop-up-bouquets" >
3804  <span>classic pop up bouquets</span>
3805  </a>
3806                          
3807                        </div>
3808                        
3809                      </li>
3810                    
3811                      
3812                      
3813                      <li>
3814                        <div  class="header__drawer_menu_item">
3815                          <a class="flex items-start " 
3816href="/collections/mini-bouquet-pop-up-cards" >
3817  <span>mini bouquet pop up cards</span>
3818  </a>
3819                          
3820                        </div>
3821                        
3822                      </li>
3823                    
3824                      
3825                      
3826                      <li>
3827                        <div  class="header__drawer_menu_item">
3828                          <a class="flex items-start " 
3829href="/collections/grande-bouquets" >
3830  <span>grande bouquets</span>
3831  </a>
3832                          
3833                        </div>
3834                        
3835                      </li>
3836                    
3837                      
3838                      
3839                      <li>
3840                        <div  class="header__drawer_menu_item">
3841                          <a class="flex items-start " 
3842href="/collections/rose-bouquet-building-block-set" >
3843  <span>Rose Bouquet Building Block Set</span>
3844  </a>
3845                          
3846                        </div>
3847                        
3848                      </li>
3849                    
3850                  </ul>
3851              </li>
3852          <li>
3853              <div  class="header__drawer_menu_item">
3854                <a class="flex items-start " 
3855href="/collections/all-xhdb" >
3856  <span>All Products</span>
3857  </a>
3858                </div>
3859              </li>
3860          <li>
3861              <div  class="header__drawer_menu_item">
3862                <a class="flex items-start " 
3863href="/pages/track-order" >
3864  <span>Track Order</span>
3865  </a>
3866                </div>
3867              </li>
3868          <div class="header__drawer_plugins">
3869          <div class="empty-hidden  plugin__translate-header px-5 my-10"></div>
3870          <div class="empty-hidden  plugin__currency px-5 my-10"></div>
3871        </div>
3872      </ul>
3873
3874      <li class="header__drawer_menu_item"><a href="/account/login">Log in</a></li>
3875          <li class="header__drawer_menu_item"><a href="/account/register">Create an account</a></li>
3876          </spz-nested-menu>
3877  </div>
3878</spz-sidebar>
3879</div>
3880<spz-script layout="logic" type="application/javascript">
3881  (function(){
3882    let w = window.innerWidth;
3883    function setHeaderCssVar() {
3884      const headerEle = document.getElementById('shoplaza-section-header');
3885      if(!headerEle){ return };
3886      document.body.style.setProperty('--window-height', `${window.innerHeight}px`);
3887      document.body.style.setProperty('--header-height', `${headerEle.clientHeight}px`);
3888
3889      const mdScorllHideEle = headerEle.querySelector('.header__mobile .header__scroll_hide');
3890      if (mdScorllHideEle) {
3891        document.body.style.setProperty('--header-scroll-hide-height-md', `${mdScorllHideEle.clientHeight}px`);
3892      }
3893
3894      const pcScorllHideEle = headerEle.querySelector('.header__desktop .header__scroll_hide');
3895      if (pcScorllHideEle) {
3896        document.body.style.setProperty('--header-scroll-hide-height-pc', `${pcScorllHideEle.clientHeight}px`);
3897      }
3898
3899    }
3900    function handlResize() {
3901      if(w == window.innerWidth){return};
3902      w = window.innerWidth;
3903      setHeaderCssVar();
3904    };
3905    function init(){
3906      setHeaderCssVar();
3907      window.removeEventListener('resize', window._theme_header_listener)
3908      window._theme_header_listener = handlResize;
3909      window.addEventListener('resize', window._theme_header_listener);
3910    }
3911    init();
3912  })();
3913</spz-script>
3914
3915</div>
3916      <div class="plugin__static-div"></div>
3917      <div class="main-content" id="main-content">
3918        <style type="text/css">
3919  .main-content > .card-split-spacing {
3920    padding-top: 0;
3921    padding-bottom: 20px;
3922  }
3923  .main-content > [data-section-type] ~ .card-split-spacing {
3924    padding-top: 20px;
3925  }
3926
3927  @media (min-width: 960px) {
3928    .main-content > .card-split-spacing {
3929      padding-top: 0;
3930      padding-bottom: 40px;
3931    }
3932    .main-content > [data-section-type] ~ .card-split-spacing {
3933      padding-top: 40px;
3934    }
3935  }
3936
3937[data-section-id="1638950411341"] .blur-\[136px\] {
3938  filter: blur(136px);
3939}
3940@media (min-width: 960px) {
3941  .lg\:max-w-\[490px\] { max-width: 490px; }
3942  .lg\:inset-x-\[-98px\] { left: -98px; right: -98px; }
3943  .lg\:inset-y-\[-50px\] { top: -50px; bottom: -50px; }
3944}
3945
3946  [data-section-id="1638950411341"] .roll-arrows-item {
3947    width: 40px;
3948    height: 40px;
3949    background-color: #fff;
3950  }
3951
3952</style><div id="shoplaza-section-1638950411341" class="shoplaza-section card-split-spacing" data-section-id="1638950411341" data-section-type="hero_slideshow" data-section-style="">
3953<style>
3954  [data-section-id="1638950411341"] .slide_content {
3955    cursor: -webkit-grab;
3956  }
3957  [data-section-id="1638950411341"] .slideshow-bar-item {
3958    position: relative;
3959    display: inline-block;
3960    width: 6px;
3961    height: 6px;
3962    border-radius: 50%;
3963    margin: 0 5px;
3964    background-color: var(--color-body-bg);
3965    opacity: 0.4;
3966    cursor: pointer;
3967    transition: background-color 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
3968  }
3969  [data-section-id="1638950411341"] .slideshow-bar-item[data-active="true"] {
3970    width: 9px;
3971    height: 9px;
3972    opacity: 1;
3973  }
3974  [data-section-id="1638950411341"] .slideshow_carousel_arrow .roll-arrows-item {
3975    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.10);
3976  }
3977  [data-section-id="1638950411341"] .slick_title,
3978  [data-section-id="1638950411341"] .slick_text {
3979    color: #fff
3980  }
3981  @media(min-width: 960px) {
3982    [data-section-id="1638950411341"] .lg\:right-\[72px\] {
3983      right: 72px;
3984      }
3985  }
3986</style>
3987<div class="">
3988  <div class="slide_content relative">
3989    <spz-carousel layout="container" ssr effect="fade" autoplay initial-slide="0" animate-time="1000" class="slideshow-carousel i-spzhtml-slidescroll" delay="7000" id="slideshow-carousel-1638950411341" @mounted="slideshow-1638950411341-bar-render.rerender(data=event);slideshow-roll-arrows-1638950411341-render.rerender(data=event);" @slidechange="slideshow-1638950411341-bar-render.rerender(data=event);slideshow-roll-arrows-1638950411341-render.rerender(data=event);" ssr-advance-count="1" i-spzhtml-ssr=""><div tabindex="-1" class="i-spzhtml-slides-container" aria-live="polite" select="0"><div class="i-spzhtml-slide-item i-spzhtml-slide-item-show"><div class="slick_item relative box-border w-full flex-shrink-0 overflow-hidden spz-carou
3989sel-slide"><div class="md:hidden relative w-full z-1 " style="padding-bottom: 40%;"><spz-img class="absolute w-full h-full object-cover" layout='responsive' width='36' height='36' src='//img.staticdj.com/d976337efb6f4b4ae24b5348f5ee49e2.jpg' alt='' object-fit='cover' object-position='center' auto-fit ssr size-ratio="1" i-spzhtml-ssr=""><picture><source srcset="//img.staticdj.com/d976337efb6f4b4ae24b5348f5ee49e2_900x.jpg" media="(max-width: 750px)" /><source srcset="//img.staticdj.com/d976337efb6f4b4ae24b5348f5ee49e2_1024x.jpg" media="(max-width: 960px)" /><source srcset="//img.staticdj.com/d976337efb6f4b4ae24b5348f5ee49e2_1500x.jpg" media="(max-width: 1420px)" /><source srcset="//img.staticdj.com/d976337efb6f4b4ae24b5348f5ee49e2_2560x.jpg" media="(max-width: 2560px)" /><img alt="" src="//img.staticdj.com/d976337efb6f4b4ae24b5348f5ee49e2.jpg" class="i-spzhtml-fill-content i-spzhtml-replaced-content" style="object-fit:cover;object-position:center;" /></picture></spz-img></div><div class="lg:hidden relative w-full z-1 " style="padding-bottom: 40%;"><spz-img class="absolute w-full h-full object-cover" layout='responsive' width='36' height='36' src='//img.staticdj.com/d976337efb6f4b4ae24b5348f5ee49e2.jpg' alt='' object-fit='cover' object-position='center' auto-fit ssr size-ratio="1" i-spzhtml-ssr=""><picture><source srcset="//img.staticdj.com/d976337efb6f4b4ae24b5348f5ee49e2_900x.jpg" media="(max-width: 750px)" /><source srcset="//img.staticdj.com/d976337efb6f4b4ae24b5348f5ee49e2_1024x.jpg" media="(max-width: 960px)" /><source srcset="//img.staticdj.com/d976337efb6f4b4ae24b5348f5ee49e2_1500x.jpg" media="(max-width: 1420px)" /><source srcset="//img.staticdj.com/d976337efb6f4b4ae24b5348f5ee49e2_2560x.jpg" media="(max-width: 2560px)" /><img alt="" src="//img.staticdj.com/d976337efb6f4b4ae24b5348f5ee49e2.jpg" class="i-spzhtml-fill-content i-spzhtml-replaced-content" style="object-fit:cover;object-position:center;" /></picture></spz-img></div><div class="slideshow-mask-0 slideshow-mask-text inset-0 flex overflow-hidden w-full py-12  lg:py-20 px-[22px] z-10 direction_ltr_self absolute h-full lg:px-[98px]" style="text-align: left;justify-content: flex-start;align-items: center;background-color: rgba(0,0,0,0%); " slide_style="" text_align="left"><div class="slideshow-mask-content relative z-10 max-w-[300px] lg:max-w-[490px]"><div class="pointer-events-none absolute inset-x-[-22px] lg:inset-x-[-98px] -inset-y-5 lg:inset-y-[-50px]  blur-[136px] bg-black opacity-[18%]  -z-1"></div><style>         [data-section-id="1638950411341"] .slick_title-1 {           font-size: 27px;         }         [data-section-id="1638950411341"] .mce__content p {           margin: 0;         }         @media(min-width: 960px) {           [data-section-id="1638950411341"] .slick_title-1 {             font-size: 54px;           }         }       </style><h3 class="slick_title slick_title-1 m-0 mb-3 last:mb-0 leading-1.2 type-heading-font-family mce__content"><p></p></h3><p class="slick_text body-plus-2 leading-1.3 m-0 mb-5 last:mb-0"></p></div></div></div></div></div></spz-carousel>
3990    <div class="flex items-center justify-between md:mt-6 slideshow_carousel_arrow absolute z-10 -bottom-5 right-4 lg:right-[72px] lg:mt-8 appearance-none">
3991  <spz-render
3992    class="roll-arrows flex-1 mr-2"
3993    id="slideshow-roll-arrows-1638950411341-render"
3994    layout="container"
3995    manual>
3996    <template>
3997      ${function() {
3998      return `
3999      <div class="flex items-center justify-center" spz-if="${data.total > 1}">
4000        <button
4001          class="roll-arrows-item roll-arrows-item-left border flex items-center justify-center rounded-full cursor-pointer md:shadow md:bg-white lg:mr-1 "
4002          @tap="slideshow-carousel-1638950411341.goToSlide(index=${data.index > 0 ? (data.index - 1) : (data.total - 1)},animate=true,direct=-1);"
4003          data-type="prev">
4004          <svg class="flex-shrink-0 rotate--90" prev width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M7.47 5.172a.75.75 0 0 1 1.06 0l4.596 4.596a.75.75 0 1 1-1.06 1.06L7.468 6.232a.75.75 0 0 1 0-1.06Z" fill="currentColor"/><path d="M8.533 5.172a.75.75 0 0 1 0 1.06l-4.596 4.596a.75.75 0 1 1-1.061-1.06l4.596-4.596a.75.75 0 0 1 1.06 0Z" fill="currentColor"/></svg>
4005        </button>
4006        <button
4007          class="roll-arrows-item roll-arrows-item-right border flex items-center justify-center rounded-full cursor-pointer md:shadow bg-white  ml-2 "
4008          @tap="slideshow-carousel-1638950411341.goToSlide(index=${data.index < (data.total - 1) ? (data.index + 1) : 0},animate=true,direct=1);"
4009          data-type="next">
4010          <svg class="flex-shrink-0 rotate-90" next width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M7.47 5.172a.75.75 0 0 1 1.06 0l4.596 4.596a.75.75 0 1 1-1.06 1.06L7.468 6.232a.75.75 0 0 1 0-1.06Z" fill="currentColor"/><path d="M8.533 5.172a.75.75 0 0 1 0 1.06l-4.596 4.596a.75.75 0 1 1-1.061-1.06l4.596-4.596a.75.75 0 0 1 1.06 0Z" fill="currentColor"/></svg>
4011        </button>
4012      </div>
4013      `
4014      }()}
4015    </template>
4016  </spz-render>
4017</div>
4018  </div>
4019
4020</div>
4021</div>
4021<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>
4021<style type="text/css">
4022  [data-section-id="1755497210534"] {
4023    padding-top: 40px;
4024    padding-bottom: 40px;
4025    padding-right: 0px;
4026    padding-left: 0px;
4027  }
4028  @media (max-width: 959.98px) {
4029    [data-section-id="1755497210534"] {
4030      padding-top: 20px;
4031      padding-bottom: 20px;
4032      padding-right: 0px;
4033      padding-left: 0px;
4034    }
4035  }
4036  </style><div id="shoplaza-section-1755497210534" class="shoplaza-section" data-section-id="1755497210534" data-section-type="rich_text" data-section-style="">
4037<style>
4038  [data-section-id="1755497210534"] .rich__wrapper.rich__wrapper_narrow {
4039    max-width: 330px;
4040  }
4041
4042  [data-section-id="1755497210534"] .rich_item:first-child {
4043    margin-top: 0;
4044  }
4045
4046  [data-section-id="1755497210534"] .rich_item:last-child {
4047    margin-top: 20px;
4048  }
4049
4050  [data-section-id="1755497210534"] .rich_button {
4051    min-width: 108px;
4052  }
4053  [data-section-id="1755497210534"] .rich__wrapper {
4054    text-align: center;
4055  }
4056
4057  @media (min-width: 960px) {
4058    [data-section-id="1755497210534"] .rich__wrapper {
4059      max-width: 680px;
4060    }
4061
4062    [data-section-id="1755497210534"] .rich__wrapper.rich__wrapper_narrow {
4063      max-width: 570px;
4064    }
4065  }
4066</style>
4067
4068<div class="rich__wrapper  rich__wrapper_narrow  my-0 mx-auto px-4 lg:px-10">
4069  <a
4070        class="rich_button mt-3 rich_item inline-block py-2 px-6 body-plus-2 leading-1.5 no-underline primary-btn rounded-btn"
4071        href="/collections/hanging-baskets" 
4072      >Buy now</a>
4073    </div>
4074</div><div id="shoplaza-section-1755497445785" class="shoplaza-section" data-section-id="1755497445785" data-section-type="fashion_graphic"><!-- card fashion_graphic is disabled --></div><style type="text/css">
4075  [data-section-id="1638940824061"] {
4076    padding-top: 40px;
4077    padding-bottom: 40px;
4078    padding-right: 0px;
4079    padding-left: 0px;
4080  }
4081  @media (max-width: 959.98px) {
4082    [data-section-id="1638940824061"] {
4083      padding-top: 20px;
4084      padding-bottom: 20px;
4085      padding-right: 0px;
4086      padding-left: 0px;
4087    }
4088  }
4089  [data-section-id="1638940824061"] {
4090      --page-width: calc(var(--page-width-base) - 0px - 0px);
4091    }
4092    @media (max-width: 959.98px) {
4093      [data-section-id="1638940824061"] {
4094        --page-width: calc(var(--page-width-base) - 0px - 0px);
4095      }
4096    }
4097  </style><div id="shoplaza-section-1638940824061" class="shoplaza-section" data-section-id="1638940824061" data-section-type="product_list" data-section-style="">
4098<style>
4099  [data-section-id="1638940824061"] .product__list-wrap.product__list-title-hidden .product-snippet__title,
4100  [data-section-id="1638940824061"] .product_list-part-hidden .product-snippet__title,
4101  [data-section-id="1638940824061"] .product_list-part-hidden .product-snippet__quick-shop-icon,
4102  [data-section-id="1638940824061"] .product_list-part-hidden .product-snippet__price-wrapper,
4103  [data-section-id="1638940824061"] .product_list-part-hidden .product-snippet__thumbnails {
4104    display: none;
4105  }
4106
4107  [data-section-id="1638940824061"] .product_list-part-hidden .product_snippet__label {
4108    bottom: 6px;
4109    left: 6px;
4110    top: auto;
4111  }
4112
4113  @media (max-width: 959.98px) {
4114    [data-section-id="1638940824061"] .product_list-part-hidden .product_snippet__label {
4115      bottom: 6px;
4116      left: 50%;
4117      transform: translateX(-50%);
4118      padding: 4px 8px;
4119    }
4120  }
4121</style>
4122<div class="product__list-wrap page-container overflow-hidden ">
4123  <h4 class="m-0 title-font type-heading-font-family font-normal leading-1.2 overflow-hidden">  - Best Seller -</h4>
4124  <div class="md:hidden grid mt-4 grid-cols-4  gap-x-10 lg:gap-y-11  mt-7">
4125      <div class="shoplazza-product-snippet" product-id="16b964da-0bd5-41b2-bb4a-76cc99b50321">
4126
4127  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_16b964da-0bd5-41b2-bb4a-76cc99b50321_">
4128    <a
4129      class="product-snippet__img-link relative block overflow-hidden"
4130      href="/products/men-e2-80-99s-genuine-leather-fleece-lined-orthopaedic-bootsdc756d29-44f4-47ab-af2b-686c6d3f0888"
4131has-secondary-image
4132    >
4133      <spz-img
4134        class="product-snippet__img product-snippet__img_main"
4135        layout="responsive"
4136        width="800"
4137        height="800"
4138        src="//img.staticdj.com/d846fd2c3b6380665697d6fa4be79cc0.jpeg"
4139        alt=""
4140        object-fit="cover"
4141        auto-fit
4142        ssr
4143          size-ratio="4"
4144        ></spz-img>
4145      <spz-img
4146          class="product-snippet__img-secondary absolute top-0"
4147          layout="responsive"
4148          width="800"
4149          height="800"
4150          src="//img.staticdj.com/32ad8376d02b970850302ff3bd1d9fdb.jpeg"
4151          alt=""
4152          object-fit="cover"
4153          auto-fit
4154        ></spz-img>
4155      </a>
4156    <button
4157          type="button"
4158          class="product-snippet__quick-shop-icon"
4159          data-track-product-id="16b964da-0bd5-41b2-bb4a-76cc99b50321"
4160          data-track-position=""
4161          data-track="quick_shop"
4162          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/16b964da-0bd5-41b2-bb4a-76cc99b50321');"
4163        >
4164          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
4165        </button>
4166      <a
4167      class="product_snippet__label md:hidden"
4168      label-type="save"
4169      href="/products/men-e2-80-99s-genuine-leather-fleece-lined-orthopaedic-bootsdc756d29-44f4-47ab-af2b-686c6d3f0888?variant=80d14cc4-b067-4c7d-b1a3-b2379a6871a4"
4170  >
4171      Save <span class='money'>$37.00</span>
4172  </a>
4173  <a
4174      class="product_snippet__label lg:hidden"
4175      label-type="save"
4176      href="/products/men-e2-80-99s-genuine-leather-fleece-lined-orthopaedic-bootsdc756d29-44f4-47ab-af2b-686c6d3f0888?variant=80d14cc4-b067-4c7d-b1a3-b2379a6871a4"
4177  >
4178      Save <span class='money'>$37.00</span>
4179  </a>
4180  </div>
4181
4182  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
4183    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
4184  href="/products/men-e2-80-99s-genuine-leather-fleece-lined-orthopaedic-bootsdc756d29-44f4-47ab-af2b-686c6d3f0888"
4185>
4186      Men&rsquo;s Genuine Leather Fleece-Lined Orthopaedic Waterproof Boots
4187    </a>
4188  </h3>
4189
4190  <a
4191    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
4192    href="/products/men-e2-80-99s-genuine-leather-fleece-lined-orthopaedic-bootsdc756d29-44f4-47ab-af2b-686c6d3f0888?variant=80d14cc4-b067-4c7d-b1a3-b2379a6871a4"
4193  >
4194    <span class="product-snippet__price">
4195        from 
4196          <span class='money'>$32.98</span>
4197        </span>
4198      <span class="product-snippet__compare-at-price money">
4199          $69.98
4200        </span>
4201      </a>
4202
4203  
4204</div>
4205      <div class="shoplazza-product-snippet" product-id="17674c6e-f29d-453b-ad87-8770ac01bb09">
4206
4207  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_17674c6e-f29d-453b-ad87-8770ac01bb09_save">
4208    <a
4209      class="product-snippet__img-link relative block overflow-hidden"
4210      href="/products/stretch-ankle-boot2471dbf2-bdd3-4220-a592-17a82a95fbbd"
4211has-secondary-image
4212    >
4213      <spz-img
4214        class="product-snippet__img product-snippet__img_main"
4215        layout="responsive"
4216        width="3374"
4217        height="3374"
4218        src="//img.staticdj.com/c1f9daab1c55d3459c2d527a2bee5b37.jpeg"
4219        alt=""
4220        object-fit="cover"
4221        auto-fit
4222        ></spz-img>
4223      <spz-carousel
4224            class="product-snippet__img product-snippet__img_carousel"
4225            id="product_snippet__carousel_1638940824061_17674c6e-f29d-453b-ad87-8770ac01bb09_save"
4226            layout="responsive"
4227            width="3374"
4228            height="3374"
4229            initial-slide="0"
4230            slide
4231            effect="fade"
4232          >
4233            <spz-img
4234                layout="responsive"
4235                width="3374"
4236                height="3374"
4237                src="//img.staticdj.com/1aa984f4739fa6ba67d66e96f424432d.jpeg"
4238                alt=""
4239                object-fit="cover"
4240                auto-fit
4241              ></spz-img>
4242            <spz-img
4243                layout="responsive"
4244                width="3374"
4245                height="3374"
4246                src="//img.staticdj.com/cc68990790ad0eccfdfdda28426e34e0.jpeg"
4247                alt=""
4248                object-fit="cover"
4249                auto-fit
4250              ></spz-img>
4251            <spz-img
4252                layout="responsive"
4253                width="3374"
4254                height="3374"
4255                src="//img.staticdj.com/b74b14aa365d074f7b957654dddc3004.jpeg"
4256                alt=""
4257                object-fit="cover"
4258                auto-fit
4259              ></spz-img>
4260            </spz-carousel>
4261        <spz-img
4262          class="product-snippet__img-secondary absolute top-0"
4263          layout="responsive"
4264          width="3374"
4265          height="3374"
4266          src="//img.staticdj.com/1aa984f4739fa6ba67d66e96f424432d.jpeg"
4267          alt=""
4268          object-fit="cover"
4269          auto-fit
4270        ></spz-img>
4271      </a>
4272    <button
4273          type="button"
4274          class="product-snippet__quick-shop-icon"
4275          data-track-product-id="17674c6e-f29d-453b-ad87-8770ac01bb09"
4276          data-track-position=""
4277          data-track="quick_shop"
4278          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/17674c6e-f29d-453b-ad87-8770ac01bb09');"
4279        >
4280          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
4281        </button>
4282      <a
4283      class="product_snippet__label md:hidden"
4284      label-type="save"
4285      href="/products/stretch-ankle-boot2471dbf2-bdd3-4220-a592-17a82a95fbbd?variant=3ceb576c-b2ff-4be6-877f-dcdab91d9976"
4286  >
4287      Save <span class='money'>$40.00</span>
4288  </a>
4289  <a
4290      class="product_snippet__label lg:hidden"
4291      label-type="save"
4292      href="/products/stretch-ankle-boot2471dbf2-bdd3-4220-a592-17a82a95fbbd?variant=3ceb576c-b2ff-4be6-877f-dcdab91d9976"
4293  >
4294      Save <span class='money'>$40.00</span>
4295  </a>
4296  </div>
4297
4298  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
4299    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
4300  href="/products/stretch-ankle-boot2471dbf2-bdd3-4220-a592-17a82a95fbbd"
4301>
4302      Stretch Ankle Boot
4303    </a>
4304  </h3>
4305
4306  <a
4307    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
4308    href="/products/stretch-ankle-boot2471dbf2-bdd3-4220-a592-17a82a95fbbd?variant=3ceb576c-b2ff-4be6-877f-dcdab91d9976"
4309  >
4310    <span class="product-snippet__price">
4311        <span class='money'>$39.98</span>
4312        </span>
4313      <span class="product-snippet__compare-at-price money">
4314          $79.98
4315        </span>
4316      </a>
4317
4318  <spz-selector
4319        id="product_snippet__selector_1638940824061_17674c6e-f29d-453b-ad87-8770ac01bb09_save"
4320        layout="container"
4321        class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
4322        @mouseover="product_snippet__selector_1638940824061_17674c6e-f29d-453b-ad87-8770ac01bb09_save.toggle(option=event.targetOption,value=true);product_snippet__carousel_1638940824061_17674c6e-f29d-453b-ad87-8770ac01bb09_save.goToSlide(index=event.targetOption);product_snippet__image_wrap_1638940824061_17674c6e-f29d-453b-ad87-8770ac01bb09_save.toggleClass(class='show_carousel',force=true)"
4323      >
4324        <a
4325            option="0"
4326            class="product-snippet__thumbnails-item flex cursor-pointer"
4327            href="/products/stretch-ankle-boot2471dbf2-bdd3-4220-a592-17a82a95fbbd?variant=3ceb576c-b2ff-4be6-877f-dcdab91d9976"
4328          >
4329            <spz-img
4330              layout="fixed"
4331              width="28"
4332              height="28"
4333              src="//img.staticdj.com/1aa984f4739fa6ba67d66e96f424432d.jpeg"
4334              alt=""
4335              object-fit="cover"
4336              auto-fit
4337            ></spz-img>
4338          </a>
4339        <a
4340            option="1"
4341            class="product-snippet__thumbnails-item flex cursor-pointer"
4342            href="/products/stretch-ankle-boot2471dbf2-bdd3-4220-a592-17a82a95fbbd?variant=d2fe123a-a5e0-4501-beb5-fda4dd3ca834"
4343          >
4344            <spz-img
4345              layout="fixed"
4346              width="28"
4347              height="28"
4348              src="//img.staticdj.com/cc68990790ad0eccfdfdda28426e34e0.jpeg"
4349              alt=""
4350              object-fit="cover"
4351              auto-fit
4352            ></spz-img>
4353          </a>
4354        <a
4355            option="2"
4356            class="product-snippet__thumbnails-item flex cursor-pointer"
4357            href="/products/stretch-ankle-boot2471dbf2-bdd3-4220-a592-17a82a95fbbd?variant=b7bd4187-9aa0-4354-ba7e-63ec07226001"
4358          >
4359            <spz-img
4360              layout="fixed"
4361              width="28"
4362              height="28"
4363              src="//img.staticdj.com/b74b14aa365d074f7b957654dddc3004.jpeg"
4364              alt=""
4365              object-fit="cover"
4366              auto-fit
4367            ></spz-img>
4368          </a>
4369        </spz-selector>
4370    
4371</div>
4372      <div class="shoplazza-product-snippet" product-id="09ad325f-0e6b-460b-85ff-fd775b15f7ff">
4373
4374  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_09ad325f-0e6b-460b-85ff-fd775b15f7ff_save">
4375    <a
4376      class="product-snippet__img-link relative block overflow-hidden"
4377      href="/products/womens-slingback-chunky-low-heels4e6d80a4-06d6-4831-ba52-f8ad9470d567"
4378has-secondary-image
4379    >
4380      <spz-img
4381        class="product-snippet__img product-snippet__img_main"
4382        layout="responsive"
4383        width="800"
4384        height="800"
4385        src="//img.staticdj.com/48844abab590a598fd73ef339bf7d04c.jpeg"
4386        alt=""
4387        object-fit="cover"
4388        auto-fit
4389        ></spz-img>
4390      <spz-carousel
4391            class="product-snippet__img product-snippet__img_carousel"
4392            id="product_snippet__carousel_1638940824061_09ad325f-0e6b-460b-85ff-fd775b15f7ff_save"
4393            layout="responsive"
4394            width="800"
4395            height="800"
4396            initial-slide="0"
4397            slide
4398            effect="fade"
4399          >
4400            <spz-img
4401                layout="responsive"
4402                width="800"
4403                height="800"
4404                src="//img.staticdj.com/4da96e43695cf8ca40c1193f0c4296be.jpeg"
4405                alt=""
4406                object-fit="cover"
4407                auto-fit
4408              ></spz-img>
4409            <spz-img
4410                layout="responsive"
4411                width="800"
4412                height="800"
4413                src="//img.staticdj.com/e89f081dc1f564b959ed07dbd230d9d7.jpeg"
4414                alt=""
4415                object-fit="cover"
4416                auto-fit
4417              ></spz-img>
4418            <spz-img
4419                layout="responsive"
4420                width="800"
4421                height="800"
4422                src="//img.staticdj.com/74b43350867fcf1a54e8665b54fe8d78.jpeg"
4423                alt=""
4424                object-fit="cover"
4425                auto-fit
4426              ></spz-img>
4427            </spz-carousel>
4428        <spz-img
4429          class="product-snippet__img-secondary absolute top-0"
4430          layout="responsive"
4431          width="800"
4432          height="800"
4433          src="//img.staticdj.com/65e0be53c9464c256a5f55342cccf437.jpeg"
4434          alt=""
4435          object-fit="cover"
4436          auto-fit
4437        ></spz-img>
4438      </a>
4439    <button
4440          type="button"
4441          class="product-snippet__quick-shop-icon"
4442          data-track-product-id="09ad325f-0e6b-460b-85ff-fd775b15f7ff"
4443          data-track-position=""
4444          data-track="quick_shop"
4445          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/09ad325f-0e6b-460b-85ff-fd775b15f7ff');"
4446        >
4447          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
4448        </button>
4449      <a
4450      class="product_snippet__label md:hidden"
4451      label-type="save"
4452      href="/products/womens-slingback-chunky-low-heels4e6d80a4-06d6-4831-ba52-f8ad9470d567?variant=f8aa210c-93f0-444c-b262-77549f3c26b1"
4453  >
4454      Save <span class='money'>$29.92</span>
4455  </a>
4456  <a
4457      class="product_snippet__label lg:hidden"
4458      label-type="save"
4459      href="/products/womens-slingback-chunky-low-heels4e6d80a4-06d6-4831-ba52-f8ad9470d567?variant=f8aa210c-93f0-444c-b262-77549f3c26b1"
4460  >
4461      Save <span class='money'>$29.92</span>
4462  </a>
4463  </div>
4464
4465  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
4466    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
4467  href="/products/womens-slingback-chunky-low-heels4e6d80a4-06d6-4831-ba52-f8ad9470d567"
4468>
4469      Women&#039;s Slingback Chunky Low Heels
4470    </a>
4471  </h3>
4472
4473  <a
4474    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
4475    href="/products/womens-slingback-chunky-low-heels4e6d80a4-06d6-4831-ba52-f8ad9470d567?variant=f8aa210c-93f0-444c-b262-77549f3c26b1"
4476  >
4477    <span class="product-snippet__price">
4478        <span class='money'>$29.98</span>
4479        </span>
4480      <span class="product-snippet__compare-at-price money">
4481          $59.90
4482        </span>
4483      </a>
4484
4485  <spz-selector
4486        id="product_snippet__selector_1638940824061_09ad325f-0e6b-460b-85ff-fd775b15f7ff_save"
4487        layout="container"
4488        class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
4489        @mouseover="product_snippet__selector_1638940824061_09ad325f-0e6b-460b-85ff-fd775b15f7ff_save.toggle(option=event.targetOption,value=true);product_snippet__carousel_1638940824061_09ad325f-0e6b-460b-85ff-fd775b15f7ff_save.goToSlide(index=event.targetOption);product_snippet__image_wrap_1638940824061_09ad325f-0e6b-460b-85ff-fd775b15f7ff_save.toggleClass(class='show_carousel',force=true)"
4490      >
4491        <a
4492            option="0"
4493            class="product-snippet__thumbnails-item flex cursor-pointer"
4494            href="/products/womens-slingback-chunky-low-heels4e6d80a4-06d6-4831-ba52-f8ad9470d567?variant=f8aa210c-93f0-444c-b262-77549f3c26b1"
4495          >
4496            <spz-img
4497              layout="fixed"
4498              width="28"
4499              height="28"
4500              src="//img.staticdj.com/4da96e43695cf8ca40c1193f0c4296be.jpeg"
4501              alt=""
4502              object-fit="cover"
4503              auto-fit
4504            ></spz-img>
4505          </a>
4506        <a
4507            option="1"
4508            class="product-snippet__thumbnails-item flex cursor-pointer"
4509            href="/products/womens-slingback-chunky-low-heels4e6d80a4-06d6-4831-ba52-f8ad9470d567?variant=74b668d3-4d8f-4c2c-9031-0b252756cd8d"
4510          >
4511            <spz-img
4512              layout="fixed"
4513              width="28"
4514              height="28"
4515              src="//img.staticdj.com/e89f081dc1f564b959ed07dbd230d9d7.jpeg"
4516              alt=""
4517              object-fit="cover"
4518              auto-fit
4519            ></spz-img>
4520          </a>
4521        <a
4522            option="2"
4523            class="product-snippet__thumbnails-item flex cursor-pointer"
4524            href="/products/womens-slingback-chunky-low-heels4e6d80a4-06d6-4831-ba52-f8ad9470d567?variant=dd9bac14-923f-423a-9343-d3919d224623"
4525          >
4526            <spz-img
4527              layout="fixed"
4528              width="28"
4529              height="28"
4530              src="//img.staticdj.com/74b43350867fcf1a54e8665b54fe8d78.jpeg"
4531              alt=""
4532              object-fit="cover"
4533              auto-fit
4534            ></spz-img>
4535          </a>
4536        <a 
4537  href="/products/womens-slingback-chunky-low-heels4e6d80a4-06d6-4831-ba52-f8ad9470d567"
4538class="product-snippet__thumbnails-item text-xs text-inherit no-underline">+5</a>
4539        </spz-selector>
4540    
4541</div>
4542      <div class="shoplazza-product-snippet" product-id="f544ce09-361f-441d-912f-4ec891f78f47">
4543
4544  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_f544ce09-361f-441d-912f-4ec891f78f47_save">
4545    <a
4546      class="product-snippet__img-link relative block overflow-hidden"
4547      href="/products/womens-genuine-leather-platform-clogs84033618-f635-4d35-a439-d9d9bd75f13e"
4548has-secondary-image
4549    >
4550      <spz-img
4551        class="product-snippet__img product-snippet__img_main"
4552        layout="responsive"
4553        width="800"
4554        height="800"
4555        src="//img.staticdj.com/e5a86cf8e1297513f669a9e9e932af2b.jpeg"
4556        alt=""
4557        object-fit="cover"
4558        auto-fit
4559        ></spz-img>
4560      <spz-carousel
4561            class="product-snippet__img product-snippet__img_carousel"
4562            id="product_snippet__carousel_1638940824061_f544ce09-361f-441d-912f-4ec891f78f47_save"
4563            layout="responsive"
4564            width="800"
4565            height="800"
4566            initial-slide="0"
4567            slide
4568            effect="fade"
4569          >
4570            <spz-img
4571                layout="responsive"
4572                width="800"
4573                height="800"
4574                src="//img.staticdj.com/e5a86cf8e1297513f669a9e9e932af2b.jpeg"
4575                alt=""
4576                object-fit="cover"
4577                auto-fit
4578              ></spz-img>
4579            <spz-img
4580                layout="responsive"
4581                width="800"
4582                height="800"
4583                src="//img.staticdj.com/f1baad9ce1d4725c14bf483699d07914.jpeg"
4584                alt=""
4585                object-fit="cover"
4586                auto-fit
4587              ></spz-img>
4588            <spz-img
4589                layout="responsive"
4590                width="800"
4591                height="800"
4592                src="//img.staticdj.com/d799b57303bf73922d6c979f4f661998.jpeg"
4593                alt=""
4594                object-fit="cover"
4595                auto-fit
4596              ></spz-img>
4597            </spz-carousel>
4598        <spz-img
4599          class="product-snippet__img-secondary absolute top-0"
4600          layout="responsive"
4601          width="800"
4602          height="800"
4603          src="//img.staticdj.com/e3471e6b8adae71ac86b0d17d7202d48.jpeg"
4604          alt=""
4605          object-fit="cover"
4606          auto-fit
4607        ></spz-img>
4608      </a>
4609    <button
4610          type="button"
4611          class="product-snippet__quick-shop-icon"
4612          data-track-product-id="f544ce09-361f-441d-912f-4ec891f78f47"
4613          data-track-position=""
4614          data-track="quick_shop"
4615          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/f544ce09-361f-441d-912f-4ec891f78f47');"
4616        >
4617          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
4618        </button>
4619      <a
4620      class="product_snippet__label md:hidden"
4621      label-type="save"
4622      href="/products/womens-genuine-leather-platform-clogs84033618-f635-4d35-a439-d9d9bd75f13e?variant=300b19b6-5e3d-4818-b20d-5850d5405d65"
4623  >
4624      Save <span class='money'>$30.01</span>
4625  </a>
4626  <a
4627      class="product_snippet__label lg:hidden"
4628      label-type="save"
4629      href="/products/womens-genuine-leather-platform-clogs84033618-f635-4d35-a439-d9d9bd75f13e?variant=300b19b6-5e3d-4818-b20d-5850d5405d65"
4630  >
4631      Save <span class='money'>$30.01</span>
4632  </a>
4633  </div>
4634
4635  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
4636    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
4637  href="/products/womens-genuine-leather-platform-clogs84033618-f635-4d35-a439-d9d9bd75f13e"
4638>
4639      Women&#039;s Genuine Leather Platform Clogs
4640    </a>
4641  </h3>
4642
4643  <a
4644    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
4645    href="/products/womens-genuine-leather-platform-clogs84033618-f635-4d35-a439-d9d9bd75f13e?variant=300b19b6-5e3d-4818-b20d-5850d5405d65"
4646  >
4647    <span class="product-snippet__price">
4648        <span class='money'>$39.98</span>
4649        </span>
4650      <span class="product-snippet__compare-at-price money">
4651          $69.99
4652        </span>
4653      </a>
4654
4655  <spz-selector
4656        id="product_snippet__selector_1638940824061_f544ce09-361f-441d-912f-4ec891f78f47_save"
4657        layout="container"
4658        class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
4659        @mouseover="product_snippet__selector_1638940824061_f544ce09-361f-441d-912f-4ec891f78f47_save.toggle(option=event.targetOption,value=true);product_snippet__carousel_1638940824061_f544ce09-361f-441d-912f-4ec891f78f47_save.goToSlide(index=event.targetOption);product_snippet__image_wrap_1638940824061_f544ce09-361f-441d-912f-4ec891f78f47_save.toggleClass(class='show_carousel',force=true)"
4660      >
4661        <a
4662            option="0"
4663            class="product-snippet__thumbnails-item flex cursor-pointer"
4664            href="/products/womens-genuine-leather-platform-clogs84033618-f635-4d35-a439-d9d9bd75f13e?variant=300b19b6-5e3d-4818-b20d-5850d5405d65"
4665          >
4666            <spz-img
4667              layout="fixed"
4668              width="28"
4669              height="28"
4670              src="//img.staticdj.com/e5a86cf8e1297513f669a9e9e932af2b.jpeg"
4671              alt=""
4672              object-fit="cover"
4673              auto-fit
4674            ></spz-img>
4675          </a>
4676        <a
4677            option="1"
4678            class="product-snippet__thumbnails-item flex cursor-pointer"
4679            href="/products/womens-genuine-leather-platform-clogs84033618-f635-4d35-a439-d9d9bd75f13e?variant=03b9ab38-4f71-4fbf-9584-742854171954"
4680          >
4681            <spz-img
4682              layout="fixed"
4683              width="28"
4684              height="28"
4685              src="//img.staticdj.com/f1baad9ce1d4725c14bf483699d07914.jpeg"
4686              alt=""
4687              object-fit="cover"
4688              auto-fit
4689            ></spz-img>
4690          </a>
4691        <a
4692            option="2"
4693            class="product-snippet__thumbnails-item flex cursor-pointer"
4694            href="/products/womens-genuine-leather-platform-clogs84033618-f635-4d35-a439-d9d9bd75f13e?variant=0e4bc24f-485a-4035-b648-ef8de37dc7dc"
4695          >
4696            <spz-img
4697              layout="fixed"
4698              width="28"
4699              height="28"
4700              src="//img.staticdj.com/d799b57303bf73922d6c979f4f661998.jpeg"
4701              alt=""
4702              object-fit="cover"
4703              auto-fit
4704            ></spz-img>
4705          </a>
4706        <a 
4707  href="/products/womens-genuine-leather-platform-clogs84033618-f635-4d35-a439-d9d9bd75f13e"
4708class="product-snippet__thumbnails-item text-xs text-inherit no-underline">+1</a>
4709        </spz-selector>
4710    
4711</div>
4712      <div class="shoplazza-product-snippet" product-id="0480eceb-9cc4-46ae-9d54-272ba18322fe">
4713
4714  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_0480eceb-9cc4-46ae-9d54-272ba18322fe_save">
4715    <a
4716      class="product-snippet__img-link relative block overflow-hidden"
4717      href="/products/womens-mountain-leather-slip-on-clogs606a8755-72d8-445b-ac5f-b5c55040454d"
4718has-secondary-image
4719    >
4720      <spz-img
4721        class="product-snippet__img product-snippet__img_main"
4722        layout="responsive"
4723        width="2000"
4724        height="2000"
4725        src="//img.staticdj.com/2998aef86d4918ce55bd37566758a98a.jpeg"
4726        alt=""
4727        object-fit="cover"
4728        auto-fit
4729        ></spz-img>
4730      <spz-carousel
4731            class="product-snippet__img product-snippet__img_carousel"
4732            id="product_snippet__carousel_1638940824061_0480eceb-9cc4-46ae-9d54-272ba18322fe_save"
4733            layout="responsive"
4734            width="2000"
4735            height="2000"
4736            initial-slide="0"
4737            slide
4738            effect="fade"
4739          >
4740            <spz-img
4741                layout="responsive"
4742                width="2000"
4743                height="2000"
4744                src="//img.staticdj.com/2998aef86d4918ce55bd37566758a98a.jpeg"
4745                alt=""
4746                object-fit="cover"
4747                auto-fit
4748              ></spz-img>
4749            <spz-img
4750                layout="responsive"
4751                width="2000"
4752                height="2000"
4753                src="//img.staticdj.com/9eb5365ce998c1ca83e0d4287559376f.jpeg"
4754                alt=""
4755                object-fit="cover"
4756                auto-fit
4757              ></spz-img>
4758            <spz-img
4759                layout="responsive"
4760                width="2000"
4761                height="2000"
4762                src="//img.staticdj.com/e86c3736d473ef70d611165f896b0b6c.jpeg"
4763                alt=""
4764                object-fit="cover"
4765                auto-fit
4766              ></spz-img>
4767            </spz-carousel>
4768        <spz-img
4769          class="product-snippet__img-secondary absolute top-0"
4770          layout="responsive"
4771          width="2000"
4772          height="2000"
4773          src="//img.staticdj.com/b2349aef97be32599c83697692f0bab9.jpeg"
4774          alt=""
4775          object-fit="cover"
4776          auto-fit
4777        ></spz-img>
4778      </a>
4779    <button
4780          type="button"
4781          class="product-snippet__quick-shop-icon"
4782          data-track-product-id="0480eceb-9cc4-46ae-9d54-272ba18322fe"
4783          data-track-position=""
4784          data-track="quick_shop"
4785          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/0480eceb-9cc4-46ae-9d54-272ba18322fe');"
4786        >
4787          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
4788        </button>
4789      <a
4790      class="product_snippet__label md:hidden"
4791      label-type="save"
4792      href="/products/womens-mountain-leather-slip-on-clogs606a8755-72d8-445b-ac5f-b5c55040454d?variant=6441f1e0-db2f-4df9-aca4-94c07e4b4f5d"
4793  >
4794      Save <span class='money'>$35.01</span>
4795  </a>
4796  <a
4797      class="product_snippet__label lg:hidden"
4798      label-type="save"
4799      href="/products/womens-mountain-leather-slip-on-clogs606a8755-72d8-445b-ac5f-b5c55040454d?variant=6441f1e0-db2f-4df9-aca4-94c07e4b4f5d"
4800  >
4801      Save <span class='money'>$35.01</span>
4802  </a>
4803  </div>
4804
4805  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
4806    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
4807  href="/products/womens-mountain-leather-slip-on-clogs606a8755-72d8-445b-ac5f-b5c55040454d"
4808>
4809      Women&#039;s Mountain Leather Slip-On Clogs
4810    </a>
4811  </h3>
4812
4813  <a
4814    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
4815    href="/products/womens-mountain-leather-slip-on-clogs606a8755-72d8-445b-ac5f-b5c55040454d?variant=6441f1e0-db2f-4df9-aca4-94c07e4b4f5d"
4816  >
4817    <span class="product-snippet__price">
4818        <span class='money'>$34.98</span>
4819        </span>
4820      <span class="product-snippet__compare-at-price money">
4821          $69.99
4822        </span>
4823      </a>
4824
4825  <spz-selector
4826        id="product_snippet__selector_1638940824061_0480eceb-9cc4-46ae-9d54-272ba18322fe_save"
4827        layout="container"
4828        class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
4829        @mouseover="product_snippet__selector_1638940824061_0480eceb-9cc4-46ae-9d54-272ba18322fe_save.toggle(option=event.targetOption,value=true);product_snippet__carousel_1638940824061_0480eceb-9cc4-46ae-9d54-272ba18322fe_save.goToSlide(index=event.targetOption);product_snippet__image_wrap_1638940824061_0480eceb-9cc4-46ae-9d54-272ba18322fe_save.toggleClass(class='show_carousel',force=true)"
4830      >
4831        <a
4832            option="0"
4833            class="product-snippet__thumbnails-item flex cursor-pointer"
4834            href="/products/womens-mountain-leather-slip-on-clogs606a8755-72d8-445b-ac5f-b5c55040454d?variant=6441f1e0-db2f-4df9-aca4-94c07e4b4f5d"
4835          >
4836            <spz-img
4837              layout="fixed"
4838              width="28"
4839              height="28"
4840              src="//img.staticdj.com/2998aef86d4918ce55bd37566758a98a.jpeg"
4841              alt=""
4842              object-fit="cover"
4843              auto-fit
4844            ></spz-img>
4845          </a>
4846        <a
4847            option="1"
4848            class="product-snippet__thumbnails-item flex cursor-pointer"
4849            href="/products/womens-mountain-leather-slip-on-clogs606a8755-72d8-445b-ac5f-b5c55040454d?variant=56df1ea9-4bae-4103-8551-c6939e9824ab"
4850          >
4851            <spz-img
4852              layout="fixed"
4853              width="28"
4854              height="28"
4855              src="//img.staticdj.com/9eb5365ce998c1ca83e0d4287559376f.jpeg"
4856              alt=""
4857              object-fit="cover"
4858              auto-fit
4859            ></spz-img>
4860          </a>
4861        <a
4862            option="2"
4863            class="product-snippet__thumbnails-item flex cursor-pointer"
4864            href="/products/womens-mountain-leather-slip-on-clogs606a8755-72d8-445b-ac5f-b5c55040454d?variant=111d79d6-c24c-46ff-9663-540475667077"
4865          >
4866            <spz-img
4867              layout="fixed"
4868              width="28"
4869              height="28"
4870              src="//img.staticdj.com/e86c3736d473ef70d611165f896b0b6c.jpeg"
4871              alt=""
4872              object-fit="cover"
4873              auto-fit
4874            ></spz-img>
4875          </a>
4876        </spz-selector>
4877    
4878</div>
4879      <div class="shoplazza-product-snippet" product-id="0266f55b-c5fc-475d-aca3-23d6515be861">
4880
4881  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_0266f55b-c5fc-475d-aca3-23d6515be861_save">
4882    <a
4883      class="product-snippet__img-link relative block overflow-hidden"
4884      href="/products/unisex-soft-sole-beach-water-shoesa327d16a-ed28-448c-90dd-fed3a97f08db"
4885has-secondary-image
4886    >
4887      <spz-img
4888        class="product-snippet__img product-snippet__img_main"
4889        layout="responsive"
4890        width="800"
4891        height="800"
4892        src="//img.staticdj.com/bbb317e355981201c86fecf9d86e9dfd.jpeg"
4893        alt=""
4894        object-fit="cover"
4895        auto-fit
4896        ></spz-img>
4897      <spz-carousel
4898            class="product-snippet__img product-snippet__img_carousel"
4899            id="product_snippet__carousel_1638940824061_0266f55b-c5fc-475d-aca3-23d6515be861_save"
4900            layout="responsive"
4901            width="800"
4902            height="800"
4903            initial-slide="0"
4904            slide
4905            effect="fade"
4906          >
4907            <spz-img
4908                layout="responsive"
4909                width="800"
4910                height="800"
4911                src="//img.staticdj.com/bbb317e355981201c86fecf9d86e9dfd.jpeg"
4912                alt=""
4913                object-fit="cover"
4914                auto-fit
4915              ></spz-img>
4916            <spz-img
4917                layout="responsive"
4918                width="800"
4919                height="800"
4920                src="//img.staticdj.com/6b15132244431024723dd8f735300d0e.jpeg"
4921                alt=""
4922                object-fit="cover"
4923                auto-fit
4924              ></spz-img>
4925            <spz-img
4926                layout="responsive"
4927                width="800"
4928                height="800"
4929                src="//img.staticdj.com/3592677dfe9f8e3c31a76dc0a99b0d9b.jpeg"
4930                alt=""
4931                object-fit="cover"
4932                auto-fit
4933              ></spz-img>
4934            </spz-carousel>
4935        <spz-img
4936          class="product-snippet__img-secondary absolute top-0"
4937          layout="responsive"
4938          width="800"
4939          height="800"
4940          src="//img.staticdj.com/d0276aeec2410eedd0b7e1c6b344f616.jpeg"
4941          alt=""
4942          object-fit="cover"
4943          auto-fit
4944        ></spz-img>
4945      </a>
4946    <button
4947          type="button"
4948          class="product-snippet__quick-shop-icon"
4949          data-track-product-id="0266f55b-c5fc-475d-aca3-23d6515be861"
4950          data-track-position=""
4951          data-track="quick_shop"
4952          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/0266f55b-c5fc-475d-aca3-23d6515be861');"
4953        >
4954          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
4955        </button>
4956      <a
4957      class="product_snippet__label md:hidden"
4958      label-type="save"
4959      href="/products/unisex-soft-sole-beach-water-shoesa327d16a-ed28-448c-90dd-fed3a97f08db?variant=16bac002-56da-4601-b10a-638cd632c8fe"
4960  >
4961      Save <span class='money'>$29.92</span>
4962  </a>
4963  <a
4964      class="product_snippet__label lg:hidden"
4965      label-type="save"
4966      href="/products/unisex-soft-sole-beach-water-shoesa327d16a-ed28-448c-90dd-fed3a97f08db?variant=16bac002-56da-4601-b10a-638cd632c8fe"
4967  >
4968      Save <span class='money'>$29.92</span>
4969  </a>
4970  </div>
4971
4972  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
4973    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
4974  href="/products/unisex-soft-sole-beach-water-shoesa327d16a-ed28-448c-90dd-fed3a97f08db"
4975>
4976      Unisex Soft Sole Beach Water Shoes
4977    </a>
4978  </h3>
4979
4980  <a
4981    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
4982    href="/products/unisex-soft-sole-beach-water-shoesa327d16a-ed28-448c-90dd-fed3a97f08db?variant=16bac002-56da-4601-b10a-638cd632c8fe"
4983  >
4984    <span class="product-snippet__price">
4985        <span class='money'>$29.98</span>
4986        </span>
4987      <span class="product-snippet__compare-at-price money">
4988          $59.90
4989        </span>
4990      </a>
4991
4992  <spz-selector
4993        id="product_snippet__selector_1638940824061_0266f55b-c5fc-475d-aca3-23d6515be861_save"
4994        layout="container"
4995        class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
4996        @mouseover="product_snippet__selector_1638940824061_0266f55b-c5fc-475d-aca3-23d6515be861_save.toggle(option=event.targetOption,value=true);product_snippet__carousel_1638940824061_0266f55b-c5fc-475d-aca3-23d6515be861_save.goToSlide(index=event.targetOption);product_snippet__image_wrap_1638940824061_0266f55b-c5fc-475d-aca3-23d6515be861_save.toggleClass(class='show_carousel',force=true)"
4997      >
4998        <a
4999            option="0"
5000            class="product-snippet__thumbnails-item flex cursor-pointer"
5001            href="/products/unisex-soft-sole-beach-water-shoesa327d16a-ed28-448c-90dd-fed3a97f08db?variant=16bac002-56da-4601-b10a-638cd632c8fe"
5002          >
5003            <spz-img
5004              layout="fixed"
5005              width="28"
5006              height="28"
5007              src="//img.staticdj.com/bbb317e355981201c86fecf9d86e9dfd.jpeg"
5008              alt=""
5009              object-fit="cover"
5010              auto-fit
5011            ></spz-img>
5012          </a>
5013        <a
5014            option="1"
5015            class="product-snippet__thumbnails-item flex cursor-pointer"
5016            href="/products/unisex-soft-sole-beach-water-shoesa327d16a-ed28-448c-90dd-fed3a97f08db?variant=69b408b4-9188-415c-a0a2-433153e5740f"
5017          >
5018            <spz-img
5019              layout="fixed"
5020              width="28"
5021              height="28"
5022              src="//img.staticdj.com/6b15132244431024723dd8f735300d0e.jpeg"
5023              alt=""
5024              object-fit="cover"
5025              auto-fit
5026            ></spz-img>
5027          </a>
5028        <a
5029            option="2"
5030            class="product-snippet__thumbnails-item flex cursor-pointer"
5031            href="/products/unisex-soft-sole-beach-water-shoesa327d16a-ed28-448c-90dd-fed3a97f08db?variant=6f96c029-ecca-42ae-a376-1bc96ae85348"
5032          >
5033            <spz-img
5034              layout="fixed"
5035              width="28"
5036              height="28"
5037              src="//img.staticdj.com/3592677dfe9f8e3c31a76dc0a99b0d9b.jpeg"
5038              alt=""
5039              object-fit="cover"
5040              auto-fit
5041            ></spz-img>
5042          </a>
5043        <a 
5044  href="/products/unisex-soft-sole-beach-water-shoesa327d16a-ed28-448c-90dd-fed3a97f08db"
5045class="product-snippet__thumbnails-item text-xs text-inherit no-underline">+2</a>
5046        </spz-selector>
5047    
5048</div>
5049      <div class="shoplazza-product-snippet" product-id="fdc8fb1f-9975-4d29-8837-a38aa462509c">
5050
5051  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_fdc8fb1f-9975-4d29-8837-a38aa462509c_save">
5052    <a
5053      class="product-snippet__img-link relative block overflow-hidden"
5054      href="/products/womens-leather-boots31cfa393-23c7-452f-b6da-b543c44317bd813cbadb-8360-48a1-8747-5d5aff7ade20"
5055has-secondary-image
5056    >
5057      <spz-img
5058        class="product-snippet__img product-snippet__img_main"
5059        layout="responsive"
5060        width="800"
5061        height="800"
5062        src="//img.staticdj.com/fc59433eb8e4e9cd68d153619a4d2944.jpeg"
5063        alt=""
5064        object-fit="cover"
5065        auto-fit
5066        ></spz-img>
5067      <spz-carousel
5068            class="product-snippet__img product-snippet__img_carousel"
5069            id="product_snippet__carousel_1638940824061_fdc8fb1f-9975-4d29-8837-a38aa462509c_save"
5070            layout="responsive"
5071            width="800"
5072            height="800"
5073            initial-slide="0"
5074            slide
5075            effect="fade"
5076          >
5077            <spz-img
5078                layout="responsive"
5079                width="800"
5080                height="800"
5081                src="//img.staticdj.com/5c1deb1b33a091646d5c516220b683bc.jpeg"
5082                alt=""
5083                object-fit="cover"
5084                auto-fit
5085              ></spz-img>
5086            <spz-img
5087                layout="responsive"
5088                width="800"
5089                height="800"
5090                src="//img.staticdj.com/c096554390cfa2ff637321d54a54e781.jpeg"
5091                alt=""
5092                object-fit="cover"
5093                auto-fit
5094              ></spz-img>
5095            <spz-img
5096                layout="responsive"
5097                width="800"
5098                height="800"
5099                src="//img.staticdj.com/7d5db59ebdeba410a9b202c5d2dbb50e.jpeg"
5100                alt=""
5101                object-fit="cover"
5102                auto-fit
5103              ></spz-img>
5104            </spz-carousel>
5105        <spz-img
5106          class="product-snippet__img-secondary absolute top-0"
5107          layout="responsive"
5108          width="800"
5109          height="800"
5110          src="//img.staticdj.com/0f4cb7317380dbb077c5606d5a9b263a.jpeg"
5111          alt=""
5112          object-fit="cover"
5113          auto-fit
5114        ></spz-img>
5115      </a>
5116    <button
5117          type="button"
5118          class="product-snippet__quick-shop-icon"
5119          data-track-product-id="fdc8fb1f-9975-4d29-8837-a38aa462509c"
5120          data-track-position=""
5121          data-track="quick_shop"
5122          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/fdc8fb1f-9975-4d29-8837-a38aa462509c');"
5123        >
5124          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
5125        </button>
5126      <a
5127      class="product_snippet__label md:hidden"
5128      label-type="save"
5129      href="/products/womens-leather-boots31cfa393-23c7-452f-b6da-b543c44317bd813cbadb-8360-48a1-8747-5d5aff7ade20?variant=14b7dd67-eafa-4f55-92f7-bdd71b8e6eb5"
5130  >
5131      Save <span class='money'>$30.00</span>
5132  </a>
5133  <a
5134      class="product_snippet__label lg:hidden"
5135      label-type="save"
5136      href="/products/womens-leather-boots31cfa393-23c7-452f-b6da-b543c44317bd813cbadb-8360-48a1-8747-5d5aff7ade20?variant=14b7dd67-eafa-4f55-92f7-bdd71b8e6eb5"
5137  >
5138      Save <span class='money'>$30.00</span>
5139  </a>
5140  </div>
5141
5142  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
5143    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
5144  href="/products/womens-leather-boots31cfa393-23c7-452f-b6da-b543c44317bd813cbadb-8360-48a1-8747-5d5aff7ade20"
5145>
5146      Women&#039;s Leather Boots
5147    </a>
5148  </h3>
5149
5150  <a
5151    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
5152    href="/products/womens-leather-boots31cfa393-23c7-452f-b6da-b543c44317bd813cbadb-8360-48a1-8747-5d5aff7ade20?variant=14b7dd67-eafa-4f55-92f7-bdd71b8e6eb5"
5153  >
5154    <span class="product-snippet__price">
5155        <span class='money'>$29.98</span>
5156        </span>
5157      <span class="product-snippet__compare-at-price money">
5158          $59.98
5159        </span>
5160      </a>
5161
5162  <spz-selector
5163        id="product_snippet__selector_1638940824061_fdc8fb1f-9975-4d29-8837-a38aa462509c_save"
5164        layout="container"
5165        class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
5166        @mouseover="product_snippet__selector_1638940824061_fdc8fb1f-9975-4d29-8837-a38aa462509c_save.toggle(option=event.targetOption,value=true);product_snippet__carousel_1638940824061_fdc8fb1f-9975-4d29-8837-a38aa462509c_save.goToSlide(index=event.targetOption);product_snippet__image_wrap_1638940824061_fdc8fb1f-9975-4d29-8837-a38aa462509c_save.toggleClass(class='show_carousel',force=true)"
5167      >
5168        <a
5169            option="0"
5170            class="product-snippet__thumbnails-item flex cursor-pointer"
5171            href="/products/womens-leather-boots31cfa393-23c7-452f-b6da-b543c44317bd813cbadb-8360-48a1-8747-5d5aff7ade20?variant=14b7dd67-eafa-4f55-92f7-bdd71b8e6eb5"
5172          >
5173            <spz-img
5174              layout="fixed"
5175              width="28"
5176              height="28"
5177              src="//img.staticdj.com/5c1deb1b33a091646d5c516220b683bc.jpeg"
5178              alt=""
5179              object-fit="cover"
5180              auto-fit
5181            ></spz-img>
5182          </a>
5183        <a
5184            option="1"
5185            class="product-snippet__thumbnails-item flex cursor-pointer"
5186            href="/products/womens-leather-boots31cfa393-23c7-452f-b6da-b543c44317bd813cbadb-8360-48a1-8747-5d5aff7ade20?variant=655e8556-e069-451b-8b65-fa4db251cddb"
5187          >
5188            <spz-img
5189              layout="fixed"
5190              width="28"
5191              height="28"
5192              src="//img.staticdj.com/c096554390cfa2ff637321d54a
519254e781.jpeg"
5193              alt=""
5194              object-fit="cover"
5195              auto-fit
5196            ></spz-img>
5197          </a>
5198        <a
5199            option="2"
5200            class="product-snippet__thumbnails-item flex cursor-pointer"
5201            href="/products/womens-leather-boots31cfa393-23c7-452f-b6da-b543c44317bd813cbadb-8360-48a1-8747-5d5aff7ade20?variant=18387cb2-10e9-4e83-81d4-cc425c655087"
5202          >
5203            <spz-img
5204              layout="fixed"
5205              width="28"
5206              height="28"
5207              src="//img.staticdj.com/7d5db59ebdeba410a9b202c5d2dbb50e.jpeg"
5208              alt=""
5209              object-fit="cover"
5210              auto-fit
5211            ></spz-img>
5212          </a>
5213        <a 
5214  href="/products/womens-leather-boots31cfa393-23c7-452f-b6da-b543c44317bd813cbadb-8360-48a1-8747-5d5aff7ade20"
5215class="product-snippet__thumbnails-item text-xs text-inherit no-underline">+3</a>
5216        </spz-selector>
5217    
5218</div>
5219      <div class="shoplazza-product-snippet" product-id="2986aa91-3c53-4f03-a016-2db6d73c1081">
5220
5221  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_2986aa91-3c53-4f03-a016-2db6d73c1081_save">
5222    <a
5223      class="product-snippet__img-link relative block overflow-hidden"
5224      href="/products/womens-winter-velcro-shoes1ff6b2ff-cb6c-49a8-a197-2225b992a375-omsa"
5225has-secondary-image
5226    >
5227      <spz-img
5228        class="product-snippet__img product-snippet__img_main"
5229        layout="responsive"
5230        width="800"
5231        height="800"
5232        src="//img.staticdj.com/af3d195b7e8040d063eb88a4161c3b89.jpeg"
5233        alt=""
5234        object-fit="cover"
5235        auto-fit
5236        ></spz-img>
5237      <spz-carousel
5238            class="product-snippet__img product-snippet__img_carousel"
5239            id="product_snippet__carousel_1638940824061_2986aa91-3c53-4f03-a016-2db6d73c1081_save"
5240            layout="responsive"
5241            width="800"
5242            height="800"
5243            initial-slide="0"
5244            slide
5245            effect="fade"
5246          >
5247            <spz-img
5248                layout="responsive"
5249                width="800"
5250                height="800"
5251                src="//img.staticdj.com/af3d195b7e8040d063eb88a4161c3b89.jpeg"
5252                alt=""
5253                object-fit="cover"
5254                auto-fit
5255              ></spz-img>
5256            <spz-img
5257                layout="responsive"
5258                width="800"
5259                height="800"
5260                src="//img.staticdj.com/12dd74e0b35233f58198e0a3df41c654.jpeg"
5261                alt=""
5262                object-fit="cover"
5263                auto-fit
5264              ></spz-img>
5265            <spz-img
5266                layout="responsive"
5267                width="800"
5268                height="800"
5269                src="//img.staticdj.com/1deced7f497b29d4cef4dc340b6ef331.jpeg"
5270                alt=""
5271                object-fit="cover"
5272                auto-fit
5273              ></spz-img>
5274            </spz-carousel>
5275        <spz-img
5276          class="product-snippet__img-secondary absolute top-0"
5277          layout="responsive"
5278          width="800"
5279          height="800"
5280          src="//img.staticdj.com/12dd74e0b35233f58198e0a3df41c654.jpeg"
5281          alt=""
5282          object-fit="cover"
5283          auto-fit
5284        ></spz-img>
5285      </a>
5286    <button
5287          type="button"
5288          class="product-snippet__quick-shop-icon"
5289          data-track-product-id="2986aa91-3c53-4f03-a016-2db6d73c1081"
5290          data-track-position=""
5291          data-track="quick_shop"
5292          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/2986aa91-3c53-4f03-a016-2db6d73c1081');"
5293        >
5294          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
5295        </button>
5296      <a
5297      class="product_snippet__label md:hidden"
5298      label-type="save"
5299      href="/products/womens-winter-velcro-shoes1ff6b2ff-cb6c-49a8-a197-2225b992a375-omsa?variant=3f44006e-776e-449d-9043-024958158197"
5300  >
5301      Save <span class='money'>$23.01</span>
5302  </a>
5303  <a
5304      class="product_snippet__label lg:hidden"
5305      label-type="save"
5306      href="/products/womens-winter-velcro-shoes1ff6b2ff-cb6c-49a8-a197-2225b992a375-omsa?variant=3f44006e-776e-449d-9043-024958158197"
5307  >
5308      Save <span class='money'>$23.01</span>
5309  </a>
5310  </div>
5311
5312  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
5313    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
5314  href="/products/womens-winter-velcro-shoes1ff6b2ff-cb6c-49a8-a197-2225b992a375-omsa"
5315>
5316      Women&#039;s Winter Velcro Shoes
5317    </a>
5318  </h3>
5319
5320  <a
5321    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
5322    href="/products/womens-winter-velcro-shoes1ff6b2ff-cb6c-49a8-a197-2225b992a375-omsa?variant=3f44006e-776e-449d-9043-024958158197"
5323  >
5324    <span class="product-snippet__price">
5325        <span class='money'>$26.98</span>
5326        </span>
5327      <span class="product-snippet__compare-at-price money">
5328          $49.99
5329        </span>
5330      </a>
5331
5332  <spz-selector
5333        id="product_snippet__selector_1638940824061_2986aa91-3c53-4f03-a016-2db6d73c1081_save"
5334        layout="container"
5335        class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
5336        @mouseover="product_snippet__selector_1638940824061_2986aa91-3c53-4f03-a016-2db6d73c1081_save.toggle(option=event.targetOption,value=true);product_snippet__carousel_1638940824061_2986aa91-3c53-4f03-a016-2db6d73c1081_save.goToSlide(index=event.targetOption);product_snippet__image_wrap_1638940824061_2986aa91-3c53-4f03-a016-2db6d73c1081_save.toggleClass(class='show_carousel',force=true)"
5337      >
5338        <a
5339            option="0"
5340            class="product-snippet__thumbnails-item flex cursor-pointer"
5341            href="/products/womens-winter-velcro-shoes1ff6b2ff-cb6c-49a8-a197-2225b992a375-omsa?variant=3f44006e-776e-449d-9043-024958158197"
5342          >
5343            <spz-img
5344              layout="fixed"
5345              width="28"
5346              height="28"
5347              src="//img.staticdj.com/af3d195b7e8040d063eb88a4161c3b89.jpeg"
5348              alt=""
5349              object-fit="cover"
5350              auto-fit
5351            ></spz-img>
5352          </a>
5353        <a
5354            option="1"
5355            class="product-snippet__thumbnails-item flex cursor-pointer"
5356            href="/products/womens-winter-velcro-shoes1ff6b2ff-cb6c-49a8-a197-2225b992a375-omsa?variant=df1f6e78-1262-45d7-ab1d-28a87c8ca75a"
5357          >
5358            <spz-img
5359              layout="fixed"
5360              width="28"
5361              height="28"
5362              src="//img.staticdj.com/12dd74e0b35233f58198e0a3df41c654.jpeg"
5363              alt=""
5364              object-fit="cover"
5365              auto-fit
5366            ></spz-img>
5367          </a>
5368        <a
5369            option="2"
5370            class="product-snippet__thumbnails-item flex cursor-pointer"
5371            href="/products/womens-winter-velcro-shoes1ff6b2ff-cb6c-49a8-a197-2225b992a375-omsa?variant=de23c494-26fc-44b7-b1f0-5c74bddf79ad"
5372          >
5373            <spz-img
5374              layout="fixed"
5375              width="28"
5376              height="28"
5377              src="//img.staticdj.com/1deced7f497b29d4cef4dc340b6ef331.jpeg"
5378              alt=""
5379              object-fit="cover"
5380              auto-fit
5381            ></spz-img>
5382          </a>
5383        </spz-selector>
5384    
5385</div>
5386      <div class="shoplazza-product-snippet" product-id="50e12384-4ea0-4dcf-8d89-40e611efae9d">
5387
5388  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_50e12384-4ea0-4dcf-8d89-40e611efae9d_save">
5389    <a
5390      class="product-snippet__img-link relative block overflow-hidden"
5391      href="/products/mens-and-womens-thick-warm-waterproof-non-slip-winter-shoes2f71846f-4358-4a25-8dc9-a856caa7c1d3944a3081-7be9-4b39-82bd-a8bb503010c6321d9896-265f-43e0-ac95-5a304e41f9172e7dea32-3f76-430e-8430-eb91622a446509e59517-7ff9-4415-b075-95b08ece70d7"
5392has-secondary-image
5393    >
5394      <spz-img
5395        class="product-snippet__img product-snippet__img_main"
5396        layout="responsive"
5397        width="800"
5398        height="800"
5399        src="//img.staticdj.com/ce3efaa836d54176dda55dea69aae78c.jpg"
5400        alt=""
5401        object-fit="cover"
5402        auto-fit
5403        ></spz-img>
5404      <spz-carousel
5405            class="product-snippet__img product-snippet__img_carousel"
5406            id="product_snippet__carousel_1638940824061_50e12384-4ea0-4dcf-8d89-40e611efae9d_save"
5407            layout="responsive"
5408            width="800"
5409            height="800"
5410            initial-slide="0"
5411            slide
5412            effect="fade"
5413          >
5414            <spz-img
5415                layout="responsive"
5416                width="800"
5417                height="800"
5418                src="//img.staticdj.com/ce3efaa836d54176dda55dea69aae78c.jpg"
5419                alt=""
5420                object-fit="cover"
5421                auto-fit
5422              ></spz-img>
5423            <spz-img
5424                layout="responsive"
5425                width="800"
5426                height="800"
5427                src="//img.staticdj.com/3f94673ecfa8267942862b88dfaf2de7.jpg"
5428                alt=""
5429                object-fit="cover"
5430                auto-fit
5431              ></spz-img>
5432            <spz-img
5433                layout="responsive"
5434                width="800"
5435                height="800"
5436                src="//img.staticdj.com/db2712c4b79b020b8439ea533a2e9e40.jpg"
5437                alt=""
5438                object-fit="cover"
5439                auto-fit
5440              ></spz-img>
5441            </spz-carousel>
5442        <spz-img
5443          class="product-snippet__img-secondary absolute top-0"
5444          layout="responsive"
5445          width="800"
5446          height="800"
5447          src="//img.staticdj.com/3f94673ecfa8267942862b88dfaf2de7.jpg"
5448          alt=""
5449          object-fit="cover"
5450          auto-fit
5451        ></spz-img>
5452      </a>
5453    <button
5454          type="button"
5455          class="product-snippet__quick-shop-icon"
5456          data-track-product-id="50e12384-4ea0-4dcf-8d89-40e611efae9d"
5457          data-track-position=""
5458          data-track="quick_shop"
5459          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/50e12384-4ea0-4dcf-8d89-40e611efae9d');"
5460        >
5461          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
5462        </button>
5463      <a
5464      class="product_snippet__label md:hidden"
5465      label-type="save"
5466      href="/products/mens-and-womens-thick-warm-waterproof-non-slip-winter-shoes2f71846f-4358-4a25-8dc9-a856caa7c1d3944a3081-7be9-4b39-82bd-a8bb503010c6321d9896-265f-43e0-ac95-5a304e41f9172e7dea32-3f76-430e-8430-eb91622a446509e59517-7ff9-4415-b075-95b08ece70d7?variant=b4df3ddc-f309-4562-9528-7b49851851ef"
5467  >
5468      Save <span class='money'>$23.01</span>
5469  </a>
5470  <a
5471      class="product_snippet__label lg:hidden"
5472      label-type="save"
5473      href="/products/mens-and-womens-thick-warm-waterproof-non-slip-winter-shoes2f71846f-4358-4a25-8dc9-a856caa7c1d3944a3081-7be9-4b39-82bd-a8bb503010c6321d9896-265f-43e0-ac95-5a304e41f9172e7dea32-3f76-430e-8430-eb91622a446509e59517-7ff9-4415-b075-95b08ece70d7?variant=b4df3ddc-f309-4562-9528-7b49851851ef"
5474  >
5475      Save <span class='money'>$23.01</span>
5476  </a>
5477  </div>
5478
5479  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
5480    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
5481  href="/products/mens-and-womens-thick-warm-waterproof-non-slip-winter-shoes2f71846f-4358-4a25-8dc9-a856caa7c1d3944a3081-7be9-4b39-82bd-a8bb503010c6321d9896-265f-43e0-ac95-5a304e41f9172e7dea32-3f76-430e-8430-eb91622a446509e59517-7ff9-4415-b075-95b08ece70d7"
5482>
5483      Men&#039;s and Women&#039;s Thick Warm Waterproof &amp; Non-slip Winter Shoes
5484    </a>
5485  </h3>
5486
5487  <a
5488    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
5489    href="/products/mens-and-womens-thick-warm-waterproof-non-slip-winter-shoes2f71846f-4358-4a25-8dc9-a856caa7c1d3944a3081-7be9-4b39-82bd-a8bb503010c6321d9896-265f-43e0-ac95-5a304e41f9172e7dea32-3f76-430e-8430-eb91622a446509e59517-7ff9-4415-b075-95b08ece70d7?variant=b4df3ddc-f309-4562-9528-7b49851851ef"
5490  >
5491    <span class="product-snippet__price">
5492        <span class='money'>$26.98</span>
5493        </span>
5494      <span class="product-snippet__compare-at-price money">
5495          $49.99
5496        </span>
5497      </a>
5498
5499  <spz-selector
5500        id="product_snippet__selector_1638940824061_50e12384-4ea0-4dcf-8d89-40e611efae9d_save"
5501        layout="container"
5502        class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
5503        @mouseover="product_snippet__selector_1638940824061_50e12384-4ea0-4dcf-8d89-40e611efae9d_save.toggle(option=event.targetOption,value=true);product_snippet__carousel_1638940824061_50e12384-4ea0-4dcf-8d89-40e611efae9d_save.goToSlide(index=event.targetOption);product_snippet__image_wrap_1638940824061_50e12384-4ea0-4dcf-8d89-40e611efae9d_save.toggleClass(class='show_carousel',force=true)"
5504      >
5505        <a
5506            option="0"
5507            class="product-snippet__thumbnails-item flex cursor-pointer"
5508            href="/products/mens-and-womens-thick-warm-waterproof-non-slip-winter-shoes2f71846f-4358-4a25-8dc9-a856caa7c1d3944a3081-7be9-4b39-82bd-a8bb503010c6321d9896-265f-43e0-ac95-5a304e41f9172e7dea32-3f76-430e-8430-eb91622a446509e59517-7ff9-4415-b075-95b08ece70d7?variant=b4df3ddc-f309-4562-9528-7b49851851ef"
5509          >
5510            <spz-img
5511              layout="fixed"
5512              width="28"
5513              height="28"
5514              src="//img.staticdj.com/ce3efaa836d54176dda55dea69aae78c.jpg"
5515              alt=""
5516              object-fit="cover"
5517              auto-fit
5518            ></spz-img>
5519          </a>
5520        <a
5521            option="1"
5522            class="product-snippet__thumbnails-item flex cursor-pointer"
5523            href="/products/mens-and-womens-thick-warm-waterproof-non-slip-winter-shoes2f71846f-4358-4a25-8dc9-a856caa7c1d3944a3081-7be9-4b39-82bd-a8bb503010c6321d9896-265f-43e0-ac95-5a304e41f9172e7dea32-3f76-430e-8430-eb91622a446509e59517-7ff9-4415-b075-95b08ece70d7?variant=2f2f6651-0dd0-453e-a973-ddaf5f0789b8"
5524          >
5525            <spz-img
5526              layout="fixed"
5527              width="28"
5528              height="28"
5529              src="//img.staticdj.com/3f94673ecfa8267942862b88dfaf2de7.jpg"
5530              alt=""
5531              object-fit="cover"
5532              auto-fit
5533            ></spz-img>
5534          </a>
5535        <a
5536            option="2"
5537            class="product-snippet__thumbnails-item flex cursor-pointer"
5538            href="/products/mens-and-womens-thick-warm-waterproof-non-slip-winter-shoes2f71846f-4358-4a25-8dc9-a856caa7c1d3944a3081-7be9-4b39-82bd-a8bb503010c6321d9896-265f-43e0-ac95-5a304e41f9172e7dea32-3f76-430e-8430-eb91622a446509e59517-7ff9-4415-b075-95b08ece70d7?variant=e3237e3c-51ae-4720-b252-80922998b210"
5539          >
5540            <spz-img
5541              layout="fixed"
5542              width="28"
5543              height="28"
5544              src="//img.staticdj.com/db2712c4b79b020b8439ea533a2e9e40.jpg"
5545              alt=""
5546              object-fit="cover"
5547              auto-fit
5548            ></spz-img>
5549          </a>
5550        <a 
5551  href="/products/mens-and-womens-thick-warm-waterproof-non-slip-winter-shoes2f71846f-4358-4a25-8dc9-a856caa7c1d3944a3081-7be9-4b39-82bd-a8bb503010c6321d9896-265f-43e0-ac95-5a304e41f9172e7dea32-3f76-430e-8430-eb91622a446509e59517-7ff9-4415-b075-95b08ece70d7"
5552class="product-snippet__thumbnails-item text-xs text-inherit no-underline">+1</a>
5553        </spz-selector>
5554    
5555</div>
5556      <div class="shoplazza-product-snippet" product-id="a598aad9-02e6-436f-9d5d-f5111256a2d0">
5557
5558  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_a598aad9-02e6-436f-9d5d-f5111256a2d0_save">
5559    <a
5560      class="product-snippet__img-link relative block overflow-hidden"
5561      href="/products/new-fashion-womens-warm-plus-velvet-thick-cotton-shoes-winter-bootsd5bbaecc-d586-4e85-9b1f-eaa98822156bc75205af-c13a-433a-9d69-f1ecd6a7374e"
5562has-secondary-image
5563    >
5564      <spz-img
5565        class="product-snippet__img product-snippet__img_main"
5566        layout="responsive"
5567        width="750"
5568        height="750"
5569        src="//img.staticdj.com/b84f0da92ceb1a84c4ef26d514c109a4.webp"
5570        alt=""
5571        object-fit="cover"
5572        auto-fit
5573        ></spz-img>
5574      <spz-carousel
5575            class="product-snippet__img product-snippet__img_carousel"
5576            id="product_snippet__carousel_1638940824061_a598aad9-02e6-436f-9d5d-f5111256a2d0_save"
5577            layout="responsive"
5578            width="750"
5579            height="750"
5580            initial-slide="0"
5581            slide
5582            effect="fade"
5583          >
5584            <spz-img
5585                layout="responsive"
5586                width="750"
5587                height="750"
5588                src="//img.staticdj.com/b84f0da92ceb1a84c4ef26d514c109a4.webp"
5589                alt=""
5590                object-fit="cover"
5591                auto-fit
5592              ></spz-img>
5593            <spz-img
5594                layout="responsive"
5595                width="750"
5596                height="750"
5597                src="//img.staticdj.com/5112f4c6f20bcd927e0d6cdb83b9595a.webp"
5598                alt=""
5599                object-fit="cover"
5600                auto-fit
5601              ></spz-img>
5602            <spz-img
5603                layout="responsive"
5604                width="750"
5605                height="750"
5606                src="//img.staticdj.com/1720a604719cea22a85baeeb919a1618.webp"
5607                alt=""
5608                object-fit="cover"
5609                auto-fit
5610              ></spz-img>
5611            </spz-carousel>
5612        <spz-img
5613          class="product-snippet__img-secondary absolute top-0"
5614          layout="responsive"
5615          width="750"
5616          height="750"
5617          src="//img.staticdj.com/5112f4c6f20bcd927e0d6cdb83b9595a.webp"
5618          alt=""
5619          object-fit="cover"
5620          auto-fit
5621        ></spz-img>
5622      </a>
5623    <button
5624          type="button"
5625          class="product-snippet__quick-shop-icon"
5626          data-track-product-id="a598aad9-02e6-436f-9d5d-f5111256a2d0"
5627          data-track-position=""
5628          data-track="quick_shop"
5629          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/a598aad9-02e6-436f-9d5d-f5111256a2d0');"
5630        >
5631          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
5632        </button>
5633      <a
5634      class="product_snippet__label md:hidden"
5635      label-type="save"
5636      href="/products/new-fashion-womens-warm-plus-velvet-thick-cotton-shoes-winter-bootsd5bbaecc-d586-4e85-9b1f-eaa98822156bc75205af-c13a-433a-9d69-f1ecd6a7374e?variant=c935b344-04c5-44bf-9768-6b2cbb8acc45"
5637  >
5638      Save <span class='money'>$23.01</span>
5639  </a>
5640  <a
5641      class="product_snippet__label lg:hidden"
5642      label-type="save"
5643      href="/products/new-fashion-womens-warm-plus-velvet-thick-cotton-shoes-winter-bootsd5bbaecc-d586-4e85-9b1f-eaa98822156bc75205af-c13a-433a-9d69-f1ecd6a7374e?variant=c935b344-04c5-44bf-9768-6b2cbb8acc45"
5644  >
5645      Save <span class='money'>$23.01</span>
5646  </a>
5647  </div>
5648
5649  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
5650    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
5651  href="/products/new-fashion-womens-warm-plus-velvet-thick-cotton-shoes-winter-bootsd5bbaecc-d586-4e85-9b1f-eaa98822156bc75205af-c13a-433a-9d69-f1ecd6a7374e"
5652>
5653      NEW FASHION WOMEN&#039;S WARM PLUS VELVET THICK COTTON SHOES WINTER BOOTS
5654    </a>
5655  </h3>
5656
5657  <a
5658    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
5659    href="/products/new-fashion-womens-warm-plus-velvet-thick-cotton-shoes-winter-bootsd5bbaecc-d586-4e85-9b1f-eaa98822156bc75205af-c13a-433a-9d69-f1ecd6a7374e?variant=c935b344-04c5-44bf-9768-6b2cbb8acc45"
5660  >
5661    <span class="product-snippet__price">
5662        <span class='money'>$26.98</span>
5663        </span>
5664      <span class="product-snippet__compare-at-price money">
5665          $49.99
5666        </span>
5667      </a>
5668
5669  <spz-selector
5670        id="product_snippet__selector_1638940824061_a598aad9-02e6-436f-9d5d-f5111256a2d0_save"
5671        layout="container"
5672        class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
5673        @mouseover="product_snippet__selector_1638940824061_a598aad9-02e6-436f-9d5d-f5111256a2d0_save.toggle(option=event.targetOption,value=true);product_snippet__carousel_1638940824061_a598aad9-02e6-436f-9d5d-f5111256a2d0_save.goToSlide(index=event.targetOption);product_snippet__image_wrap_1638940824061_a598aad9-02e6-436f-9d5d-f5111256a2d0_save.toggleClass(class='show_carousel',force=true)"
5674      >
5675        <a
5676            option="0"
5677            class="product-snippet__thumbnails-item flex cursor-pointer"
5678            href="/products/new-fashion-womens-warm-plus-velvet-thick-cotton-shoes-winter-bootsd5bbaecc-d586-4e85-9b1f-eaa98822156bc75205af-c13a-433a-9d69-f1ecd6a7374e?variant=c935b344-04c5-44bf-9768-6b2cbb8acc45"
5679          >
5680            <spz-img
5681              layout="fixed"
5682              width="28"
5683              height="28"
5684              src="//img.staticdj.com/b84f0da92ceb1a84c4ef26d514c109a4.webp"
5685              alt=""
5686              object-fit="cover"
5687              auto-fit
5688            ></spz-img>
5689          </a>
5690        <a
5691            option="1"
5692            class="product-snippet__thumbnails-item flex cursor-pointer"
5693            href="/products/new-fashion-womens-warm-plus-velvet-thick-cotton-shoes-winter-bootsd5bbaecc-d586-4e85-9b1f-eaa98822156bc75205af-c13a-433a-9d69-f1ecd6a7374e?variant=6e4f19f6-6e8c-4095-909a-50914a438370"
5694          >
5695            <spz-img
5696              layout="fixed"
5697              width="28"
5698              height="28"
5699              src="//img.staticdj.com/5112f4c6f20bcd927e0d6cdb83b9595a.webp"
5700              alt=""
5701              object-fit="cover"
5702              auto-fit
5703            ></spz-img>
5704          </a>
5705        <a
5706            option="2"
5707            class="product-snippet__thumbnails-item flex cursor-pointer"
5708            href="/products/new-fashion-womens-warm-plus-velvet-thick-cotton-shoes-winter-bootsd5bbaecc-d586-4e85-9b1f-eaa98822156bc75205af-c13a-433a-9d69-f1ecd6a7374e?variant=8e4fdd3d-df50-4f15-ba34-1bd030d01d7e"
5709          >
5710            <spz-img
5711              layout="fixed"
5712              width="28"
5713              height="28"
5714              src="//img.staticdj.com/1720a604719cea22a85baeeb919a1618.webp"
5715              alt=""
5716              object-fit="cover"
5717              auto-fit
5718            ></spz-img>
5719          </a>
5720        <a 
5721  href="/products/new-fashion-womens-warm-plus-velvet-thick-cotton-shoes-winter-bootsd5bbaecc-d586-4e85-9b1f-eaa98822156bc75205af-c13a-433a-9d69-f1ecd6a7374e"
5722class="product-snippet__thumbnails-item text-xs text-inherit no-underline">+1</a>
5723        </spz-selector>
5724    
5725</div>
5726      <div class="shoplazza-product-snippet" product-id="bf00a3d9-bc88-4c9f-9f1c-ca0d85b2301f">
5727
5728  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_bf00a3d9-bc88-4c9f-9f1c-ca0d85b2301f_save">
5729    <a
5730      class="product-snippet__img-link relative block overflow-hidden"
5731      href="/products/retro-pointed-toe-color-blocked-boots-buy-2-free-shipping"
5732has-secondary-image
5733    >
5734      <spz-img
5735        class="product-snippet__img product-snippet__img_main"
5736        layout="responsive"
5737        width="1200"
5738        height="1200"
5739        src="//img.staticdj.com/a848db5463d2bb84ae752fbbcb3db51d.jpeg"
5740        alt=""
5741        object-fit="cover"
5742        auto-fit
5743        ></spz-img>
5744      <spz-carousel
5745            class="product-snippet__img product-snippet__img_carousel"
5746            id="product_snippet__carousel_1638940824061_bf00a3d9-bc88-4c9f-9f1c-ca0d85b2301f_save"
5747            layout="responsive"
5748            width="1200"
5749            height="1200"
5750            initial-slide="0"
5751            slide
5752            effect="fade"
5753          >
5754            <spz-img
5755                layout="responsive"
5756                width="1200"
5757                height="1200"
5758                src="//img.staticdj.com/a848db5463d2bb84ae752fbbcb3db51d.jpeg"
5759                alt=""
5760                object-fit="cover"
5761                auto-fit
5762              ></spz-img>
5763            <spz-img
5764                layout="responsive"
5765                width="1200"
5766                height="1200"
5767                src="//img.staticdj.com/7af58cf863b6549d35aef90495428db7.jpeg"
5768                alt=""
5769                object-fit="cover"
5770                auto-fit
5771              ></spz-img>
5772            <spz-img
5773                layout="responsive"
5774                width="1200"
5775                height="1200"
5776                src="//img.staticdj.com/4485071c3973807e046dd8a331e27d16.jpeg"
5777                alt=""
5778                object-fit="cover"
5779                auto-fit
5780              ></spz-img>
5781            </spz-carousel>
5782        <spz-img
5783          class="product-snippet__img-secondary absolute top-0"
5784          layout="responsive"
5785          width="1200"
5786          height="1200"
5787          src="//img.staticdj.com/4485071c3973807e046dd8a331e27d16.jpeg"
5788          alt=""
5789          object-fit="cover"
5790          auto-fit
5791        ></spz-img>
5792      </a>
5793    <button
5794          type="button"
5795          class="product-snippet__quick-shop-icon"
5796          data-track-product-id="bf00a3d9-bc88-4c9f-9f1c-ca0d85b2301f"
5797          data-track-position=""
5798          data-track="quick_shop"
5799          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/bf00a3d9-bc88-4c9f-9f1c-ca0d85b2301f');"
5800        >
5801          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
5802        </button>
5803      <a
5804      class="product_snippet__label md:hidden"
5805      label-type="save"
5806      href="/products/retro-pointed-toe-color-blocked-boots-buy-2-free-shipping?variant=a000cd37-e5ec-46d7-9859-140f0ddecaaa"
5807  >
5808      Save <span class='money'>$41.01</span>
5809  </a>
5810  <a
5811      class="product_snippet__label lg:hidden"
5812      label-type="save"
5813      href="/products/retro-pointed-toe-color-blocked-boots-buy-2-free-shipping?variant=a000cd37-e5ec-46d7-9859-140f0ddecaaa"
5814  >
5815      Save <span class='money'>$41.01</span>
5816  </a>
5817  </div>
5818
5819  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
5820    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
5821  href="/products/retro-pointed-toe-color-blocked-boots-buy-2-free-shipping"
5822>
5823      Retro pointed-toe color-blocked boots ( BUY 2 FREE SHIPPING )
5824    </a>
5825  </h3>
5826
5827  <a
5828    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
5829    href="/products/retro-pointed-toe-color-blocked-boots-buy-2-free-shipping?variant=a000cd37-e5ec-46d7-9859-140f0ddecaaa"
5830  >
5831    <span class="product-snippet__price">
5832        <span class='money'>$38.98</span>
5833        </span>
5834      <span class="product-snippet__compare-at-price money">
5835          $79.99
5836        </span>
5837      </a>
5838
5839  <spz-selector
5840        id="product_snippet__selector_1638940824061_bf00a3d9-bc88-4c9f-9f1c-ca0d85b2301f_save"
5841        layout="container"
5842        class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
5843        @mouseover="product_snippet__selector_1638940824061_bf00a3d9-bc88-4c9f-9f1c-ca0d85b2301f_save.toggle(option=event.targetOption,value=true);product_snippet__carousel_1638940824061_bf00a3d9-bc88-4c9f-9f1c-ca0d85b2301f_save.goToSlide(index=event.targetOption);product_snippet__image_wrap_1638940824061_bf00a3d9-bc88-4c9f-9f1c-ca0d85b2301f_save.toggleClass(class='show_carousel',force=true)"
5844      >
5845        <a
5846            option="0"
5847            class="product-snippet__thumbnails-item flex cursor-pointer"
5848            href="/products/retro-pointed-toe-color-blocked-boots-buy-2-free-shipping?variant=a000cd37-e5ec-46d7-9859-140f0ddecaaa"
5849          >
5850            <spz-img
5851              layout="fixed"
5852              width="28"
5853              height="28"
5854              src="//img.staticdj.com/a848db5463d2bb84ae752fbbcb3db51d.jpeg"
5855              alt=""
5856              object-fit="cover"
5857              auto-fit
5858            ></spz-img>
5859          </a>
5860        <a
5861            option="1"
5862            class="product-snippet__thumbnails-item flex cursor-pointer"
5863            href="/products/retro-pointed-toe-color-blocked-boots-buy-2-free-shipping?variant=863cea11-e7a5-4ad1-9db4-a60357d7e9c3"
5864          >
5865            <spz-img
5866              layout="fixed"
5867              width="28"
5868              height="28"
5869              src="//img.staticdj.com/7af58cf863b6549d35aef90495428db7.jpeg"
5870              alt=""
5871              object-fit="cover"
5872              auto-fit
5873            ></spz-img>
5874          </a>
5875        <a
5876            option="2"
5877            class="product-snippet__thumbnails-item flex cursor-pointer"
5878            href="/products/retro-pointed-toe-color-blocked-boots-buy-2-free-shipping?variant=bacd7021-d44e-43d6-bcef-bc944de6eafe"
5879          >
5880            <spz-img
5881              layout="fixed"
5882              width="28"
5883              height="28"
5884              src="//img.staticdj.com/4485071c3973807e046dd8a331e27d16.jpeg"
5885              alt=""
5886              object-fit="cover"
5887              auto-fit
5888            ></spz-img>
5889          </a>
5890        </spz-selector>
5891    
5892</div>
5893      <div class="shoplazza-product-snippet" product-id="51524d3a-85e7-4cdb-9d92-027d074b1657">
5894
5895  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_51524d3a-85e7-4cdb-9d92-027d074b1657_save">
5896    <a
5897      class="product-snippet__img-link relative block overflow-hidden"
5898      href="/products/foot-comfort-e2-80-93-chunky-heel-low-cut-flat-shoes116ba5bb-ce68-47b3-b504-5c84dffb01f9"
5899has-secondary-image
5900    >
5901      <spz-img
5902        class="product-snippet__img product-snippet__img_main"
5903        layout="responsive"
5904        width="1200"
5905        height="1200"
5906        src="//img.staticdj.com/6e6e55ce40d6bcbe1a23d7f02f22886a.jpeg"
5907        alt=""
5908        object-fit="cover"
5909        auto-fit
5910        ></spz-img>
5911      <spz-carousel
5912            class="product-snippet__img product-snippet__img_carousel"
5913            id="product_snippet__carousel_1638940824061_51524d3a-85e7-4cdb-9d92-027d074b1657_save"
5914            layout="responsive"
5915            width="1200"
5916            height="1200"
5917            initial-slide="0"
5918            slide
5919            effect="fade"
5920          >
5921            <spz-img
5922                layout="responsive"
5923                width="1200"
5924                height="1200"
5925                src="//img.staticdj.com/785640a58b0b487160511898635b83ff.jpeg"
5926                alt=""
5927                object-fit="cover"
5928                auto-fit
5929              ></spz-img>
5930            <spz-img
5931                layout="responsive"
5932                width="1200"
5933                height="1200"
5934                src="//img.staticdj.com/80501420548ab656fa01bf9ea81b5f96.jpeg"
5935                alt=""
5936                object-fit="cover"
5937                auto-fit
5938              ></spz-img>
5939            <spz-img
5940                layout="responsive"
5941                width="1200"
5942                height="1200"
5943                src="//img.staticdj.com/dfd426432a92372ebe887334bfbe8c78.jpeg"
5944                alt=""
5945                object-fit="cover"
5946                auto-fit
5947              ></spz-img>
5948            </spz-carousel>
5949        <spz-img
5950          class="product-snippet__img-secondary absolute top-0"
5951          layout="responsive"
5952          width="1200"
5953          height="1200"
5954          src="//img.staticdj.com/785640a58b0b487160511898635b83ff.jpeg"
5955          alt=""
5956          object-fit="cover"
5957          auto-fit
5958        ></spz-img>
5959      </a>
5960    <button
5961          type="button"
5962          class="product-snippet__quick-shop-icon"
5963          data-track-product-id="51524d3a-85e7-4cdb-9d92-027d074b1657"
5964          data-track-position=""
5965          data-track="quick_shop"
5966          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/51524d3a-85e7-4cdb-9d92-027d074b1657');"
5967        >
5968          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
5969        </button>
5970      <a
5971      class="product_snippet__label md:hidden"
5972      label-type="save"
5973      href="/products/foot-comfort-e2-80-93-chunky-heel-low-cut-flat-shoes116ba5bb-ce68-47b3-b504-5c84dffb01f9?variant=779ac47e-f073-4ace-9781-24ae4642c648"
5974  >
5975      Save <span class='money'>$37.01</span>
5976  </a>
5977  <a
5978      class="product_snippet__label lg:hidden"
5979      label-type="save"
5980      href="/products/foot-comfort-e2-80-93-chunky-heel-low-cut-flat-shoes116ba5bb-ce68-47b3-b504-5c84dffb01f9?variant=779ac47e-f073-4ace-9781-24ae4642c648"
5981  >
5982      Save <span class='money'>$37.01</span>
5983  </a>
5984  </div>
5985
5986  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
5987    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
5988  href="/products/foot-comfort-e2-80-93-chunky-heel-low-cut-flat-shoes116ba5bb-ce68-47b3-b504-5c84dffb01f9"
5989>
5990      Foot comfort &ndash; Chunky heel low-cut flat shoes
5991    </a>
5992  </h3>
5993
5994  <a
5995    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
5996    href="/products/foot-comfort-e2-80-93-chunky-heel-low-cut-flat-shoes116ba5bb-ce68-47b3-b504-5c84dffb01f9?variant=779ac47e-f073-4ace-9781-24ae4642c648"
5997  >
5998    <span class="product-snippet__price">
5999        <span class='money'>$32.98</span>
6000        </span>
6001      <span class="product-snippet__compare-at-price money">
6002          $69.99
6003        </span>
6004      </a>
6005
6006  <spz-selector
6007        id="product_snippet__selector_1638940824061_51524d3a-85e7-4cdb-9d92-027d074b1657_save"
6008        layout="container"
6009        class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
6010        @mouseover="product_snippet__selector_1638940824061_51524d3a-85e7-4cdb-9d92-027d074b1657_save.toggle(option=event.targetOption,value=true);product_snippet__carousel_1638940824061_51524d3a-85e7-4cdb-9d92-027d074b1657_save.goToSlide(index=event.targetOption);product_snippet__image_wrap_1638940824061_51524d3a-85e7-4cdb-9d92-027d074b1657_save.toggleClass(class='show_carousel',force=true)"
6011      >
6012        <a
6013            option="0"
6014            class="product-snippet__thumbnails-item flex cursor-pointer"
6015            href="/products/foot-comfort-e2-80-93-chunky-heel-low-cut-flat-shoes116ba5bb-ce68-47b3-b504-5c84dffb01f9?variant=779ac47e-f073-4ace-9781-24ae4642c648"
6016          >
6017            <spz-img
6018              layout="fixed"
6019              width="28"
6020              height="28"
6021              src="//img.staticdj.com/785640a58b0b487160511898635b83ff.jpeg"
6022              alt=""
6023              object-fit="cover"
6024              auto-fit
6025            ></spz-img>
6026          </a>
6027        <a
6028            option="1"
6029            class="product-snippet__thumbnails-item flex cursor-pointer"
6030            href="/products/foot-comfort-e2-80-93-chunky-heel-low-cut-flat-shoes116ba5bb-ce68-47b3-b504-5c84dffb01f9?variant=359bd929-dead-49a5-b550-03ad37fbf620"
6031          >
6032            <spz-img
6033              layout="fixed"
6034              width="28"
6035              height="28"
6036              src="//img.staticdj.com/80501420548ab656fa01bf9ea81b5f96.jpeg"
6037              alt=""
6038              object-fit="cover"
6039              auto-fit
6040            ></spz-img>
6041          </a>
6042        <a
6043            option="2"
6044            class="product-snippet__thumbnails-item flex cursor-pointer"
6045            href="/products/foot-comfort-e2-80-93-chunky-heel-low-cut-flat-shoes116ba5bb-ce68-47b3-b504-5c84dffb01f9?variant=b5d44218-8e42-45c2-9e05-393234f2a3e8"
6046          >
6047            <spz-img
6048              layout="fixed"
6049              width="28"
6050              height="28"
6051              src="//img.staticdj.com/dfd426432a92372ebe887334bfbe8c78.jpeg"
6052              alt=""
6053              object-fit="cover"
6054              auto-fit
6055            ></spz-img>
6056          </a>
6057        </spz-selector>
6058    
6059</div>
6060      <div class="shoplazza-product-snippet" product-id="b75a5def-19e
60601-45df-87d5-af6dcddb56c8">
6061
6062  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_b75a5def-19e1-45df-87d5-af6dcddb56c8_save">
6063    <a
6064      class="product-snippet__img-link relative block overflow-hidden"
6065      href="/products/foot-comfort-e2-80-93-square-toe-floral-buckle-retro-low-cut-shoes48b9d9c4-742a-4163-8195-13d19a548035"
6066has-secondary-image
6067    >
6068      <spz-img
6069        class="product-snippet__img product-snippet__img_main"
6070        layout="responsive"
6071        width="1200"
6072        height="1200"
6073        src="//img.staticdj.com/08e46c0b8ce507ff19a7922fcd9a7c6f.jpeg"
6074        alt=""
6075        object-fit="cover"
6076        auto-fit
6077        ></spz-img>
6078      <spz-carousel
6079            class="product-snippet__img product-snippet__img_carousel"
6080            id="product_snippet__carousel_1638940824061_b75a5def-19e1-45df-87d5-af6dcddb56c8_save"
6081            layout="responsive"
6082            width="1200"
6083            height="1200"
6084            initial-slide="0"
6085            slide
6086            effect="fade"
6087          >
6088            <spz-img
6089                layout="responsive"
6090                width="1200"
6091                height="1200"
6092                src="//img.staticdj.com/4ef601fa9e92810323017f8c6b6f773a.jpeg"
6093                alt=""
6094                object-fit="cover"
6095                auto-fit
6096              ></spz-img>
6097            <spz-img
6098                layout="responsive"
6099                width="1200"
6100                height="1200"
6101                src="//img.staticdj.com/5d6e99f61ff0fb1e6c034295da3eea1e.jpeg"
6102                alt=""
6103                object-fit="cover"
6104                auto-fit
6105              ></spz-img>
6106            <spz-img
6107                layout="responsive"
6108                width="1200"
6109                height="1200"
6110                src="//img.staticdj.com/c67582b77aaf54a18ca6881e10585d94.jpeg"
6111                alt=""
6112                object-fit="cover"
6113                auto-fit
6114              ></spz-img>
6115            </spz-carousel>
6116        <spz-img
6117          class="product-snippet__img-secondary absolute top-0"
6118          layout="responsive"
6119          width="1200"
6120          height="1200"
6121          src="//img.staticdj.com/4ef601fa9e92810323017f8c6b6f773a.jpeg"
6122          alt=""
6123          object-fit="cover"
6124          auto-fit
6125        ></spz-img>
6126      </a>
6127    <button
6128          type="button"
6129          class="product-snippet__quick-shop-icon"
6130          data-track-product-id="b75a5def-19e1-45df-87d5-af6dcddb56c8"
6131          data-track-position=""
6132          data-track="quick_shop"
6133          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/b75a5def-19e1-45df-87d5-af6dcddb56c8');"
6134        >
6135          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
6136        </button>
6137      <a
6138      class="product_snippet__label md:hidden"
6139      label-type="save"
6140      href="/products/foot-comfort-e2-80-93-square-toe-floral-buckle-retro-low-cut-shoes48b9d9c4-742a-4163-8195-13d19a548035?variant=22bb61b0-ed9e-448f-bbd3-daed9bde2029"
6141  >
6142      Save <span class='money'>$29.92</span>
6143  </a>
6144  <a
6145      class="product_snippet__label lg:hidden"
6146      label-type="save"
6147      href="/products/foot-comfort-e2-80-93-square-toe-floral-buckle-retro-low-cut-shoes48b9d9c4-742a-4163-8195-13d19a548035?variant=22bb61b0-ed9e-448f-bbd3-daed9bde2029"
6148  >
6149      Save <span class='money'>$29.92</span>
6150  </a>
6151  </div>
6152
6153  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
6154    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
6155  href="/products/foot-comfort-e2-80-93-square-toe-floral-buckle-retro-low-cut-shoes48b9d9c4-742a-4163-8195-13d19a548035"
6156>
6157      Foot comfort &ndash; Square-toe floral buckle retro low-cut shoes
6158    </a>
6159  </h3>
6160
6161  <a
6162    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
6163    href="/products/foot-comfort-e2-80-93-square-toe-floral-buckle-retro-low-cut-shoes48b9d9c4-742a-4163-8195-13d19a548035?variant=22bb61b0-ed9e-448f-bbd3-daed9bde2029"
6164  >
6165    <span class="product-snippet__price">
6166        <span class='money'>$29.98</span>
6167        </span>
6168      <span class="product-snippet__compare-at-price money">
6169          $59.90
6170        </span>
6171      </a>
6172
6173  <spz-selector
6174        id="product_snippet__selector_1638940824061_b75a5def-19e1-45df-87d5-af6dcddb56c8_save"
6175        layout="container"
6176        class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
6177        @mouseover="product_snippet__selector_1638940824061_b75a5def-19e1-45df-87d5-af6dcddb56c8_save.toggle(option=event.targetOption,value=true);product_snippet__carousel_1638940824061_b75a5def-19e1-45df-87d5-af6dcddb56c8_save.goToSlide(index=event.targetOption);product_snippet__image_wrap_1638940824061_b75a5def-19e1-45df-87d5-af6dcddb56c8_save.toggleClass(class='show_carousel',force=true)"
6178      >
6179        <a
6180            option="0"
6181            class="product-snippet__thumbnails-item flex cursor-pointer"
6182            href="/products/foot-comfort-e2-80-93-square-toe-floral-buckle-retro-low-cut-shoes48b9d9c4-742a-4163-8195-13d19a548035?variant=22bb61b0-ed9e-448f-bbd3-daed9bde2029"
6183          >
6184            <spz-img
6185              layout="fixed"
6186              width="28"
6187              height="28"
6188              src="//img.staticdj.com/4ef601fa9e92810323017f8c6b6f773a.jpeg"
6189              alt=""
6190              object-fit="cover"
6191              auto-fit
6192            ></spz-img>
6193          </a>
6194        <a
6195            option="1"
6196            class="product-snippet__thumbnails-item flex cursor-pointer"
6197            href="/products/foot-comfort-e2-80-93-square-toe-floral-buckle-retro-low-cut-shoes48b9d9c4-742a-4163-8195-13d19a548035?variant=abbf3fe6-c0f9-40e6-b183-7a29ec19c189"
6198          >
6199            <spz-img
6200              layout="fixed"
6201              width="28"
6202              height="28"
6203              src="//img.staticdj.com/5d6e99f61ff0fb1e6c034295da3eea1e.jpeg"
6204              alt=""
6205              object-fit="cover"
6206              auto-fit
6207            ></spz-img>
6208          </a>
6209        <a
6210            option="2"
6211            class="product-snippet__thumbnails-item flex cursor-pointer"
6212            href="/products/foot-comfort-e2-80-93-square-toe-floral-buckle-retro-low-cut-shoes48b9d9c4-742a-4163-8195-13d19a548035?variant=eb06bbf3-4e8d-44a9-90fe-39f20b8c680e"
6213          >
6214            <spz-img
6215              layout="fixed"
6216              width="28"
6217              height="28"
6218              src="//img.staticdj.com/c67582b77aaf54a18ca6881e10585d94.jpeg"
6219              alt=""
6220              object-fit="cover"
6221              auto-fit
6222            ></spz-img>
6223          </a>
6224        </spz-selector>
6225    
6226</div>
6227      <div class="shoplazza-product-snippet" product-id="c17b7a5f-8e08-40b0-9846-08417f5ecc7c">
6228
6229  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_c17b7a5f-8e08-40b0-9846-08417f5ecc7c_save">
6230    <a
6231      class="product-snippet__img-link relative block overflow-hidden"
6232      href="/products/womens-genuine-leather-boots8774cfb7-d39a-49b3-82a4-672d957174de"
6233has-secondary-image
6234    >
6235      <spz-img
6236        class="product-snippet__img product-snippet__img_main"
6237        layout="responsive"
6238        width="800"
6239        height="800"
6240        src="//img.staticdj.com/2eaf298871374a95a8eb25630ba4de40.jpeg"
6241        alt=""
6242        object-fit="cover"
6243        auto-fit
6244        ></spz-img>
6245      <spz-carousel
6246            class="product-snippet__img product-snippet__img_carousel"
6247            id="product_snippet__carousel_1638940824061_c17b7a5f-8e08-40b0-9846-08417f5ecc7c_save"
6248            layout="responsive"
6249            width="800"
6250            height="800"
6251            initial-slide="0"
6252            slide
6253            effect="fade"
6254          >
6255            <spz-img
6256                layout="responsive"
6257                width="800"
6258                height="800"
6259                src="//img.staticdj.com/6078aeb0d473f9a5142ca18623a84650.jpeg"
6260                alt=""
6261                object-fit="cover"
6262                auto-fit
6263              ></spz-img>
6264            <spz-img
6265                layout="responsive"
6266                width="800"
6267                height="800"
6268                src="//img.staticdj.com/2eaf298871374a95a8eb25630ba4de40.jpeg"
6269                alt=""
6270                object-fit="cover"
6271                auto-fit
6272              ></spz-img>
6273            </spz-carousel>
6274        <spz-img
6275          class="product-snippet__img-secondary absolute top-0"
6276          layout="responsive"
6277          width="800"
6278          height="800"
6279          src="//img.staticdj.com/6078aeb0d473f9a5142ca18623a84650.jpeg"
6280          alt=""
6281          object-fit="cover"
6282          auto-fit
6283        ></spz-img>
6284      </a>
6285    <button
6286          type="button"
6287          class="product-snippet__quick-shop-icon"
6288          data-track-product-id="c17b7a5f-8e08-40b0-9846-08417f5ecc7c"
6289          data-track-position=""
6290          data-track="quick_shop"
6291          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/c17b7a5f-8e08-40b0-9846-08417f5ecc7c');"
6292        >
6293          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
6294        </button>
6295      <a
6296      class="product_snippet__label md:hidden"
6297      label-type="save"
6298      href="/products/womens-genuine-leather-boots8774cfb7-d39a-49b3-82a4-672d957174de?variant=b8049ba7-ea90-47f2-9559-7daca9e332b3"
6299  >
6300      Save <span class='money'>$37.01</span>
6301  </a>
6302  <a
6303      class="product_snippet__label lg:hidden"
6304      label-type="save"
6305      href="/products/womens-genuine-leather-boots8774cfb7-d39a-49b3-82a4-672d957174de?variant=b8049ba7-ea90-47f2-9559-7daca9e332b3"
6306  >
6307      Save <span class='money'>$37.01</span>
6308  </a>
6309  </div>
6310
6311  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
6312    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
6313  href="/products/womens-genuine-leather-boots8774cfb7-d39a-49b3-82a4-672d957174de"
6314>
6315      Women&#039;s Genuine Leather Boots
6316    </a>
6317  </h3>
6318
6319  <a
6320    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
6321    href="/products/womens-genuine-leather-boots8774cfb7-d39a-49b3-82a4-672d957174de?variant=b8049ba7-ea90-47f2-9559-7daca9e332b3"
6322  >
6323    <span class="product-snippet__price">
6324        <span class='money'>$32.98</span>
6325        </span>
6326      <span class="product-snippet__compare-at-price money">
6327          $69.99
6328        </span>
6329      </a>
6330
6331  <spz-selector
6332        id="product_snippet__selector_1638940824061_c17b7a5f-8e08-40b0-9846-08417f5ecc7c_save"
6333        layout="container"
6334        class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
6335        @mouseover="product_snippet__selector_1638940824061_c17b7a5f-8e08-40b0-9846-08417f5ecc7c_save.toggle(option=event.targetOption,value=true);product_snippet__carousel_1638940824061_c17b7a5f-8e08-40b0-9846-08417f5ecc7c_save.goToSlide(index=event.targetOption);product_snippet__image_wrap_1638940824061_c17b7a5f-8e08-40b0-9846-08417f5ecc7c_save.toggleClass(class='show_carousel',force=true)"
6336      >
6337        <a
6338            option="0"
6339            class="product-snippet__thumbnails-item flex cursor-pointer"
6340            href="/products/womens-genuine-leather-boots8774cfb7-d39a-49b3-82a4-672d957174de?variant=b8049ba7-ea90-47f2-9559-7daca9e332b3"
6341          >
6342            <spz-img
6343              layout="fixed"
6344              width="28"
6345              height="28"
6346              src="//img.staticdj.com/6078aeb0d473f9a5142ca18623a84650.jpeg"
6347              alt=""
6348              object-fit="cover"
6349              auto-fit
6350            ></spz-img>
6351          </a>
6352        <a
6353            option="1"
6354            class="product-snippet__thumbnails-item flex cursor-pointer"
6355            href="/products/womens-genuine-leather-boots8774cfb7-d39a-49b3-82a4-672d957174de?variant=94d814d8-ca09-4e6d-acca-13ffd0129d7b"
6356          >
6357            <spz-img
6358              layout="fixed"
6359              width="28"
6360              height="28"
6361              src="//img.staticdj.com/2eaf298871374a95a8eb25630ba4de40.jpeg"
6362              alt=""
6363              object-fit="cover"
6364              auto-fit
6365            ></spz-img>
6366          </a>
6367        </spz-selector>
6368    
6369</div>
6370      <div class="shoplazza-product-snippet" product-id="91c40ef6-ff57-422e-a065-ea155516eb1a">
6371
6372  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_91c40ef6-ff57-422e-a065-ea155516eb1a_save">
6373    <a
6374      class="product-snippet__img-link relative block overflow-hidden"
6375      href="/products/winter-ergonomic-comfy-boots41a98651-c507-409c-953d-a9c656f5032c5ea43fa6-f687-45df-80ab-3abcfd5e7dd60915dc67-1c72-4adb-8f33-4b37bd5d7a402b9bb5e7-bf64-4d2a-b012-0415bd7c8e73"
6376has-secondary-image
6377    >
6378      <spz-img
6379        class="product-snippet__img product-snippet__img_main"
6380        layout="responsive"
6381        width="800"
6382        height="800"
6383        src="//img.staticdj.com/17f067fc578ff9739cf8ab2141c76ee0.jpg"
6384        alt=""
6385        object-fit="cover"
6386        auto-fit
6387        ></spz-img>
6388      <spz-carousel
6389            class="product-snippet__img product-snippet__img_carousel"
6390            id="product_snippet__carousel_1638940824061_91c40ef6-ff57-422e-a065-ea155516eb1a_save"
6391            layout="responsive"
6392            width="800"
6393            height="800"
6394            initial-slide="0"
6395            slide
6396            effect="fade"
6397          >
6398            <spz-img
6399                layout="responsive"
6400                width="800"
6401                height="800"
6402                src="//img.staticdj.com/17f067fc578ff9739cf8ab2141c76ee0.jpg"
6403                alt=""
6404                object-fit="cover"
6405                auto-fit
6406              ></spz-img>
6407            <spz-img
6408                layout="responsive"
6409                width="800"
6410                height="800"
6411                src="//img.staticdj.com/0b20adcc148f013c5322be75755e17d0.jpg"
6412                alt=""
6413                object-fit="cover"
6414                auto-fit
6415              ></spz-img>
6416            <spz-img
6417                layout="responsive"
6418                width="800"
6419                height="800"
6420                src="//img.staticdj.com/372d911d6a5b247cc2337021108029bc.jpg"
6421                alt=""
6422                object-fit="cover"
6423                auto-fit
6424              ></spz-img>
6425            </spz-carousel>
6426        <spz-img
6427          class="product-snippet__img-secondary absolute top-0"
6428          layout="responsive"
6429          width="800"
6430          height="800"
6431          src="//img.staticdj.com/32f1052ec44318b8580f7e2c1ff96a4e.jpg"
6432          alt=""
6433          object-fit="cover"
6434          auto-fit
6435        ></spz-img>
6436      </a>
6437    <button
6438          type="button"
6439          class="product-snippet__quick-shop-icon"
6440          data-track-product-id="91c40ef6-ff57-422e-a065-ea155516eb1a"
6441          data-track-position=""
6442          data-track="quick_shop"
6443          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/91c40ef6-ff57-422e-a065-ea155516eb1a');"
6444        >
6445          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
6446        </button>
6447      <a
6448      class="product_snippet__label md:hidden"
6449      label-type="save"
6450      href="/products/winter-ergonomic-comfy-boots41a98651-c507-409c-953d-a9c656f5032c5ea43fa6-f687-45df-80ab-3abcfd5e7dd60915dc67-1c72-4adb-8f33-4b37bd5d7a402b9bb5e7-bf64-4d2a-b012-0415bd7c8e73?variant=2c8b230d-4937-4f38-9b37-5f195c4a9e2c"
6451  >
6452      Save <span class='money'>$37.01</span>
6453  </a>
6454  <a
6455      class="product_snippet__label lg:hidden"
6456      label-type="save"
6457      href="/products/winter-ergonomic-comfy-boots41a98651-c507-409c-953d-a9c656f5032c5ea43fa6-f687-45df-80ab-3abcfd5e7dd60915dc67-1c72-4adb-8f33-4b37bd5d7a402b9bb5e7-bf64-4d2a-b012-0415bd7c8e73?variant=2c8b230d-4937-4f38-9b37-5f195c4a9e2c"
6458  >
6459      Save <span class='money'>$37.01</span>
6460  </a>
6461  </div>
6462
6463  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
6464    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
6465  href="/products/winter-ergonomic-comfy-boots41a98651-c507-409c-953d-a9c656f5032c5ea43fa6-f687-45df-80ab-3abcfd5e7dd60915dc67-1c72-4adb-8f33-4b37bd5d7a402b9bb5e7-bf64-4d2a-b012-0415bd7c8e73"
6466>
6467      Winter Waterproof Snow Boots
6468    </a>
6469  </h3>
6470
6471  <a
6472    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
6473    href="/products/winter-ergonomic-comfy-boots41a98651-c507-409c-953d-a9c656f5032c5ea43fa6-f687-45df-80ab-3abcfd5e7dd60915dc67-1c72-4adb-8f33-4b37bd5d7a402b9bb5e7-bf64-4d2a-b012-0415bd7c8e73?variant=2c8b230d-4937-4f38-9b37-5f195c4a9e2c"
6474  >
6475    <span class="product-snippet__price">
6476        <span class='money'>$32.98</span>
6477        </span>
6478      <span class="product-snippet__compare-at-price money">
6479          $69.99
6480        </span>
6481      </a>
6482
6483  <spz-selector
6484        id="product_snippet__selector_1638940824061_91c40ef6-ff57-422e-a065-ea155516eb1a_save"
6485        layout="container"
6486        class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
6487        @mouseover="product_snippet__selector_1638940824061_91c40ef6-ff57-422e-a065-ea155516eb1a_save.toggle(option=event.targetOption,value=true);product_snippet__carousel_1638940824061_91c40ef6-ff57-422e-a065-ea155516eb1a_save.goToSlide(index=event.targetOption);product_snippet__image_wrap_1638940824061_91c40ef6-ff57-422e-a065-ea155516eb1a_save.toggleClass(class='show_carousel',force=true)"
6488      >
6489        <a
6490            option="0"
6491            class="product-snippet__thumbnails-item flex cursor-pointer"
6492            href="/products/winter-ergonomic-comfy-boots41a98651-c507-409c-953d-a9c656f5032c5ea43fa6-f687-45df-80ab-3abcfd5e7dd60915dc67-1c72-4adb-8f33-4b37bd5d7a402b9bb5e7-bf64-4d2a-b012-0415bd7c8e73?variant=2c8b230d-4937-4f38-9b37-5f195c4a9e2c"
6493          >
6494            <spz-img
6495              layout="fixed"
6496              width="28"
6497              height="28"
6498              src="//img.staticdj.com/17f067fc578ff9739cf8ab2141c76ee0.jpg"
6499              alt=""
6500              object-fit="cover"
6501              auto-fit
6502            ></spz-img>
6503          </a>
6504        <a
6505            option="1"
6506            class="product-snippet__thumbnails-item flex cursor-pointer"
6507            href="/products/winter-ergonomic-comfy-boots41a98651-c507-409c-953d-a9c656f5032c5ea43fa6-f687-45df-80ab-3abcfd5e7dd60915dc67-1c72-4adb-8f33-4b37bd5d7a402b9bb5e7-bf64-4d2a-b012-0415bd7c8e73?variant=4b0cacbb-3574-4d72-8232-eb9ef5850153"
6508          >
6509            <spz-img
6510              layout="fixed"
6511              width="28"
6512              height="28"
6513              src="//img.staticdj.com/0b20adcc148f013c5322be75755e17d0.jpg"
6514              alt=""
6515              object-fit="cover"
6516              auto-fit
6517            ></spz-img>
6518          </a>
6519        <a
6520            option="2"
6521            class="product-snippet__thumbnails-item flex cursor-pointer"
6522            href="/products/winter-ergonomic-comfy-boots41a98651-c507-409c-953d-a9c656f5032c5ea43fa6-f687-45df-80ab-3abcfd5e7dd60915dc67-1c72-4adb-8f33-4b37bd5d7a402b9bb5e7-bf64-4d2a-b012-0415bd7c8e73?variant=1b21ca2b-1f69-4cc1-b9c3-5ac6297c23ba"
6523          >
6524            <spz-img
6525              layout="fixed"
6526              width="28"
6527              height="28"
6528              src="//img.staticdj.com/372d911d6a5b247cc2337021108029bc.jpg"
6529              alt=""
6530              object-fit="cover"
6531              auto-fit
6532            ></spz-img>
6533          </a>
6534        </spz-selector>
6535    
6536</div>
6537      <div class="shoplazza-product-snippet" product-id="8247dcbb-ed51-4234-b362-a0ec2bff49fa">
6538
6539  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_8247dcbb-ed51-4234-b362-a0ec2bff49fa_save">
6540    <a
6541      class="product-snippet__img-link relative block overflow-hidden"
6542      href="/products/women-casual-breathable-design-slip-on-mules-jelly-mules-sandals"
6543has-secondary-image
6544    >
6545      <spz-img
6546        class="product-snippet__img product-snippet__img_main"
6547        layout="responsive"
6548        width="2048"
6549        height="2048"
6550        src="//img.staticdj.com/51ef49a887a90076f46bd5fc94312e30.jpeg"
6551        alt=""
6552        object-fit="cover"
6553        auto-fit
6554        ></spz-img>
6555      <spz-carousel
6556            class="product-snippet__img product-snippet__img_carousel"
6557            id="product_snippet__carousel_1638940824061_8247dcbb-ed51-4234-b362-a0ec2bff49fa_save"
6558            layout="responsive"
6559            width="2048"
6560            height="2048"
6561            initial-slide="0"
6562            slide
6563            effect="fade"
6564          >
6565            <spz-img
6566                layout="responsive"
6567                width="2048"
6568                height="2048"
6569                src="//img.staticdj.com/51ef49a887a90076f46bd5fc94312e30.jpeg"
6570                alt=""
6571                object-fit="cover"
6572                auto-fit
6573              ></spz-img>
6574            <spz-img
6575                layout="responsive"
6576                width="2048"
6577                height="2048"
6578                src="//img.staticdj.com/c08f9e64327892a77bf84607804db6c7.webp"
6579                alt=""
6580                object-fit="cover"
6581                auto-fit
6582              ></spz-img>
6583            <spz-img
6584                layout="responsive"
6585                width="2048"
6586                height="2048"
6587                src="//img.staticdj.com/30bcb36953bbeb86e1536f5d317052fa.webp"
6588                alt=""
6589                object-fit="cover"
6590                auto-fit
6591              ></spz-img>
6592            </spz-carousel>
6593        <spz-img
6594          class="product-snippet__img-secondary absolute top-0"
6595          layout="responsive"
6596          width="2048"
6597          height="2048"
6598          src="//img.staticdj.com/e0bbbabbe782547ccce0131ae1355cbd.webp"
6599          alt=""
6600          object-fit="cover"
6601          auto-fit
6602        ></spz-img>
6603      </a>
6604    <button
6605          type="button"
6606          class="product-snippet__quick-shop-icon"
6607          data-track-product-id="8247dcbb-ed51-4234-b362-a0ec2bff49fa"
6608          data-track-position=""
6609          data-track="quick_shop"
6610          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/8247dcbb-ed51-4234-b362-a0ec2bff49fa');"
6611        >
6612          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
6613        </button>
6614      <a
6615      class="product_snippet__label md:hidden"
6616      label-type="save"
6617      href="/products/women-casual-breathable-design-slip-on-mules-jelly-mules-sandals?variant=98cb567a-51cc-4f84-8c8b-99c4bf5cf560"
6618  >
6619      Save <span class='money'>$22.92</span>
6620  </a>
6621  <a
6622      class="product_snippet__label lg:hidden"
6623      label-type="save"
6624      href="/products/women-casual-breathable-design-slip-on-mules-jelly-mules-sandals?variant=98cb567a-51cc-4f84-8c8b-99c4bf5cf560"
6625  >
6626      Save <span class='money'>$22.92</span>
6627  </a>
6628  </div>
6629
6630  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
6631    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
6632  href="/products/women-casual-breathable-design-slip-on-mules-jelly-mules-sandals"
6633>
6634      WoMen Casual Breathable Design Slip On Mules Jelly Mules Sandals
6635    </a>
6636  </h3>
6637
6638  <a
6639    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
6640    href="/products/women-casual-breathable-design-slip-on-mules-jelly-mules-sandals?variant=98cb567a-51cc-4f84-8c8b-99c4bf5cf560"
6641  >
6642    <span class="product-snippet__price">
6643        <span class='money'>$26.98</span>
6644        </span>
6645      <span class="product-snippet__compare-at-price money">
6646          $49.90
6647        </span>
6648      </a>
6649
6650  <spz-selector
6651        id="product_snippet__selector_1638940824061_8247dcbb-ed51-4234-b362-a0ec2bff49fa_save"
6652        layout="container"
6653        class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
6654        @mouseover="product_snippet__selector_1638940824061_8247dcbb-ed51-4234-b362-a0ec2bff49fa_save.toggle(option=event.targetOption,value=true);product_snippet__carousel_1638940824061_8247dcbb-ed51-4234-b362-a0ec2bff49fa_save.goToSlide(index=event.targetOption);product_snippet__image_wrap_1638940824061_8247dcbb-ed51-4234-b362-a0ec2bff49fa_save.toggleClass(class='show_carousel',force=true)"
6655      >
6656        <a
6657            option="0"
6658            class="product-snippet__thumbnails-item flex cursor-pointer"
6659            href="/products/women-casual-breathable-design-slip-on-mules-jelly-mules-sandals?variant=98cb567a-51cc-4f84-8c8b-99c4bf5cf560"
6660          >
6661            <spz-img
6662              layout="fixed"
6663              width="28"
6664              height="28"
6665              src="//img.staticdj.com/51ef49a887a90076f46bd5fc94312e30.jpeg"
6666              alt=""
6667              object-fit="cover"
6668              auto-fit
6669            ></spz-img>
6670          </a>
6671        <a
6672            option="1"
6673            class="product-snippet__thumbnails-item flex cursor-pointer"
6674            href="/products/women-casual-breathable-design-slip-on-mules-jelly-mules-sandals?variant=bd8f46d7-5bac-4d10-a8e3-ca2d6b981aa9"
6675          >
6676            <spz-img
6677              layout="fixed"
6678              width="28"
6679              height="28"
6680              src="//img.staticdj.com/c08f9e64327892a77bf84607804db6c7.webp"
6681              alt=""
6682              object-fit="cover"
6683              auto-fit
6684            ></spz-img>
6685          </a>
6686        <a
6687            option="2"
6688            class="product-snippet__thumbnails-item flex cursor-pointer"
6689            href="/products/women-casual-breathable-design-slip-on-mules-jelly-mules-sandals?variant=b54793e1-3d43-406d-9e62-38527ce6d0fa"
6690          >
6691            <spz-img
6692              layout="fixed"
6693              width="28"
6694              height="28"
6695              src="//img.staticdj.com/30bcb36953bbeb86e1536f5d317052fa.webp"
6696              alt=""
6697              object-fit="cover"
6698              auto-fit
6699            ></spz-img>
6700          </a>
6701        </spz-selector>
6702    
6703</div>
6704      </div>
6705    <div class="lg:hidden grid mt-4 grid-cols-2  gap-x-4 gap-y-6 ">
6706      <div class="shoplazza-product-snippet" product-id="16b964da-0bd5-41b2-bb4a-76cc99b50321">
6707
6708  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_16b964da-0bd5-41b2-bb4a-76cc99b50321_md">
6709    <a
6710      class="product-snippet__img-link relative block overflow-hidden"
6711      href="/products/men-e2-80-99s-genuine-leather-fleece-lined-orthopaedic-bootsdc756d29-44f4-47ab-af2b-686c6d3f0888"
6712has-secondary-image
6713    >
6714      <spz-img
6715        class="product-snippet__img product-snippet__img_main"
6716        layout="responsive"
6717        width="800"
6718        height="800"
6719        src="//img.staticdj.com/d846fd2c3b6380665697d6fa4be79cc0.jpeg"
6720        alt=""
6721        object-fit="cover"
6722        auto-fit
6723        ssr
6724          size-ratio="4"
6725        ></spz-img>
6726      <spz-img
6727          class="product-snippet__img-secondary absolute top-0"
6728          layout="responsive"
6729          width="800"
6730          height="800"
6731          src="//img.staticdj.com/32ad8376d02b970850302ff3bd1d9fdb.jpeg"
6732          alt=""
6733          object-fit="cover"
6734          auto-fit
6735        ></spz-img>
6736      </a>
6737    <button
6738          type="button"
6739          class="product-snippet__quick-shop-icon"
6740          data-track-product-id="16b964da-0bd5-41b2-bb4a-76cc99b50321"
6741          data-track-position=""
6742          data-track="quick_shop"
6743          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/16b964da-0bd5-41b2-bb4a-76cc99b50321');"
6744        >
6745          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
6746        </button>
6747      <a
6748      class="product_snippet__label md:hidden"
6749      label-type="md"
6750      href="/products/men-e2-80-99s-genuine-leather-fleece-lined-orthopaedic-bootsdc756d29-44f4-47ab-af2b-686c6d3f0888?variant=80d14cc4-b067-4c7d-b1a3-b2379a6871a4"
6751  >
6752      Save <span class='money'>$37.00</span>
6753  </a>
6754  <a
6755      class="product_snippet__label lg:hidden"
6756      label-type="md"
6757      href="/products/men-e2-80-99s-genuine-leather-fleece-lined-orthopaedic-bootsdc756d29-44f4-47ab-af2b-686c6d3f0888?variant=80d14cc4-b067-4c7d-b1a3-b2379a6871a4"
6758  >
6759      Save <span class='money'>$37.00</span>
6760  </a>
6761  </div>
6762
6763  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
6764    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
6765  href="/products/men-e2-80-99s-genuine-leather-fleece-lined-orthopaedic-bootsdc756d29-44f4-47ab-af2b-686c6d3f0888"
6766>
6767      Men&rsquo;s Genuine Leather Fleece-Lined Orthopaedic Waterproof Boots
6768    </a>
6769  </h3>
6770
6771  <a
6772    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
6773    href="/products/men-e2-80-99s-genuine-leather-fleece-lined-orthopaedic-bootsdc756d29-44f4-47ab-af2b-686c6d3f0888?variant=80d14cc4-b067-4c7d-b1a3-b2379a6871a4"
6774  >
6775    <span class="product-snippet__price">
6776        from 
6777          <span class='money'>$32.98</span>
6778        </span>
6779      <span class="product-snippet__compare-at-price money">
6780          $69.98
6781        </span>
6782      </a>
6783
6784  
6785</div>
6786      <div class="shoplazza-product-snippet" product-id="17674c6e-f29d-453b-ad87-8770ac01bb09">
6787
6788  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_17674c6e-f29d-453b-ad87-8770ac01bb09_md">
6789    <a
6790      class="product-snippet__img-link relative block overflow-hidden"
6791      href="/products/stretch-ankle-boot2471dbf2-bdd3-4220-a592-17a82a95fbbd"
6792has-secondary-image
6793    >
6794      <spz-img
6795        class="product-snippet__img product-snippet__img_main"
6796        layout="responsive"
6797        width="3374"
6798        height="3374"
6799        src="//img.staticdj.com/c1f9daab1c55d3459c2d527a2bee5b37.jpeg"
6800        alt=""
6801        object-fit="cover"
6802        auto-fit
6803        ></spz-img>
6804      <spz-carousel
6805            class="product-snippet__img product-snippet__img_carousel"
6806            id="product_snippet__carousel_1638940824061_17674c6e-f29d-453b-ad87-8770ac01bb09_md"
6807            layout="responsive"
6808            width="3374"
6809            height="3374"
6810            initial-slide="0"
6811            slide
6812            effect="fade"
6813          >
6814            <spz-img
6815                layout="responsive"
6816                width="3374"
6817                height="3374"
6818                src="//img.staticdj.com/1aa984f4739fa6ba67d66e96f424432d.jpeg"
6819                alt=""
6820                object-fit="cover"
6821                auto-fit
6822              ></spz-img>
6823            <spz-img
6824                layout="responsive"
6825                width="3374"
6826                height="3374"
6827                src="//img.staticdj.com/cc68990790ad0eccfdfdda28426e34e0.jpeg"
6828                alt=""
6829                object-fit="cover"
6830                auto-fit
6831              ></spz-img>
6832            <spz-img
6833                layout="responsive"
6834                width="3374"
6835                height="3374"
6836                src="//img.staticdj.com/b74b14aa365d074f7b957654dddc3004.jpeg"
6837                alt=""
6838                object-fit="cover"
6839                auto-fit
6840              ></spz-img>
6841            </spz-carousel>
6842        <spz-img
6843          class="product-snippet__img-secondary absolute top-0"
6844          layout="responsive"
6845          width="3374"
6846          height="3374"
6847          src="//img.staticdj.com/1aa984f4739fa6ba67d66e96f424432d.jpeg"
6848          alt=""
6849          object-fit="cover"
6850          auto-fit
6851        ></spz-img>
6852      </a>
6853    <button
6854          type="button"
6855          class="product-snippet__quick-shop-icon"
6856          data-track-product-id="17674c6e-f29d-453b-ad87-8770ac01bb09"
6857          data-track-position=""
6858          data-track="quick_shop"
6859          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/17674c6e-f29d-453b-ad87-8770ac01bb09');"
6860        >
6861          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
6862        </button>
6863      <a
6864      class="product_snippet__label md:hidden"
6865      label-type="md"
6866      href="/products/stretch-ankle-boot2471dbf2-bdd3-4220-a592-17a82a95fbbd?variant=3ceb576c-b2ff-4be6-877f-dcdab91d9976"
6867  >
6868      Save <span class='money'>$40.00</span>
6869  </a>
6870  <a
6871      class="product_snippet__label lg:hidden"
6872      label-type="md"
6873      href="/products/stretch-ankle-boot2471dbf2-bdd3-4220-a592-17a82a95fbbd?variant=3ceb576c-b2ff-4be6-877f-dcdab91d9976"
6874  >
6875      Save <span class='money'>$40.00</span>
6876  </a>
6877  </div>
6878
6879  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
6880    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
6881  href="/products/stretch-ankle-boot2471dbf2-bdd3-4220-a592-17a82a95fbbd"
6882>
6883      Stretch Ankle Boot
6884    </a>
6885  </h3>
6886
6887  <a
6888    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
6889    href="/products/stretch-ankle-boot2471dbf2-bdd3-4220-a592-17a82a95fbbd?variant=3ceb576c-b2ff-4be6-877f-dcdab91d9976"
6890  >
6891    <span class="product-snippet__price">
6892        <span class='money'>$39.98</span>
6893        </span>
6894      <span class="product-snippet__compare-at-price money">
6895          $79.98
6896        </span>
6897      </a>
6898
6899  <spz-selector
6900        id="product_snippet__selector_1638940824061_17674c6e-f29d-453b-ad87-8770ac01bb09_md"
6901        layout="container"
6902        class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
6903        @mouseover="product_snippet__selector_1638940824061_17674c6e-f29d-453b-ad87-8770ac01bb09_md.toggle(option=event.targetOption,value=true);product_snippet__carousel_1638940824061_17674c6e-f29d-453b-ad87-8770ac01bb09_md.goToSlide(index=event.targetOption);product_snippet__image_wrap_1638940824061_17674c6e-f29d-453b-ad87-8770ac01bb09_md.toggleClass(class='show_carousel',force=true)"
6904      >
6905        <a
6906            option="0"
6907            class="product-snippet__thumbnails-item flex cursor-pointer"
6908            href="/products/stretch-ankle-boot2471dbf2-bdd3-4220-a592-17a82a95fbbd?variant=3ceb576c-b2ff-4be6-877f-dcdab91d9976"
6909          >
6910            <spz-img
6911              layout="fixed"
6912              width="28"
6913              height="28"
6914              src="//img.staticdj.com/1aa984f4739fa6ba67d66e96f424432d.jpeg"
6915              alt=""
6916              object-fit="cover"
6917              auto-fit
6918            ></spz-img>
6919          </a>
6920        <a
6921            option="1"
6922            class="product-snippet__thumbnails-item flex cursor-pointer"
6923            href="/products/stretch-ankle-boot2471dbf2-bdd3-4220-a592-17a82a95fbbd?variant=d2fe123a-a5e0-4501-beb5-fda4dd3ca834"
6924          >
6925            <spz-img
6926              layout="fixed"
6927              width="28"
6928              height="28"
6929              src="//img.staticdj.com/cc68990790ad0eccfdfdda28426e34e0.jpeg"
6930              alt=""
6931              object-fit="cover"
6932              auto-fit
6933            ></spz-img>
6934          </a>
6935        <a
6936            option="2"
6937            class="product-snippet__thumbnails-item flex cursor-pointer"
6938            href="/products/stretch-ankle-boot2471dbf2-bdd3-4220-a592-17a82a95fbbd?variant=b7bd4187-9aa0-4354-ba7e-63ec07226001"
6939          >
6940            <spz-img
6941              layout="fixed"
6942              width="28"
6943              height="28"
6944              src="//img.staticdj.com/b74b14aa365d074f7b957654dddc3004.jpeg"
6945              alt=""
6946              object-fit="cover"
6947              auto-fit
6948            ></spz-img>
6949          </a>
6950        </spz-selector>
6951    
6952</div>
6953      <div class="shoplazza-product-snippet" product-id="09ad325f-0e6b-460b-85ff-fd775b15f7ff">
6954
6955  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_09ad325f-0e6b-460b-85ff-fd775b15f7ff_md">
6956    <a
6957      class="product-snippet__img-link relative block overflow-hidden"
6958      href="/products/womens-slingback-chunky-low-heels4e6d80a4-06d6-4831-ba52-f8ad9470d567"
6959has-secondary-image
6960    >
6961      <spz-img
6962        class="product-snippet__img product-snippet__img_main"
6963        layout="responsive"
6964        width="800"
6965        height="800"
6966        src="//img.staticdj.com/48844abab590a598fd73ef339bf7d04c.jpeg"
6967        alt=""
6968        object-fit="cover"
6969        auto-fit
6970        ></spz-img>
6971      <spz-carousel
6972            class="product-snippet__img product-snippet__img_carousel"
6973            id="product_snippet__carousel_1638940824061_09ad325f-0e6b-460b-85ff-fd775b15f7ff_md"
6974            layout="responsive"
6975            width="800"
6976            height="800"
6977            initial-slide="0"
6978            slide
6979            effect="fade"
6980          >
6981            <spz-img
6982                layout="responsive"
6983                width="800"
6984                height="800"
6985                src="//img.staticdj.com/4da96e43695cf8ca40c1193f0c4296be.jpeg"
6986                alt=""
6987                object-fit="cover"
6988                auto-fit
6989              ></spz-img>
6990            <spz-img
6991                layout="responsive"
6992                width="800"
6993                height="800"
6994                src="//img.staticdj.com/e89f081dc1f564b959ed07dbd230d9d7.jpeg"
6995                alt=""
6996                object-fit="cover"
6997                auto-fit
6998              ></spz-img>
6999            <spz-img
7000                layout="responsive"
7001                width="800"
7002                height="800"
7003                src="//img.staticdj.com/74b43350867fcf1a54e8665b54fe8d78.jpeg"
7004                alt=""
7005                object-fit="cover"
7006                auto-fit
7007              ></spz-img>
7008            </spz-carousel>
7009        <spz-img
7010          class="product-snippet__img-secondary absolute top-0"
7011          layout="responsive"
7012          width="800"
7013          height="800"
7014          src="//img.staticdj.com/65e0be53c9464c256a5f55342cccf437.jpeg"
7015          alt=""
7016          object-fit="cover"
7017          auto-fit
7018        ></spz-img>
7019      </a>
7020    <button
7021          type="button"
7022          class="product-snippet__quick-shop-icon"
7023          data-track-product-id="09ad325f-0e6b-460b-85ff-fd775b15f7ff"
7024          data-track-position=""
7025          data-track="quick_shop"
7026          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/09ad325f-0e6b-460b-85ff-fd775b15f7ff');"
7027        >
7028          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
7029        </button>
7030      <a
7031      class="product_snippet__label md:hidden"
7032      label-type="md"
7033      href="/products/womens-slingback-chunky-low-heels4e6d80a4-06d6-4831-ba52-f8ad9470d567?variant=f8aa210c-93f0-444c-b262-77549f3c26b1"
7034  >
7035      Save <span class='money'>$29.92</span>
7036  </a>
7037  <a
7038      class="product_snippet__label lg:hidden"
7039      label-type="md"
7040      href="/products/womens-slingback-chunky-low-heels4e6d80a4-06d6-4831-ba52-f8ad9470d567?variant=f8aa210c-93f0-444c-b262-77549f3c26b1"
7041  >
7042      Save <span class='money'>$29.92</span>
7043  </a>
7044  </div>
7045
7046  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
7047    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
7048  href="/products/womens-slingback-chunky-low-heels4e6d80a4-06d6-4831-ba52-f8ad9470d567"
7049>
7050      Women&#039;s Slingback Chunky Low Heels
7051    </a>
7052  </h3>
7053
7054  <a
7055    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
7056    href="/products/womens-slingback-chunky-low-heels4e6d80a4-06d6-4831-ba52-f8ad9470d567?variant=f8aa210c-93f0-444c-b262-77549f3c26b1"
7057  >
7058    <span class="product-snippet__price">
7059        <span class='money'>$29.98</span>
7060        </span>
7061      <span class="product-snippet__compare-at-price money">
7062          $59.90
7063        </span>
7064      </a>
7065
7066  <spz-selector
7067        id="product_snippet__selector_1638940824061_09ad325f-0e6b-460b-85ff-fd775b15f7ff_md"
7068        layout="container"
7069        class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
7070        @mouseover="product_snippet__selector_1638940824061_09ad325f-0e6b-460b-85ff-fd775b15f7ff_md.toggle(option=event.targetOption,value=true);product_snippet__carousel_1638940824061_09ad325f-0e6b-460b-85ff-fd775b15f7ff_md.goToSlide(index=event.targetOption);product_snippet__image_wrap_1638940824061_09ad325f-0e6b-460b-85ff-fd775b15f7ff_md.toggleClass(class='show_carousel',force=true)"
7071      >
7072        <a
7073            option="0"
7074            class="product-snippet__thumbnails-item flex cursor-pointer"
7075            href="/products/womens-slingback-chunky-low-heels4e6d80a4-06d6-4831-ba52-f8ad9470d567?variant=f8aa210c-93f0-444c-b262-77549f3c26b1"
7076          >
7077            <spz-img
7078              layout="fixed"
7079              width="28"
7080              height="28"
7081              src="//img.staticdj.com/4da96e43695cf8ca40c1193f0c4296be.jpeg"
7082              alt=""
7083              object-fit="cover"
7084              auto-fit
7085            ></spz-img>
7086          </a>
7087        <a
7088            option="1"
7089            class="product-snippet__thumbnails-item flex cursor-pointer"
7090            href="/products/womens-slingback-chunky-low-heels4e6d80a4-06d6-4831-ba52-f8ad9470d567?variant=74b668d3-4d8f-4c2c-9031-0b252756cd8d"
7091          >
7092            <spz-img
7093              layout="fixed"
7094              width="28"
7095              height="28"
7096              src="//img.staticdj.com/e89f081dc1f564b959ed07dbd230d9d7.jpeg"
7097              alt=""
7098              object-fit="cover"
7099              auto-fit
7100            ></spz-img>
7101          </a>
7102        <a
7103            option="2"
7104            class="product-snippet__thumbnails-item flex cursor-pointer"
7105            href="/products/womens-slingback-chunky-low-heels4e6d80a4-06d6-4831-ba52-f8ad9470d567?variant=dd9bac14-923f-423a-9343-d3919d224623"
7106          >
7107            <spz-img
7108              layout="fixed"
7109              width="28"
7110              height="28"
7111              src="//img.staticdj.com/74b43350867fcf1a54e8665b54fe8d78.jpeg"
7112              alt=""
7113              object-fit="cover"
7114              auto-fit
7115            ></spz-img>
7116          </a>
7117        <a 
7118  href="/products/womens-slingback-chunky-low-heels4e6d80a4-06d6-4831-ba52-f8ad9470d567"
7119class="product-snippet__thumbnails-item text-xs text-inherit no-underline">+5</a>
7120        </spz-selector>
7121    
7122</div>
7123      <div class="shoplazza-product-snippet" product-id="f544ce09-361f-441d-912f-4ec891f78f47">
7124
7125  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_f544ce09-361f-441d-912f-4ec891f78f47_md">
7126    <a
7127      class="product-snippet__img-link relative block overflow-hidden"
7128      href="/products/womens-genuine-leather-platform-clogs84033618-f635-4d35-a439-d9d9bd75f13e"
7129has-secondary-image
7130    >
7131      <spz-img
7132        class="product-snippet__img product-snippet__img_main"
7133        layout="responsive"
7134        width="800"
7135        height="800"
7136        src="//img.staticdj.com/e5a86cf8e1297513f669a9e9e932af2b.jpeg"
7137        alt=""
7138        object-fit="cover"
7139        auto-fit
7140        ></spz-img>
7141      <spz-carousel
7142            class="product-snippet__img product-snippet__img_carousel"
7143            id="product_snippet__carousel_1638940824061_f544ce09-361f-441d-912f-4ec891f78f47_md"
7144            layout="responsive"
7145            width="800"
7146            height="800"
7147            initial-slide="0"
7148            slide
7149            effect="fade"
7150          >
7151            <spz-img
7152                layout="responsive"
7153                width="800"
7154                height="800"
7155                src="//img.staticdj.com/e5a86cf8e1297513f669a9e9e932af2b.jpeg"
7156                alt=""
7157                object-fit="cover"
7158                auto-fit
7159              ></spz-img>
7160            <spz-img
7161                layout="responsive"
7162                width="800"
7163                height="800"
7164                src="//img.staticdj.com/f1baad9ce1d4725c14bf483699d07914.jpeg"
7165                alt=""
7166                object-fit="cover"
7167                auto-fit
7168              ></spz-img>
7169            <spz-img
7170                layout="responsive"
7171                width="800"
7172                height="800"
7173                src="//img.staticdj.com/d799b57303bf73922d6c979f4f661998.jpeg"
7174                alt=""
7175                object-fit="cover"
7176                auto-fit
7177              ></spz-img>
7178            </spz-carousel>
7179        <spz-img
7180          class="product-snippet__img-secondary absolute top-0"
7181          layout="responsive"
7182          width="800"
7183          height="800"
7184          src="//img.staticdj.com/e3471e6b8adae71ac86b0d17d7202d48.jpeg"
7185          alt=""
7186          object-fit="cover"
7187          auto-fit
7188        ></spz-img>
7189      </a>
7190    <button
7191          type="button"
7192          class="product-snippet__quick-shop-icon"
7193          data-track-product-id="f544ce09-361f-441d-912f-4ec891f78f47"
7194          data-track-position=""
7195          data-track="quick_shop"
7196          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/f544ce09-361f-441d-912f-4ec891f78f47');"
7197        >
7198          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
7199        </button>
7200      <a
7201      class="product_snippet__label md:hidden"
7202      label-type="md"
7203      href="/products/womens-genuine-leather-platform-clogs84033618-f635-4d35-a439-d9d9bd75f13e?variant=300b19b6-5e3d-4818-b20d-5850d5405d65"
7204  >
7205      Save <span class='money'>$30.01</span>
7206  </a>
7207  <a
7208      class="product_snippet__label lg:hidden"
7209      label-type="md"
7210      href="/products/womens-genuine-leather-platform-clogs84033618-f635-4d35-a439-d9d9bd75f13e?variant=300b19b6-5e3d-4818-b20d-5850d5405d65"
7211  >
7212      Save <span class='money'>$30.01</span>
7213  </a>
7214  </div>
7215
7216  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
7217    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
7218  href="/products/womens-genuine-leather-platform-clogs84033618-f635-4d35-a439-d9d9bd75f13e"
7219>
7220      Women&#039;s Genuine Leather Platform Clogs
7221    </a>
7222  </h3>
7223
7224  <a
7225    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
7226    href="/products/womens-genuine-leather-platform-clogs84033618-f635-4d35-a439-d9d9bd75f13e?variant=300b19b6-5e3d-4818-b20d-5850d5405d65"
7227  >
7228    <span class="product-snippet__price">
7229        <span class='money'>$39.98</span>
7230        </span>
7231      <span class="product-snippet__compare-at-price money">
7232          $69.99
7233        </span>
7234      </a>
7235
7236  <spz-selector
7237        id="product_snippet__selector_1638940824061_f544ce09-361f-441d-912f-4ec891f78f47_md"
7238        layout="container"
7239        class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
7240        @mouseover="product_snippet__selector_1638940824061_f544ce09-361f-441d-912f-4ec891f78f47_md.toggle(option=event.targetOption,value=true);product_snippet__carousel_1638940824061_f544ce09-361f-441d-912f-4ec891f78f47_md.goToSlide(index=event.targetOption);product_snippet__image_wrap_1638940824061_f544ce09-361f-441d-912f-4ec891f78f47_md.toggleClass(class='show_carousel',force=true)"
7241      >
7242        <a
7243            option="0"
7244            class="product-snippet__thumbnails-item flex cursor-pointer"
7245            href="/products/womens-genuine-leather-platform-clogs84033618-f635-4d35-a439-d9d9bd75f13e?variant=300b19b6-5e3d-4818-b20d-5850d5405d65"
7246          >
7247            <spz-img
7248              layout="fixed"
7249              width="28"
7250              height="28"
7251              src="//img.staticdj.com/e5a86cf8e1297513f669a9e9e932af2b.jpeg"
7252              alt=""
7253              object-fit="cover"
7254              auto-fit
7255            ></spz-img>
7256          </a>
7257        <a
7258            option="1"
7259            class="product-snippet__thumbnails-item flex cursor-pointer"
7260            href="/products/womens-genuine-leather-platform-clogs84033618-f635-4d35-a439-d9d9bd75f13e?variant=03b9ab38-4f71-4fbf-9584-742854171954"
7261          >
7262            <spz-img
7263              layout="fixed"
7264              width="28"
7265              height="28"
7266              src="//img.staticdj.com/f1baad9ce1d4725c14bf483699d07914.jpeg"
7267              alt=""
7268              object-fit="cover"
7269              auto-fit
7270            ></spz-img>
7271          </a>
7272        <a
7273            option="2"
7274            class="product-snippet__thumbnails-item flex cursor-pointer"
7275            href="/products/womens-genuine-leather-platform-clogs84033618-f635-4d35-a439-d9d9bd75f13e?variant=0e4bc24f-485a-4035-b648-ef8de37dc7dc"
7276          >
7277            <spz-img
7278              layout="fixed"
7279              width="28"
7280              height="28"
7281              src="//img.staticdj.com/d799b57303bf73922d6c979f4f661998.jpeg"
7282              alt=""
7283              object-fit="cover"
7284              auto-fit
7285            ></spz-img>
7286          </a>
7287        <a 
7288  href="/products/womens-genuine-leather-platform-clogs84033618-f635-4d35-a439-d9d9bd75f13e"
7289class="product-snippet__thumbnails-item text-xs text-inherit no-underline">+1</a>
7290        </spz-selector>
7291    
7292</div>
7293      <div class="shoplazza-product-snippet" product-id="0480eceb-9cc4-46ae-9d54-272ba18322fe">
7294
7295  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_0480eceb-9cc4-46ae-9d54-272ba18322fe_md">
7296    <a
7297      class="product-snippet__img-link relative block overflow-hidden"
7298      href="/products/womens-mountain-leather-slip-on-clogs606a8755-72d8-445b-ac5f-b5c55040454d"
7299has-secondary-image
7300    >
7301      <spz-img
7302        class="product-snippet__img product-snippet__img_main"
7303        layout="responsive"
7304        width="2000"
7305        height="2000"
7306        src="//img.staticdj.com/2998aef86d4918ce55bd37566758a98a.jpeg"
7307        alt=""
7308        object-fit="cover"
7309        auto-fit
7310        ></spz-img>
7311      <spz-carousel
7312            class="product-snippet__img product-snippet__img_carousel"
7313            id="product_snippet__carousel_1638940824061_0480eceb-9cc4-46ae-9d54-272ba18322fe_md"
7314            layout="responsive"
7315            width="2000"
7316            height="2000"
7317            initial-slide="0"
7318            slide
7319            effect="fade"
7320          >
7321            <spz-img
7322                layout="responsive"
7323                width="2000"
7324                height="2000"
7325                src="//img.staticdj.com/2998aef86d4918ce55bd37566758a98a.jpeg"
7326                alt=""
7327                object-fit="cover"
7328                auto-fit
7329              ></spz-img>
7330            <spz-img
7331                layout="responsive"
7332                width="2000"
7333                height="2000"
7334                src="//img.staticdj.com/9eb5365ce998c1ca83e0d4287559376f.jpeg"
7335                alt=""
7336                object-fit="cover"
7337                auto-fit
7338              ></spz-img>
7339            <spz-img
7340                layout="responsive"
7341                width="2000"
7342                height="2000"
7343                src="//img.staticdj.com/e86c3736d473ef70d611165f896b0b6c.jpeg"
7344                alt=""
7345                object-fit="cover"
7346                auto-fit
7347              ></spz-img>
7348            </spz-carousel>
7349        <spz-img
7350          class="product-snippet__img-secondary absolute top-0"
7351          layout="responsive"
7352          width="2000"
7353          height="2000"
7354          src="//img.staticdj.com/b2349aef97be32599c83697692f0bab9.jpeg"
7355          alt=""
7356          object-fit="cover"
7357          auto-fit
7358        ></spz-img>
7359      </a>
7360    <button
7361          type="button"
7362          class="product-snippet__quick-shop-icon"
7363          data-track-product-id="0480eceb-9cc4-46ae-9d54-272ba18322fe"
7364          data-track-position=""
7365          data-track="quick_shop"
7366          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/0480eceb-9cc4-46ae-9d54-272ba18322fe');"
7367        >
7368          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
7369        </button>
7370      <a
7371      class="product_snippet__label md:hidden"
7372      label-type="md"
7373      href="/products/womens-mountain-leather-slip-on-clogs606a8755-72d8-445b-ac5f-b5c55040454d?variant=6441f1e0-db2f-4df9-aca4-94c07e4b4f5d"
7374  >
7375      Save <span class='money'>$35.01</span>
7376  </a>
7377  <a
7378      class="product_snippet__label lg:hidden"
7379      label-type="md"
7380      href="/products/womens-mountain-leather-slip-on-clogs606a8755-72d8-445b-ac5f-b5c55040454d?variant=6441f1e0-db2f-4df9-aca4-94c07e4b4f5d"
7381  >
7382      Save <span class='money'>$35.01</span>
7383  </a>
7384  </div>
7385
7386  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
7387    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
7388  href="/products/womens-mountain-leather-slip-on-clogs606a8755-72d8-445b-ac5f-b5c55040454d"
7389>
7390      Women&#039;s Mountain Leather Slip-On Clogs
7391    </a>
7392  </h3>
7393
7394  <a
7395    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
7396    href="/products/womens-mountain-leather-slip-on-clogs606a8755-72d8-445b-ac5f-b5c55040454d?variant=6441f1e0-db2f-4df9-aca4-94c07e4b4f5d"
7397  >
7398    <span class="product-snippet__price">
7399        <span class='money'>$34.98</span>
7400        </span>
7401      <span class="product-snippet__compare-at-price money">
7402          $69.99
7403        </span>
7404      </a>
7405
7406  <spz-selector
7407        id="product_snippet__selector_1638940824061_0480eceb-9cc4-46ae-9d54-272ba18322fe_md"
7408        layout="container"
7409        class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
7410        @mouseover="product_snippet__selector_1638940824061_0480eceb-9cc4-46ae-9d54-272ba18322fe_md.toggle(option=event.targetOption,value=true);product_snippet__carousel_1638940824061_0480eceb-9cc4-46ae-9d54-272ba18322fe_md.goToSlide(index=event.targetOption);product_snippet__image_wrap_1638940824061_0480eceb-9cc4-46ae-9d54-272ba18322fe_md.toggleClass(class='show_carousel',force=true)"
7411      >
7412        <a
7413            option="0"
7414            class="product-snippet__thumbnails-item flex cursor-pointer"
7415            href="/products/womens-mountain-leather-slip-on-clogs606a8755-72d8-445b-ac5f-b5c55040454d?variant=6441f1e0-db2f-4df9-aca4-94c07e4b4f5d"
7416          >
7417            <spz-img
7418              layout="fixed"
7419              width="28"
7420              height="28"
7421              src="//img.staticdj.com/2998aef86d4918ce55bd37566758a98a.jpeg"
7422              alt=""
7423              object-fit="cover"
7424              auto-fit
7425            ></spz-img>
7426          </a>
7427        <a
7428            option="1"
7429            class="product-snippet__thumbnails-item flex cursor-pointer"
7430            href="/products/womens-mountain-leather-slip-on-clogs606a8755-72d8-445b-ac5f-b5c55040454d?variant=56df1ea9-4bae-4103-8551-c6939e9824ab"
7431          >
7432            <spz-img
7433              layout="fixed"
7434              width="28"
7435              height="28"
7436              src="//img.staticdj.com/9eb5365ce998c1ca83e0d4287559376f.jpeg"
7437              alt=""
7438              object-fit="cover"
7439              auto-fit
7440            ></spz-img>
7441          </a>
7442        <a
7443            option="2"
7444            class="product-snippet__thumbnails-item flex cursor-pointer"
7445            href="/products/womens-mountain-leather-slip-on-clogs606a8755-72d8-445b-ac5f-b5c55040454d?variant=111d79d6-c24c-46ff-9663-540475667077"
7446          >
7447            <spz-img
7448              layout="fixed"
7449              width="28"
7450              height="28"
7451              src="//img.staticdj.com/e86c3736d473ef70d611165f896b0b6c.jpeg"
7452              alt=""
7453              object-fit="cover"
7454              auto-fit
7455            ></spz-img>
7456          </a>
7457        </spz-selector>
7458    
7459</div>
7460      <div class="shoplazza-product-snippet" product-id="0266f55b-c5fc-475d-aca3-23d6515be861">
7461
7462  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_0266f55b-c5fc-475d-aca3-23d6515be861_md">
7463    <a
7464      class="product-snippet__img-link relative block overflow-hidden"
7465      href="/products/unisex-soft-sole-beach-water-shoesa327d16a-ed28-448c-90dd-fed3a97f08db"
7466has-secondary-image
7467    >
7468      <spz-img
7469        class="product-snippet__img product-snippet__img_main"
7470        layout="responsive"
7471        width="800"
7472        height="800"
7473        src="//img.staticdj.com/bbb317e355981201c86fecf9d86e9dfd.jpeg"
7474        alt=""
7475        object-fit="cover"
7476        auto-fit
7477        ></spz-img>
7478      <spz-carousel
7479            class="product-snippet__img product-snippet__img_carousel"
7480            id="product_snippet__carousel_1638940824061_0266f55b-c5fc-475d-aca3-23d6515be861_md"
7481            layout="responsive"
7482            width="800"
7483            height="800"
7484            initial-slide="0"
7485            slide
7486            effect="fade"
7487          >
7488            <spz-img
7489                layout="responsive"
7490                width="800"
7491                height="800"
7492                src="//img.staticdj.com/bbb317e355981201c86fecf9d86e9dfd.jpeg"
7493                alt=""
7494                object-fit="cover"
7495                auto-fit
7496              ></spz-img>
7497            <spz-img
7498                layout="responsive"
7499                width="800"
7500                height="800"
7501                src="//img.staticdj.com/6b15132244431024723dd8f735300d0e.jpeg"
7502                alt=""
7503                object-fit="cover"
7504                auto-fit
7505              ></spz-img>
7506            <spz-img
7507                layout="responsive"
7508                width="800"
7509                height="800"
7510                src="//img.staticdj.com/3592677dfe9f8e3c31a76dc0a99b0d9b.jpeg"
7511                alt=""
7512                object-fit="cover"
7513                auto-fit
7514              ></spz-img>
7515            </spz-carousel>
7516        <spz-img
7517          class="product-snippet__img-secondary absolute top-0"
7518          layout="responsive"
7519          width="800"
7520          height="800"
7521          src="//img.staticdj.com/d0276aeec2410eedd0b7e1c6b344f616.jpeg"
7522          alt=""
7523          object-fit="cover"
7524          auto-fit
7525        ></spz-img>
7526      </a>
7527    <button
7528          type="button"
7529          class="product-snippet__quick-shop-icon"
7530          data-track-product-id="0266f55b-c5fc-475d-aca3-23d6515be861"
7531          data-track-position=""
7532          data-track="quick_shop"
7533          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/0266f55b-c5fc-475d-aca3-23d6515be861');"
7534        >
7535          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
7536        </button>
7537      <a
7538      class="product_snippet__label md:hidden"
7539      label-type="md"
7540      href="/products/unisex-soft-sole-beach-water-shoesa327d16a-ed28-448c-90dd-fed3a97f08db?variant=16bac002-56da-4601-b10a-638cd632c8fe"
7541  >
7542      Save <span class='money'>$29.92</span>
7543  </a>
7544  <a
7545      class="product_snippet__label lg:hidden"
7546      label-type="md"
7547      href="/products/unisex-soft-sole-beach-water-shoesa327d16a-ed28-448c-90dd-fed3a97f08db?variant=16bac002-56da-4601-b10a-638cd632c8fe"
7548  >
7549      Save <span class='money'>$29.92</span>
7550  </a>
7551  </div>
7552
7553  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
7554    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
7555  href="/products/unisex-soft-sole-beach-water-shoesa327d16a-ed28-448c-90dd-fed3a97f08db"
7556>
7557      Unisex Soft Sole Beach Water Shoes
7558    </a>
7559  </h3>
7560
7561  <a
7562    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
7563    href="/products/unisex-soft-sole-beach-water-shoesa327d16a-ed28-448c-90dd-fed3a97f08db?variant=16bac002-56da-4601-b10a-638cd632c8fe"
7564  >
7565    <span class="product-snippet__price">
7566        <span class='money'>$29.98</span>
7567        </span>
7568      <span class="product-snippet__compare-at-price money">
7569          $59.90
7570        </span>
7571      </a>
7572
7573  <spz-selector
7574        id="product_snippet__selector_1638940824061_0266f55b-c5fc-475d-aca3-23d6515be861_md"
7575        layout="container"
7576        class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
7577        @mouseover="product_snippet__selector_1638940824061_0266f55b-c5fc-475d-aca3-23d6515be861_md.toggle(option=event.targetOption,value=true);product_snippet__carousel_1638940824061_0266f55b-c5fc-475d-aca3-23d6515be861_md.goToSlide(index=event.targetOption);product_snippet__image_wrap_1638940824061_0266f55b-c5fc-475d-aca3-23d6515be861_md.toggleClass(class='show_carousel',force=true)"
7578      >
7579        <a
7580            option="0"
7581            class="product-snippet__thumbnails-item flex cursor-pointer"
7582            href="/products/unisex-soft-sole-beach-water-shoesa327d16a-ed28-448c-90dd-fed3a97f08db?variant=16bac002-56da-4601-b10a-638cd632c8fe"
7583          >
7584            <spz-img
7585              layout="fixed"
7586              width="28"
7587              height="28"
7588              src="//img.staticdj.com/bbb317e355981201c86fecf9d86e9dfd.jpeg"
7589              alt=""
7590              object-fit="cover"
7591              auto-fit
7592            ></spz-img>
7593          </a>
7594        <a
7595            option="1"
7596            class="product-snippet__thumbnails-item flex cursor-pointer"
7597            href="/products/unisex-soft-sole-beach-water-shoesa327d16a-ed28-448c-90dd-fed3a97f08db?variant=69b408b4-9188-415c-a0a2-433153e5740f"
7598          >
7599            <spz-img
7600              layout="fixed"
7601              width="28"
7602              height="28"
7603              src="//img.staticdj.com/6b15132244431024723dd8f735300d0e.jpeg"
7604              alt=""
7605              object-fit="cover"
7606              auto-fit
7607            ></spz-img>
7608          </a>
7609        <a
7610            option="2"
7611            class="product-snippet__thumbnails-item flex cursor-pointer"
7612            href="/products/unisex-soft-sole-beach-water-shoesa327d16a-ed28-448c-90dd-fed3a97f08db?variant=6f96c029-ecca-42ae-a376-1bc96ae85348"
7613          >
7614            <spz-img
7615              layout="fixed"
7616              width="28"
7617              height="28"
7618              src="//img.staticdj.com/3592677dfe9f8e3c31a76dc0a99b0d9b.jpeg"
7619              alt=""
7620              object-fit="cover"
7621              auto-fit
7622            ></spz-img>
7623          </a>
7624        <a 
7625  href="/products/unisex-soft-sole-beach-water-shoesa327d16a-ed28-448c-90dd-fed3a97f08db"
7626class="product-snippet__thumbnails-item text-xs text-inherit no-underline">+2</a>
7627        </spz-selector>
7628    
7629</div>
7630      <div class="shoplazza-product-snippet" product-id="fdc8fb1f-9975-4d29-8837-a38aa462509c">
7631
7632  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_fdc8fb1f-9975-4d29-8837-a38aa462509c_md">
7633    <a
7634      class="product-snippet__img-link relative block overflow-hidden"
7635      href="/products/womens-leather-boots31cfa393-23c7-452f-b6da-b543c44317bd813cbadb-8360-48a1-8747-5d5aff7ade20"
7636has-secondary-image
7637    >
7638      <spz-img
7639        class="product-snippet__img product-snippet__img_main"
7640        layout="responsive"
7641        width="800"
7642        height="800"
7643        src="//img.staticdj.com/fc59433eb8e4e9cd68d153619a4d2944.jpeg"
7644        alt=""
7645        object-fit="cover"
7646        auto-fit
7647        ></spz-img>
7648      <spz-carousel
7649            class="product-snippet__img product-snippet__img_carousel"
7650            id="product_snippet__carousel_1638940824061_fdc8fb1f-9975-4d29-8837-a38aa462509c_md"
7651            layout="responsive"
7652            width="800"
7653            height="800"
7654            initial-slide="0"
7655            slide
7656            effect="fade"
7657          >
7658            <spz-img
7659                layout="responsive"
7660                width="800"
7661                height="800"
7662                src="//img.staticdj.com/5c1deb1b33a091646d5c516220b683bc.jpeg"
7663                alt=""
7664                object-fit="cover"
7665                auto-fit
7666              ></spz-img>
7667            <spz-img
7668                layout="responsive"
7669                width="800"
7670                height="800"
7671                src="//img.staticdj.com/c096554390cfa2ff637321d54a54e781.jpeg"
7672                alt=""
7673                object-fit="cover"
7674                auto-fit
7675              ></spz-img>
7676            <spz-img
7677                layout="responsive"
7678                width="800"
7679                height="800"
7680                src="//img.staticdj.com/7d5db59ebdeba410a9b202c5d2dbb50e.jpeg"
7681                alt=""
7682                object-fit="cover"
7683                auto-fit
7684              ></spz-img>
7685            </spz-carousel>
7686        <spz-img
7687          class="product-snippet__img-secondary absolute top-0"
7688          layout="responsive"
7689          width="800"
7690          height="800"
7691          src="//img.staticdj.com/0f4cb7317380dbb077c5606d5a9b263a.jpeg"
7692          alt=""
7693          object-fit="cover"
7694          auto-fit
7695        ></spz-img>
7696      </a>
7697    <button
7698          type="button"
7699          class="product-snippet__quick-shop-icon"
7700          data-track-product-id="fdc8fb1f-9975-4d29-8837-a38aa462509c"
7701          data-track-position=""
7702          data-track="quick_shop"
7703          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/fdc8fb1f-9975-4d29-8837-a38aa462509c');"
7704        >
7705          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
7706        </button>
7707      <a
7708      class="product_snippet__label md:hidden"
7709      label-type="md"
7710      href="/products/womens-leather-boots31cfa393-23c7-452f-b6da-b543c44317bd813cbadb-8360-48a1-8747-5d5aff7ade20?variant=14b7dd67-eafa-4f55-92f7-bdd71b8e6eb5"
7711  >
7712      Save <span class='money'>$30.00</span>
7713  </a>
7714  <a
7715      class="product_snippet__label lg:hidden"
7716      label-type="md"
7717      href="/products/womens-leather-boots31cfa393-23c7-452f-b6da-b543c44317bd813cbadb-8360-48a1-8747-5d5aff7ade20?variant=14b7dd67-eafa-4f55-92f7-bdd71b8e6eb5"
7718  >
7719      Save <span class='money'>$30.00</span>
7720  </a>
7721  </div>
7722
7723  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
7724    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
7725  href="/products/womens-leather-boots31cfa393-23c7-452f-b6da-b543c44317bd813cbadb-8360-48a1-8747-5d5aff7ade20"
7726>
7727      Women&#039;s Leather Boots
7728    </a>
7729  </h3>
7730
7731  <a
7732    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
7733    href="/products/womens-leather-boots31cfa393-23c7-452f-b6da-b543c44317bd813cbadb-8360-48a1-8747-5d5aff7ade20?variant=14b7dd67-eafa-4f55-92f7-bdd71b8e6eb5"
7734  >
7735    <span class="product-snippet__price">
7736        <span class='money'>$29.98</span>
7737        </span>
7738      <span class="product-snippet__compare-at-price money">
7739          $59.98
7740        </span>
7741      </a>
7742
7743  <spz-selector
7744        id="product_snippet__selector_1638940824061_fdc8fb1f-9975-4d29-8837-a38aa462509c_md"
7745        layout="container"
7746        class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
7747        @mouseover="product_snippet__selector_1638940824061_fdc8fb1f-9975-4d29-8837-a38aa462509c_md.toggle(option=event.targetOption,value=true);product_snippet__carousel_1638940824061_fdc8fb1f-9975-4d29-8837-a38aa462509c_md.goToSlide(index=event.targetOption);product_snippet__image_wrap_1638940824061_fdc8fb1f-9975-4d29-8837-a38aa462509c_md.toggleClass(class='show_carousel',force=true)"
7748      >
7749        <a
7750            option="0"
7751            class="product-snippet__thumbnails-item flex cursor-pointer"
7752            href="/products/womens-leather-boots31cfa393-23c7-452f-b6da-b543c44317bd813cbadb-8360-48a1-8747-5d5aff7ade20?variant=14b7dd67-eafa-4f55-92f7-bdd71b8e6eb5"
7753          >
7754            <spz-img
7755              layout="fixed"
7756              width="28"
7757              height="28"
7758              src="//img.staticdj.com/5c1deb1b33a091646d5c516220b683bc.jpeg"
7759              alt=""
7760              object-fit="cover"
7761              auto-fit
7762            ></spz-img>
7763          </a>
7764        <a
7765            option="1"
7766            class="product-snippet__thumbnails-item flex cursor-pointer"
7767            href="/products/womens-leather-boots31cfa393-23c7-452f-b6da-b543c44317bd813cbadb-8360-48a1-8747-5d5aff7ade20?variant=655e8556-e069-451b-8b65-fa4db251cddb"
7768          >
7769            <spz-img
7770              layout="fixed"
7771              width="28"
7772              height="28"
7773              src="//img.staticdj.com/c096554390cfa2ff637321d54a
777354e781.jpeg"
7774              alt=""
7775              object-fit="cover"
7776              auto-fit
7777            ></spz-img>
7778          </a>
7779        <a
7780            option="2"
7781            class="product-snippet__thumbnails-item flex cursor-pointer"
7782            href="/products/womens-leather-boots31cfa393-23c7-452f-b6da-b543c44317bd813cbadb-8360-48a1-8747-5d5aff7ade20?variant=18387cb2-10e9-4e83-81d4-cc425c655087"
7783          >
7784            <spz-img
7785              layout="fixed"
7786              width="28"
7787              height="28"
7788              src="//img.staticdj.com/7d5db59ebdeba410a9b202c5d2dbb50e.jpeg"
7789              alt=""
7790              object-fit="cover"
7791              auto-fit
7792            ></spz-img>
7793          </a>
7794        <a 
7795  href="/products/womens-leather-boots31cfa393-23c7-452f-b6da-b543c44317bd813cbadb-8360-48a1-8747-5d5aff7ade20"
7796class="product-snippet__thumbnails-item text-xs text-inherit no-underline">+3</a>
7797        </spz-selector>
7798    
7799</div>
7800      <div class="shoplazza-product-snippet" product-id="2986aa91-3c53-4f03-a016-2db6d73c1081">
7801
7802  <div class="product-snippet__img-wrapper relative" id="product_snippet__image_wrap_1638940824061_2986aa91-3c53-4f03-a016-2db6d73c1081_md">
7803    <a
7804      class="product-snippet__img-link relative block overflow-hidden"
7805      href="/products/womens-winter-velcro-shoes1ff6b2ff-cb6c-49a8-a197-2225b992a375-omsa"
7806has-secondary-image
7807    >
7808      <spz-img
7809        class="product-snippet__img product-snippet__img_main"
7810        layout="responsive"
7811        width="800"
7812        height="800"
7813        src="//img.staticdj.com/af3d195b7e8040d063eb88a4161c3b89.jpeg"
7814        alt=""
7815        object-fit="cover"
7816        auto-fit
7817        ></spz-img>
7818      <spz-carousel
7819            class="product-snippet__img product-snippet__img_carousel"
7820            id="product_snippet__carousel_1638940824061_2986aa91-3c53-4f03-a016-2db6d73c1081_md"
7821            layout="responsive"
7822            width="800"
7823            height="800"
7824            initial-slide="0"
7825            slide
7826            effect="fade"
7827          >
7828            <spz-img
7829                layout="responsive"
7830                width="800"
7831                height="800"
7832                src="//img.staticdj.com/af3d195b7e8040d063eb88a4161c3b89.jpeg"
7833                alt=""
7834                object-fit="cover"
7835                auto-fit
7836              ></spz-img>
7837            <spz-img
7838                layout="responsive"
7839                width="800"
7840                height="800"
7841                src="//img.staticdj.com/12dd74e0b35233f58198e0a3df41c654.jpeg"
7842                alt=""
7843                object-fit="cover"
7844                auto-fit
7845              ></spz-img>
7846            <spz-img
7847                layout="responsive"
7848                width="800"
7849                height="800"
7850                src="//img.staticdj.com/1deced7f497b29d4cef4dc340b6ef331.jpeg"
7851                alt=""
7852                object-fit="cover"
7853                auto-fit
7854              ></spz-img>
7855            </spz-carousel>
7856        <spz-img
7857          class="product-snippet__img-secondary absolute top-0"
7858          layout="responsive"
7859          width="800"
7860          height="800"
7861          src="//img.staticdj.com/12dd74e0b35233f58198e0a3df41c654.jpeg"
7862          alt=""
7863          object-fit="cover"
7864          auto-fit
7865        ></spz-img>
7866      </a>
7867    <button
7868          type="button"
7869          class="product-snippet__quick-shop-icon"
7870          data-track-product-id="2986aa91-3c53-4f03-a016-2db6d73c1081"
7871          data-track-position=""
7872          data-track="quick_shop"
7873          @tap="quick-shop.open;quick-shop-render.render(src='/api/products/2986aa91-3c53-4f03-a016-2db6d73c1081');"
7874        >
7875          <svg class="" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M8.6 1.9a.3.3 0 0 0-.3-.3h-.6a.3.3 0 0 0-.3.3v5.5H1.9a.3.3 0 0 0-.3.3v.6a.3.3 0 0 0 .3.3h5.5v5.5a.3.3 0 0 0 .3.3h.6a.3.3 0 0 0 .3-.3V8.6h5.5a.3.3 0 0 0 .3-.3v-.6a.3.3 0 0 0-.3-.3H8.6V1.9z" fill="currentColor"/></svg>
7876        </button>
7877      <a
7878      class="product_snippet__label md:hidden"
7879      label-type="md"
7880      href="/products/womens-winter-velcro-shoes1ff6b2ff-cb6c-49a8-a197-2225b992a375-omsa?variant=3f44006e-776e-449d-9043-024958158197"
7881  >
7882      Save <span class='money'>$23.01</span>
7883  </a>
7884  <a
7885      class="product_snippet__label lg:hidden"
7886      label-type="md"
7887      href="/products/womens-winter-velcro-shoes1ff6b2ff-cb6c-49a8-a197-2225b992a375-omsa?variant=3f44006e-776e-449d-9043-024958158197"
7888  >
7889      Save <span class='money'>$23.01</span>
7890  </a>
7891  </div>
7892
7893  <h3 class="product-snippet__title dj_skin_product_list_title m-0 mt-2 p-0 body-base leading-1.25 type-heading-font-family product-title-color  ">
7894    <a class="shoplazza-product-snippet-title text-inherit no-underline" 
7895  href="/products/womens-winter-velcro-shoes1ff6b2ff-cb6c-49a8-a197-2225b992a375-omsa"
7896>
7897      Women&#039;s Winter Velcro Shoes
7898    </a>
7899  </h3>
7900
7901  <a
7902    class="product-snippet__price-wrapper flex items-center flex-wrap mt-2 text-inherit no-underline"
7903    href="/products/womens-winter-velcro-shoes1ff6b2ff-cb6c-49a8-a197-2225b992a375-omsa?variant=3f44006e-776e-449d-9043-024958158197"
7904  >
7905    <span class="product-snippet__price">
7906        <span class='money'>$26.98</span>
7907        </span>
7908      <span class="product-snippet__compare-at-price money">
7909          $49.99
7910        </span>
7911      </a>
7912
7913  <spz-selector
7914        id="product_snippet__selector_1638940824061_2986aa91-3c53-4f03-a016-2db6d73c1081_md"
7915        layout="container"
7916        class="product-snippet__thumbnails flex items-center flex-wrap mt-2"
7917        @mouseover="product_snippet__selector_1638940824061_2986aa91-3c53-4f03-a016-2db6d73c1081_md.toggle(option=event.targetOption,value=true);product_snippet__carousel_1638940824061_2986aa91-3c53-4f03-a016-2db6d73c1081_md.goToSlide(index=event.targetOption);product_snippet__image_wrap_1638940824061_2986aa91-3c53-4f03-a016-2db6d73c1081_md.toggleClass(class='show_carousel',force=true)"
7918      >
7919        <a
7920            option="0"
7921            class="product-snippet__thumbnails-item flex cursor-pointer"
7922            href="/products/womens-winter-velcro-shoes1ff6b2ff-cb6c-49a8-a197-2225b992a375-omsa?variant=3f44006e-776e-449d-9043-024958158197"
7923          >
7924            <spz-img
7925              layout="fixed"
7926              width="28"
7927              height="28"
7928              src="//img.staticdj.com/af3d195b7e8040d063eb88a4161c3b89.jpeg"
7929              alt=""
7930              object-fit="cover"
7931              auto-fit
7932            ></spz-img>
7933          </a>
7934        <a
7935            option="1"
7936            class="product-snippet__thumbnails-item flex cursor-pointer"
7937            href="/products/womens-winter-velcro-shoes1ff6b2ff-cb6c-49a8-a197-2225b992a375-omsa?variant=df1f6e78-1262-45d7-ab1d-28a87c8ca75a"
7938          >
7939            <spz-img
7940              layout="fixed"
7941              width="28"
7942              height="28"
7943              src="//img.staticdj.com/12dd74e0b35233f58198e0a3df41c654.jpeg"
7944              alt=""
7945              object-fit="cover"
7946              auto-fit
7947            ></spz-img>
7948          </a>
7949        <a
7950            option="2"
7951            class="product-snippet__thumbnails-item flex cursor-pointer"
7952            href="/products/womens-winter-velcro-shoes1ff6b2ff-cb6c-49a8-a197-2225b992a375-omsa?variant=de23c494-26fc-44b7-b1f0-5c74bddf79ad"
7953          >
7954            <spz-img
7955              layout="fixed"
7956              width="28"
7957              height="28"
7958              src="//img.staticdj.com/1deced7f497b29d4cef4dc340b6ef331.jpeg"
7959              alt=""
7960              object-fit="cover"
7961              auto-fit
7962            ></spz-img>
7963          </a>
7964        </spz-selector>
7965    
7966</div>
7967      </div>
7968    <a href="/collections/all" class="product_list_show_more   flex justify-center items-center mt-6 cursor-pointer lg:mt-9 text-inherit no-underline">
7969        <span class="product_list_show_more-text mr-1 body-plus-2 leading-none">View more</span>
7970        <svg class="pt-1" width="16" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M8.427 7.275a.6.6 0 0 1-.849 0L1.992 1.69a.3.3 0 0 1 0-.424l.51-.51a.3.3 0 0 1 .424 0l5.076 5.078L13.08.756a.3.3 0 0 1 .424 0l.509.509a.3.3 0 0 1 0 .424L8.427 7.275Z" fill="currentColor"/></svg>
7971      </a>
7972    </div>
7973</div><div id="shoplaza-section-1639449809250" class="shoplaza-section" data-section-id="1639449809250" data-section-type="shoplazza://apps/public/blocks/promotion_grid/56125487021326335"><!-- card shoplazza://apps/public/blocks/promotion_grid/56125487021326335 is disabled --></div><div id="shoplaza-section-1733903896121" class="shoplaza-section" data-section-id="1733903896121" data-section-type="featured_collection"><!-- card featured_collection is disabled --></div><div id="shoplaza-section-1733904164502" class="shoplaza-section" data-section-id="1733904164502" data-section-type="recommended_images_text"><!-- card recommended_images_text is disabled --></div><div id="shoplaza-section-1733904659270" class="shoplaza-section" data-section-id="1733904659270" data-section-type="gallery"><!-- card gallery is disabled --></div><div id="shoplaza-section-1733904703197" class="shoplaza-section" data-section-id="1733904703197" data-section-type="text_columns_with_images"><!-- card text_columns_with_images is disabled --></div><div id="shoplaza-section-1739867783808" class="shoplaza-section" data-section-id="1739867783808" data-section-type="featured_collection"><!-- card featured_collection is disabled --></div><div id="shoplaza-section-1755497336125" class="shoplaza-section" data-section-id="1755497336125" data-section-type="overlay_text_columns"><!-- card overlay_text_columns is disabled --></div><div id="shoplaza-section-1755497431730" class="shoplaza-section" data-section-id="1755497431730" data-section-type="text_columns_with_images"><!-- card text_columns_with_images is disabled --></div>
7974      </div>
7975      <div id="shoplaza-section-footer" class="shoplaza-section" data-section-id="footer" data-section-type="footer" data-section-style="expand"><style>
7976  [data-section-id="footer"] {
7977    color: var(--color-footer-text);
7978    background-color: var(--color-footer-bg);
7979  }
7980  .footer__newsletter,
7981  .footer_blocks,
7982  .footer__additional {
7983    border-top: 1px solid var(--color-footer-border);
7984  }
7985</style>
7986<style>
7987    .footer__newsletter{
7988      color: var(--color-newsletter-text);
7989      background-color: var(--color-body-bg);
7990    }
7991    .footer__newsletter__desc{
7992      margin: 0 0 20px 0;
7993    }
7994    .footer__newsletter__input{
7995      width: 100%;
7996      height: 42px;
7997      background-color: var(--color-newsletter-bg);
7998      border: 1px solid var(--color-newsletter-border);
7999      border-right-width: 0px;
8000        border-radius:  0 ;
8001      }
8002    .footer__newsletter__input:focus{
8003      border-color: var(--color-newsletter-text);
8004    }
8005    .footer__newsletter__input::-webkit-input-placeholder {
8006      color: var(--color-newsletter-text);
8007    }
8008    .footer__newsletter__btn{
8009      height: 42px;
8010      padding: 0 18px;
8011      color: var(--color-newsletter-btn-text);
8012      background-color: var(--color-newsletter-btn-bg);
8013      border-radius:  0 ;
8014      }
8015    @keyframes footer_newsletter_tip_hide {
8016      from {
8017        visibility: visible;
8018      }
8019      to {
8020        visibility: hidden;
8021      }
8022    }
8023    .footer__newsletter__error-tip{
8024      height: auto !important;
8025      width: 100%;
8026      position: absolute;
8027      bottom: calc(100% + 6px);
8028      left: 0;
8029      padding: 16px 20px;
8030      background-color: white;
8031      border-radius: 4px;
8032      box-shadow: 0 0 8px rgba(195,195,195,0.50);
8033      font-size: var(--type-text-font-size);
8034      line-height: 1.3;
8035      color: var(--color-newsletter-text);
8036    }
8037    .footer__newsletter__error-tip:after{
8038      content: '';
8039      position: absolute;
8040      left: 20px;
8041      bottom: -12px;
8042      width: 0;
8043      height: 0;
8044      border: 6px solid transparent;
8045      border-top-color: white;
8046    }
8047    .footer__newsletter__error-tip:not(.hidden), .footer__newsletter__error-tip:not([hidden]){
8048      visibility: hidden;
8049      animation: footer_newsletter_tip_hide 5000ms;
8050    }
8051    .footer__newsletter__success-tip{
8052      display: none;
8053      align-items: center;
8054      min-height: 50px;
8055      padding: 6px 12px;
8056      color: #56AD6A;
8057      background: #ECFEF0;
8058      border: 1px solid #56AD6A;
8059    }
8060    .footer__newsletter__form.spz-form-submit-success .footer__newsletter__success-tip{
8061      display: flex;
8062    }
8063    .footer__newsletter__form.spz-form-submit-success .footer__newsletter__input,
8064    .footer__newsletter__form.spz-form-submit-success .footer__newsletter__btn{
8065      display: none;
8066    }
8067    @media (min-width: 960px) {
8068      .footer__newsletter__desc{
8069        margin: 0 40px 0 0;
8070        }
8071      .footer__newsletter__input{
8072        width: 200px;
8073        height: 50px;
8074      }
8075      .footer__newsletter__btn{
8076        height: 50px;
8077      }
8078      .footer__newsletter__success-tip{
8079        max-width: 568px;
8080      }
8081    }
8082    </style>
8083  <div class="footer__newsletter">
8084    <div class="page-container lg:flex lg:items-center lg:justify-center py-8 md:px-8">
8085      <p class="footer__newsletter__desc text-center body-plus-2 lg:body-plus-4">Subscribe today to hear first about our sales</p>
8086      <form
8087        id="footer__newsletter__form"
8088        class="footer__newsletter__form type-text-font-family relative flex items-center md:w-full text-base"
8089        action-xhr="/api/customers/newsletters"
8090        method="POST"
8091        custom-validation="show-first-on-submit"
8092        @submitError="footer__newsletter__error-ajax.rerender(data=event);footer__newsletter__error-ajax.toggleClass(class='hidden', force=false);"
8093      >
8094        <input
8095          class="footer__newsletter__input clear flex-1 block lg:w-full px-4 lg:px-3"
8096          id="footer__newsletter__input"
8097          type="text"
8098          name="email"
8099          placeholder="Enter your email"
8100          required
8101          pattern="([A-Za-z0-9_\-.])+@([A-Za-z0-9_\-.])+\.([A-Za-z]{2,4})"
8102          @input-debounced="footer__newsletter__error-ajax.toggleClass(class='hidden', force=true);"
8103        >
8104        <button
8105          class="footer__newsletter__btn type-text-font-family m-0 flex items-center border-none leading-none"
8106          type="submit"
8107        >
8108          <span class="md:hidden">Subscribe</span>
8109          <svg class="lg:hidden" width="20" height="6" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path opacity=".01" fill="currentColor" d="M0 0h20v6H0z"/><path fill="currentColor" d="M0 2h14v2H0z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m20 3-6 3V0l6 3Z" fill="currentColor"/></svg>
8110        </button>
8111        <div class="footer__newsletter__error-tip" validation-for="footer__newsletter__input" visible-when-invalid="patternMismatch" hidden>
8112          Please enter a valid email address.
8113        </div>
8114        <div class="footer__newsletter__error-tip" validation-for="footer__newsletter__input" visible-when-invalid="valueMissing" hidden>
8115          Please enter your email address.
8116        </div>
8117        <spz-render id="footer__newsletter__error-ajax" class="footer__newsletter__error-tip hidden" layout="container" manual>
8118          <template>
8119            <div spz-if="${data.errors && data.errors.length > 0}">
8120              ${data.errors && data.errors[0]}
8121            </div>
8122          </template>
8123        </spz-render>
8124        <div class="footer__newsletter__success-tip flex-shrink-0 body-plus-2">
8125          Thanks for subscribing
8126        </div>
8127      </form>
8128    </div>
8129  </div>
8130<style>
8131      .footer__block{
8132        flex-shrink: 0;
8133      }
8134      .footer__block.accordion .i-spzhtml-accordion-content{
8135        overflow: hidden !important;
8136      }
8137      .footer__block a{
8138        color: inherit;
8139      }
8140      .footer__block__header{
8141        position: relative;
8142        margin: 0;
8143        font-weight: 700;
8144        overflow-wrap: break-word;
8145      }
8146      .footer__block__header__icon{
8147        position: absolute;
8148        right: 0;
8149        top: 20px;
8150        transition: all 300ms;
8151        transform: rotate(180deg);
8152      }
8153      .footer__block > [expanded] .footer__block__header__icon{
8154        transform: rotate(0deg);
8155      }
8156      .footer__block__content{
8157        margin: 0;
8158        padding: 0 0 20px 0;
8159        list-style-type: none;
8160      }
8161      .footer__block.not-accordion .footer__block__content{
8162        padding: 20px 0;
8163      }
8164      @media (max-width: 959.98px) {
8165        .footer__block{
8166          line-height: 1.4;
8167          text-align: center;
8168        }
8169        .footer__block-wrap + .footer__block-wrap{
8170          border-top: 1px solid var(--color-footer-border);
8171        }
8172        .footer__block__header{
8173          padding: 20px 30px;
8174        }
8175        .footer__block__content{
8176          justify-content: center;
8177        }
8178      }
8179      @media (min-width: 960px) {
8180        .footer__blocks{
8181          padding-top: 30px;
8182          padding-bottom: 48px
8183        }
8184        .footer__block{
8185          max-width: 258px;
8186          padding: 24px 72px 0 0;
8187          }
8188        .footer__block__header{
8189          font-size: calc(var(--type-text-font-size) + 2px);
8190        }
8191        .footer__block__content{
8192          padding: 16px 0 0 0;
8193        }
8194      }
8195      .footer__navigation__item + .footer__navigation__item{
8196        padding-top: 18px;
8197      }
8198      @media (min-width: 960px) {
8199        .footer__navigation__item + .footer__navigation__item{
8200          padding-top: 10px;
8201        }
8202      }
8203      .footer__contact__item{
8204        display: flex;
8205        align-items: flex-start;
8206      }
8207      .footer__contact__item + .footer__contact__item,
8208      .footer__block__content div + .footer__contact__item-custom{
8209        padding-top: 18px;
8210      }
8211      .footer__contact__item svg{
8212        flex-shrink: 0;
8213      }
8214      .footer__contact__item a{
8215        margin-left: 8px;
8216        }
8217      .footer__block-social .footer__block__content{
8218        display: flex;
8219        flex-wrap: wrap;
8220        margin: -18px -10px 0;
8221      }
8222      .footer__social__item{
8223        display: flex;
8224        padding: 18px 10px 0;
8225      }
8226      @media (min-width: 960px) {
8227        .footer__block-social .footer__block__content{
8228          margin: -12px -6px 0;
8229        }
8230        .footer__social__item{
8231          padding: 12px 6px 0;
8232        }
8233      }
8234      .footer__block-payment .footer__block__content{
8235        display: flex;
8236        flex-wrap: wrap;
8237        margin: -18px -4px 0;
8238      }
8239      .footer__payment__item{
8240        padding: 18px 4px 0;
8241      }
8242      .footer__payment__item svg{
8243        display: flex;
8244        width: 38px;
8245        height: 24px;
8246      }
8247      @media (min-width: 960px) {
8248        .footer__block-payment .footer__block__content{
8249          margin: -8px -4px 0;
8250        }
8251        .footer__payment__item{
8252          padding: 8px 4px 0;
8253        }
8254      }
8255    </style>
8256    <div class="footer__blocks">
8257      <div class="page-container lg:flex lg:justify-center lg:flex-wrap">
8258        <div class="footer__block-wrap">
8259    <div class="footer__block md:hidden " >
8260      <p class="footer__block__header">
8261          INFORMATIONS
8262        </p>
8263      <ul class="footer__block__content">
8264          <li class="footer__navigation__item">
8265                  <a class="no-underline lg:body-plus-1" 
8266href="/pages/about-us" >
8267                    About Us
8268                  </a>
8269                </li>
8270              <li class="footer__navigation__item">
8271                  <a class="no-underline lg:body-plus-1" 
8272href="/pages/contact-us" >
8273                    Contact  Us
8274                  </a>
8275                </li>
8276              <li class="footer__navigation__item">
8277                  <a class="no-underline lg:body-plus-1" 
8278href="/pages/intellectual property rights" >
8279                    INTELLECTUAL PROPERTY RIGHTS
8280                  </a>
8281                </li>
8282              <li class="footer__navigation__item">
8283                  <a class="no-underline lg:body-plus-1" 
8284href="/account/order-lookup" >
8285                    Track Order
8286                  </a>
8287                </li>
8288              </ul>
8289      </div>
8290
8291    <spz-accordion layout="container" animate class="footer__block accordion lg:hidden " >
8292        <section >
8293          <p class="footer__block__header">
8294            INFORMATIONS
8295            <svg class="footer__block__header__icon" width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M9.573 6.787a.6.6 0 0 1 .849 0l5.02 5.02a.3.3 0 0 1 0 .425l-.424.425a.3.3 0 0 1-.424 0L9.998 8.06 5.4 12.657a.3.3 0 0 1-.424 0l-.424-.425a.3.3 0 0 1 0-.424l5.02-5.02z" fill="currentColor"/></svg>
8296          </p>
8297          <div>
8298            <ul class="footer__block__content">
8299              <li class="footer__navigation__item">
8300                  <a class="no-underline lg:body-plus-1" 
8301href="/pages/about-us" >
8302                    About Us
8303                  </a>
8304                </li>
8305              <li class="footer__navigation__item">
8306                  <a class="no-underline lg:body-plus-1" 
8307href="/pages/contact-us" >
8308                    Contact  Us
8309                  </a>
8310                </li>
8311              <li class="footer__navigation__item">
8312                  <a class="no-underline lg:body-plus-1" 
8313href="/pages/intellectual property rights" >
8314                    INTELLECTUAL PROPERTY RIGHTS
8315                  </a>
8316                </li>
8317              <li class="footer__navigation__item">
8318                  <a class="no-underline lg:body-plus-1" 
8319href="/account/order-lookup" >
8320                    Track Order
8321                  </a>
8322                </li>
8323              </ul>
8324          </div>
8325        </section>
8326      </spz-accordion>
8327    </div>
8328<div class="footer__block-wrap">
8329    <div class="footer__block md:hidden " >
8330      <p class="footer__block__header">
8331          HELP &amp; SUPPORT
8332        </p>
8333      <ul class="footer__block__content">
8334          <li class="footer__navigation__item">
8335                  <a class="no-underline lg:body-plus-1" 
8336href="/pages/return-policy" >
8337                    Return Policy
8338                  </a>
8339                </li>
8340              <li class="footer__navigation__item">
8341                  <a class="no-underline lg:body-plus-1" 
8342href="/pages/terms-of-service" >
8343                    Terms Of Service
8344                  </a>
8345                </li>
8346              <li class="footer__navigation__item">
8347                  <a class="no-underline lg:body-plus-1" 
8348href="/pages/shipping-information" >
8349                    Shipping Information
8350                  </a>
8351                </li>
8352              <li class="footer__navigation__item">
8353                  <a class="no-underline lg:body-plus-1" 
8354href="/pages/privacy-policy" >
8355                    Privacy Policy
8356                  </a>
8357                </li>
8358              </ul>
8359      </div>
8360
8361    <spz-accordion layout="container" animate class="footer__block accordion lg:hidden " >
8362        <section >
8363          <p class="footer__block__header">
8364            HELP &amp; SUPPORT
8365            <svg class="footer__block__header__icon" width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M9.573 6.787a.6.6 0 0 1 .849 0l5.02 5.02a.3.3 0 0 1 0 .425l-.424.425a.3.3 0 0 1-.424 
83650L9.998 8.06 5.4 12.657a.3.3 0 0 1-.424 0l-.424-.425a.3.3 0 0 1 0-.424l5.02-5.02z" fill="currentColor"/></svg>
8366          </p>
8367          <div>
8368            <ul class="footer__block__content">
8369              <li class="footer__navigation__item">
8370                  <a class="no-underline lg:body-plus-1" 
8371href="/pages/return-policy" >
8372                    Return Policy
8373                  </a>
8374                </li>
8375              <li class="footer__navigation__item">
8376                  <a class="no-underline lg:body-plus-1" 
8377href="/pages/terms-of-service" >
8378                    Terms Of Service
8379                  </a>
8380                </li>
8381              <li class="footer__navigation__item">
8382                  <a class="no-underline lg:body-plus-1" 
8383href="/pages/shipping-information" >
8384                    Shipping Information
8385                  </a>
8386                </li>
8387              <li class="footer__navigation__item">
8388                  <a class="no-underline lg:body-plus-1" 
8389href="/pages/privacy-policy" >
8390                    Privacy Policy
8391                  </a>
8392                </li>
8393              </ul>
8394          </div>
8395        </section>
8396      </spz-accordion>
8397    </div>
8398</div>
8399    </div>
8400  <style>
8401    .footer__additional__item{
8402      padding-top: 12px
8403    }
8404    .footer__additional__item + .footer__additional__item{
8405      padding-left: 20px;
8406    }
8407    .footer__copyright a[href] {
8408      color: inherit;
8409      text-decoration: none;
8410    }
8411  </style>
8412
8413  <div class="footer__additional pt-5 pb-8 lg:pt-6 lg:pb-8">
8414    <div class="page-container body-minus-1 flex flex-wrap justify-center">
8415      <span class="footer__additional__item">&copy;&nbsp;<time datetime="2026">2026</time>&nbsp;nisartmacka</span>
8416        <div style="display:flex;justify-content: center;">
8417<img width="300px;" src="https://img-va.myshopline.com/image/store/1701329317116/ocean-Logo.png?w=1377&amp;h=127">      </div>
8418      </div>
8419  </div>
8420</div>
8421      <div id="shoplaza-section-cart_drawer" class="shoplaza-section" data-section-id="cart_drawer" data-section-type="cart_drawer" data-section-style="">
8422  <style>
8423  #cart-drawer {
8424    width: 0;
8425    height: 0;
8426  }
8427
8428  #cart-drawer[loading] ~ *,
8429  #cart-drawer[data-empty][finish] ~ *,
8430  #cart-drawer:not([data-empty])[finish] ~ .cart-empty {
8431    display: none;
8432  }
8433
8434  #cart-drawer[loading] ~ .cart-drawer-loading {
8435    display: var(--loading-show);
8436  }
8437
8438  #cart-drawer:not([loading]) ~ .cart-drawer-loading {
8439    display: none !important;
8440  }
8441
8442  #cart-drawer[data-empty][finish] ~ .cart-empty {
8443    display: block;
8444  }
8445
8446  .cart-drawer-loading {
8447    padding-top: 50%;
8448  }
8449
8450  .cart-drawer-loading .loading-bounce {
8451    border-bottom-color: var(--color-body-text);
8452  }
8453
8454  #cart-drawer-modal {
8455    height: 100vh;
8456  }
8457
8458  #cart-drawer-modal,
8459  .cart-drawer-summary-sticky-render {
8460    width: 84.62%;
8461    max-width: 84.62%;
8462  }
8463
8464  .cart-drawer-header {
8465    padding: 12px 16px;
8466    border-bottom: 1px solid #E6E6E6;
8467  }
8468
8469  .cart-drawer-title {
8470    line-height: 1.1667;
8471    font-size: calc(var(--type-heading-font-size) * .8);
8472  }
8473
8474  .cart-drawer-item-image {
8475    flex-shrink: 0;
8476    width: 23.49%;
8477  }
8478
8479  .cart-drawer-item-delete-btn::before {
8480    content: '';
8481    position: absolute;
8482    top: -8px;
8483    left: -8px;
8484    right: -8px;
8485    bottom: -8px;
8486  }
8487
8488  .cart-drawer-item-qty-container spz-quantity {
8489    width: 81px;
8490  }
8491
8492  .cart-drawer-item-qty-container spz-quantity .i-spzhtml-quantity-number-decrease[disabled] {
8493    cursor: pointer;
8494  }
8495
8496  .cart-drawer-item-qty-container spz-quantity span[role="button"] {
8497    padding: 6px;
8498  }
8499
8500  .cart-drawer-item-qty-container spz-quantity input[type="number"] {
8501    width: 25px;
8502  }
8503
8504  .cart-drawer-item-text {
8505    color: #FF3F02;
8506  }
8507
8508  .cart-drawer-countdown-wrapper {
8509    margin: 0 -16px;
8510  }
8511
8512  .cart_free_shipping ~ .cart-drawer-summary {
8513    margin-top: 10px;
8514  }
8515
8516  .cart-drawer-summary {
8517    padding: 8px;
8518    border-radius: 2px;
8519    background-color: #F6F6F6;
8520  }
8521
8522  .cart-drawer-summary-discount-btn {
8523    display: flex;
8524    align-items: center;
8525    padding: 4px 8px;
8526    margin-top: 4px;
8527    color: #F16515;
8528    border-radius: 100px;
8529    background-color: #fff;
8530    cursor: pointer;
8531  }
8532
8533  .cart-drawer-summary-discount-btn span {
8534    margin-right: 2px;
8535  }
8536
8537  html[dir="rtl"] .cart-drawer-summary-discount-btn span {
8538    margin-left: 2px;
8539    margin-right: 0;
8540  }
8541
8542  .cart-drawer-summary-discount-btn svg {
8543    transition: transform .2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
8544  }
8545
8546  .cart-drawer-summary-discount-list.open .cart-drawer-summary-discount-btn svg {
8547    transform: rotate(-180deg);
8548  }
8549
8550  .cart-drawer-summary-discount-list ul {
8551    display: none;
8552  }
8553
8554  .cart-drawer-summary-discount-list.open ul {
8555    display: block;
8556  }
8557
8558  .cart-drawer-invalid-msg {
8559    color: #FF3F02;
8560  }
8561
8562  .cart-drawer-checkout-btn {
8563    height: 46px;
8564    padding: 12px 0;
8565  }
8566
8567  .cart-drawer-checkout-btn > *,
8568  .cart-drawer-checkout-btn[loading] {
8569    pointer-events: none;
8570  }
8571
8572  .cart-drawer-checkout-btn[loading] > span,
8573  .cart-drawer-checkout-btn:not([loading]) > .loading {
8574    display: none;
8575  }
8576
8577  .cart-drawer-checkout-btn[loading] > .loading {
8578    opacity: 1;
8579  }
8580
8581  .cart-drawer-summary-sticky-render {
8582    z-index: calc(var(--z-index-modal) + 1);
8583    position: fixed;
8584    right: 0;
8585    bottom: 0;
8586    width: 100%;
8587    background-color: #fff;
8588    box-shadow: 0 -8px 20px 0 rgba(34, 34, 34, .08);
8589    opacity: 0;
8590    transform: translateY(100%);
8591  }
8592
8593  .cart-drawer-summary-sticky {
8594    padding: 16px;
8595  }
8596
8597  .cart-drawer-summary-sticky-render {
8598    pointer-events: none;
8599  }
8600
8601  .cart-drawer-summary-sticky-render:not(.open),
8602  .cart-drawer-summary-sticky-render:not(.visible) {
8603    display: none;
8604  }
8605
8606  .cart-drawer-summary-sticky-render.visible.open {
8607    pointer-events: auto;
8608    animation: sticky-bottom-show .4s cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
8609  }
8610
8611  @keyframes sticky-bottom-show {
8612    0% { opacity: 1;}
8613    100% { transform: translateY(0); opacity: 1; }
8614  }
8615
8616  .cart-drawer-summary-sticky-compensation-container.visible {
8617    height: var(--cart-drawer-summary-sticky-height);
8618  }
8619
8620  .cart-drawer-summary-sticky .cart-drawer-summary-discount-btn {
8621    background-color: #F6F6F6;
8622  }
8623
8624  .cart-drawer-empty-container {
8625    padding: 80px 16px;
8626  }
8627
8628  .cart-drawer-empty-btn {
8629    height: 46px;
8630  }
8631
8632  @media (max-width: 959.98px) {
8633    #cart-drawer-modal .ios_safari_bottom_bar {
8634      display: none;
8635    }
8636
8637    #cart-drawer-modal.deepen ~ .i-spzhtml-sidebar-mask {
8638      background-color: var(--color-body-text-70);
8639    }
8640
8641    .cart-drawer-summary-sticky-modal {
8642      z-index: calc(var(--z-index-modal) + 1);
8643      width: 100% !important;
8644      max-height: 85vh !important;
8645      display: flex;
8646      align-items: flex-end;
8647      justify-content: flex-end;
8648      pointer-events: none;
8649    }
8650
8651    .cart-drawer-summary-sticky-modal .ios_safari_bottom_bar {
8652      display: none;
8653    }
8654
8655    .cart-drawer-summary-sticky-modal-inner {
8656      width: 100%;
8657      padding: 8px 16px 16px;
8658      border-radius: 2px;
8659      background-color: #fff;
8660      box-shadow: 0 -8px 20px 0 rgba(34, 34, 34, .08);
8661      pointer-events: auto;
8662    }
8663
8664    .cart-drawer-summary-sticky-modal-close {
8665      margin-right: -8px;
8666    }
8667
8668    html[dir="rtl"] .cart-drawer-summary-sticky-modal-close {
8669      margin-left: -8px;
8670      margin-right: 0;
8671    }
8672
8673    .cart-drawer-checkout-btn-mobile {
8674      flex-shrink: 0;
8675      width: 40.268%;
8676      margin-top: 0;
8677    }
8678
8679    .cart-drawer-summary-sticky .cart-drawer-summary-discount-btn svg {
8680      transform: rotate(0) !important;
8681    }
8682
8683    .cart-drawer-summary-sticky-modal ~ .i-spzhtml-sidebar-mask {
8684      top: unset !important;
8685      bottom: 0;
8686    }
8687  }
8688
8689  @media (min-width: 960px) {
8690    #cart-drawer-modal,
8691    .cart-drawer-summary-sticky-render {
8692      width: 468px;
8693      max-width: 468px;
8694    }
8695
8696    .cart-drawer-header {
8697      padding: 22px 16px;
8698    }
8699
8700    .cart-drawer-item-image {
8701      width: 32.11%;
8702    }
8703
8704    .cart-drawer-item-qty-container spz-quantity {
8705      width: 93px;
8706    }
8707
8708    .cart-drawer-item-qty-container spz-quantity input[type="number"] {
8709      width: 37px;
8710    }
8711  }
8712</style>
8713  <spz-sidebar class="flex flex-col bg-white" 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>
8714    <header class="cart-drawer-header flex-shrink-0 flex items-center justify-between">
8715      <h4 class="cart-drawer-title m-0 type-heading-font-family color-heading">
8716        Cart
8717      </h4>
8718      <button class="clear flex p-2 cursor-pointer" @tap="cart-drawer-modal.close();" type="button">
8719        <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>
8720      </button>
8721    </header>
8722
8723    <spz-cart
8724      id="cart-drawer"
8725      layout="container"
8726      empty-item="cart.line_items"
8727      @mounted="cart-drawer-subtotal-render.rerender(data=event.cart);cart-drawer-summary-sticky-render.rerender(data=event.cart);cart-drawer-items-render.rerender(data=event.cart);"
8728      @cartChange="cart-drawer-items-render.rerender(data=event.cart);cart-drawer-subtotal-render.rerender(data=event.cart);cart-drawer-summary-sticky-render.rerender(data=event.cart);"
8729    >
8730      <template><div></div></template>
8731    </spz-cart>
8732    <spz-event target-id="cart-drawer" target-api="render" event-name="dj.addToCart" layout="logic"></spz-event>
8733
8734    <div class="loading items-center justify-center cart-drawer-loading" role="loading"   show >
8735  <div class="loading-bounce"></div>
8736</div>
8737    <div class="cart-empty flex flex-col items-center text-center cart-drawer-empty-container" >
8738  <svg class="color-body-70" xmlns="http://www.w3.org/2000/svg" width="80" height="70" fill="none">
8738<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>
8739  <div class="mt-5 color-body-70 font-medium body-plus-4 leading-1.2">Your shopping bag is empty</div>
8740  <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">
8741    Continue shopping
8742  </button>
8743</div>
8744
8745    <div class="cart-drawer-content flex-1 overflow-y-auto px-4" id="cart-drawer-content">
8746      <spz-render id="cart-drawer-items-render" layout="container" manual >
8747  <template>
8748    <div>
8749      <ul class="clear overflow-hidden" spz-if="${!!(data.line_items && data.line_items.length > 0)}">
8750        <li class="flex items-start py-4" spz-for="item in data.line_items" key="item.id">
8751          <a
8752            class="cart-drawer-item-image"
8753            spz-href="${item.product_url}?variant=${item.variant_id}"
8754            data-track-type="image"
8755            data-track-product_id="${item.variant_id}"
8756            data-track="click"
8757            data-track-content="product_link"
8758            data-track-product-id="${item.product_id}"
8759            data-track-position="cart"
8760          >
8761            <spz-img
8762              class="rounded-global-fixed overflow-hidden"
8763              width="${item.image.width}"
8764              height="${item.image.height}"
8765              layout="responsive"
8766              src="${item.image.src}"
8767              alt="${item.image.alt}"
8768              object-fit="cover"
8769              auto-fit
8770            ></spz-img>
8771          </a>
8772
8773          <div class="flex-1 px-4">
8774            <div class="">
8775  <a
8776    class="product-title-color no-underline leading-1.25 line-clamp-2"
8777    spz-href="${item.product_url}"
8778    data-track="click"
8779    data-track-content="product_link"
8780    data-track-product-id="${item.product_id}"
8781    data-track-position="cart"
8782  >
8783    ${item.product_title}
8784  </a>
8785  <ul class="clear break-words color-body-70 leading-1.25 mt-1">
8786    <li>${item.options.map(option => option.value).join('/')}</li>
8787    <li class="mt-0.5" spz-for="propertie in item.parsedProperties">
8788      ${propertie.name}/${propertie.isImage ? `<a class="no-underline text-inherit" spz-href="${propertie.value}" target="_blank" >View image</a>` : propertie.value}
8789    </li>
8790  </ul>
8791  <div class="discount_gift_content mt-1 lg:mt-2" spz-if="${!!item.is_free_gift}">
8792  <svg class=""  width="12" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.236 2.684c0-.407.381-.829.978-.829.58 0 1.232.481 1.232 1.29v.368H4.98c-.445 0-.915-.006-1.275-.138a.74.74 0 0 1-.343-.228c-.063-.083-.125-.22-.125-.463Zm3.783.83h-.467v-.37c0-.808.652-1.289 1.232-1.289.597 0 .978.422.978.83 0 .242-.062.378-.125.462a.74.74 0 0 1-.344.227c-.359.133-.828.14-1.274.14Zm2.848-.83c0 .309-.057.586-.169.83h.998a.829.829 0 0 1 .83.828v1.382H.472V4.342a.829.829 0 0 1 .829-.829H2.3a1.96 1.96 0 0 1-.17-.829C2.13 1.562 3.117.75 4.215.75c.644 0 1.325.302 1.785.845A2.387 2.387 0 0 1 7.784.75c1.099 0 2.083.812 2.083 1.934Zm-4.42 8.566V6.829H1.024v3.592c0 .459.37.829.83.829h3.591Zm1.105 0V6.829h4.42v3.592c0 .459-.37.829-.828.829H6.552Z" fill="#EB391B"/></svg>
8793  <div class="discount__gift_lan">Free gift</div>
8794</div>
8795
8796  <div spz-if="${item.mixed_wholesale && false}">
8797    <style>
8798  .mixed_wholesale_label {
8799    padding: 2px 4px;
8800  }
8801
8802  .mixed_wholesale_tooltip .i-spzhtml-tooltip-arrow:before,
8803  .mixed_wholesale_tooltip .i-spzhtml-tooltip-inner {
8804    background: var(--color-body-bg);
8805    color: var(--color-body-text);
8806  }
8807
8808  .mixed_wholesale_tooltip {
8809    max-width: 100%;
8810    border-radius: 4px;
8811    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.1);
8812  }
8813
8814  @media (min-width: 960px) {
8815    .mixed_wholesale_tooltip {
8816      max-width: 450px;
8817    }
8818  }
8819</style>
8820<div class="mt-1 mixed_wholesale_label inline-flex color-custom-label-text bg-custom-label text-xs rounded" id="mixed-${item.id}">
8821  Mixed Lot
8822</div>
8823<spz-tooltip layout="logic" content="You can enjoy the wholesale price when you add up to {{count}} pieces of current goods and any goods that support &quot;Mixed Lot&quot; in the store." interact="hover" for="mixed-${item.id}" placement="bottom" overlay-class="mixed_wholesale_tooltip">
8824</spz-tooltip>
8825  </div>
8826</div>
8827            <div class="flex-shrink-0 flex flex-col cart-drawer-item-qty-container mt-3">
8828  <div class="break-words" spz-if="${!!item.disabled}">
8829    *${item.quantity}
8830  </div>
8831  <spz-quantity
8832    spz-else
8833    icon-class="clear flex items-center justify-center flex-shrink-0 h-full w-7"
8834    input-class="clear flex-1 h-full text-center body-base color-body-text"
8835    name="quantity"
8836    value="${item.quantity}"
8837    min="1"
8838    max="${item.available_quantity}"
8839    height="28"
8840    layout="flex-item"
8841    @quantityChange="cart-drawer.update(value=event.value,id='${item.id}');"
8842    @quantityChangeUnderflow="cart-drawer.delete(id='${item.id}');"
8843  >
8844    <svg class="" width="13" height="13" xmlns="http://www.w3.org/2000/svg" role="decrease"><path d="M1 6h11v1H1z" fill-rule="evenodd" fill="currentColor"/></svg>
8845    <svg class="" width="13" height="13" xmlns="http://www.w3.org/2000/svg" role="increase"><path d="M7 1v5h5v1H7v5H6V7H1V6h5V1h1z" fill="currentColor"/></svg>
8846  </spz-quantity>
8847
8848  <div class="cart-drawer-item-text mt-1" spz-if="${!!item.item_text}">${item.item_text}</div>
8849</div>
8850            <div class="flex items-center justify-end flex-row-reverse mt-3 leading-1.25">
8851  <spz-currency class="${!!item.final_line_price && (+item.final_line_price < +item.line_price) ? 'color-compare-price line-through ml-1 body-minus-2' : 'color-price font-medium '}" layout="container" value="${item.line_price}"></spz-currency>
8852  <spz-currency class="color-price font-medium  " spz-if="${!!item.final_line_price && (+item.final_line_price < +item.line_price)}" layout="container" value="${item.final_line_price}"></spz-currency>
8853</div>
8854            <div class="flex items-start flex-wrap  mt-1 body-minus-2 leading-1.25 color-body-60" spz-for="discount_item in item.discount_applications">
8855  <div class="flex">
8856    <spz-img
8857      spz-if="${!!discount_item.icon}"
8858      class="flex-shrink-0 mr-1 mt-0.5"
8859      src="${discount_item.icon}"
8860      layout="fixed"
8861      width="12"
8862      height="12"
8863      alt="item.image.alt || item.product_title"
8864      object-fit="contain"
8865    ></spz-img>
8866    <span>${discount_item.title}</span>
8867  </div>
8868  <span spz-if="${discount_item.discount_amount > 0 || discount_item.amount > 0}" class="flex-shrink-0">(-<spz-currency style="display: inline-block;" layout="container" value="${discount_item.discount_amount || discount_item.amount}"></spz-currency>)</span>
8869</div>
8870          </div>
8871
8872          <button class="clear flex color-body-70 flex-shrink-0 cart-drawer-item-delete-btn relative" type="button" @tap="cart-drawer.delete(id=${item.id})">
8873  <svg
8874  class="icon-delete "
8875  xmlns="http://www.w3.org/2000/svg"
8876  width="16"
8877  height="17"
8878  viewBox="0 0 16 17"
8879  fill="none"
8880>
8881  <path d="M6.375 2.65625C6.375 2.4822 6.44414 2.31528 6.56721 2.19221C6.69028 2.06914 6.8572 2 7.03125 2H9.21875C9.3928 2 9.55972 2.06914 9.68279 2.19221C9.80586 2.31528 9.875 2.4822 9.875 2.65625C9.875 2.8303 9.80586 2.99722 9.68279 3.12029C9.55972 3.24336 9.3928 3.3125 9.21875 3.3125H7.03125C6.8572 3.3125 6.69028 3.24336 6.56721 3.12029C6.44414 2.99722 6.375 2.8303 6.375 2.65625ZM2 5.28125C2 5.1072 2.06914 4.94028 2.19221 4.81721C2.31528 4.69414 2.4822 4.625 2.65625 4.625H13.5938C13.7678 4.625 13.9347 4.69414 14.0578 4.81721C14.1809 4.94028 14.25 5.1072 14.25 5.28125C14.25 5.4553 14.1809 5.62222 14.0578 5.74529C13.9347 5.86836 13.7678 5.9375 13.5938 5.9375H2.65625C2.4822 5.9375 2.31528 5.86836 2.19221 5.74529C2.06914 5.62222 2 5.4553 2 5.28125ZM7.03125 8.125C6.8572 8.125 6.69028 8.19414 6.56721 8.31721C6.44414 8.44028 6.375 8.6072 6.375 8.78125V10.9688C6.375 11.1428 6.44414 11.3097 6.56721 11.4328C6.69028 11.5559 6.8572 11.625 7.03125 11.625C7.2053 11.625 7.37222 11.5559 7.49529 11.4328C7.61836 11.3097 7.6875 11.1428 7.6875 10.9688V8.78125C7.6875 8.6072 7.61836 8.44028 7.49529 8.31721C7.37222 8.19414 7.2053 8.125 7.03125 8.125ZM8.5625 8.78125C8.5625 8.6072 8.63164 8.44028 8.75471 8.31721C8.87778 8.19414 9.0447 8.125 9.21875 8.125C9.3928 8.125 9.55972 8.19414 9.68279 8.31721C9.80586 8.44028 9.875 8.6072 9.875 8.78125V10.9688C9.875 11.1428 9.80586 11.3097 9.68279 11.4328C9.55972 11.5559 9.3928 11.625 9.21875 11.625C9.0447 11.625 8.87778 11.5559 8.75471 11.4328C8.63164 11.3097 8.5625 11.1428 8.5625 10.9688V8.78125ZM4.1875 7.03125C4.1875 6.8572 4.11836 6.69028 3.99529 6.56721C3.87222 6.44414 3.7053 6.375 3.53125 6.375C3.3572 6.375 3.19028 6.44414 3.06721 6.56721C2.94414 6.69028 2.875 6.8572 2.875 7.03125V13.5938C2.875 14.2319 3.12852 14.844 3.57977 15.2952C4.03103 15.7465 4.64307 16 5.28125 16H10.9688C11.2847 16 11.5976 15.9378 11.8896 15.8168C12.1815 15.6959 12.4468 15.5187 12.6702 15.2952C12.8937 15.0718 13.0709 14.8065 13.1918 14.5146C13.3128 14.2226 13.375 13.9097 13.375 13.5938V7.03125C13.375 6.8572 13.3059 6.69028 13.1828 6.56721C13.0597 6.44414 12.8928 6.375 12.7188 6.375C12.5447 6.375 12.3778 6.44414 12.2547 6.56721C12.1316 6.69028 12.0625 6.8572 12.0625 7.03125V13.5938C12.0625 14.1975 11.5725 14.6875 10.9688 14.6875H5.28125C4.6775 14.6875 4.1875 14.1975 4.1875 13.5938V7.03125Z" fill="currentColor" fill-opacity="0.6"/>
8882</svg>
8883</button>
8884        </li>
8885      </ul>
8886    </div>
8887  </template>
8888</spz-render>
8889        <spz-render id="cart-drawer-subtotal-render" layout="container" manual >
8890  <template>
8891    <section class="py-4">
8892      <div class="cart-drawer-summary" id="cart-drawer-summary">
8893  <div class="flex justify-between font-medium body-plus-2 leading-1.25">
8894    <span>Total:</span>
8895    <div class="flex items-center">
8896      <spz-currency container-class="plugin__bundle__cart__total-price" layout="container" value="${data.total_price}"></spz-currency>
8897      </div>
8898  </div>
8899
8900  <div class="cart-drawer-summary-discount-list flex flex-col items-end" id="cart-drawer-summary-discount-list" spz-if="${data.total_discount > 0}">
8901    <div class="cart-drawer-summary-discount-btn" spz-if="${data.discount_applications && data.discount_applications.length <= 0}">
8902      <span class="leading-1.2 body-minus-2">
8903        ${function() {
8904  const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/);
8905  if (textArray.length > 0 && textArray.length < 2) {
8906    textArray.push('');
8907  }
8908  return textArray.map((text, index) => {
8909    if (index == 0) {
8910      return `<span>${text}</span>`;
8911    }
8912
8913    return `
8914      <span class="notranslate whitespace-nowrap">
8915        <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency>
8916      </span>
8917      <span>${text}</span>
8918    `;
8919  }).join('');
8920}()}
8921      </span>
8922    </div>
8923    <div class="cart-drawer-summary-discount-btn" @tap="cart-drawer-summary-discount-list.toggleClass(class='open');cart-drawer-summary-sticky-discount-list.toggleClass(class='open');" spz-else>
8924      <span class="leading-1.2 body-minus-2">
8925        ${function() {
8926  const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/);
8927  if (textArray.length > 0 && textArray.length < 2) {
8928    textArray.push('');
8929  }
8930  return textArray.map((text, index) => {
8931    if (index == 0) {
8932      return `<span>${text}</span>`;
8933    }
8934
8935    return `
8936      <span class="notranslate whitespace-nowrap">
8937        <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency>
8938      </span>
8939      <span>${text}</span>
8940    `;
8941  }).join('');
8942}()}
8943      </span>
8944      <svg class="flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" d="M7.543 11.306a.6.6 0 0 0 .848 0l4.455-4.454a.3.3 0 0 0 0-.425l-.34-.339a.3.3 0 0 0-.424 0l-4.115 4.115-4.115-4.115a.3.3 0 0 0-.425 0l-.34.34a.3.3 0 0 0 0 .424l4.456 4.454Z"/></svg>
8945    </div>
8946
8947    <ul class="clear w-full mt-1 leading-1.25 color-body-70" spz-if="${data.discount_applications && data.discount_applications.length > 0}">
8948      <li class="flex items-center justify-between ${index > 0 ? 'mt-2' : ''}" spz-for="(discount_application,index) in data.discount_applications">
8949        <span>${discount_application.title}:</span>
8950        <span class="notranslate ml-2 whitespace-nowrap">
8951          -<spz-currency class="inline-block" layout="container" value="${discount_application.discount_amount}"></spz-currency>
8952        </span>
8953      </li>
8954    </ul>
8955  </div>
8956
8957  <div class="cart-drawer-invalid-msg mt-4" spz-if="${!!data.invalid_msg}">${data.invalid_msg}</div>
8958
8959  <button
8960    type="button"
8961    class="cart-drawer-checkout-btn button-primary relative flex-shrink-0 w-full mt-5 body-plus-2 leading-1.2"
8962    data-track="checkout-submit,click"
8963    data-track-content="checkout"
8964    data-track-source="checkout"
8965    @tap="cart-drawer.checkout;"
8966  >
8967    <span>Check out</span>
8968    <div class="loading items-center justify-center absolute inset-0 flex" role="loading"   show >
8969  <div class="loading-bounce"></div>
8970</div>
8971  </button>
8972
8973  <div class="mt-2 color-body-70 body-minus-2 text-center">Taxes and shipping calculated at checkout</div>
8974</div>
8975
8976      <spz-observer
8977        layout="logic"
8978        id="cart-drawer-summary-sticky-observer"
8979        target="cart-drawer-subtotal-render"
8980        root-container="cart-drawer-content"
8981        @visible="cart-drawer-summary-sticky-render.toggleClass(class='visible', force=false);cart-drawer-summary-sticky-compensation-container.toggleClass(class='visible', force=false)"
8982        @invisible="cart-drawer-summary-sticky-render.toggleClass(class='visible', force=true);cart-drawer-summary-sticky-compensation-container.toggleClass(class='visible', force=true)"
8983      ></spz-observer>
8984      <spz-observer
8985        layout="logic"
8986        target="cart-drawer-content"
8987        @childUpdated="cart-drawer-summary-sticky-observer.restart"
8988      ></spz-observer>
8989    </section>
8990  </template>
8991</spz-render>
8992        </div>
8993
8994    <div class="cart-drawer-summary-sticky-compensation-container" id="cart-drawer-summary-sticky-compensation-container"></div>
8995  </spz-sidebar>
8996
8997  <spz-render class="cart-drawer-summary-sticky-render" id="cart-drawer-summary-sticky-render" layout="container" manual>
8998  <template>
8999    <div class="cart-drawer-summary-sticky ${(data.line_items && data.line_items.length) == 0 ? 'hidden' : ''}">
9000      <div class="cart-drawer-invalid-msg lg:hidden mb-4" spz-if="${!!data.invalid_msg}">${data.invalid_msg}</div>
9001
9002      <div>
9003        <div class="md:flex md:items-center md:justify-between">
9004          <div class="md:flex md:flex-col md:items-start">
9005            <div class="md:flex md:items-center md:flex-wrap">
9006              <div class="flex font-medium body-plus-2 leading-1.25 lg:items-center lg:justify-between">
9007                <span class="md:color-body-70">Total:&nbsp;</span>
9008                <div class="flex items-center">
9009                  <spz-currency container-class="plugin__bundle__cart__total-price" layout="container" value="${data.total_price}"></spz-currency>
9010                  </div>
9011              </div>
9012              </div>
9013
9014            <div class="cart-drawer-summary-discount-list flex flex-col items-end" id="cart-drawer-summary-sticky-discount-list" spz-if="${data.total_discount > 0}">
9015              <div class="cart-drawer-summary-discount-btn" spz-if="${!!(data.discount_applications && data.discount_applications.length <= 0)}">
9016                <span class="leading-1.2 body-minus-2">
9017                  ${function() {
9018  const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/);
9019  if (textArray.length > 0 && textArray.length < 2) {
9020    textArray.push('');
9021  }
9022  return textArray.map((text, index) => {
9023    if (index == 0) {
9024      return `<span>${text}</span>`;
9025    }
9026
9027    return `
9028      <span class="notranslate whitespace-nowrap">
9029        <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency>
9030      </span>
9031      <span>${text}</span>
9032    `;
9033  }).join('');
9034}()}
9035                </span>
9036              </div>
9037              <div spz-else>
9038                <div class="cart-drawer-summary-discount-btn md:hidden" @tap="cart-drawer-summary-sticky-discount-list.toggleClass(class='open');cart-drawer-summary-discount-list.toggleClass(class='open');" >
9039                  <span class="leading-1.2 body-minus-2">
9040                    ${function() {
9041  const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/);
9042  if (textArray.length > 0 && textArray.length < 2) {
9043    textArray.push('');
9044  }
9045  return textArray.map((text, index) => {
9046    if (index == 0) {
9047      return `<span>${text}</span>`;
9048    }
9049
9050    return `
9051      <span class="notranslate whitespace-nowrap">
9052        <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency>
9053      </span>
9054      <span>${text}</span>
9055    `;
9056  }).join('');
9057}()}
9058                  </span>
9059                  <svg class="flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" d="M7.543 11.306a.6.6 0 0 0 .848 0l4.455-4.454a.3.3 0 0 0 0-.425l-.34-.339a.3.3 0 0 0-.424 0l-4.115 4.115-4.115-4.115a.3.3 0 0 0-.425 0l-.34.34a.3.3 0 0 0 0 .424l4.456 4.454Z"/></svg>
9060                </div>
9061                <div class="cart-drawer-summary-discount-btn lg:hidden" @tap="cart-drawer-summary-sticky-modal.open;">
9062                  <span class="leading-1.2 body-minus-2">
9063                    ${function() {
9064  const textArray = ("Save {{save_amount}}").split(/\{\{\s*save_amount\}\}/);
9065  if (textArray.length > 0 && textArray.length < 2) {
9066    textArray.push('');
9067  }
9068  return textArray.map((text, index) => {
9069    if (index == 0) {
9070      return `<span>${text}</span>`;
9071    }
9072
9073    return `
9074      <span class="notranslate whitespace-nowrap">
9075        <spz-currency class="inline-block" layout="container" value="${data.total_discount}"></spz-currency>
9076      </span>
9077      <span>${text}</span>
9078    `;
9079  }).join('');
9080}()}
9081                  </span>
9082                  <svg class="flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path fill="currentColor" d="M7.543 11.306a.6.6 0 0 0 .848 0l4.455-4.454a.3.3 0 0 0 0-.425l-.34-.339a.3.3 0 0 0-.424 0l-4.115 4.115-4.115-4.115a.3.3 0 0 0-.425 0l-.34.34a.3.3 0 0 0 0 .424l4.456 4.454Z"/></svg>
9083                </div>
9084              </div>
9085
9086              <ul class="md:hidden clear w-full mt-1 leading-1.25 color-body-70" spz-if="${!!(data.discount_applications && data.discount_applications.length > 0)}">
9087                <li class="flex items-center justify-between ${index > 0 ? 'mt-2' : ''}" spz-for="(discount_application,index) in data.discount_applications">
9088                  <span>${discount_application.title}:</span>
9089                  <span class="notranslate ml-2 whitespace-nowrap">
9090                    -<spz-currency class="inline-block" layout="container" value="${discount_application.discount_amount}"></spz-currency>
9091                  </span>
9092                </li>
9093              </ul>
9094            </div>
9095          </div>
9096          <button
9097  type="button"
9098  class="cart-drawer-checkout-btn cart-drawer-checkout-btn-mobile ml-2 lg:hidden button-primary relative flex-shrink-0 w-full mt-4 body-plus-2 leading-1.2"
9099  data-track="checkout-submit,click"
9100  data-track-content="checkout"
9101  data-track-source="checkout"
9102  @tap="cart-drawer.checkout;"
9103>
9104  <span>Check out</span>
9105  <div class="loading items-center justify-center absolute inset-0 flex" role="loading"   show >
9106  <div class="loading-bounce"></div>
9107</div>
9108</button>
9109        </div>
9110
9111        <div class="cart-drawer-invalid-msg md:hidden mt-4" spz-if="${!!data.invalid_msg}">${data.invalid_msg}</div>
9112
9113        <button
9114  type="button"
9115  class="cart-drawer-checkout-btn md:hidden button-primary relative flex-shrink-0 w-full mt-4 body-plus-2 leading-1.2"
9116  data-track="checkout-submit,click"
9117  data-track-content="checkout"
9118  data-track-source="checkout"
9119  @tap="cart-drawer.checkout;"
9120>
9121  <span>Check out</span>
9122  <div class="loading items-center justify-center absolute inset-0 flex" role="loading"   show >
9123  <div class="loading-bounce"></div>
9124</div>
9125</button>
9126
9127        <div class="mt-2 color-body-70 text-right lg:text-center">Taxes and shipping calculated at checkout</div>
9128      </div>
9129
9130      <spz-sidebar class="cart-drawer-summary-sticky-modal lg:hidden" id="cart-drawer-summary-sticky-modal" layout="nodisplay" side="bottom" hidden  @open="cart-drawer-modal.toggleClass(class='deepen', force=true);" @beforeClose="cart-drawer-modal.toggleClass(class='deepen', force=false);" >
9131  <div class="cart-drawer-summary-sticky-modal-inner relative">
9132    <div class="flex justify-end">
9133      <button class="cart-drawer-summary-sticky-modal-close clear flex p-2 cursor-pointer" @tap="cart-drawer-summary-sticky-modal.close();" type="button">
9134        <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>
9135      </button>
9136    </div>
9137
9138    <ul class="clear w-full mt-3 leading-1.25 color-body-70" spz-if="${!!(data.discount_applications && data.discount_applications.length > 0)}">
9139      <li class="flex items-center justify-between">
9140        <span>Subtotal:</span>
9141        <span class="notranslate ml-2 whitespace-nowrap">
9142          <spz-currency class="inline-block" layout="container" value="${data.line_price}"></spz-currency>
9143        </span>
9144      </li>
9145      <li class="flex items-center justify-between mt-2" spz-for="(discount_application,index) in data.discount_applications">
9146        <span>${discount_application.title}:</span>
9147        <span class="notranslate ml-2 whitespace-nowrap">
9148          <span>-</span><spz-currency class="inline-block" layout="container" value="${discount_application.discount_amount}"></spz-currency>
9149        </span>
9150      </li>
9151    </ul>
9152
9153    <div class="flex items-start justify-between mt-2 font-medium body-plus-2 leading-1.25">
9154      <span>Total:</span>
9155      <div class="flex items-center">
9156        <spz-currency class="color-price" container-class="plugin__bundle__cart__total-price" layout="container" value="${data.total_price}"></spz-currency>
9157        </div>
9158    </div>
9159    <button
9160  type="button"
9161  class="cart-drawer-checkout-btn mt-4 button-primary relative flex-shrink-0 w-full mt-4 body-plus-2 leading-1.2"
9162  data-track="checkout-submit,click"
9163  data-track-content="checkout"
9164  data-track-source="checkout"
9165  @tap="cart-drawer.checkout;"
9166>
9167  <span>Check out</span>
9168  <div class="loading items-center justify-center absolute inset-0 flex" role="loading"   show >
9169  <div class="loading-bounce"></div>
9170</div>
9171</button>
9172    <div class="mt-2 body-minus-2 color-body-70 text-center">Taxes and shipping calculated at checkout</div>
9173  </div>
9174</spz-sidebar>
9175
9176      <spz-script layout="logic" scope="cart-drawer-modal" type="application/javascript" hidden>
9177        const summaryStickyRender = document.querySelector('#cart-drawer-summary-sticky-render');
9178        if (summaryStickyRender) {
9179          document.body.style.setProperty('--cart-drawer-summary-sticky-height', summaryStickyRender.clientHeight + 'px');
9180        }
9181      </spz-script>
9182    </div>
9183  </template>
9184</spz-render>
9185</div>
9186    </div>
9187    
9187<script type="application/ld+json">
9188  {
9189    "@context": "http://schema.org",
9190    "@type": "WebSite",
9191    "name": "nisartmacka",
9192    "url": "https://www.nisartmacka.com"
9193  }
9194</script>
9194
9195<div class="theme-toast-wrap lg:page-container flex justify-end">
9196  <spz-toast class="theme-toast p-4 lg:py-8 lg:px-5 leading-1.2" id="theme-toast" layout="nodisplay" hidden></spz-toast>
9197  <spz-toast class="theme-toast p-4 lg:py-8 lg:px-5 leading-1.2 flex items-center" id="theme-toast-success" layout="nodisplay" hidden>
9198    <svg class="flex-shrink-0 mr-3" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M3.088 8.895a.3.3 0 0 0 0 .424l3.608 3.608a.6.6 0 0 0 .848 0l7.85-7.85a.3.3 0 0 0 0-.423l-.567-.566a.3.3 0 0 0-.424 0L7.12 11.37 4.078 8.33a.3.3 0 0 0-.424 0l-.566.566z" fill="currentColor"/></svg>
9199    <span role="content"></span>
9200  </spz-toast>
9201</div>
9202    <div class="add_cart-toast-wrap lg:page-container flex justify-end">
9203  <spz-toast class="add_cart-toast p-4 lg:py-8 lg:px-5 leading-1.2 flex items-center" id="add-card-toast-success" layout="nodisplay" hidden>
9204    <span class="flex justify-between items-center w-full">
9205      <span role="content"></span>
9206      <a class="toast_view_cart inline-block font-bold text-base leading-1.1 cursor-pointer no-underline" href="/cart">View Cart</a>
9207    </span>
9208  </spz-toast>
9209</div>
9210    <style>
9211  .quick-shop .i-spzhtml-fill-content {
9212    display: flex;
9213    align-items: center;
9214    justify-content: center;
9215  }
9216
9217  .quick-shop-render {
9218    height: auto !important;
9219    width: 100%;
9220  }
9221
9222  .quick-shop-render[loading],
9223  .quick-shop-render[loading] ~ .quick-shop-close-btn {
9224    display: none;
9225  }
9226
9227  .quick-shop-content {
9228    position: relative;
9229    max-height: 86vh;
9230    overflow-y: auto;
9231    box-sizing: border-box;
9232    padding: 28px 24px 36px;
9233    max-width: 86vw;
9234    width: 100%;
9235    background-color: var(--color-body-bg);
9236    overflow-y: auto;
9237    transition: all .2s ease-in-out
9238  }
9239
9240  /* variants */
9241  .quick-shop__variants_content {
9242    padding: 0;
9243    border: none;
9244  }
9245
9246  .quick-shop__variants_content input[type=radio] {
9247    position: absolute;
9248    left: 0;
9249    right: 0;
9250    opacity: 0;
9251    width: 100%;
9252    height: 100%;
9253    z-index: 10;
9254    border: 0;
9255    margin: 0;
9256    cursor: pointer;
9257  }
9258
9259  .quick-shop-variant-option {
9260    position: relative;
9261    border: 2px solid #E6E6E6;
9262    color: var(--color-body-text-75);
9263  }
9264
9265  .quick-shop-variant-option[data-type="text"] {
9266    display: flex;
9267    align-items: center;
9268    justify-content: center;
9269    min-width: 44px;
9270  }
9271
9272  .quick-shop-variant-option[data-type="image-with-text"] {
9273    min-height: 52px;
9274  }
9275
9276  .quick-shop-variant-option:not([data-type="image"]) {
9277    border: 2px solid #E6E6E6;
9278  }
9279
9280  .quick-shop-variant-option[data-type="image-with-text"] > spz-img {
9281    width: 42px;
9282    height: 42px;
9283    border-radius: 1px;
9284  }
9285
9286  .quick-shop-variant-option[data-type="image"] > spz-img {
9287    width: 52px;
9288    height: 52px;
9289    border-radius: 1px;
9290  }
9291
9292  .quick-shop__variants_content input[type=radio]:checked + .quick-shop-variant-option {
9293    color: var(--color-body-text);
9294    outline: none;
9295    border-color: var(--color-body-text);
9296  }
9297
9298  .quick-shop__variant__select {
9299    min-height: 46px;
9300    line-height: 46px;
9301    padding-right: 46px;
9302    padding-left: 12px;
9303  }
9304
9305  .quick-shop__variant__select-icon {
9306    position: absolute;
9307    display: flex;
9308    top: 50%;
9309    right: 12px;
9310    transform: translateY(-50%) rotate(90deg);
9311    pointer-events: none;
9312  }
9313
9314  .quick-shop-close-btn {
9315    height: 66px;
9316    width: 66px;
9317    cursor: pointer;
9318    opacity: .7;
9319    z-index: 10;
9320  }
9321
9322  #quick-shop-render[loading] ~ .quick-shop-loading {
9323    display: block !important;
9324  }
9325
9326  /* qty */
9327  .quick-shop-qty {
9328    width: 116px;
9329  }
9330
9331  .quick-shop-qty > .i-spzhtml-fill-content {
9332    display: flex;
9333    align-items: center;
9334  }
9335
9336  .quick-shop-qty-btn {
9337    width: 40px;
9338    height: 100%;
9339    border: 1px solid rgba(230, 230, 230, 1);
9340  }
9341
9342  .quick-shop-qty-btn[disabled] {
9343    background-color: rgba(230, 230, 230, 1);
9344  }
9345
9346  .quick-shop-qty-input {
9347    width: 36px;
9348  }
9349
9350  /* buy button */
9351  .quick-shop_atc_btn {
9352    height: 52px;
9353    width: 100%;
9354    padding: 0;
9355    font-weight: 600;
9356    outline: 2px solid transparent;
9357    outline-offset: 2px;
9358  }
9359
9360  #quick-shop-body[status="product_unavailable"] [role="addToCart"],
9361  #quick-shop-body[status="soldout"] [role="addToCart"] {
9362    cursor: default;
9363    pointer-events: none;
9364    background-color: rgb(230, 230, 230, 0.5);
9365    color: #9F9F9F;
9366  }
9367
9368  #quick-shop-body[status="product_unavailable"] #quick-shop-btn-price,
9369  #quick-shop-body[status="soldout"] #quick-shop-btn-price,
9370  .quick-shop_atc_btn[loading] [role="content"],
9371  .quick-shop_atc_btn:not([loading]) .loading,
9372  .quick-shop_atc_btn[role="addToCart"][loading] #quick-shop-btn-price {
9373    display: none;
9374  }
9375
9376  .quick-shop_buy_now_btn {
9377    border: 1px solid var(--color-primary-btn-bg);
9378  }
9379
9380  /* wholesale */
9381  .quick-shop-wholesale {
9382    overflow-y: hidden;
9383    overflow-x: auto;
9384    background: #F9F9FA;
9385  }
9386
9387  .quick-shop-wholesale-item:nth-child(n + 2) {
9388    margin-left: 8px;
9389  }
9390
9391  .quick-shop-wholesale-item .money {
9392    color: var(--color-price-text);
9393  }
9394
9395  .quick-shop-wholesale-item.highlight .money {
9396    color: var(--color-save-price-text)
9397  }
9398
9399  @media (max-width: 959.98px) {
9400    #quick-shop {
9401      padding: 0 18px;
9402    }
9403
9404    #quick-shop > .quick-shop-container{
9405      width: 100%;
9406    }
9407  }
9408
9409  @media (min-width: 960px) {
9410    .quick-shop-render {
9411      width: 495px;
9412    }
9413    .quick-shop-content {
9414      padding: 32px 24px;
9415    }
9416  }
9417</style>
9418<spz-lightbox class="quick-shop" id="quick-shop" layout="nodisplay" hidden unclose-in-focus>
9419    <div class="quick-shop-container">
9420      <div class="relative">
9421        <spz-render class="quick-shop-render pointer-events-auto w-full" id="quick-shop-render" items="data" layout="container" @finish="quick-shop-variants.variantsRender(product=event.data.product);quick-shop-body.setProduct(data=event.data.product);quick-shop-btn-price.rerender(data=event.data);" manual>
9422          <template>
9423            ${function(){
9424              const productData = data.product;
9425              let product_change_event = '',
9426                  mouse_over_event = ' ';
9427                  mouse_out_event = '';
9428              const product_options = productData.options.filter(Boolean) || [];
9429              for (let opt of product_options) {
9430                const nameEscape = opt.name.replace(/\/|\\|\s|\'|\"|`|\<|\>/g, '')
9431                product_change_event = product_change_event + `quick-shop-selected-variant-${opt.id}.rerender(data=event.selectedValues.${opt.name});`;
9432                mouse_out_event = mouse_out_event + `@${nameEscape}Mouseout="quick-shop-selected-variant-${opt.id}.rerender(data=event.selectData.${opt.name}, redo=true);"`;
9433                mouse_over_event = mouse_over_event + `@${nameEscape}Mouseover="quick-shop-selected-variant-${opt.id}.rerender(data=event, redo=true);"`;
9434              }
9435              const selectedVariant = productData.variants.find(v => v.available) || productData.variants[0];
9436              const statusLan = ((selectedVariant && !selectedVariant.available) || (!selectedVariant && !productData.available)) ?
9437                "Sold out" :
9438                "Add to cart";
9439
9440              return `
9441                <div>
9442                  <spz-product-form
9443                    id="quick-shop-body"
9444                    product-unavailable-status
9445                    product-id="${productData.id}"
9446                    variant-id="${selectedVariant.id}"
9447                    layout="container"
9448                    @atcSuccess="quick-shop.close;cart-drawer-modal.open;"
9449                    @atcError="theme-toast.showToast(content=event.message);"
9450                    @productChange="quick-shop-btn-price.rerender(data=event);${product_change_event}"
9451                  >
9452                    <form>
9453                      <div class="quick-shop-content rounded-global-small">
9454                        <div class="quick-shop-inner-content">
9455                          <spz-variants
9456                            name="quick-shop-variant"
9457                            id="quick-shop-variants"
9458                            class="pointer-events-none"
9459                            layout="container"
9460                            template="quick-shop-variant-template"
9461                            spz-if="${product_options && product_options.length > 0}"
9462                            interact="hover"
9463                            interference
9464                            ${mouse_out_event}
9465                            ${mouse_over_event}
9466                          ></spz-variants>
9467                          
9468                          <button
9469                            class="relative mt-5 lg:mt-6 button-primary flex items-center justify-center body-plus-2  type-text-font-family rounded-btn quick-shop_atc_btn"
9470                            type="button"
9471                            role="addToCart"
9472                            data-track="click"
9473                            data-track-content="add_to_cart"
9474                            data-track-source="add_to_cart"
9475                          >
9476                            <span role="content">${statusLan}</span>
9477                            
9478                              <spz-render id="quick-shop-btn-price" layout="container" template="quick-shop-button-price-template" manual></spz-render>
9479                            
9480                            
9481
9482<div class="loading items-center justify-center absolute inset-0" role="loading"   show >
9483  <div class="loading-bounce"></div>
9484</div>
9485                          </button>
9486                        </div>
9487                      </div>
9488                    </form>
9489                  </spz-product-form>
9490                </div>
9491              `
9492            }()}
9493          </template>
9494        </spz-render>
9495        <spz-loading class="quick-shop-loading" layout="container" role="mask" hidden></spz-loading>
9496        <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>
9497      </div>
9498
9499      <template id="quick-shop-retail-price-template">
9500          ${function(){
9501            const currentSelectVariant = data.variant;
9502            const defaultVariant = (data.product && data.product.variants && data.product.variants[0]);
9503
9504            const variantData = currentSelectVariant || defaultVariant || data;
9505            const retail_price = variantData.retail_price || 0;
9506            return `
9507              <div>
9508                <div class="flex color-compare-price mt-3" spz-if="${retail_price>0}">
9509                  <span class="mr-1">Retail</span> <spz-currency value="${retail_price}" layout="container"></spz-currency>
9510                </div>
9511              </div>
9512            `
9513          }()}
9514      </template>
9515      <style>
9516  .product_price_before::before {
9517    content: ' - ';
9518    display: block;
9519    width: 20px;
9520  }
9521</style>
9522<template id="quick-shop-button-price-template">
9523  ${function(){
9524    const wholesale_enabled = false;
9525    const qty = data.quantity || 1;
9526    const currentSelectVariant = data.variant;
9527    const defaultVariant = (data.product && data.product.variants && data.product.variants[0]);
9528    const productVariant = null;
9529
9530    const variantData = currentSelectVariant || defaultVariant || productVariant;
9531    const wholesale_price = variantData.wholesale_price || [];
9532
9533    if(wholesale_enabled && wholesale_price.length > 0) {
9534      let wholesaleIndex = wholesale_price.findIndex(item => {
9535        return item.min_quantity > qty;
9536      });
9537      if(wholesaleIndex < 0){
9538        wholesaleIndex = wholesale_price.length - 1;
9539      }else if(wholesaleIndex > 0){
9540        wholesaleIndex = wholesaleIndex - 1;
9541      }
9542      const wholesalePrice = wholesale_price[wholesaleIndex] || '';
9543      return `
9544        <div class="flex">
9545          <span class="product_price_before"></span><spz-currency value="${wholesalePrice.price}" layout="container"></spz-currency>
9546        </div>
9547      `
9548    }else {
9549      const price = variantData && variantData.price;
9550      return price != undefined ? `<div class="flex"><span class="product_price_before"></span><spz-currency value="${price}" layout="container"></spz-currency></div>` : '<span></span>';
9551    }
9552  }()}
9553</template>
9554      </div>
9555  </spz-lightbox>
9556  <template id="quick-shop-variant-template">
9557  <div class="quick-shop-variants-container">
9558    ${function() {
9559      let variantImageShowed = false;
9560      const currentProduct = data.product;
9561
9562      return (currentProduct.options || []).map((option, index) => {
9563        const optionName = option.name || '';
9564        const optionId = option.id || '';
9565        const position = `option${index + 1}`;
9566
9567        let isThumbImage = false;
9568        if (currentProduct.need_variant_image && !variantImageShowed) {
9569          const variantNames = ["color"] || [];
9570          for (let i = 0, len = variantNames.length; i < len; i++) {
9571            const name = variantNames[i].toLowerCase();
9572            if (name === optionName.toLowerCase()) {
9573              isThumbImage = true;
9574              variantImageShowed = true;
9575            }
9576          }
9577        }
9578        const variantType = "button";
9579        const thumbStyle = "image_with_text";
9580
9581        return `
9582          <fieldset spz-if="${variantType=='button' || isThumbImage}" class="quick-shop__variants_content mt-6 mx-0 min-w-[0px]" name="${optionName}">
9583            <legend class="quick-shop__variants_title flex items-center max-w-full">
9584              <span class="lg:body-plus-2 leading-1.3 flex-shrink-0 inline-block">${optionName}:&nbsp;</span>
9585              <spz-render spz-if="${isThumbImage}" class="flex items-center opacity-60 inline-block flex-grow min-w-[0px]" id="quick-shop-selected-variant-${optionId}" layout="container" template="quick-shop-selected-variant-template" manual></spz-render>
9586            </legend>
9587            <div class="flex flex-wrap ${isThumbImage ? 'mt-1' : 'quick-shop-variant-container'}">
9588              ${option.values.map((value, idx) => {
9589                const selected = data.selectedValues[optionName] == value ? 'checked' : '';
9590
9591                let thumbImage = null;
9592                if (isThumbImage) {
9593                  const variants = currentProduct.variants;
9594                  for (let i = 0, len = variants.length; i < len; i++) {
9595                    const variant = variants[i];
9596                    if (variant[position] == value && thumbImage == null) {
9597                      thumbImage = variant.image;
9598                      break;
9599                    }
9600                  }
9601                }
9602
9603                return `
9604                  <div class="relative mt-3 mr-3" option="${value}">
9605                    <input
9606                      type="radio"
9607                      class="pointer-events-auto"
9608                      option="${value}"
9609                      id="quick-shop-variant-${value}-${idx}"
9610                      name="quick-shop-variant-${optionName}"
9611                      value="${value}"
9612                      form="quick-shop-body"
9613                      @input-debounced="quick-shop-selected-variant-${optionId}.rerender(data=event, redo=true);"
9614                      ${selected}
9615                    >
9616                    <label
9617                      class="quick-shop-variant-option relative flex items-center break-words flex-shrink-0 
9618  rounded-[1px] 
9619"
9620                      data-type="${isThumbImage ? (thumbStyle == 'image_with_text' ? 'image-with-text' : 'image') : 'text'}"
9621                      for="quick-shop-variant-${value}-${idx}">
9622                        <spz-img spz-if="${isThumbImage}" class="${thumbStyle == 'image_with_text' ? 'ml-1' : ''}" src="${thumbImage && thumbImage.src}" layout="responsive" width="42" height="42" alt="${thumbImage && thumbImage.alt}" object-fit="cover" auto-fit></spz-img>
9623                        <span spz-if="${thumbStyle == 'image_with_text' || !isThumbImage}" class="break-words py-2 px-3">${value}</span>
9624                    </label>
9625                  </div>
9626                `
9627              }).join('')}
9628            </div>
9629          </fieldset>
9630          <div spz-else class="mt-6">
9631            <div class="lg:body-plus-2 leading-1.3">${optionName}</div>
9632            <div class="relative mt-3">
9633              <select class="quick-shop__variant__select pointer-events-auto w-full text-text-font-size type-text-font-family 
9634  rounded-[1px] 
9635secondary-select" role="variant" name="${optionName}">
9636                ${option.values.map(value => {
9637                  const selected = data.selectedValues[optionName] == value ? 'selected' : '';
9638                  return `<option class="quick-shop__variants_value" value="${value}" option="${value}" ${selected}>${value}</option>`
9639                }).join('')}
9640              </select>
9641              <svg   class="quick-shop__variant__select-icon" width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M14.576 10.573a.6.6 0 0 1 0 .849L8.99 17.008a.3.3 0 0 1-.424 0l-.51-.51a.3.3 0 0 1 0-.424l5.078-5.077L8.057 5.92a.3.3 0 0 1 0-.424l.509-.509a.3.3 0 0 1 .424 0l5.586 5.586z" fill="currentColor"/></svg>
9642</div>
9643          </div>
9644        `
9645      }).join('');
9646    }()}
9647  </div>
9648</template>
9649<template id="quick-shop-selected-variant-template">
9650  <span class="inline-block truncate max-w-full" title="${data.originData && data.originData.value || data.value}">
9651    ${data.originData && data.originData.value || data.value}
9652  </span>
9653</template>
9654</body>
9655</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.