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 "Mixed Lot" 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’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'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'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'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'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'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's and Women's Thick Warm Waterproof & 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'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 – 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 – 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'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’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'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'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'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'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'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 & 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 & 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">© <time datetime="2026">2026</time> 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&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 "Mixed Lot" 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: </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}: </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.