1<!doctype html> 2<html 3 class="no-js" 4 lang="en" 5 data-brand="steve_madden" 6 data-locale="en_uk" 7> 8 <head> 9 10 11<title> 12 13 14 STEVE MADDEN UK DIGITAL GIFT CARD 15 – Steve Madden UK 16 17 </title> 18 19 20 <meta name="description" content="Steve Madden online gift cards have you covered for every occasion, budget, and style. Make gifting easy for everyone with this fully digital gift card. Please note: the Steve Madden online gift card is only valid on our website in the original currency purchased. Your gift card will be emailed directly to you, the pur"> 21 22 23 24 25 <link rel="canonical" href="https://stevemadden.co.uk/products/giftcard"> 26 27 28 29 30 31 32 33 34<meta property="og:site_name" content="Steve Madden UK"> 35<meta property="og:url" content="https://stevemadden.co.uk/products/giftcard"> 36<meta property="og:title" content="STEVE MADDEN UK DIGITAL GIFT CARD"> 37<meta property="og:type" content="product"> 38<meta property="og:description" content="Steve Madden online gift cards have you covered for every occasion, budget, and style. Make gifting easy for everyone with this fully digital gift card. Please note: the Steve Madden online gift card is only valid on our website in the original currency purchased. Your gift card will be emailed directly to you, the pur"> 39<meta name="format-detection" content="telephone=no"><meta property="og:image" content="http://stevemadden.co.uk/cdn/shop/files/DigitalGiftCard-2_1.png?v=1704279165"> 40 <meta property="og:image:secure_url" content="https://stevemadden.co.uk/cdn/shop/files/DigitalGiftCard-2_1.png?v=1704279165"> 41 <meta property="og:image:width" content="1000"> 42 <meta property="og:image:height" content="1000"><meta property="og:price:amount" content="50.00"> 43 <meta property="og:price:currency" content="GBP"><meta name="twitter:card" content="summary_large_image"> 44<meta name="twitter:title" content="STEVE MADDEN UK DIGITAL GIFT CARD"> 45<meta name="twitter:description" content="Steve Madden online gift cards have you covered for every occasion, budget, and style. Make gifting easy for everyone with this fully digital gift card. Please note: the Steve Madden online gift card is only valid on our website in the original currency purchased. Your gift card will be emailed directly to you, the pur"> 46 47<link rel="icon" type="image/png" href="https://images.contentstack.io/v3/assets/blt563c8045b0161467/blt4eacf01be477b25a/678144ee532fd67b6e5a1b10/favicon-32x32.png"> 48 49 <link rel="preconnect" href="https://swym.it/"> 50 <link rel="preconnect" href="https://www.api.fastsimon.com/" crossorigin> 51 <link rel="preconnect" href="https://images.contentstack.io"> 52 <!-- Google Tag Manager --> 53 54 55
55<script> 56window.dataLayer = window.dataLayer || []; 57 58 function readCookie(name) { 59 var nameEQ = name + "="; 60 var ca = document.cookie.split(';'); 61 for (var i = 0; i < ca.length; i++) { 62 var c = ca[i].trim(); 63 if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length); 64 } 65 return null; 66 } 67 68 function gtag() { 69 window.dataLayer.push(arguments); 70 } 71 72 gtag('set', 'url_passthrough', true); 73 gtag('set', 'ads_data_redaction', true); 74 75 function setDefaultGoogleConsent() { 76 gtag('consent', 'default', { 77 ad_storage: 'denied', 78 analytics_storage: 'denied', 79 ad_user_data: 'denied', 80 ad_personalization: 'denied', 81 functionality_storage: 'denied', 82 personalization_storage: 'denied', 83 security_storage: 'granted', // usually kept granted for essential cookies 84 wait_for_update: 500, 85 }); 86 } 87 88 try { 89 var otCookie = decodeURIComponent(readCookie('OptanonConsent') || ''); 90 var otGroups = otCookie.split("groups=").pop().split("&")[0]; 91 var otValues = otGroups.split(',').reduce(function(acc, pair) { 92 var parts = pair.split(':'); 93 if (parts.length === 2) { 94 var key = parts[0]; 95 var value = parts[1]; 96 acc[key] = value; 97 } 98 return acc; 99 }, {}); 100 101 if (Object.keys(otValues).length > 0) { 102 gtag('consent', 'default', { 103 ad_storage: otValues.C0004 === "1" ? 'granted' : 'denied', 104 analytics_storage: otValues.C0002 === "1" ? 'granted' : 'denied', 105 personalization_storage: otValues.C0003 === "1" ? 'granted' : 'denied', 106 functionality_storage: otValues.C0003 === "1" ? 'granted' : 'denied', 107 ad_personalization: otValues.C0004 === "1" ? 'granted' : 'denied', 108 ad_user_data: otValues.C0004 === "1" ? 'granted' : 'denied', 109 security_storage: 'granted' 110 }); 111 } else { 112 setDefaultGoogleConsent(); 113 } 114 } catch (e) { 115 console.error("Consent parsing error:", e); 116 setDefaultGoogleConsent(); 117 } 118 119</script>
119 120 121 122 123 124 125 126
126<script async> 127 128 129 (function (w, d, s, l, i) { 130 w[l] = w[l] || []; 131 w[l].push( { 'gtm.start':new Date().getTime(),event:'gtm.js'}); 132 var f=d.getElementsByTagName(s)[0], 133 j=d.createElement(s), 134 dl=l!='dataLayer'?'&l='+l:''; 135 j.async=true; 136 j.src='https://analytics.stevemadden.co.uk/gtm.js?id='+i+dl; 137 f.parentNode.insertBefore(j,f); 138 })(window, document, 'script', 'dataLayer', 'GTM-KWRZD5V'); 139 window.hpdl = []; 140 141 /* Fast Simon settings */ 142 window.FS_UUID ="16b43087-68f1-46c5-9574-21edd1c0367b"; 143 window.FS_STORE_ID ="8339030082"; 144 window.FS_WIDGET_ID ="17310602513215561"; 145 window.FAST_SIMON_CUSTOM_STORE_ID = "8339030082"; 146 window.FAST_SIMON_STORE_ID = "8339030082"; 147 148 149 150 151 /*quantity limit based on flag*/ 152 window.order_count = window.order_count || 0; 153 154 window.order_count = 0 || 0; 155 window.enabled_max_units = true; 156 157 window.__DV_FLAGS__ = window.__DV_FLAGS__ || {}; 158 window.__DV_FLAGS__.qvGrid2x2 = false; 159 window.styliticsCollectionVideo = 160 161 null; 162 163 164 165 window.__SM_CUSTOMER_LOGGED_IN__ = false; 166 167 168 // ATC Guard: prevents early form submit fallback to /cart 169 window.__ajaxAtcReady = false; 170 171 // Block native submits to /cart/add until our AJAX handler is bound 172 document.addEventListener('submit', function(e) { 173 var form = e.target; 174 if (!form || form.tagName !== 'FORM') return; 175 176 // Only Shopify ATC forms 177 if (form.getAttribute('action') !== '/cart/add') return; 178 179 if (!window.__ajaxAtcReady) { 180 e.preventDefault(); 181 e.stopPropagation(); 182 } 183 }, true); 184 185 document.addEventListener('click', function(e) { 186 var btn = e.target.closest('button[type="submit"], input[type="submit"]'); 187 if (!btn) return; 188 189 var form = btn.closest('form[action="/cart/add"]'); 190 if (!form) return; 191 192 if (!window.__ajaxAtcReady) { 193 e.preventDefault(); 194 e.stopPropagation(); 195 } 196 }, true); 197 </script>
197 198 199 <!-- Source defence Script must be at top --> 200 201 202 203
203<script> 204 205 206 207 208</script>
208 209 <link href="//stevemadden.co.uk/cdn/shop/t/961/assets/base.css?v=89849890284939527501784911796" rel="stylesheet" type="text/css" media="all" /> 210
211<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/jquery.min.js?v=8324501383853434791755523921" type="text/javascript"></script>
211 212 <!-- Fast Simon --> 213
213<script 214 id="autocomplete-initilizer" 215 src="https://static-autocomplete.fastsimon.com/fast-simon-autocomplete-init.umd.js?mode=shopify&UUID=16b43087-68f1-46c5-9574-21edd1c0367b&store=8339030082" 216 async 217 ></script>
217 218 219 220 221 <!-- Fast Simon --> 222 <meta charset="utf-8"> 223 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 224 <meta name="viewport" content="width=device-width,initial-scale=1"> 225 <meta name="theme-color" content=""> 226 227 228 229 230 231 232 <meta name="google-site-verification" content="pCNzLksjAcFtNhiSKhsk392Uy6VvLADOXSrbanzlKLI"/> 233 234 235 236 237 <meta name="google-site-verification" content="oXSXbqYyrjOT8ceFCPIsiiMLsUiY39oxArPawOLdAtQ"/> 238 239 240 241 242 <meta name="google-site-verification" content="M4WgxCFr3Y0uw45036ZcW-4ODQRftX1qChvXwi2Cquo"/> 243 244 245 246 247 <meta name="google-site-verification" content="unJSVKhudUCFJAXnJ82LE2zpu2DjYfkKp1UKQXx6O0Y"/> 248 249 250 251 252 <meta name="p:domain_verify" content="f2d5079f7afe71c77e87dcb25012f8d5"/> 253 254 255 256 257 258 <!--- 259Auto-generated by Fast Simon. 260DO NOT EDIT this as this file can be re-written at any time. 261---> 262 263 264 265 266 267 268 269 270 271 272
272<script defer src="//stevemadden.co.uk/cdn/shop/t/961/assets/promo-time-validator.js?v=137588525345329869811770112889"></script>
272 273 274 275<style id="initial-load-hidden-filters"> 276 .query-cat-name { display: none !important } 277 .fs-num-results {display: none !important; } 278 @media only screen and (min-width: 767px) { 279 .product-content { 280 flex-wrap: wrap !important; 281 } 282 .product-content div.product-info.info-container { 283 flex: 1 !important; 284 } 285 } 286 @media only screen and (min-width: 1024px) { 287 #fs-serp-app .fs-app-content.filters-grid-wrapper { 288 grid-template-columns: 0 calc(100% - var(--product-grid-page-padding)); 289 } 290 #fs-ssr-app-content .grid-container { 291 grid-template-columns: repeat(4, calc(100% / 4)) !important; 292 justify-content: center; 293 grid-template-columns: repeat(var(--product-grid-number-of-columns), calc(calc(100% / var(--product-grid-number-of-columns)) - 0px)) !important; 294 grid-column-gap: 0px; 295 --product-grid-column-gap: 0px; 296 } 297 .grid-container { 298 grid-template-columns: repeat(4, calc(100% / 4)) !important; 299 } 300 #fs-serp-app { 301 --product-grid-number-of-columns: 4 !important; 302 } 303 .query-cat-name ,.cstm-cat-name{ 304 font-family: acumin-pro-extra-condensed, sans-serif !important; 305 line-height: 1.5 !important; 306 font-size: 40px !important; 307 font-weight: bold !important; 308 color: #000 !important; 309 letter-spacing: 0.25px !important; 310 text-transform: uppercase !important; 311 padding: 0 !important; 312 } 313 .my-badge-label{ 314 padding-right: 0 !important; 315 } 316 span.my-badge-label>img { 317 max-height: 30px !important; 318 } 319 .fs-top-container-desktop .button-wrapper { 320 display: none !important; 321 } 322 /* .fs-top-container-desktop { 323 margin: 0 0 0 -22px; 324 } */ 325 .fs-app-content-left-block .filters-container { 326 overflow: hidden !important; 327 height: 0 !important; 328 } 329 .filters-container::-webkit-scrollbar-thumb { 330 background: unset !important; 331 } 332 .fs-top-container-desktop { 333 grid-area: span 1 / span 2; 334 display: flex !important; 335 justify-content: space-between !important; 336 align-items: center !important; 337 max-width: calc(100% - 39px); 338 padding-left: 5px !important; 339 margin-left:15px; 340 } 341 } 342 343</style> 344 345<style id="initial-load-fs-num-results"> 346 347 .query-cat-name ,.cstm-cat-name{ 348 font-family: acumin-pro-extra-condensed, sans-serif !important; 349 line-height: 1.5 !important; 350 font-size: 40px !important; 351 font-weight: bold !important; 352 color: #000 !important; 353 letter-spacing: 0.25px !important; 354 text-transform: uppercase !important; 355 padding: 0 !important; 356 } 357 .fs-top-container-desktop { 358 grid-area: span 1 / span 2; 359 display: flex !important; 360 justify-content: space-between !important; 361 align-items: center !important; 362 max-width: calc(100% - 18px); 363 padding-left: 5px !important; 364 margin-left:15px; 365 } 366 367 @media only screen and (max-width: 768px) { 368 #fs-serp-app .fs-top-container-mobile { 369 min-height: 151px; 370 } 371 } 372 @media only screen and (min-width: 1024px) { 373 .grid-container { 374 grid-template-columns: repeat(4, calc(100% / 4)) !important; 375 } 376 } 377</style> 378 379 380<style id="fs-ssr-custom-styles"> 381 #fs-serp-app .fs-scroll-to-top-button svg { 382 background-color: #000; 383 width: 50px; 384 height: 30px; 385 padding: 6px 4px; 386 border-radius: 20px; 387 } 388 #fs-serp-app .fs-scroll-to-top-icon-mode { 389 width: fit-content; 390 } 391 #fs-serp-app .fs-select-wrapper { 392 display: none !important; 393 } 394 #fs-serp-app .fs-top-container-mobile .fs-select-wrapper { 395 display: block !important; 396 } 397 /* new 1.09.25 start */ 398 #fs-serp-app .color-swatch-color-name { 399 display: block; 400 } 401 #fs-serp-app .product-card-items-wrapper .product-info.info-container { 402 grid-template-columns: auto 1fr 1fr auto !important; 403 } 404 #fs-serp-app .fs-app-content { 405 margin-top: 0px; 406 } 407 @media screen and (max-width: 770px) { 408 #fs-serp-app #fs_filter_size .fs-checkbox-label .fs-serp-filter-count { 409 display: none !important; 410 } 411 } 412 @media screen and (min-width: 1500px) { 413 #fs-serp-app .fs-scroll-to-top-button { 414 width: 99vw; 415 /* padding-left: calc(100vw - 1484px); */ 416 margin-left: calc((100vw - 1478px) / -2); 417 background-color: transparent; 418 display: flex; 419 justify-content: flex-end; 420 right: 0; 421 bottom: 160px !important; 422 background: transparent !important; 423 } 424 #fs-serp-app .fs-scroll-to-top-button svg { 425 background-color: #000; 426 width: 50px; 427 height: 30px; 428 padding: 6px 4px; 429 border-radius: 20px; 430 } 431 } 432 /* new 1.09.25 end */ 433 /* new CSS for Shadow-root */ 434 *, *::before, *::after { 435 box-sizing: border-box; 436 margin: 0; 437 } 438 439 .fs-page-title-container.cstm { 440 max-width: 1484px; 441 margin: auto; 442 color: #000; 443 display: flex 444 } 445 .fs-filters-btn-visible:before, .fs-filters-btn-hidden:before { display: none !important; } 446 .hide-filters-button { display: inline-block !important; white-space: nowrap; } 447 .fs-product-image-link { 448 background: #F0F0F0; 449 } 450 .fs-top-container { 451 min-height: 54px !important; 452 } 453 454 @media only screen and (min-width: 1023px) { 455 #fs-serp-app .fs-app-content { 456 padding: 0 8px !important; 457 } 458 .fs-page-title-container.cstm { 459 padding-left: 40px; 460 } 461 [lang="ar"] .fs-page-title-container.cstm { 462 padding-right: 40px; 463 } 464 } 465 #fs-serp-app span.title, #fs-serp-app .fs-category-title, #fs-serp-app .fs-product-title { 466 font-family: "TradeGothicLTStdBold", sans-serif !important; 467 text-transform: uppercase; 468 } 469 #fs-serp-app .fs-app-content a { 470 order: -1; 471 } 472 .fs-promo-text a:has(.promo-copied) { 473 display: block; 474 } 475 .fs-page-title-container { 476 flex-wrap: wrap; 477 } 478 .fs_category_descriptoin_cstm { 479 flex-basis: 100%; 480 width: 100%; 481 margin-left: 38px; 482 } 483 #fs-serp-app amazon-delivery-message { 484 order: 10; 485 } 486 /* CSS for Color by tag filter start */ 487 #fs_filter_colortag .fs-serp-filter-text { 488 width: 100%; 489 text-align: center; 490 } 491 #fs_filter_colortag .show-more-button { 492 display: none; 493 } 494 #fs_filter_colortag .category-items { 495 display: grid !important; 496 justify-content: center; 497 grid-template-columns: repeat(3, 1fr) !important; 498 gap: 14px; 499 } 500 #fs-serp-app #fs_filter_colortag .fs-serp-filter-count { 501 display: none !important; 502 } 503 #fs_filter_colortag .fs-checkbox { 504 flex-direction: column; 505 } 506 #fs_filter_colortag .fs-selected-checkbox.color-swatch { 507 border: 1px solid black; 508 } 509 #fs_filter_colortag .fs-checkbox-label { 510 order: 2; 511 } 512 #fs_filter_colortag .color-swatch { 513 margin: 0 auto 5px auto; 514 max-height: 30px !important; 515 max-width: 30px !important; 516 width: 100%; 517 height: 30px; 518 box-shadow: none !important; 519 border-radius: 50%; 520 background-size: contain; 521 order: 1; 522 border: 1px solid #00000047; 523 } 524 #fs_filter_colortag .color-swatch.white { 525 border: 1px solid #00000047; 526 } 527 #fs_filter_colortag .color-swatch.brown { 528 background-color: #7B3F00 !important; 529 } 530 #fs_filter_colortag .color-swatch.tan { 531 background-color: #D2B48C !important; 532 } 533 @media only screen and (max-width: 770px) { 534 #fs-serp-app #fs_filter_colortag .category-items { 535 display: flex !important; 536 flex-wrap: wrap; 537 justify-content: space-between; 538 flex-direction: row; 539 } 540 #fs_filter_colortag .color-swatch { 541 width: 30px; 542 height: 30px; 543 box-shadow: unset; 544 margin: 5px 20px 3px; 545 } 546 #fs_filter_colortag .fs-selected-checkbox .color-swatch { 547 border: 1px solid black; 548 } 549 } 550 /* CSS for Color by tag filter end */ 551 552 #fs-serp-app .fs-filter-swatch-name-brown .color-swatch { 553 background-color: #7B3F00 !important; 554 } 555 #fs-serp-app .fs-filter-swatch-name-tan .color-swatch { 556 background-color: #D2B48C !important; 557 } 558 cart-drawer-items.is-empty{ 559 display:none !important; 560 } 561 #fs-ssr-app-content .product-container-visibility-hidden { 562 content-visibility: unset; 563 } 564 565 #fs-ssr-app-content .fs-results-product-card img.product-img { 566 width: 100%; 567 object-fit: cover; 568 display: block; 569 } 570 571 572 573 .color-count, .query-cat-name, #fs-product-grid-container .actions, .fs-app-content-center-block .divider { 574 display: none; 575 } 576 577 .fs-results-product-card:hover .actions { 578 display: block !important; 579 transition: all .3s ease-in-out; 580 } 581 582 583 584 #fs-product-grid-container .actions{ 585 display: none !important; 586 } 587 588 589 590 #fs-ssr-app-content .fs-top-container { 591 padding: 0; 592 display: flex; 593 min-height: 33px; 594 margin-bottom: 16px;
595 --title-font-weight: 600; 596 --title-font-family: Arial; 597 --title-font-size: 16px; 598 --title-letter-spacing: 0; 599 --title-line-height: auto; 600 --title-color: #000000; 601 --title-height: 54px; 602 --option-font-weight: 500; 603 --option-font-family: Arial; 604 --option-font-size: 14px; 605 --option-letter-spacing: 0; 606 --option-line-height: auto; 607 --option-color: #000000; 608 --option-height: 40px; 609 --selected-background: #dfdfdf; 610 --modal-height: fit-content; 611 --modal-border-radius: 16px 16px 0 0; 612 --modal-background: #FFFFFF; 613 --sel-button-radius: 0; 614 --sel-button-border: 1px solid #cccccc; 615 --sel-button-width: 150px; 616 --sel-button-height: 35px; 617 } 618 619 #fs-serp-app .results-query-wrapper { 620 flex-direction: row; 621 gap: 10px; 622 align-items: center; 623 text-transform: uppercase; 624 } 625 626 #fs-serp-app .add_wish_class { 627 grid-area: wish; 628 } 629 630 .add_wish_class { 631 align-items: flex-end; 632 width: 100%; 633 } 634 635 #fs-serp-app .product-info.info-container { 636 min-height: unset !important; 637 grid-template-areas: 638 "title title title wish" 639 "price price price wish" 640 "moreColors moreColors moreColors moreColors" 641 "reviews reviews reviews reviews" !important; 642 grid-template-columns: 1fr 1fr 1fr; 643 } 644 645 .product-content div.product-info.info-container { 646 padding: 0; 647 order: -1; 648 align-items: start; 649 height: max-content; 650 justify-items: start; 651 } 652 653 #fs-serp-app .my-colorswatch-labels { 654 grid-area: moreColors; 655 } 656 657 .my-colorswatch-labels { 658 color: #8e8e8e; 659 font-size: 14px; 660 font-family: 'TradeGothicLTStd', sans-serif; 661 padding: 0; 662 text-transform: uppercase; 663 line-height: 1; 664 flex: 0 0 85px; 665 text-align: right; 666 } 667 668 .fs-promo-text { 669 font-size: clamp(0.875rem, 0.839rem + 0.1802vw, 1rem); 670 white-space: normal !important; 671 color: #b20000 !important; 672 width: 100%; 673 line-height: 1.3; 674 margin-bottom: 0 !important; 675 font-family: "TradeGothicLTStd", sans-serif; 676 text-align: left; 677 } 678 679 .fs-promo-text { 680 order: 4; 681 } 682 683 .product-content { 684 justify-content: start !important; 685 } 686 687 #fs-serp-app #fs-ssr-app-content .fs-serp-product-title .fs-product-title-wrapper .product-title.fs-product-title { 688 text-transform: uppercase !important; 689 } 690 691 .desktop_wishlist { 692 position: relative !important; 693 right: 0; 694 z-index: 0 !important; 695 padding: 0px 9px !important; 696 min-width: 25px; 697 display: flex; 698 align-items: center; 699 justify-content: flex-end !important; 700 } 701 702 .fast_product_quick_shop button { 703 background: unset; 704 color: #000; 705 padding: 0; 706 font-size: 16px; 707 letter-spacing: .8px; 708 text-transform: uppercase; 709 border: 0; 710 line-height: 1.5; 711 cursor: pointer; 712 } 713 714 .fs-heart-button-wrapper { 715 visibility: hidden; 716 } 717 718 .my-badge-labels { 719 position: absolute; 720 right: 10px; 721 width: 100%; 722 top: 10px; 723 display: block; 724 height: 30px; 725 z-index: 1; 726 background-color: unset !important; 727 color: #000 !important; 728 font-size: 10px; 729 padding: 0 3px 0 3px; 730 } 731 732 .desktop_wishlist span { 733 display: block !important; 734 min-width: 16px !important; 735 } 736 737 #fs-serp-app #fs-ssr-app-content .fs-serp-product-title .fs-product-title-wrapper .product-title.fs-product-title { 738 text-transform: uppercase !important; 739 } 740 741 /* .fs-product-title { 742 margin: 15px auto 5px; 743 } */ 744 745 .product-container { 746 justify-content: unset !important; 747 } 748 749 .fs-product-main-image-wrapper img.product-image, .fs-product-main-image-wrapper img.product-img { 750 border: none !important; 751 display: inline-block; 752 /* position: absolute; */ 753 opacity: 1; 754 top: 50%; 755 left: 0; 756 vertical-align: middle; 757 max-width: 100%; 758 width: 100%; 759 height: auto; 760 -o-object-fit: cover; 761 object-fit: cover; 762 -o-object-position: center; 763 object-position: center; 764 /* -ms-transform: translateY(-50%); 765 transform: translateY(-50%); */ 766 mix-blend-mode: darken; 767 } 768 769 #fs-serp-app .fs-product-has-compare .product-info.info-container { 770 grid-template-areas: 771 "title title title wish" 772 "compare price price wish" 773 "moreColors moreColors moreColors moreColors" 774 "reviews reviews reviews reviews" !important; 775 grid-template-columns: auto 1fr 1fr !important; 776 } 777 778 .price-container, .compare-container { 779 align-self: center !important; 780 } 781 782 .price-is-compare .fs-price { 783 color: #b20000 !important; 784 } 785 786 .price, .compare { 787 line-height: 1.2 !important; 788 font-family: acumin-pro, sans-serif !important; 789 } 790 791 #fs-serp-app .fs-product-title { 792 font-family: "TradeGothicLTStdBold", sans-serif !important; 793 text-align: start; 794 } 795 796 .filters-button-wrapper { 797 color: black !important; 798 font-size: 16px !important; 799 } 800 801 .fs-top-container { 802 position: sticky; 803 top: 0; 804 background-color: white; 805 z-index: 2; 806 } 807 808 #fs-serp-app .category-items .slider-container { 809 margin-top: 10px; 810 margin-bottom: 15px; 811 display: flex; 812 flex-direction: column-reverse; 813 width: 100%; 814 } 815 816 .slide-input-container { 817 gap: 0.5rem; 818 justify-content: space-between; 819 padding-top: 10px; 820 padding-bottom: 10px; 821 } 822 823 .slider-input-box { 824 padding: 0.5rem !important; 825 border: none !important; 826 border-radius: 0 !important; 827 } 828 829 .input-currency-symbol, .input-p, .fs-related-categories-container { 830 display: block; 831 font-size: 16px !important; 832 } 833 834 .price-input { 835 text-align: center !important; 836 all: unset; 837 padding: 0.5rem !important; 838 border: 2px solid black !important; 839 border-radius: 99vw !important; 840 max-width: 27px; 841 height: 27px !important; 842 } 843 844 .rangeSlider { 845 background: rgba(65, 66, 71, 0.08) !important; 846 border: 1px solid #ddd; 847 height: 6px !important; 848 border-radius: 0 !important; 849 } 850 851 .fs-category-title { 852 font-family: "TradeGothicLTStdBold", sans-serif !important; 853 } 854 855 .category-container { 856 border-top: 1px solid #e7e7e7 !important; 857 } 858 859 #fs-serp-app #fs_filter_tamanho .category-items, 860 #fs-serp-app #fs_filter_size .category-items { 861 display: grid; 862 grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); 863 gap: 0.5rem; 864 padding-left: 0; 865 align-items: center; 866 display: grid; 867 flex-wrap: wrap; 868 flex-direction: row; 869 } 870 871 #fs-serp-app .category-items:not(.collapsed) { 872 max-height: 100%; 873 } 874 875 #fs-serp-app #fs_filter_size .fs-checkbox-label, #fs-ssr-app-content .fs-category-container[data-filter-id="tag_filter_0.235"] .fs-checkbox-label, 876 #fs-serp-app #fs_filter_tamanho .fs-checkbox-label, #fs-ssr-app-content .fs-category-container[data-filter-id="tag_filter_0.235"] .fs-checkbox-label { 877 padding: 8px 12px; 878 width: 100%; 879 text-align: center; 880 border: 2px solid #000 !important; 881 line-height: 32px; 882 border-radius: 99vw !important; 883 display: inline-block; 884 font-family: 'TradeGothicLTStd', sans-serif; 885 text-transform: uppercase !important; 886 font-weight: 400; 887 overflow: hidden; 888 text-overflow: ellipsis; 889 } 890
891 .modal-mobile-filters .checkbox .fs-checkbox-label.checkbox-label { 892 padding-left: 0 !important; 893 padding-right: 0 !important; 894 } 895 896 #fs_filter_talla .show-more-button, #fs_filter_size .show-more-button, #fs_filter_taglia .show-more-button, #fs_filter_tamanho .show-more-button { 897 width: 100%; 898 padding-left: 3px; 899 padding-top: 6px; 900 } 901 902 .show-more-button { 903 align-items: center; 904 margin-top: 10px; 905 grid-column: 1; 906 } 907 908 .show-more-button-text { 909 font-family: "TradeGothicLTStd", sans-serif !important; 910 font-weight: 400 !important; 911 font-size: 13.33px; 912 text-transform: uppercase !important; 913 white-space: nowrap; 914 } 915 916 #fs-serp-app .category-items { 917 gap: 10px; 918 display: flex; 919 flex-direction: column; 920 } 921 922 .fs-serp-filter-count { 923 font-size: 16px !important; 924 color: black !important; 925 } 926 927 .rating-facet .checkbox-label.fs-checkbox-label .stars { 928 display: inline-flex !important; 929 margin-right: 6px; 930 } 931 932 .stars.svelte-miclsm, .and-up.svelte-miclsm, .count.svelte-miclsm { 933 position: relative; 934 font-size: 16px !important; 935 } 936 937 #fs-serp-app .category-container .fs-checkbox-label { justify-content: flex-start; gap: 10px; } 938 939 .rangeSlider .rangeBar { 940 height: 6px !important; 941 background-color: black !important; 942 } 943 944 #price-range-slider .rheostat-marker-horizontal { 945 background: #ddd; 946 width: 1px; 947 height: 5px; 948 pointer-events: none; 949 display: block; 950 top: 5px; 951 } 952 953 #price-range-slider .rheostat-marker-large { 954 background: #ddd; 955 width: 2px !important; 956 height: 12px !important; 957 display: block; 958 } 959 960 #price-range-slider .rheostat-value { 961 padding-top: 15px; 962 font-size: 0.8em; 963 transform: translateX(-50%); 964 position: absolute; 965 } 966 967 .rangeSlider .rangeNub, .rangeSlider.focus .rangeNub { 968 background-color: #fff !important; 969 border: 1px solid #D9D9D9; 970 transform: none !important; 971 box-shadow: none !important; 972 } 973 974 .rangeSlider .rangeNub, .rangeSlider .rangeHandle:before { 975 height: 20px !important; 976 width: 20px !important; 977 } 978 979 #fs_filter_price .category-items { 980 overflow: unset !important; 981 } 982 983 984 #fs-serp-app .color-swatch-color-name:first-letter { 985 text-transform: uppercase; 986 } 987 988 989 990 .removable-tags-wrapper:before { 991 content: "Selected Filters"; 992 font-weight: 700; 993 font-size: 24px; 994 padding-top: 10px; 995 padding-bottom: 6px; 996 padding-left: 5px; 997 } 998 999 .removable-tags-wrapper > span { 1000 padding-left: 8px; 1001 } 1002 1003 .fs-in-filters-tags .removable-tag-container .removable-tag { 1004 background: #f4f4f4; 1005 height: 33px !important; 1006 padding: 0 !important; 1007 flex-direction: row-reverse; 1008 justify-content: flex-end !important; 1009 } 1010 1011 .fs-in-filters-tags .removable-tag-container .removable-tag { 1012 transition: none !important; 1013 } 1014 1015 .fs-in-filters-tags .removable-tag-container .removable-tag-text { 1016 padding: 4px 6px; 1017 display: flex; 1018 gap: 6px; 1019 } 1020 1021 .fs-in-filters-tags .removable-tag-container .removable-tag-remove-button { 1022 height: 100%; 1023 align-items: center; 1024 background: #e0e0e0; 1025 padding: 4px 6px !important; 1026 } 1027 1028 .fs-top-container-mobile .removable-tags-wrapper { 1029 display: none !important; 1030 } 1031 1032 .modal-mobile-filters .category-items .fs-selected-checkbox .fs-checkbox-label.checkbox-label { 1033 background-color: transparent !important; 1034 } 1035 1036 .filters-option-text { 1037 color: black !important; 1038 } 1039 1040 .fs-top-container-desktop .fs-top-right-block .button-wrapper:after { 1041 content: ""; /* Changed from "FILTER AND SORT" - text is now set via JavaScript innerText for accessibility, ::after only displays the icon */ 1042 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='44px' height='44px' viewBox='0 0 150 150' version='1.1'%3E%3Ctitle%3EFilters Toggle%3C/title%3E%3Cg id='filter_black' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Crect id='Rectangle' fill='%23000000' x='48' y='62' width='64' height='6' rx='3'%3E%3C/rect%3E%3Crect id='Rectangle-Copy' fill='%23000000' x='48' y='92' width='64' height='6' rx='3'%3E%3C/rect%3E%3Crect id='Rectangle' fill='%23000000' x='90' y='57' width='6' height='16' rx='3'%3E%3C/rect%3E%3Crect id='Rectangle-Copy-2' fill='%23000000' x='64' y='87' width='6' height='16' rx='3'%3E%3C/rect%3E%3C/g%3E%3C/svg%3E"); height: 40px; 1043 width: 100%; 1044 background-repeat: no-repeat; 1045 display: flex; 1046 justify-content: flex-end; 1047 align-items: center; 1048 background-position-y: center; 1049 } 1050 1051 .fs-top-right-block { 1052 margin-top: 15px; 1053 } 1054
1055 .filters-grid-wrapper .fs-app-content-left-block { 1056 padding-left: 27px; 1057 } 1058 1059 .filters-container { 1060 border-right: none !important; 1061 scrollbar-width: 5px !important; 1062 } 1063 1064 .fs-app-content-left-block .filters-container { 1065 position: sticky; 1066 top: 52px; 1067 background-color: white; 1068 z-index: 9; 1069 overflow-y: auto; 1070 max-height: 93dvh; 1071 padding-right: 6px; 1072 } 1073 .filters-container::-webkit-scrollbar { 1074 width: 10px !important; 1075 } 1076 1077 .filters-container::-webkit-scrollbar-thumb { 1078 background: #888; 1079 } 1080 1081 .filters-container::-webkit-scrollbar-track { 1082 background: #f1f1f1; 1083 } 1084 1085 .fs-modern-filters-sorting-title { 1086 font-family: "TradeGothicLTStdBold", sans-serif !important; 1087 font-size: 24px; 1088 } 1089 1090 #fs-serp-app .fs-modern-filters-sorting-block .fs-serp-checkmark { 1091 display: none !important; 1092 } 1093 1094 #fs-serp-app .fs-serp-checkmark { 1095 display: none; 1096 } 1097 1098 .fs-serp-facets-swatches .color-swatch-container .color-swatch.selected + .color-swatch-color-name, .checkbox.fs-checkbox.fs-selected-checkbox .checkbox-label .filters-option-text, .checkbox.fs-checkbox.fs-selected-checkbox .checkbox-label .fs-serp-filter-count { 1099 font-weight: 600 !important; 1100 color: #000 !important; 1101 } 1102 1103 #fs-serp-app .category-title.fs-category-title { 1104 border-bottom: unset; 1105 text-transform: capitalize; 1106 } 1107 1108 span.title, .fs-category-title, .fs-product-title { 1109 font-family: "TradeGothicLTStdBold", sans-serif !important; 1110 text-transform: uppercase; 1111 } 1112 1113 #fs-serp-app #fs_filter_size .fs-checkbox-label .fs-serp-filter-count, #fs-serp-app #fs_filter_tamanho .fs-checkbox-label .fs-serp-filter-count, #fs-ssr-app-content .fs-category-container[data-filter-id="tag_filter_0.235"] .fs-checkbox-label .fs-serp-filter-count { 1114 display: none; 1115 } 1116 1117 .fs-color-swatch-with-count { justify-content: center; } 1118 1119 #fs-serp-app .fs-color-swatch-container { 1120 display: flex; 1121 align-items: center; 1122 flex-direction: column; 1123 height: 100%; 1124 } 1125 1126 #fs-serp-app .fs-color-swatch-container { 1127 display: flex; 1128 align-items: center; 1129 flex-direction: column; 1130 height: 100%; 1131 } 1132 1133 .fs-serp-facets-swatches .color-swatch-container .color-swatch { 1134 margin: 0 auto 5px auto; 1135 max-height: 30px !important; 1136 max-width: 30px !important; 1137 width: 30px; 1138 height: 30px; 1139 box-shadow: none !important; 1140 } 1141 1142 1143 .compare-container .compare { 1144 color: #8e8e8e !important; 1145 font-family: "acumin-pro", sans-serif !important; 1146 font-weight: 600; 1147 opacity: 1 !important; 1148 text-decoration: 2px line-through; 1149 } 1150 .price, .compare { 1151 line-height: 1.2 !important; 1152 font-family: acumin-pro, sans-serif !important; 1153 } 1154 .sr-only { 1155 position: absolute; 1156 width: 1px; 1157 height: 1px; 1158 margin: -1px; 1159 padding: 0; 1160 overflow: hidden; 1161 clip: rect(0, 0, 0, 0); 1162 border: 0; 1163 } 1164 .price-container, .compare-container { 1165 align-self: center !important; 1166 } 1167 1168 .my-badge-label { 1169 font-family: acumin-pro, sans-serif; 1170 font-size: 12px; 1171 color: black !important; 1172 background-color: transparent !important; 1173 border: transparent !important; 1174 padding: 5px 20px; 1175 text-transform: uppercase; 1176 line-height: 1; 1177 font-weight: bold; 1178 z-index: 1; 1179 right: 0px; 1180 position: absolute; 1181 } 1182 1183 .my-badge-labels { 1184 position: absolute; 1185 right: 10px; 1186 width: 100%; 1187 top: 10px; 1188 display: block; 1189 height: 30px; 1190 z-index: 1; 1191 background-color: unset !important; 1192 color: #000 !important; 1193 font-size: 10px; 1194 padding: 0 3px 0 3px; 1195 } 1196 1197 .fs-num-results { 1198 font-family: "TradeGothicLTStd", sans-serif; 1199 line-height: 1.5; 1200 font-size: 1.125rem !important; 1201 font-weight: 400; 1202 display: block !important; 1203 } 1204 #fs-serp-app .my-colorswatch-labels { margin-top: 10px; } 1205 1206 cart-drawer.is-empty .fast-simon-upsell-1724942580610 { 1207 display: none !important; 1208 } 1209 1210 #fs-ssr-app-content .custom-option.fs-custom-option.selected {
1211 background-image: url(https://ssl.gstatic.com/ui/v1/menu/checkmark2.png); 1212 background-position: left center; 1213 background-repeat: no-repeat; 1214 } 1215 1216 #fs-ssr-app-content .custom-option.fs-custom-option { 1217 color: #000 !important; 1218 background-color: transparent !important; 1219 outline: none !important; 1220 padding: 0 30px; 1221 } 1222 1223 .select-wrapper .custom-option { 1224 font-size: 14px; 1225 } 1226 1227 #fast-simon-serp-app { 1228 max-width: 1484px; 1229 margin: auto; 1230 } 1231 1232 .fs-brand-badge { 1233 margin-bottom: 0.25rem !important; 1234 font-size: clamp(12px, 12px, 1rem); 1235 font-family: "Gotham Bold", sans-serif; 1236 font-weight: 700; 1237 text-transform: uppercase; 1238 color: #757575; 1239 width: 100%; 1240 line-height: 1.3; 1241 margin-top: 0 !important; 1242 text-align: left; 1243 } 1244 #fast-simon-serp-app .title-container { 1245 display: inline !important; 1246 } 1247 .fs-promo-tile-product-wrapper span { 1248 display: none; 1249 } 1250 @media only screen and (max-width: 767px) { 1251 .info-container { 1252 align-content: space-between !important; 1253 } 1254 span.my-promo-label, .fs-promo-text { 1255 font-size: 14px !important; 1256 font-family: acumin-pro, sans-serif !important; 1257 } 1258 .product-content { 1259 1260 } 1261 #fs-serp-app #fs-ssr-app-content .my-colorswatch-labels { 1262 font-size: 13px; 1263 margin-top: 0px; 1264 } 1265 .fast_product_quick_shop button { 1266 font-size: 13px !important; 1267 font-family: acumin-pro, sans-serif !important; 1268 } 1269 .product-title { 1270 min-width: 120px; 1271 min-height: 30px; 1272 } 1273 .select__trigger:before { 1274 content: "Sort"; 1275 background-color: white; 1276 font-family: 'arimoregular' !important; 1277 color: black !important; 1278 font-size: 16px !important; 1279 z-index: 1; 1280 position: absolute; 1281 width: calc(100% - 40px); 1282 height: calc(100% - 5px); 1283 padding-left: 20px; 1284 } 1285 1286 span.my-promo-label, .fs-promo-text { 1287 font-size: 14px !important; 1288 font-family: acumin-pro, sans-serif !important; 1289 } 1290 1291 .fs-top-container { 1292 z-index: 2 !important; 1293 } 1294 } 1295 1296 @media only screen and (max-width: 520px) { 1297 #fs-serp-app .fs-top-container-mobile { 1298 margin-bottom: 16px !important; 1299 } 1300 #fs-serp-app #fs_filter_size .category-items, 1301 #fs-serp-app #fs_filter_tamanho .category-items { 1302 gap: 8px; 1303 padding: 0 8px !important; 1304 } 1305 #fs-serp-app #fs_filter_size .category-items > span, 1306 #fs-serp-app #fs_filter_tamanho .category-items > span { 1307 width: unset !important; 1308 } 1309 .removable-tags-wrapper > span { 1310 width: 100% !important; 1311 } 1312 .removable-tag { 1313 width: 100% !important; 1314 } 1315 } 1316 1317 @media only screen and (max-width: 1023px) { 1318 #fs-serp-app .fs-top-container-mobile { 1319 flex-direction: column; 1320 } 1321 1322 span.title, .fs-product-title, .pro_number, span.my-promo-label, .query-cat-name, .cstm-cat-name { 1323 font-family: acumin-pro-extra-condensed, sans-serif !important; 1324 } 1325 1326 .query-cat-name, .cstm-cat-name { 1327 font-family: acumin-pro-extra-condensed, sans-serif !important; 1328 line-height: 1.5 !important; 1329 font-size: 40px !important; 1330 font-weight: bold !important; 1331 color: #000 !important; 1332 letter-spacing: 0.25px !important; 1333 text-transform: uppercase !important; 1334 padding: 0 !important; 1335 } 1336 1337 .add_wish_class { 1338 grid-area: wish; 1339 height: 100%; 1340 display: flex; 1341 justify-content: space-between; 1342 flex-direction: column; 1343 margin-top: 3px; 1344 } 1345 1346 #fs-serp-app span.my-promo-label, .fs-promo-text { 1347 font-size: 17px; 1348 } 1349 1350 .product-content { 1351 margin-top: calc(1rem - 2px) !important; 1352 height: fit-content !important; 1353 } 1354 1355 .details_right_wrap { 1356 text-align: left; 1357 padding-top: 2px; 1358 padding-bottom: 2px; 1359 margin-bottom: 7px !important; 1360 } 1361 #fs-serp-app .fs-product-title { 1362 margin-top: 0 !important; 1363 font-size: 14.3784px !important; 1364 } 1365 #fs-serp-app .fs-app-content { 1366 padding: 0 10px; 1367 } 1368 #fs-serp-app .fs-price, #fs-serp-app .fs-compare, .bundle-promo-text-is { 1369 margin-bottom: 5px !important; 1370 font-size: 14.3784px !important; 1371 } 1372 #fs-serp-app .fs-smart-collection .fs-price, #fs-serp-app .fs-smart-collection .fs-compare, .fs-smart-collection .bundle-promo-text-is { 1373 margin-bottom: 10px !important; 1374 } 1375 1376 .price-is-compare > .fs-price { 1377 padding-left: 5px; 1378 } 1379 1380 .select-wrapper .custom-option, .selected-option.fs-selected-option, #fs-serp-app .filters-button-wrapper { 1381 font-family: 'arimoregular' !important; 1382 } 1383 1384 #fs-serp-app .filters-button-wrapper { 1385 margin-right: unset; 1386 } 1387 1388 .fs-top-bottom-left-block, .fs-top-bottom-right-block { 1389 width: 100% !important; 1390 } 1391 1392 .buttons-block { 1393 grid-template-columns: repeat(2, calc(calc(100% / 2) - 1px)); 1394 display: grid !important; 1395 grid-template-rows: auto; 1396 grid-template-areas: unset !important; 1397 max-width: unset !important; 1398 margin: auto !important; 1399 } 1400 .fs-top-bottom-right-block { 1401 align-items: center; 1402 width: 100%; 1403 justify-content: flex-start; 1404 padding-bottom: 0px !important; 1405 gap: 0px !important; 1406 } 1407 1408 .fs-top-container-mobile .select-wrapper.fs-select-wrapper { 1409 max-width: unset; 1410 width: 100%; 1411 } 1412 1413 .fs-top-bottom-left-block { 1414 border: var(--filters-btn-border, 1px solid #ccc); 1415 border-radius: var(--filters-btn-radius); 1416 height: 100%; 1417 display: flex; 1418 align-items: center; 1419 justify-content: center; 1420 min-height: 33px; 1421 } 1422 1423 #fs-serp-app .filters-button-wrapper { 1424 opacity: 0; 1425 position: absolute; 1426 } 1427 1428 .fs-top-bottom-left-block:after { 1429 content: "Filter"; 1430 } 1431 1432 #fs-serp-app #fs_filter_size .checkbox.fs-checkbox, 1433 #fs-serp-app #fs_filter_tamanho .checkbox.fs-checkbox { 1434 padding: 6px 0 !important; 1435 } 1436
1437 .modal-mobile-filters .checkbox .fs-checkbox-label.checkbox-label { 1438 border: unset !important; 1439 font-size: 14px !important; 1440 padding: 6px 0 !important; 1441 margin-top: 0 !important; 1442 } 1443 .show-more-button-text.svelte-qcwso2.svelte-qcwso2 { 1444 padding-left: 0 !important; 1445 } 1446 1447 #fs-serp-app .category-items { 1448 gap: 1px; 1449 } 1450 1451 .modal-mobile-filters .category-container.fs-category-container .category-items .filters-option-text.fs-serp-filter-text, .count.fs-result-page-1i3a2oc { 1452 font: 500 16px / 2 "TradeGothicLTStd", sans-serif; 1453 } 1454 1455 .modal-mobile-filters .category-container.fs-category-container:not(#fs_filter_size) .fs-serp-filter-count, 1456 .modal-mobile-filters .category-container.fs-category-container:not(#fs_filter_tamanho) .fs-serp-filter-count { 1457 display: block !important; 1458 } 1459 1460 .checkbox-label .stars .star { 1461 padding-right: 0px !important; 1462 } 1463 1464 .checkbox-label .stars .star svg { 1465 width: 22px !important; 1466 height: 22px !important; 1467 } 1468 1469 .fs-modern-mobile-filters-apply-button > span:first-child { 1470 padding-left: 11px; 1471 } 1472 1473 .fs-modern-mobile-filters-apply-button > span:not(:first-child) { 1474 display: none; 1475 } 1476 1477 .fs-modern-mobile-filters-apply-button, .fs-modern-mobile-filters-clear-all-button { 1478 width: calc(50% - 10px) !important; 1479 max-width: calc(50% - 10px) !important; 1480 font-size: 16px !important; 1481 font-weight: 400 !important; 1482 } 1483 1484 .fs-modern-mobile-filters-clear-all-button { 1485 background: transparent !important; 1486 border: 1px solid black !important; 1487 } 1488 1489 #fs-serp-app .fs-modern-mobile-filters-buttons-container { 1490 position: relative; 1491 padding: 10px; 1492 bottom: 20px; 1493 } 1494 1495 #fs-serp-app .fs-modern-mobile-filters-content-container { 1496 padding: 0 6px; 1497 } 1498
1499 .modal-mobile-filters .category-container.fs-category-container .category-items .fs-selected-checkbox .filters-option-text.fs-serp-filter-text, .count { 1500 font-weight: bold !important; 1501 } 1502 1503 .modal-mobile-filters .category-container.fs-category-container .category-items .filters-option-text.fs-serp-filter-text, .count { 1504 font: 500 16px / 2 "TradeGothicLTStd", sans-serif !important; 1505 } 1506 1507 .my-badge-label { 1508 z-index: 0 !important; 1509 } 1510 } 1511 1512 @media only screen and (max-width: 475px) { 1513 .my-colorswatch-labels { 1514 padding: 0; 1515 font-size: 14px; 1516 text-align: left; 1517 flex: 1 !important; 1518 } 1519 1520 #fs-serp-app .fs-price, #fs-serp-app .fs-compare, .bundle-promo-text-is { 1521 margin-bottom: 5px !important; 1522 font-size: 13px !important; 1523 } 1524 #fs-serp-app .fs-smart-collection .fs-price, #fs-serp-app .fs-smart-collection .fs-compare, .fs-smart-collection .bundle-promo-text-is { 1525 margin-bottom: 10px !important; 1526 } 1527 } 1528 1529 @media only screen and (max-width: 51.875em) { 1530 .product-content { 1531 margin-top: 10px !important; 1532 } 1533 } 1534 1535 @media only screen and (max-width: 830px) { 1536 .fs-modern-filters-close-button svg path { 1537 fill: #fff; 1538 } 1539 .modal-mobile-filters .category-container.fs-category-container { 1540 margin: 0; 1541 padding: 10px 0; 1542 } 1543 .modal-mobile-filters .swatches.fs-serp-facets-swatches .fs-color-name.color-swatch-color-name { 1544 font-size: 16px; 1545 line-height: 1.2; 1546 margin-top: 5px; 1547 } 1548 } 1549 1550 @media only screen and (min-width: 821px) { 1551 .filters-container { 1552 overflow-x: hidden; 1553 } 1554 .fs-filters-removable-tags { 1555 padding: 0px !important; 1556 } 1557 } 1558 1559 @media only screen and (min-width: 767px) { 1560 .fs-checkbox input { 1561 display: none; 1562 } 1563 } 1564 1565 @media only screen and (min-width: 1024px) { 1566 .fs-top-container-desktop { 1567 grid-area: span 1 / span 2; 1568 display: flex !important; 1569 justify-content: space-between !important; 1570 max-width: calc(100% - 18px); 1571 padding-left: 5px !important; 1572 margin-left: 15px; 1573 align-items: flex-start !important; 1574 flex-direction: column; 1575 } 1576 #fs-serp-app .fs-top-container-desktop .button-wrapper { 1577 flex-direction: row-reverse !important; 1578 border: 0; 1579 box-shadow: none; 1580 color: #000; 1581 font-size: 18px; 1582 margin-right: 18px; 1583 box-sizing: border-box; 1584 border: 2px solid transparent !important; 1585 border-radius: 5px; 1586 box-shadow: none !important; 1587 display: flex; 1588 font-size: 15px !important; 1589 font-family: acumin-pro, sans-serif !important; 1590 width: 174px; 1591 } 1592 #fs-serp-app .hide-filters-button { 1593 1594 opacity: 0; 1595 position: absolute; 1596 display: none; 1597 1598 } 1599 .fs-app-content-left-block .filters-container { 1600 z-index: 2 !important; 1601 } 1602 .fs-app-content.filters-grid-wrapper:not(.fs-hide-filters) { 1603 grid-template-columns: 25% calc(73% - 1rem); 1604 justify-content: space-between; 1605 } 1606 #fs-serp-app .fs-serp-facets-swatches { 1607 grid-template-columns: repeat(3, 1fr) !important; 1608 gap: 14px; 1609 } 1610 span.my-promo-label, .fs-promo-text { 1611 font-size: 17px !important; 1612 font-family: acumin-pro, sans-serif !important; 1613 } 1614 .fs-promo-text { 1615 margin-top: 1rem !important; 1616 } 1617 .compare { 1618 margin-right: 10px; 1619 } 1620 .price, .compare { 1621 font-family: acumin-pro, sans-serif !important; 1622 font-size: 15px !important; 1623 } 1624 .product-content div.product-info.info-container { 1625 height: 100%; 1626 align-content: space-between !important; 1627 /* margin-top: unset !important; */ 1628 align-items: baseline; 1629 } 1630 .product-content.product-card-items-wrapper { 1631 margin-top: 1rem !important; 1632 height: fit-content !important; 1633 } 1634 .add_wish_class { 1635 height: 100%; 1636 display: flex; 1637 flex-direction: column; 1638 justify-content: space-between; 1639 margin-top: 0px !important; 1640 } 1641 #fs-ssr-app-content .fs-product-title { 1642 margin: 0 auto 0.5rem 0 !important; 1643 font-size: 20px !important; 1644 } 1645 .product-container { 1646 gap: 0 !important; 1647 } 1648 .fast_product_quick_shop button { 1649 1650 font-size: 15px !important; 1651 font-family: acumin-pro, sans-serif !important; 1652 } 1653 } 1654 1655 @media only screen and (max-width: 480px) { 1656 .my-badge-label { 1657 font-size: 10px !important; 1658 padding: 5px; 1659 } 1660 } 1661 1662 @media only screen and (max-width: 768px) { 1663 .my-badge-label { 1664 font-size: 10px; 1665 padding: 5px 8px; 1666 } 1667 .swatches.fs-serp-facets-swatches { 1668 padding-top: 5px; 1669 } 1670 } 1671 .fs-page-title-container .titleWrapper h1.title { 1672 display: block !important; 1673 font-family: acumin-pro-extra-condensed, sans-serif !important; 1674 font-size: 35px !important; 1675 font-weight: 700; 1676 text-transform: uppercase; 1677 text-align: left; 1678 margin-left: calc(var(--product-grid-page-padding) + 25px); 1679 line-height: calc(1 + .3 / max(1, var(--font-heading-scale))); 1680 } 1681 .fs-page-title-container { 1682 display: flex; 1683 align-items: center; 1684 } 1685 .fs-num-results { 1686 margin-left: 13px; 1687 } 1688 [lang="ar"] .fs-num-results { 1689 margin-right: 13px; 1690 } 1691 .results-query-wrapper { 1692 display: none !important; 1693 } 1694 @media screen and (max-width: 770px) { 1695 .fs-page-title-container .titleWrapper h1.title { 1696 margin-left: 10px; 1697 } 1698 [lang="ar"] .fs-page-title-container .titleWrapper h1.title { 1699 margin-right: 10px; 1700 margin-left: 0px; 1701 } 1702 #fs-serp-app .fs-scroll-to-top-button { 1703 bottom: 90px; 1704 } 1705 } 1706 /* 4/16/2025 */ 1707 .fs-promo-tile-product-wrapper { 1708 padding: var(--product-padding) !important; 1709 } 1710 #fs-ssr-app-content .fs_heading_title_cstm { 1711 text-transform: none; 1712 padding: 0; 1713 margin-bottom: 0; 1714 } 1715 .my-badge-label { 1716 white-space: nowrap; 1717 } 1718 .fs-product-title { 1719 margin: 15px auto 5px; 1720 } 1721 @media only screen and (min-width: 992px) { 1722 .my-badge-label br { 1723 display: none !important; 1724 } 1725 .badge-base.my-badge-label.back { 1726 white-space: nowrap; 1727 } 1728 .quick_add_btnn { 1729 margin-top: 4px; 1730 } 1731 } 1732 /* stylitics */ 1733 #stylitics-composer-container .stylitics-dynamic-galleries-item-name { 1734 line-height: normal !important; 1735 } 1736 1737 .stylitics-dynamic-galleries-card-footer { 1738 text-transform: uppercase !important; 1739 } 1740 1741 #stylitics-composer-container{ 1742 grid-area: span 1 / span calc(var(--product-grid-number-of-columns)); 1743 } 1744 #stylitics-composer-container .stylitics-dynamic-galleries-widget-base:not(:first-child) { 1745 display: none; 1746 } 1747 img.stylitics-ui-image{ 1748 opacity: 1 !important; 1749 } 1750 .fs-promo-text{ 1751 order: 4; 1752 } 1753 .category-items.collapsed .slider-container{ 1754 display: none !important; 1755 } 1756 .dynamicGallery_stylitics{ 1757 display:none; 1758 } 1759 .dynamicGallery_stylitics:first-child{ 1760 display:block !important; 1761 } 1762 .stylitics-dynamic-galleries-modal-heading{ 1763 font-family: "TradeGothicLTStd", sans-serif; 1764 } 1765 .stylitics-ui-item-info-name.svelte-dynamic-galleries-maaxw0.svelte-dynamic-galleries-maaxw0{ 1766 text-align: start !important; 1767 } 1768 img.stylitics-ui-image { 1769 max-width: 100%; 1770 max-height: 100%; 1771 width: auto; 1772 height: auto; 1773 margin: auto !important; 1774 position: absolute; 1775 top: 0; 1776 bottom: 0; 1777 left: 0; 1778 right: 0; 1779 } 1780 #stylitics-widget-container-3435{ 1781 width:100%; 1782 } 1783 .fs-hide-filters .dynamicGallery_stylitics{ 1784 grid-area: span 1 / span 4; 1785 } 1786 .dynamicGallery_stylitics{ 1787 grid-area: span 1 / span 3; 1788 } 1789 .stylitics-ui-heading { 1790 font-family: acumin-pro-extra-condensed, sans-serif !important; 1791 max-width: 100% !important; 1792 } 1793 #stylitics-composer-container section:empty { display: block !important; } 1794 @media only screen and (max-width: 768px){ 1795 .stylitics-ui-heading { 1796 max-width: 90% !important; 1797 padding-top: 20px; 1798 } 1799 } 1800 /* tablet */ 1801 @media only screen and (min-width: 520px) and (max-width: 1023px) {
1802 #fs-serp-app .filters-grid-wrapper { 1803 display: block !important; 1804 } 1805 #fs-serp-app .fs-top-container-desktop .button-wrapper { 1806 flex-direction: row-reverse !important; 1807 border: 0; 1808 box-shadow: none; 1809 color: #000; 1810 font-size: 18px; 1811 margin-right: 18px; 1812 box-sizing: border-box; 1813 border: 2px solid transparent !important; 1814 border-radius: 5px; 1815 box-shadow: none !important; 1816 display: flex; 1817 font-size: 15px !important; 1818 font-family: acumin-pro, sans-serif !important; 1819 width: 174px; 1820 } 1821 1822 } 1823 1824 .fs-promo-tile-image-wrapper.promo-guest { 1825 display: block; 1826 } 1827 .fs-promo-tile-image-wrapper.promo-logged-in { 1828 display: none; 1829 } 1830 1831 .fs-promo-tile-image-wrapper.promo-logged-in, 1832 .fs-promo-tile-image-wrapper.promo-guest { 1833 pointer-events: auto; /* allow click */ 1834 } 1835 1836 .fs-promo-tile-image-wrapper.disable-click { 1837 pointer-events: none; /* outer a ignores clicks */ 1838 } 1839 .fs-promo-tile-product-wrapper.promo-tile-logged-in-guest { 1840 padding: 0 !important; 1841 } 1842 1843 /* RTL Layout */ 1844 html[lang="ar"] #fs-serp-app .fs-product-title { 1845 text-align: right !important; 1846 } 1847 html[lang="ar"] #fs-serp-app .compare.fs-compare { 1848 margin-right: 0px; 1849 } 1850 html[lang="ar"] #fs-serp-app .compare.fs-compare { 1851 margin-left: 10px; 1852 } 1853 1854 1855 1856 #fs-serp-app .fs-reviews-avg { 1857 display: none; 1858 } 1859 #fs-serp-app .fs-hide-filters { 1860 grid-column-gap: 0; 1861 justify-content: space-between !important; 1862 } 1863 #fs-serp-app .color-swatch-color-name { 1864 display: block; 1865 text-transform: lowercase; 1866 text-align: center; 1867 } 1868 #fs-serp-app .reviews-count { 1869 color: #8e8e8e !important; 1870 font-size: 14px !important; 1871 } 1872 #fs-serp-app .reviews-container { 1873 display: flex; 1874 align-items: flex-start; 1875 } 1876 #fs-serp-app .reviews-container .star{ 1877 margin-top: 2px; 1878 } 1879 #fs-serp-app .product-swatches .swatch-color { 1880 width: 16px; 1881 height: 16px; 1882 } 1883 #fs-serp-app .fs-results-product-card .fs-color-name, .product-swatch.expand-btn { 1884 display: none !important; 1885 } 1886 /* back to top btn */ 1887 @media screen and (min-width: 1500px) { 1888 #fs-serp-app .fs-scroll-to-top-button { 1889 width: 99vw; 1890 /* padding-left: calc(100vw - 1484px); */ 1891 margin-left: calc((100vw - 1478px) / -2); 1892 background-color: transparent; 1893 display: flex; 1894 justify-content: flex-end; 1895 right: 0; 1896 bottom: 90px !important; 1897 background: transparent !important; 1898 } 1899 #fs-serp-app .fs-scroll-to-top-button svg { 1900 background-color: #000; 1901 width: 50px; 1902 height: 30px; 1903 padding: 6px 4px; 1904 border-radius: 20px; 1905 } 1906 } 1907 /* back to top btn */ 1908 /* swatches from ZA */ 1909 .fs-color-swatch-container .isp-product-color-swatch-pink {background: transparent url(//cdn.shopify.com/s/files/1/0046/5548/0950/files/PINK.png) center;} 1910 .fs-color-swatch-container .isp-product-color-swatch-blue {background: transparent url(//cdn.shopify.com/s/files/1/0046/5548/0950/files/BLUE.png) center;} 1911 .fs-color-swatch-container .isp-product-color-swatch-animal {background: transparent url(//cdn.shopify.com/s/files/1/0046/5548/0950/files/ANIMAL.png) center;} 1912 .fs-color-swatch-container .isp-product-color-swatch-orange {background: transparent url(//cdn.shopify.com/s/files/1/0046/5548/0950/files/ORANGE.png) center;} 1913 .fs-color-swatch-container .isp-product-color-swatch-taupe {background: transparent url(//cdn.shopify.com/s/files/1/0046/5548/0950/files/TAUPE.png) center;} 1914 .fs-color-swatch-container .isp-product-color-swatch-brown {background: transparent url(//cdn.shopify.com/s/files/1/0046/5548/0950/files/BROWN.png) center;} 1915 /* .fs-color-swatch-container .isp-product-color-swatch-glitz {background: transparent url(//cdn.shopify.com/s/files/1/0046/5548/0950/files/GLITZ.png) center;} */ 1916 .fs-color-swatch-container .isp-product-color-swatch-sparkle {background: transparent url(//cdn.shopify.com/s/files/1/0046/5548/0950/files/SPARKLE.png) center;} 1917 .fs-color-swatch-container .isp-product-color-swatch-multi {background: transparent url(//cdn.shopify.com/s/files/1/0046/5548/0950/files/IMG_1724.jpg) center;} 1918 .fs-color-swatch-container .isp-product-color-swatch-green {background: transparent url(//cdn.shopify.com/s/files/1/0046/5548/0950/files/GREEN.png) center;} 1919 .fs-color-swatch-container .isp-product-color-swatch-yellow {background: transparent url(//cdn.shopify.com/s/files/1/0046/5548/0950/files/YELLOW.png) center;} 1920 .fs-color-swatch-container .isp-product-color-swatch-tan {background: transparent url(//cdn.shopify.com/s/files/1/0046/5548/0950/files/TAN.png) center;} 1921 .fs-color-swatch-container .isp-product-color-swatch-silver {background: transparent url(//cdn.shopify.com/s/files/1/0046/5548/0950/files/SILVER.png) center;} 1922 .fs-color-swatch-container .isp-product-color-swatch-gold {background: transparent url(//cdn.shopify.com/s/files/1/0046/5548/0950/files/GOLD.png) center;} 1923 .fs-color-swatch-container .isp-product-color-swatch-metallic {background: transparent url(//cdn.shopify.com/s/files/1/0046/5548/0950/files/METALLIC.png) center;} 1924 .fs-color-swatch-container .isp-product-color-swatch-black {background: transparent url(//cdn.shopify.com/s/files/1/0046/5548/0950/files/BLACK.png) center;} 1925 .fs-color-swatch-container .isp-product-color-swatch-clear {background: transparent url(//cdn.shopify.com/s/files/1/0046/5548/0950/files/CLEAR.png) center;} 1926 .fs-color-swatch-container .isp-product-color-swatch-red {background: transparent url(//cdn.shopify.com/s/files/1/0046/5548/0950/files/RED.png) center;} 1927 .fs-color-swatch-container .isp-product-color-swatch-grey {background: transparent url(//cdn.shopify.com/s/files/1/0046/5548/0950/files/GREY.png) center;} 1928 .fs-color-swatch-container .isp-product-color-swatch-white {background: transparent url(//cdn.shopify.com/s/files/1/0046/5548/0950/files/WHITE.png) center;} 1929 .fs-color-swatch-container .isp-product-color-swatch-burgundy {background: transparent url(//cdn.shopify.com/s/files/1/0046/5548/0950/files/BURGUNDY.png) center;} 1930 .fs-color-swatch-container .isp-product-color-swatch-purple {background: transparent url(//cdn.shopify.com/s/files/1/0046/5548/0950/files/PURPLE.png) center;} 1931 .fs-color-swatch-container .isp-product-color-swatch-beige {background: transparent url(//cdn.shopify.com/s/files/1/0046/5548/0950/files/BEIGE.png) center;} 1932 1933 1934 [data-filter-id="Size"] .show-more-button, #fs_filter_talla .show-more-button ,#fs_filter_tamanho .show-more-button , #fs_filter_size .show-more-button, div[id="fs_filter_size "] .show-more-button { width: 100%; padding-left: 3px; padding-top: 6px; } 1935 1936 .my-badge-labels .my-badge-label { 1937 color: #fff !important; 1938 background-color: #000 !important; 1939 padding: 5px !important; 1940 border: 2px #000 solid !important; 1941 border-radius: 0; 1942 font-family: acumin-pro, sans-serif; 1943 } 1944 #fs-serp-app div[id="fs_filter_size "] .category-items, 1945 #fs-serp-app [data-filter-id="Size"] .category-items, 1946 #fs-serp-app #fs_filter_size .category-items, 1947 #fs-serp-app #fs_filter_tamanho .category-items { 1948 display: grid; 1949 flex-wrap: wrap; 1950 padding-left: 0; 1951 flex-direction: row; 1952 align-items: center; 1953 grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); 1954 gap: 0.5rem; 1955 } 1956 #fs-serp-app #fs_filter_size .fs-checkbox-label, #fs-serp-app #fs_filter_tamanho .fs-checkbox-label, #fs-ssr-app-content .fs-category-container[data-filter-id="tag_filter_0.235"] .fs-checkbox-label, #fs-serp-app div[id="fs_filter_size "] .fs-checkbox-label, #fs-serp-app [data-filter-id="Size"] .fs-checkbox-label { 1957 padding: 8px 12px; 1958 width: 100%; 1959 text-align: center; 1960 border: 2px solid #000 !important; 1961 line-height: 32px; 1962 border-radius: 99vw !important; 1963 display: inline-block; 1964 font-family: 'TradeGothicLTStd', sans-serif; 1965 text-transform: uppercase !important; 1966 font-weight: 400; 1967 overflow: hidden; 1968 text-overflow: ellipsis; 1969 } 1970 #fs-serp-app #fs_filter_size .fs-checkbox-label .fs-serp-filter-count, #fs-serp-app #fs_filter_tamanho .fs-checkbox-label .fs-serp-filter-count, #fs-ssr-app-content .fs-category-container[data-filter-id="tag_filter_0.235"] .fs-checkbox-label .fs-serp-filter-count, #fs-serp-app div[id="fs_filter_size "] .fs-checkbox-label .fs-serp-filter-count, #fs-serp-app [data-filter-id="Size"] .fs-checkbox-label .fs-serp-filter-count, #fs-serp-app .modal-mobile-filters .category-container.fs-category-container[data-filter-id="Size"] .fs-checkbox .fs-checkbox-label .fs-serp-filter-count { 1971 display: none !important; 1972 } 1973 #fs_filter_size .fs-serp-filter-count, #fs_filter_tamanho .fs-serp-filter-count, [data-filter-id="Size"] .fs-serp-filter-count { 1974 display: none; 1975 } 1976 #fs_filter_taglia .category-items, [data-filter-id="Size"] .category-items { 1977 display: flex; 1978 flex-wrap: wrap; 1979 padding-left: 0; 1980 flex-direction: unset !important; 1981 align-items: center; 1982 justify-content: space-between; 1983 gap: 0; 1984 } 1985 #fs_filter_taglia .checkbox-label, [data-filter-id="Size"] .checkbox-label {padding: 8px 16px; width: 100%; text-align: center; border: 2px solid #000 !important; line-height: 32px; border-radius: 99vw !important; display: inline-block; font-family: 'TradeGothicLTStd', sans-serif; text-transform: uppercase !important; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 1986 1987 #fs_filter_taglia .checkmark, #fs_filter_taglia .fs-serp-filter-count, [data-filter-id="Size"] .checkmark, [data-filter-id="Size"] .fs-serp-filter-count { 1988 display: none; 1989 } 1990 1991 #fs_filter_taglia .fs-checkbox, [data-filter-id="Size"] .fs-checkbox { 1992 min-width: 80px; 1993 } 1994 [data-filter-id="Size"] .category-items .filters-option-text { 1995 margin-left: auto; 1996 margin-right: auto; 1997 line-height: 32px !important; 1998 }
1999 #fs-serp-app #fs_filter_size .checkbox.fs-checkbox, #fs-serp-app #fs_filter_tamanho .checkbox.fs-checkbox, #fs-serp-app div[id="fs_filter_size "] .checkbox.fs-checkbox, [data-filter-id="Size"] .checkbox.fs-checkbox { 2000 padding: unset; 2001 padding: 6px 0 !important; 2002 } 2003 @media screen and (max-width: 520px) { 2004 #fs-serp-app .fs-top-container-mobile{ 2005 margin-bottom: 16px !important; 2006 } 2007 .fs-top-block{ 2008 order: -1; 2009 } 2010 #fs-serp-app #fs_filter_size .category-items > span, #fs-serp-app #fs_filter_tamanho .category-items > span, #fs-serp-app div[id="fs_filter_size "] .category-items > span, #fs-serp-app div[data-filter-id="Size"] .category-items > span { 2011 width: unset !important; 2012 } 2013 #fs-serp-app #fs_filter_size .category-items, #fs-serp-app #fs_filter_tamanho .category-items, #fs-serp-app div[id="fs_filter_size "] .category-items, #fs-serp-app div[data-filter-id="Size"] .category-items { 2014 display: grid; 2015 grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); 2016 gap: 8px; 2017 padding: 0 8px !important; 2018 } 2019 } 2020 @media screen and (min-width: 1024px) { 2021 2022 .fs-top-container-desktop .fs-top-right-block .button-wrapper:after { 2023 content: ""; 2024 } 2025 #fs-serp-app .fs-top-container-desktop .button-wrapper { 2026 width: 300px; 2027 display: flex; 2028 justify-content: flex-end; 2029 } 2030 #fs-serp-app .fs-top-container-desktop .hide-filters-button { 2031 display: inline-block !important; 2032 opacity: 1; 2033 font-size: 15px !important; 2034 font-family: acumin-pro, sans-serif !important; 2035 text-transform: uppercase; 2036 margin-left: 45px; 2037 margin-top: 2px; 2038 white-space: nowrap; 2039 } 2040 2041 #fs-serp-app h1.title { 2042 margin-left: 40px !important; 2043 } 2044 } 2045 #fs-serp-app .product-info.info-container { 2046 grid-template-areas: 2047 "colorSwatches colorSwatches colorSwatches colorSwatches" 2048 "title title title wish" 2049 "price price price wish" 2050 "moreColors moreColors moreColors moreColors" 2051 "reviews reviews reviews reviews" !important; 2052 } 2053 #fs-serp-app .fs-product-has-compare .product-info.info-container { 2054 grid-template-areas: 2055 "colorSwatches colorSwatches colorSwatches colorSwatches" 2056 "title title title wish" 2057 "compare price price wish" 2058 "moreColors moreColors moreColors moreColors" 2059 "reviews reviews reviews reviews" !important; 2060 } 2061 @media only screen and (max-width: 770px) { 2062 #fs-serp-app .fs-smart-collection .fs-price, #fs-serp-app .fs-smart-collection .fs-compare, .fs-smart-collection .bundle-promo-text-is { 2063 margin-bottom: 3px !important; 2064 } 2065 #fs-serp-app .details_right_wrap { 2066 margin-bottom: 0px !important; 2067 } 2068 .select__trigger:before { 2069 display: none; 2070 } 2071 .select__trigger { 2072 min-height: 33px; 2073 } 2074 .fs-select { 2075 width: 100%; 2076 } 2077 #fs-serp-app h1.title { 2078 margin-left: 10px !important; 2079 } 2080 .select-arrow.fs-select-arrow { 2081 display: flex !important; 2082 } 2083 .fs-selected-option { 2084 width: 100%; 2085 text-align: center !important; 2086 } 2087 .fs-category-container:not(.fs-is-filters-open) .category-items { 2088 height: 0; 2089 } 2090 #fs-serp-app .fs-modern-filters-container { 2091 /* height: 100%; */ 2092 } 2093 #fs-serp-app .fs-modern-mobile-filters-content-container { 2094 margin-top: 0 !important; 2095 } 2096 } 2097 2098 2099 #fs-serp-app .img-container { 2100 display: flex; 2101 flex-direction: column; 2102 justify-content: flex-end; 2103 } 2104 .fs-product-main-image-wrapper img.product-image, .fs-product-main-image-wrapper img.product-img { 2105 object-position: bottom; 2106 object-fit: contain; 2107 } 2108 2109 .fs-product-main-image-wrapper img.product-image, .fs-product-main-image-wrapper img.product-img { 2110 aspect-ratio: 1 !important; 2111 } 2112 2113 2114 2115 #fs-serp-app .fs-scroll-to-top-button { 2116 bottom: 150px !important; 2117 } 2118 2119 #fs-serp-app .fs-page-title-container .titleWrapper h1.title { 2120 letter-spacing: 0.6px; 2121 } 2122 2123 2124 2125 2126 2127 2128 @media screen and (max-width: 770px) { 2129 2130 #fs-serp-app #fs-product-grid-container .product-container.fs-product-has-compare .info-container { 2131 grid-template-areas: 2132 "colorSwatches colorSwatches colorSwatches colorSwatches" 2133 "title title title wish" 2134 "compare price price wish" 2135 "compare price price wish" 2136 "moreColors moreColors moreColors moreColors" 2137 "reviews reviews reviews reviews" !important; 2138 } 2139 2140 .compare-container > .fs-compare { 2141 padding-left: 5px; 2142 } 2143 #fs-serp-app .product-container .product-info.info-container { 2144 grid-template-areas: 2145 "colorSwatches colorSwatches colorSwatches colorSwatches" 2146 "title title title wish" 2147 "price price price wish" 2148 "moreColors moreColors moreColors moreColors" 2149 "reviews reviews reviews reviews" !important; 2150 } 2151 #fs-serp-app .info-container { 2152 grid-template-columns: auto 1fr 1fr 42% !important; 2153 } 2154 #fs-serp-app .product-container .details_right_wrap { 2155 text-align: left; 2156 padding-top: 2px; 2157 padding-bottom: 2px; 2158 margin-bottom: 0px !important; 2159 } 2160 } 2161 @media screen and (min-width: 770px) { 2162 #fs-serp-app .product-container.fs-product-has-compare .info-container { 2163 grid-template-areas: 2164 "colorSwatches colorSwatches colorSwatches colorSwatches" 2165 "title title title wish" 2166 "compare price price wish" 2167 "moreColors moreColors moreColors moreColors" 2168 "reviews reviews reviews reviews" !important; 2169 } 2170 #fs-serp-app .product-container .info-container { 2171 grid-template-areas: 2172 "colorSwatches colorSwatches colorSwatches colorSwatches" 2173 "title title title wish" 2174 "price price price wish" 2175 "moreColors moreColors moreColors moreColors" 2176 "reviews reviews reviews reviews" !important; 2177 } 2178 #fs-serp-app .info-container { 2179 grid-template-columns: auto 1fr 1fr 42% !important; 2180 } 2181 } 2182 2183 2184 span.my-badge-label:has(> img:first-child){ 2185 padding: 0 !important; 2186 border: none !important; 2187 background: transparent !important; 2188 } 2189 span.my-badge-label>img { 2190 max-height: 80px !important; 2191} 2192 2193@media screen and (max-width: 770px) { 2194 span.my-badge-label>img { 2195 max-height: 45px !important; 2196 } 2197} 2198</style> 2199 2200 2201 2202 2203 2204 2205 <style id="fast-simon-autocomplete-css"> 2206 /*new AC*/ 2207 #fast-autocomplete-1234.autocomplete.fast-simon-autocomplete.no-code
2207-ac { 2208 border: none !important; 2209 width: calc(70% + 64px) !important; 2210 } 2211 2212 .fast-horizontal-items *, .fast-simon-autocomplete .autocomplete-inner .fast-horizontal-products::before { 2213 text-transform: uppercase; 2214 font-size: 13px; 2215 } 2216 .fast-simon-autocomplete [aria-label="Recent searches"] { 2217 display: none; 2218 } 2219 .fast-simon-autocomplete .autocomplete-inner .fast-horizontal-products::before { 2220 content: 'top results'; 2221 line-height: 12px; 2222 position: absolute; 2223 2224 } 2225 .items.fast-horizontal-items .fs-popular-searches-list .fast-ac-item.line-item a, .fast-simon-autocomplete .fs-popular-searches-list .fast-ac-item.line-item a { 2226 color: #000; 2227 } 2228 .products.fast-horizontal-products .info.fs-product-info .fs-product-title, .products.fast-horizontal-products .info.fs-product-info .fs-product-title strong, .children.single-line .fs-product-title { 2229 font-weight: 700 !important; 2230 } 2231 .fast-simon-autocomplete.fs-popular-products .autocomplete-inner .fast-horizontal-products::before { 2232 content: 'Trending Products'; 2233 } 2234 .products.fast-horizontal-products { 2235 padding-top: 45px !important; 2236 } 2237 .fast-simon-autocomplete .summery { 2238 justify-content: flex-start !important; 2239 text-transform: uppercase; 2240 } 2241 .fast-horizontal-container .fs-popular-searches-list { 2242 padding: 10px 0 !important; 2243 } 2244 .fast-simon-autocomplete .summery span::before { 2245 content:'view more results'; 2246 font-size: 13px; 2247 text-decoration: underline; 2248 color: #000; 2249 } 2250 .fast-simon-autocomplete .summery span { 2251 font-size: 0; 2252 } 2253 .fast-simon-autocomplete .summery { 2254 background: none; 2255 } 2256 .fast-simon-autocomplete .autocomplete-inner .fast-horizontal-products::before { 2257 top: 17px !important; 2258 color: #000; 2259 } 2260 .fast-simon-autocomplete .fs-product-image img{ 2261 mix-blend-mode: darken; 2262 } 2263 .fast-simon-autocomplete .fs-product-image { 2264 background-color: #f2f2f2; 2265 } 2266 .fs-popular-searches-list .fast-ac-item a { 2267 font-size: 13px; 2268 } 2269 .fs-popular-searches-list .fs-autocomplete-header .hasIcon { 2270 color: #000; 2271 } 2272 .fast-horizontal-container .items.fast-horizontal-items { 2273 border-right: none !important; 2274 } 2275 .fast-simon-autocomplete.no-code-ac .noResults { 2276 display: none; 2277 } 2278 .fast-simon-autocomplete.no-code-ac .fs-product-image img { 2279 aspect-ratio: 4 / 5; 2280 object-fit: contain; 2281 } 2282 @media screen and (max-width: 1024px) { 2283 #fast-autocomplete-1234.autocomplete.fast-simon-autocomplete.no-code-ac { 2284 width: 100vw !important; 2285 max-width: 100% !important; 2286 } 2287 } 2288 @media screen and (max-width: 770px) { 2289 #fast-autocomplete-1234.autocomplete.fast-simon-autocomplete.no-code-ac { 2290 width: 100vw !important; 2291 max-width: 100% !important; 2292 left: 0 !important; 2293 right: 0 !important; 2294 transform: none !important; 2295 padding-left: 10px; 2296 } 2297 .fast-simon-autocomplete .autocomplete-inner .fs-popular-searches-list { 2298 order: 0 !important; 2299 } 2300 .fast-simon-autocomplete * { 2301 text-transform: uppercase; 2302 font-weight: 400 !important; 2303 color: #000; 2304 } 2305 .fast-simon-autocomplete .autocomplete-inner .fast-horizontal-products::before { 2306 color: #000; 2307 } 2308 .fs-popular-searches-list .fs-autocomplete-header .hasIcon { 2309 color: #000; 2310 } 2311 .fast-simon-autocomplete.fast-simon-autocomplete.no-code-ac .summery { 2312 display: flex !important; 2313 margin-left: 0; 2314 width: 100%; 2315 max-width: 100%; 2316 } 2317 .fast-simon-autocomplete.fs-popular-products .autocomplete-inner .header.fs-autocomplete-header[aria-label="Products"], 2318 .fast-simon-autocomplete .fs-product-list .header.fs-autocomplete-header[aria-label="Products"] { 2319 font-size: 0px; 2320 display: flex !important; 2321 } 2322 .fast-simon-autocomplete .autocomplete-inner .header.fs-autocomplete-header[aria-label="Products"]::before { 2323 content: 'top results'; 2324 line-height: 12px; 2325 font-size: 14px; 2326 position: absolute; 2327 text-transform: uppercase; 2328 color: #000; 2329 padding-bottom: 10px; 2330 } 2331 .fast-simon-autocomplete.fs-popular-products .autocomplete-inner .header.fs-autocomplete-header[aria-label="Products"]::before { 2332 content: 'Trending Products'; 2333 } 2334 .autocomplete-inner { 2335 padding-left: 15px; 2336 } 2337 .fast-simon-autocomplete .fs-product-list { 2338 padding: 30px 10px 30px 5px !important; 2339 } 2340 .autocomplete.fs-popular-products .fs-product-list { 2341 display: none; 2342 }
2343 .fast-simon-autocomplete.no-code-ac .children.single-line .fs-product-title, .fast-simon-autocomplete.no-code-ac .price.fs-product-price-wrapper .fs-price { 2344 font-size: 14px; 2345 } 2346 } 2347 </style> 2348 2349 2350 2351
2352<script 2353 id="kpay-advertising-script" 2354 src="https://cdn.kueskipay.com/widgets.js?authorization=6f96d3f2-0d98-4b77-91c7-cdc416d65b58&sandbox=false&integration=shopify&version=v1.0" 2355 defer 2356></script>
vendor: 1 bytes, line 2356
2356
2357<script>(function(){ 2358 2359 localStorage.setItem('fs-hydrated', 'true'); 2360 2361 2362 if (window.location.href.includes('re-booted')) { 2363 document.body.classList.add('rebooted'); 2364 } 2365 2366 2367let assetUrl = "https://cdn.shopify.com/s/files/1/2170/8465/files/"; 2368 2369var clickVisualBanner = false, serpProducts = false, filterClicked = false, name = '', opend_pop; 2370 2371let featureFlagRegion = true === true? 'intl': ''; 2372 2373window.__fast_options = { with_product_attributes: true, 2374 full_product_url_path_redirect:true, 2375 2376 display_popular_on_no_results:true, 2377 2378 parseAcProductPrice: function(price) { 2379 let currency = Shopify.currency.active; 2380 const currentLanguage = "en"; 2381 2382 if (currency && currency === 'AED') { 2383 return price.replace('AED', '').replace('From', ''); 2384 } 2385 2386 if (currency && currency === 'CAD') { 2387 if (currentLanguage && currentLanguage == 'fr') { 2388 price = price.replace(/[^\d.]/g, ''); 2389 price = parseFloat(price).toFixed(2).replace('.', ','); 2390 price = `${price} $`; 2391 } else { 2392 return price = price.replace('CAD', '') 2393 } 2394 } 2395 if (currency && currency === 'MYR') { 2396 return price.replace('MYR', '').replace('.00', ''); 2397 } 2398 return price; 2399 }, 2400 parseAcProductCompare: function(price) { 2401 let currency = Shopify.currency.active; 2402 const currentLanguage = "en"; 2403 if (currency && currency === 'AED') { 2404 2405 return price.replace('AED', '').replace('From', ''); 2406 2407 } 2408 2409 if (currency && currency === 'CAD') { 2410 if (currentLanguage && currentLanguage == 'fr') { 2411 price = price.replace(/[^\d.]/g, ''); 2412 price = parseFloat(price).toFixed(2).replace('.', ','); 2413 price = `${price} $`; 2414 } else { 2415 return price = price.replace('CAD', '') 2416 } 2417 } 2418 if (currency && currency === 'MYR') { 2419 return price.replace('MYR', '').replace('.00', ''); 2420 } 2421 return price; 2422 }}; 2423window.__fastOptions = { 2424 parseProductPrice: function(price, isCompare) { 2425 let currency = Shopify.currency.active; 2426 const currentLanguage = "en"; 2427 if (currency && currency === 'AED') { 2428 2429 return price.replace('AED', '').replace('From', ''); 2430 2431 } 2432 if (currency && currency === 'EUR') { 2433 return price = price.replace('.', ','); 2434 } else if (currency && currency === 'CAD') { 2435 if (currentLanguage && currentLanguage == 'fr') { 2436 price = price.replace(/[^\d.]/g, ''); 2437 price = parseFloat(price).toFixed(2).replace('.', ','); 2438 price = `${price} $`; 2439 } else { 2440 return price = price.replace('CAD', '') 2441 } 2442 } 2443 if (currency && currency === 'MYR') { 2444 return price.replace('MYR', '').replace('.00', ''); 2445 } 2446 return price; 2447 }, 2448 parseComparePrice: function(price) { 2449 let currency = Shopify.currency.active; 2450 const currentLanguage = "en"; 2451 if (currency && currency === 'AED') { 2452 2453 return price.replace('AED', '').replace('From', ''); 2454 2455 } 2456 if (currency && currency === 'EUR') { 2457 return price = price.replace('.', ','); 2458 } else if (currency && currency === 'CAD') { 2459 if (currentLanguage && currentLanguage == 'fr') { 2460 price = price.replace(/[^\d.]/g, ''); 2461 price = parseFloat(price).toFixed(2).replace('.', ','); 2462 price = `${price} $`; 2463 } else { 2464 return price = price.replace('CAD', '') 2465 } 2466 } 2467 if (currency && currency === 'MYR') { 2468 return price.replace('MYR', '').replace('.00', ''); 2469 } 2470 return price; 2471 }, 2472 2473 2474 parse_slider_price: function(price) { 2475 let currency = Shopify.currency.active; 2476 const currentLanguage = "en"; 2477 if (currency && currency === 'AED') { 2478 2479 return price.replace('AED', '').replace('From', ''); 2480 2481 } 2482 if (currency && currency === 'CAD') { 2483 if (currentLanguage && currentLanguage == 'fr') { 2484 price = price.replace(/[^\d.]/g, '').replace('CAD', '').replace('.00', ''); 2485 price = `${price}$`; 2486 } else { 2487 return price = price.replace('CAD', '').replace('.00', ''); 2488 } 2489 } 2490 if (currency && currency === 'MYR') { 2491 return price.replace('MYR', '').replace('.00', ''); 2492 } 2493 return price; 2494 } 2495} 2496 2497 // --- Performance Tracking Setup --- 2498// Initialize a global object to store cumulative timings. 2499window.hookPerformanceTimings = window.hookPerformanceTimings || {}; 2500 2501/** 2502 * A wrapper function to measure the execution time of a code block. 2503 * @param {string} name - The label for the code block being measured. 2504 * @param {function} fn - The function/code block to execute and time. 2505 */ 2506const time = (name, fn) => { 2507 const start = performance.now(); 2508 const result = fn(); 2509 const duration = performance.now() - start; 2510 window.hookPerformanceTimings[name] = (window.hookPerformanceTimings[name] || 0) + duration; 2511 return result; 2512}; 2513 2514 2515// --- Main Hook & Lazy-Loading Logic --- 2516let isGridScrollListenerAttached = false;
2517let isGridPaginationEnhanced = false; 2518let areGridEventListenersAttached = false; 2519const processedProductIds = new Set(); 2520let amazonComponentObserver; 2521 2522/** 2523 * Initializes a single IntersectionObserver to lazy-load the slow Amazon component. 2524 */ 2525function initializeAmazonObserver() { 2526 if (amazonComponentObserver) return; 2527 2528 amazonComponentObserver = new IntersectionObserver((entries, observer) => { 2529 entries.forEach(entry => { 2530 if (entry.isIntersecting) { 2531 const productElement = entry.target; 2532 const productID = productElement.dataset.productId; 2533 const productData = window.cachedProducts[productID]; 2534 2535 if (productData) { 2536 time('lazy_load_amazon_component', () => { 2537 if (!productElement.querySelector('amazon-delivery-message')) { 2538 productElement.insertAdjacentHTML('beforeend', `<amazon-delivery-message style="width: 100%;" product-external-id="gid://shopify/Product/${productData.parentID}" message-text="options-available" tabindex="0" role="status"></amazon-delivery-message>`); 2539 } 2540 }); 2541 } 2542 // CRUCIAL: Stop observing this element once the component is added. 2543 observer.unobserve(productElement); 2544 } 2545 }); 2546 }, { rootMargin: '200px' }); // Load content when it's 200px from the viewport 2547} 2548 2549let setContainer = false; 2550 2551/** 2552 * Processes a single product element one time, adding all necessary features 2553 * and deferring only the known slow component. 2554 * @param {HTMLElement} productElement The product card's DOM element. 2555 * @param {object} productData The data object for the product. 2556 */ 2557function processProduct(productElement, productData) { 2558 // --- All fast, synchronous work happens here, ONCE per product --- 2559 //.log('product handeled'); 2560 time('cleanup_and_meta_updates', () => { 2561 removePromo(productElement); 2562 removebadge(productElement); 2563 addMetaObjectPromoText(productData, productElement); 2564 addMetaObjectBadge(productData, productElement); 2565 }); 2566 2567 time('add_quick_view', () => { 2568 addQuickView(productElement, productData); 2569 }); 2570 2571 time('visual_updates', () => { 2572 if (productElement.querySelector('.reviews-container .star')) { 2573 productElement.classList.toggle('reviews', true); 2574 } 2575 if (!true && productElement.querySelector('.reviews-container')) { 2576 productElement.querySelector('.reviews-container').remove(); 2577 } 2578 if (true) { 2579 addMoreColorText(productData, productElement); 2580 } 2581 2582 const promos = productData.tags ? getProductPromos(productData.tags) : []; 2583 addPromos(productElement, promos, productData); 2584 2585 if (productData.tags) { 2586 if (productData.tags.includes('product_shopthelook')) { 2587 addShopTheLook(productElement, productData); 2588 } 2589 addTagBasedBadges(productElement, productData.tags); 2590 } 2591 addBrandBadge(productElement, productData); 2592 }); 2593 2594 time('accessibility_and_observer_setup', () => { 2595 // Enhance product accessibility for both mobile and desktop 2596 enhanceProductAccessibility(productElement); 2597 2598 if (!isMobile) { 2599 productElement.setAttribute('role', 'group'); 2600 productElement.setAttribute('aria-label', 'product');
2601 const titleWrap = productElement.querySelector('.fs-product-title-wrapper'); 2602 const title = productElement.querySelector('.fs-product-title'); 2603 if (titleWrap && title && !titleWrap.querySelector('.fs_heading_title_cstm')) { 2604 const h2 = document.createElement('h2'); 2605 h2.className = 'fs_heading_title_cstm'; 2606 h2.appendChild(title); 2607 titleWrap.appendChild(h2); 2608 } 2609 } 2610 observeForVariantOptions(productElement); 2611 2612 // --- Defer ONLY the slow Amazon component --- 2613 amazonComponentObserver.observe(productElement); 2614 }); 2615} 2616 2617 2618// ================================================================= 2619// UNMODIFIED HELPER FUNCTIONS (BELOW THIS LINE) 2620// ================================================================= 2621 2622function handleGlobalGridSetup(element) { 2623 const serpApp = element.closest('#fs-serp-app'); 2624 if (!serpApp) return; 2625 2626 const styliticsEle = element.querySelector('#stylitics-composer-container'); 2627 if (styliticsEle) { 2628 const children = Array.from(styliticsEle.parentNode.children); 2629 if (children.indexOf(styliticsEle) !== 12) { 2630 styliticsEle.remove(); 2631 } 2632 } 2633 2634 if (!isGridScrollListenerAttached) {
2635 const sortMob = serpApp.querySelector('.fs-top-container-mobile .fs-top-bottom-right-block'); 2636 if (sortMob) { 2637 document.addEventListener('scroll', () => { 2638 const visualNav = document.querySelector('.visual-nav-wrapper'); 2639 const offset = visualNav ? visualNav.offsetHeight : 0; 2640 const wTop = 200 + offset; 2641 const wBottom = 140 + offset; 2642 if (window.scrollY > wTop) { 2643 sortMob.classList.add("hide"); 2644 } else if (window.scrollY < wBottom) { 2645 sortMob.classList.remove("hide"); 2646 } 2647 }, { passive: true }); 2648 isGridScrollListenerAttached = true; 2649 } 2650 } 2651 2652 const noResults = serpApp.querySelector('.fs-no-results'); 2653 if (noResults && !noResults.dataset.customized) { 2654 noResults.textContent = `No results found. Check out some of our best sellers below!`; 2655 noResults.dataset.customized = 'true'; 2656 } 2657 2658 if (isMobile && !serpApp.classList.contains('hide-label') && window.location.href.includes("sort=")) { 2659 serpApp.classList.add('hide-label'); 2660 } 2661 2662 if (!isGridPaginationEnhanced && serpApp.querySelector('.pagination-wrapper')) { 2663 enhancePagination(serpApp); 2664 isGridPaginationEnhanced = true; 2665 } 2666} 2667 2668function setupDelegatedGridListeners(element) { 2669 element.addEventListener('click', (event) => { 2670 const wishlistBtn = event.target.closest('.wishlist_btn_phone'); 2671 if (wishlistBtn) { 2672 event.preventDefault(); 2673 const productElement = wishlistBtn.closest('.fs-results-product-card'); 2674 const heartButtonWrapper = productElement.querySelector('.f
2674s-heart-button-wrapper'); 2675 const heartIcon = heartButtonWrapper.querySelector('.fs-heart-icon-wrapper'); 2676 2677 if (heartIcon) { 2678 heartIcon.click(); 2679 observeForWishlistStateChange(heartButtonWrapper, wishlistBtn); 2680 } 2681 } 2682 }); 2683} 2684 2685function enhancePagination(serpApp) { 2686 const paginationWrapper = serpApp.querySelector('.pagination-wrapper'); 2687 if (paginationWrapper && !paginationWrapper.closest('nav')) { 2688 const nav = document.createElement('nav'); 2689 nav.setAttribute('aria-label', 'pagination'); 2690 paginationWrapper.parentNode.insertBefore(nav, paginationWrapper); 2691 nav.appendChild(paginationWrapper); 2692 } 2693 serpApp.querySelectorAll('.page-number-item').forEach(item => { 2694 if (item.classList.contains('page-number-item-selected')) { 2695 item.setAttribute('aria-current', 'page'); 2696 } 2697 }); 2698} 2699function hideSingleSwatchOption(productElement) { 2700 const options = productElement.querySelectorAll('.option'); 2701 if (options.length !== 1) return; 2702 2703 const singleOption = options[0]; 2704 const optionsWrapper = singleOption.closest('.options'); 2705 const slickList = singleOption.closest('.slick-list'); 2706 const slickTrack = singleOption.closest('.slick-track'); 2707 2708 if (optionsWrapper) { 2709 optionsWrapper.style.display = 'none'; 2710 } else if (slickList) { 2711 slickList.style.display = 'none'; 2712 } else if (slickTrack) { 2713 slickTrack.style.display = 'none'; 2714 } else { 2715 singleOption.style.display = 'none'; 2716 } 2717} 2718 2719function observeForVariantOptions(productElement) { 2720 const observer = new MutationObserver((mutations, obs) => { 2721 const options = productElement.querySelectorAll('.option'); 2722 if (options.length > 0) { 2723 options.forEach(el => makeAccessibleButton(el)); // Assuming global function 2724 hideSingleSwatchOption(productElement); 2725 obs.disconnect(); 2726 } 2727 }); 2728 observer.observe(productElement, { childList: true, subtree: true }); 2729} 2730 2731function observeForWishlistStateChange(heartButtonWrapper, wishlistBtn) { 2732 const observer = new MutationObserver((mutations, obs) => { 2733 for (const mutation of mutations) { 2734 if (mutation.type === 'attributes' && mutation.attributeName === 'class') { 2735 const svgPath = wishlistBtn.querySelector('svg path'); 2736 if (!svgPath) return; 2737 const isInWishlist = heartButtonWrapper.classList.contains('fs-in-wishlist'); 2738 const newPath = isInWishlist 2739 ? 'M22 3.1c2.7 2.2 2.6 7.2.1 9.7-2.2 2.8-7.4 8.1-9.3 9.6-.5.4-1.1.4-1.6 0-1.8-1.5-7-6.8-9.2-9.6-2.6-2.6-2.7-7.6 0-9.7C4.6.5 9.7.7 12 4.2 14.3.8 19.3.5 22 3.1z' 2740 : 'M22 3.1c2.7 2.2 2.6 7.2.1 9.7-2.2 2.8-7.4 8.1-9.3 9.6-.5.4-1.1.4-1.6 0-1.8-1.5-7-6.8-9.2-9.6-2.6-2.6-2.7-7.6 0-9.7C4.6.5 9.7.7 12 4.2 14.3.8 19.3.5 22 3.1zm-.7.8c-2.4-2.4-7.2-2-8.9 1.5-.1.3-.4.4-.7.2-.1 0-.2-.1-.2-.2-1.6-3.5-6.5-4-8.9-1.5C.4 5.6.5 10 2.7 12.2c2.2 2.7 7.3 8 9.1 9.4.1.1.2.1.3 0 1.8-1.4 6.9-6.7 9.1-9.5 2.3-2.1 2.4-6.5.1-8.2z'; 2741 svgPath.setAttribute('d', newPath); 2742 obs.disconnect(); 2743 return; 2744 } 2745 } 2746 }); 2747 observer.observe(heartButtonWrapper, { attributes: true }); 2748} 2749 2750function addTagBasedBadges(productElement, tags) { 2751 const badgeMap = { 2752 'sm exclusive': 'EXCLUSIVE', 2753 'exclusive sm': 'EXCLUSIVE', 2754 'backinstock': 'BACK <br>IN STOCK', 2755 "WHAT'S NEW": 'NEW', 2756 'soldout': 'SOLD OUT', 2757 }; 2758 2759 if (tags.includes('remove-badge') || tags.includes('hide-product')) { 2760 return; 2761 } 2762 2763 for (const tag in badgeMap) { 2764 if (tags.includes(tag)) { 2765 addbadge(productElement, badgeMap[tag]); // Assuming global function 2766 break; 2767 } 2768 } 2769 2770 if (tags.includes('bmsm_bn105847_2for69') && !productElement.querySelector('.bundle-promo-text-is')) {
2771 const priceEl = productElement.querySelector('.fs-serp-price'); 2772 if (priceEl) { 2773 priceEl.insertAdjacentHTML('beforeend', `<span class="bundle-promo-text-is price">or any 2/$69</span>`); 2774 priceEl.classList.add('promo-text'); 2775 } 2776 } 2777} 2778 2779function addBrandBadge(productElement, productData) { 2780 if (productElement.querySelector(".fs-brand-badge")) return; 2781 const titleEl = productElement.querySelector('.fs-serp-product-title'); 2782 if (!titleEl) return; 2783 2784 let brandText = ''; 2785 2786 // TYPE-BASED BRAND BADGE 2787 if ("type" === 'type' && productData.attributes) { 2788 const typeMap = { 2789 "": "KIDS' SHOES", 2790 "": "", 2791 "": "MEN'S SHOES", 2792 "": "", 2793 "": "Translation missing: en.products.product.tag_text_madden_girl", 2794 "": "", 2795 }; 2796 const productType = Getattributevalue(productData.attributes, "Type"); // Assuming global 2797 brandText = typeMap[productType] || ''; 2798 2799 // TAG-BASED BRAND BADGE 2800 } else if ("type" === 'tag' && productData.tags) { 2801 const tagMap = { 2802 "": "KIDS' SHOES", 2803 "": "", 2804 "": "MEN'S SHOES", 2805 "": "", 2806 "": "", 2807 "": "MADDEN GIRL", 2808 "": "", 2809 }; 2810 for (const tag in tagMap) { 2811 if (productData.tags.includes(tag)) { 2812 brandText = tagMap[tag]; 2813 break; 2814 } 2815 } 2816 2817 if (!brandText && true) { 2818 const firstBrandTag = productData.tags.find(tag => tag.startsWith("Brand:")); 2819 if (firstBrandTag) { 2820 brandText = firstBrandTag.replace("Brand:", ""); 2821 } 2822 } 2823 } 2824 2825 if (brandText) { 2826 titleEl.insertAdjacentHTML('afterbegin', `<div class="fs-brand-badge">${brandText}</div>`); 2827 productElement.classList.add('brand-tag'); 2828 } 2829} 2830 2831 2832let isDesktopInitialized = false; 2833let isMobileInitialized = false; 2834let areDesktopStylesInjected = false; 2835let areDesktopListenersAttached = false; 2836let sliderInitIntervalId = null; 2837// ================================================================= 2838// DESKTOP INITIALIZATION 2839// ================================================================= 2840 2841/** 2842 * Kicks off all one-time setup tasks for the desktop view. 2843 * @param {HTMLElement} element The hook's container element. 2844 */ 2845function initializeDesktop(element) { 2846 const serpApp = element.closest('#fast-simon-app'); 2847 if (!serpApp) return; 2848 2849 // Inject styles immediately. 2850 injectDesktopStyles(); 2851 2852 // Force a reflow to ensure the browser processes the injected styles 2853 // before we proceed with actions that reveal elements. 2854 document.body.offsetHeight; // Reading this property forces the browser to calculate layout. 2855 2856 setupDesktopListeners(element); 2857 2858 // Start polling to find the filter panel elements and make them accessible. 2859 pollForElement( 2860 () =>
2860 serpApp.querySelector('.fs-category-title'), 2861 (filterTitleElement) => { 2862 enhanceFilterAccessibility(serpApp); 2863 } 2864 ); 2865} 2866 2867/** 2868 * Injects necessary CSS overrides into the document head one time. 2869 */ 2870function injectDesktopStyles() { 2871 if (areDesktopStylesInjected) return; 2872 2873 const style = document.createElement('style'); 2874 // style.innerHTML = ` 2875 // .fs-filters-btn-visible:before, .fs-filters-btn-hidden:before { display: none !important; } 2876 // .hide-filters-button { display: block !important; } 2877 // `; 2878 document.head.appendChild(style); 2879 areDesktopStylesInjected = true; 2880} 2881 2882/** 2883 * Sets up all desktop event listeners a single time. 2884 * @param {HTMLElement} element The hook's container element. 2885 */ 2886function setupDesktopListeners(element) { 2887 if (areDesktopListenersAttached) return; 2888 2889 // Use a single delegated listener on the container for efficiency. 2890 element.addEventListener('click', (event) => { 2891 const filtersButton = event.target.closest('.hide-filters-button, .button-wrapper'); 2892 if (!filtersButton) return; 2893 2894 const numberOfColumnsEvent = filtersButton.closest('.fs-filters-btn-hidden') ? 4 : 3; 2895 window.dispatchEvent(new CustomEvent('change-number-of-products-per-row', { detail: { numberOfColumns: numberOfColumnsEvent } })); 2896 2897 const gridWrapper = document.querySelector('#fs-product-grid-container.grid-container'); 2898 if (gridWrapper) { 2899 const currentCols = gridWrapper.style.getPropertyValue("--product-grid-number-of-columns"); 2900 const newCols = currentCols === "3" ? "4" : "3"; 2901 gridWrapper.style.setProperty("--product-grid-number-of-columns", newCols); 2902 } 2903 }); 2904 2905 const performInitialClick = (button) => { 2906 window.dispatchEvent(new CustomEvent('change-number-of-products-per-row', { detail: { numberOfColumns: 4 } })); 2907 button.click(); 2908 const shadowHost = document.getElementById('fast-simon-serp-app'); 2909 if(shadowHost) { 2910 shadowHost?.shadowRoot?.getElementById('initial-load-hidden-filters')?.remove(); 2911 } else { 2912 document.getElementById('initial-load-hidden-filters')?.remove(); 2913 } 2914 }; 2915 2916 // --- NEW LOGIC: Attempt to find and click the button synchronously first ---
2917 const filtersButton = element.querySelector('.fs-top-container-desktop .button-wrapper'); 2918 if (filtersButton) { 2919 performInitialClick(filtersButton); 2920 } else { 2921 // Fallback to polling if the button isn't in the DOM yet. 2922 pollForElement( 2923 () => element.querySelector('.fs-top-container-desktop .button-wrapper'), 2924 (foundButton) => { 2925 performInitialClick(foundButton); 2926 } 2927 ); 2928 } 2929 2930 areDesktopListenersAttached = true; 2931} 2932 2933/** 2934 * Applies all accessibility enhancements to the filter panel once it's ready. 2935 * @param {HTMLElement} serpApp The root element of the SERP application. 2936 */ 2937function enhanceFilterAccessibility(serpApp) { 2938 const sortBy = serpApp.querySelector('#fs-desktop-sort-in-filters .fs-modern-filters-sorting-title'); 2939 if (sortBy) { 2940 sortBy.setAttribute('role', 'heading'); 2941 sortBy.tabIndex = 0; 2942 } 2943 serpApp.querySelectorAll('#fs-desktop-sort-in-filters .fs-checkbox .fs-checkbox-label').forEach(el => makeAccessibleButton(el)); 2944 2945 const showFiltersBtn = serpApp.querySelector('.hide-filters-button'); 2946 if (showFiltersBtn) { 2947 showFiltersBtn.textContent = "FILTER AND SORT"; 2948 makeAccessibleButton(showFiltersBtn, sortBy); 2949 } 2950 2951 serpApp.querySelectorAll('.fs-category-title-wrapper .fs-category-title').forEach(el => { 2952 const filterGroup = el.closest('.fs-category-title-wrapper').parentNode; 2953 const targetFilter = filterGroup.querySelector('.category-items .fs-checkbox'); 2954 makeAccessibleButton(el, targetFilter); 2955 2956 filterGroup.querySelectorAll('.category-items>span, .fs-serp-facets-swatches .fs-color-swatch-container, .rating-facet').forEach(filter => { 2957 makeAccessibleButton(filter); 2958 }); 2959 2960 const showMoreBtn = filterGroup.querySelector('.show-more-button'); 2961 if (showMoreBtn) { 2962 setupShowMoreButton(showMoreBtn); 2963 } 2964 }); 2965} 2966 2967/** 2968 * Sets up the "Show More" button, replacing the nested 500ms timeout. 2969 * @param {HTMLElement} showMoreBtn 2970 */ 2971function setupShowMoreButton(showMoreBtn) { 2972 if (showMoreBtn.dataset.listenerAttached) return; 2973 2974 showMoreBtn.addEventListener('keydown', (event) => { 2975 const showMoreText = showMoreBtn.querySelector('.show-more-button-text'); 2976 if ((event.key === 'Enter' || event.key === ' ') && showMoreText?.textContent === 'SHOW MORE +') { 2977 showMoreBtn.click(); 2978 pollForElement( 2979 () => showMoreBtn.parentNode.querySelectorAll('.category-items>span').length > 5, 2980 () => { 2981 const moreFilters = showMoreBtn.parentNode.querySelectorAll('.category-items>span'); 2982 moreFilters[5]?.focus(); 2983 moreFilters.forEach(filter => makeAccessibleButton(filter)); 2984 } 2985 ); 2986 } 2987 }); 2988 showMoreBtn.dataset.listenerAttached = 'true'; 2989} 2990 2991 2992// ================================================================= 2993// MOBILE INITIALIZATION 2994// ================================================================= 2995 2996function initializeMobile(element) { 2997 const filterButton = element.querySelector('.filters-button-wrapper'); 2998 if (filterButton) { 2999 filterButton.textContent = 'Filter'; 3000 } 3001 if (window.location.href.includes("sort=")) { 3002 document.querySelector('#fsParent')?.classList.add('hide-label'); 3003 } 3004} 3005 3006 3007// ================================================================= 3008// UNIVERSAL HELPER FUNCTIONS 3009// ================================================================= 3010 3011function updatePageTitle(element) { 3012 const pageTitle = element.closest('#fast-simon-app')?.querySelector('.f
3012s-page-title-container .titleWrapper .title'); 3013 if (pageTitle) { 3014 3015 } 3016} 3017 3018function updateNoResultsMessage(element) { 3019 const noResultsEl = element.querySelector('.fs-no-results'); 3020 if (noResultsEl) { 3021 noResultsEl.outerHTML = `No results found. Check out some of our best sellers below!`; 3022 } 3023} 3024 3025function updateResultsDisplay(element, totalResults) { 3026 const totalResultsEl = element.querySelector('.fs-num-results'); 3027 const categoryEl = element.querySelector('.query-cat-name'); 3028 const titleWrapCategory = element.closest('#fast-simon-app')?.querySelector('.fs-page-title-container'); 3029 3030 if (totalResultsEl && totalResults) { 3031 totalResultsEl.textContent = '(' + totalResults + ')'; 3032 document.getElementById('fast-simon-serp-app')?.shadowRoot?.getElementById('initial-load-fs-num-results')?.remove?.(); 3033 totalResultsEl.style.setProperty('display', 'block', 'important'); 3034 } else if (totalResults === 0 && categoryEl && !element.querySelector('.fs-num-results')) { 3035 categoryEl.insertAdjacentHTML('afterend', `<div style="display: block !important;" class="fs-num-results svelte-cwrvb5">(0)</div>`); 3036 } 3037 3038 // *** FIX FOR DUPLICATE RESULTS *** 3039 // Check if the title container *already has* a results count element before appending. 3040 if (titleWrapCategory && totalResultsEl && !titleWrapCategory.querySelector('.f
3040s-num-results')) { 3041 titleWrapCategory.appendChild(totalResultsEl); 3042 } 3043} 3044 3045function moveElementToTop(element) { 3046 element.closest('.filters-grid-wrapper')?.prepend(element); 3047} 3048 3049function addCategoryDescription(element) { 3050 3051} 3052 3053/** 3054 * A robust utility to wait for an element to exist before executing a callback. 3055 * @param {function(): (HTMLElement|boolean)} selectorFn Function that returns the element or a truthy value. 3056 * @param {function(HTMLElement=): void} callback Function to execute when the element is found. 3057 * @param {number} [timeout=3000] Maximum time to wait in milliseconds. 3058 */ 3059function pollForElement(selectorFn, callback, timeout = 3000) { 3060 const startTime = Date.now(); 3061 const interval = setInterval(() => { 3062 const element = selectorFn(); 3063 if (element) { 3064 clearInterval(interval); 3065 callback(element); 3066 } else if (Date.now() - startTime > timeout) { 3067 clearInterval(interval); 3068 //console.log('Polling timed out for selector.'); 3069 } 3070 }, 100); // Check every 100ms 3071} 3072 3073 3074 3075 3076 3077 3078function enhanceProductAccessibility(productElement) {
3079 const priceEl = productElement.querySelector('.fs-price'); 3080 const compareEl = productElement.querySelector('.fs-compare'); 3081 3082 // quick exit 3083 if (!priceEl && !compareEl) return; 3084 3085 // 1) Batch-read the textContent once 3086 const priceText = priceEl ? priceEl.textContent.trim() : ''; 3087 const compareText = compareEl ? compareEl.textContent.trim() : ''; 3088 3089 // 2) iOS VoiceOver fix: Place sr-only span OUTSIDE and BEFORE the price element, 3090 // then mark the entire visual price container as aria-hidden="true". 3091 // This completely separates screen reader content from visual content. 3092 const enhanceRoot = (rootEl, text, prefix) => { 3093 if (!rootEl || rootEl.hasAttribute('data-a11y-enhanced')) return; 3094 3095 // Remove any previous sr-only spans from earlier implementations 3096 const prevSrOnly = rootEl.previousElementSibling; 3097 if (prevSrOnly && prevSrOnly.classList.contains('fs-price-sr')) prevSrOnly.remove(); 3098 rootEl.querySelectorAll('.sr-only, .fs-price-visual').forEach(n => n.remove()); 3099 3100 // Create sr-only span OUTSIDE the price container (inserted before it) 3101 const sr = document.createElement('span'); 3102 sr.className = 'sr-only visually-hidden fs-price-sr'; 3103 sr.setAttribute('tabindex', '0'); 3104 sr.textContent = text; 3105 rootEl.parentNode.insertBefore(sr, rootEl); 3106 3107 // Hide the entire visual price container from screen readers 3108 rootEl.setAttribute('aria-hidden', 'true'); 3109 rootEl.removeAttribute('tabindex'); 3110 rootEl.removeAttribute('role'); 3111 rootEl.removeAttribute('aria-label'); 3112 rootEl.setAttribute('data-a11y-enhanced', 'true'); 3113 3114 // FinderSearch (Svelte) injects the $ symbol and price text *after* this runs. 3115 // When that happens: update the sr-only span text with the real price. 3116 const childObserver = new MutationObserver((mutations) => { 3117 let hasNew = false; 3118 for (const mut of mutations) { 3119 for (const node of mut.addedNodes) { 3120 if (node.nodeType === Node.TEXT_NODE && !node.textContent.trim()) continue; 3121 hasNew = true; break; 3122 } 3123 if (hasNew) break; 3124 } 3125 if (!hasNew) return; 3126 3127 childObserver.disconnect(); 3128 const rawPrice = Array.from(rootEl.childNodes).map(n => n.textContent).join('').trim(); 3129 if (rawPrice && sr.parentNode) sr.textContent = prefix + rawPrice; 3130 childObserver.observe(rootEl, { childList: true }); 3131 }); 3132 childObserver.observe(rootEl, { childList: true }); 3133 }; 3134 3135 if (priceEl) enhanceRoot(priceEl, `Current price: ${priceText}`, 'Current price: '); 3136 if (compareEl) enhanceRoot(compareEl, `Original price discounted: ${compareText}`, 'Original price discounted: '); 3137} 3138 3139function formatCurrency(price) { 3140 let parsedPrice = parseFloat(price.toString().replace(/[^\d.-]/g, '')); 3141 if (isNaN(parsedPrice)) return price; 3142 return `$${parsedPrice.toFixed(0).replace(/\B(?=(\d{3})+(?!\d))/g, ".")}`; 3143 return price; 3144} 3145 3146var leftContainerWidth = -1; 3147 var device = screen.width > 720 ? 'desktop' : screen.width > 520 ? 'tablet' : 'mobile'; 3148 var isMobile = device === 'mobile'; 3149 3150const slider_settings = { 3151 arrows: false, 3152 dots: true, 3153 infinite: true, 3154 initialSlide: 0, 3155 slidesToScroll: 1, 3156 slidesToShow: 1, 3157 cssEase: 'linear', 3158 swipe: true, 3159 mobileFirst: true, 3160 }; 3161const PRICESYMBOL = ""; 3162 3163const BADGE_LABELS = {}; 3164 3165 3166const PROMO_LABELS = { 3167 'blue-monday': '20% OFF! Now|before', 3168 'more-sustainable': 'RESPONSIBLE MATERIALS|before', 3169 'BF20': '20% OFF con il codice: BFSTEVE20|after', 3170 //'sale': 'Price Drop!|after', 3171 //'final-sale' : 'Price Drop!|after' 3172} 3173 3174const promoValid = (promoData) => { 3175 const appOnly = promoData?.visibility?.show_in_app_only; 3176 const notInApp = promoData?.visibility?.hide_in_app_only; 3177 const loggedInOnly = promoData?.visibility?.hide_for_non_users; 3178 const utmParams = promoData?.visibility?.utm_parameters; 3179 3180 // --- COLLECTION (PLP) --- 3181 const allowedHandles = (promoData?.visibility?.shopify_collection?.data || []) 3182 .map(c => (c?.handle || '').trim()) 3183 .filter(Boolean); 3184 3185 if (allowedHandles.length) { 3186 window.__COL_HANDLE__ = ""; 3187 let currentHandle = (window.__COL_HANDLE__ || '').trim(); 3188 3189 if (!currentHandle) { 3190 const m = location.pathname.match(/\/collections\/([^\/\?\#]+)/); 3191 if (m) currentHandle = (m[1] || '').trim(); 3192 } 3193 3194 if (!allowedHandles.includes(currentHandle)) return false;
3195 } 3196 3197 if (notInApp !== undefined && loggedInOnly !== undefined && utmParams !== undefined && appOnly !== undefined) { 3198 3199 3200 3201 let isLoggedIn = false 3202 3203 if ( isLoggedIn !== true && loggedInOnly === true) { 3204 return false; 3205 } 3206 // Get current URL query parameters 3207 const urlParams = new URLSearchParams(window.location.search); 3208 const isInApp = ((urlParams.get('app') || '').trim().toLowerCase()).startsWith('kinn'); 3209 3210 // Check app-specific conditions 3211 if (isInApp && notInApp === true) return false; 3212 if (!isInApp && appOnly === true) return false; 3213 3214 // Handle UTM parameter validation 3215 if (utmParams.length > 0) { 3216 let utmArr = utmParams; 3217 let hasMatchingUtm = false; 3218 3219 // Check if any UTM combination matches 3220 for (let utmCombo of utmArr) { 3221 const utmPairs = utmCombo.split('&'); 3222 const allPairsMatch = utmPairs.every(pair => { 3223 const [key, value] = pair.trim().split('='); 3224 return urlParams.get(key) === value; 3225 }); 3226 3227 if (allPairsMatch) { 3228 hasMatchingUtm = true; 3229 break; 3230 } 3231 } 3232 3233 if (!hasMatchingUtm) return false; 3234 } 3235 }; 3236 3237 3238 const isLoggedIn = null; 3239 3240 const hideGuests = promoData?.visibility?.hide_for_non_users === true; 3241 const hideLogged = promoData?.visibility?.hide_for_logged_in_users === true; 3242 3243 if (hideGuests && !isLoggedIn) return false; 3244 if (hideLogged && isLoggedIn) return false; 3245 3246 if (promoData.timing.always) { return true } 3247 const getCurrentUTCTime = () => { 3248 const now = new Date(); 3249 return now.toISOString(); 3250 } 3251 const getStartTime = () => { 3252 const start = new Date(promoData.timing.start_date_time); 3253 return start.toISOString(); 3254 } 3255 const getEndTime = () => { 3256 const end = new Date(promoData.timing.end_date_time); 3257 return end.toISOString(); 3258 } 3259 const isPromoActive = () => { 3260 const currentTime = getCurrentUTCTime(); 3261 const startTime = getStartTime(); 3262 const endTime = getEndTime(); 3263 let isActive = currentTime >= startTime && currentTime <= endTime? true : false; 3264 3265 return isActive; 3266 } 3267 return isPromoActive(); 3268}; 3269 3270const promoValidBadges = (promoData) => { 3271 const appOnly = promoData?.visibility?.show_in_app_only; 3272 const notInApp = promoData?.visibility?.hide_in_app_only; 3273 const loggedInOnly = promoData?.visibility?.hide_for_non_users; 3274 const utmParams = promoData?.visibility?.utm_parameters; 3275 3276 // --- COLLECTION (PLP) --- 3277 const allowedHandles = (promoData?.visibility?.shopify_collection?.data || []) 3278 .map(c => (c?.handle || '').trim()) 3279 .filter(Boolean); 3280 3281 if (allowedHandles.length) { 3282 window.__COL_HANDLE__ = ""; 3283 let currentHandle = (window.__COL_HANDLE__ || '').trim(); 3284 3285 if (!currentHandle) { 3286 const m = location.pathname.match(/\/collections\/([^\/\?\#]+)/); 3287 if (m) currentHandle = (m[1] || '').trim(); 3288 } 3289 3290 if (!allowedHandles.includes(currentHandle)) return false; 3291 } 3292 3293 if (notInApp !== undefined && loggedInOnly !== undefined && utmParam
3293s !== undefined && appOnly !== undefined) { 3294 3295 3296 3297 let isLoggedIn = false 3298 3299 if ( isLoggedIn !== true && loggedInOnly === true) { 3300 return false; 3301 } 3302 // Get current URL query parameters 3303 const urlParams = new URLSearchParams(window.location.search); 3304 const isInApp = ((urlParams.get('app') || '').trim().toLowerCase()).startsWith('kinn'); 3305 3306 // Check app-specific conditions 3307 if (isInApp && notInApp === true) return false; 3308 if (!isInApp && appOnly === true) return false; 3309 3310 // Handle UTM parameter validation 3311 if (utmParams.length > 0) { 3312 let utmArr = utmParams; 3313 let hasMatchingUtm = false; 3314 3315 // Check if any UTM combination matches 3316 for (let utmCombo of utmArr) { 3317 const utmPairs = utmCombo.split('&'); 3318 const allPairsMatch = utmPairs.every(pair => { 3319 const [key, value] = pair.trim().split('='); 3320 return urlParams.get(key) === value; 3321 }); 3322 3323 if (allPairsMatch) { 3324 hasMatchingUtm = true; 3325 break; 3326 } 3327 } 3328 3329 if (!hasMatchingUtm) return false; 3330 } 3331 }; 3332 3333 3334 const isLoggedIn = null; 3335 3336 const hideGuests = promoData?.visibility?.hide_for_non_users === true; 3337 const hideLogged = promoData?.visibility?.hide_for_logged_in_users === true; 3338 3339 if (hideGuests && !isLoggedIn) return false; 3340 if (hideLogged && isLoggedIn) return false; 3341 3342 if (promoData.timing.always) { return true } 3343 const getCurrentUTCTime = () => { 3344 const now = new Date(); 3345 return now.toISOString(); 3346 } 3347 const getStartTime = () => { 3348 const start = new Date(promoData.timing.start_date_time); 3349 return start.toISOString(); 3350 } 3351 const getEndTime = () => { 3352 const end = new Date(promoData.timing.end_date_time); 3353 return end.toISOString(); 3354 } 3355 const isPromoActive = () => { 3356 const currentTime = getCurrentUTCTime(); 3357 const startTime = getStartTime(); 3358 const endTime = getEndTime(); 3359 let isActive = currentTime >= startTime && currentTime <= endTime? true : false; 3360 3361 return isActive; 3362 } 3363 return isPromoActive(); 3364}; 3365 3366const addMetaObjectPromoText = (prod, productElement) => { 3367 3368 3369 3370 3371 3372 3373 let promoFound = false; 3374 for (let promo of [{"currency":"£","discount_percentage":null,"math_required_pdp":false,"math_required_plp":false,"product_tag":"PROMOEXCLUSION","promo_text_plp_search":"EXCLUDED FROM STUDENT DISCOUNT","promo_text_plp_search_alt":"","promo_text_pdp_primary":"EXCLUDED FROM STUDENT DISCOUNT","promo_text_pdp_primary_alt":"","promo_text_pdp_secondary":"","promo_text_pdp_secondary_alt":"","promo_type":"percent-off","promo_name":"Excluded","text_color":"","timing":{"always":true,"start_date_time":"2025-11-11T00:00:00.000Z","end_date_time":"2025-11-21T00:00:00.000Z"},"timer":{"show_timer":false,"timer_message_primary":"Hurry Ends in","timer_message_secondary":"Hurry Ends In"},"visibility":{"desktop":true,"mobile":true,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{"data":[],"type":"Shopify_category"}},"text_styling":{"coupon_code":"","coupon_icon":{},"pdp":{"promo_text_url_pdp":{"title":"","href":""},"font_size":{"mobile_font_size":12,"desktop_font_size":12},"underline":false,"bold":false,"italic":false,"center":false},"plp":{"promo_text_url_plp":{"title":"","href":""},"font_size":{"mobile_font_size":12,"desktop_font_size":12},"underline":false,"bold":false,"italic":false,"center":false}}},{"currency":null,"discount_percentage":null,"math_required_pdp":true,"math_required_plp":true,"product_tag":"AUTUMNOFFERS","promo_text_plp_search":"","promo_text_plp_search_alt":"","promo_text_pdp_primary":"","promo_text_pdp_primary_alt":"","promo_text_pdp_secondary":"","promo_text_pdp_secondary_alt":"","promo_type":null,"promo_name":"Autumn Offers","text_color":"","timing":{"always":false,"start_date_time":null,"end_date_time":null},"timer":{"show_timer":false,"timer_message_primary":"","timer_message_secondary":""},"visibility":{"desktop":true,"mobile":true,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{}},"text_styling":{"coupon_code":"","coupon_icon":{},"pdp":{"promo_text_url_pdp":{"title":"","href":""},"font_size":{"mobile_font_size":null,"desktop_font_size":null},"underline":false,"bold":false,"italic":false,"center":false},"plp":{"promo_text_url_plp":{"title":"","href":""},"font_size":{"mobile_font_size":null,"desktop_font_size":null},"underline":false,"bold":false,"italic":false,"center":false}}}]) { 3375 if (promoValid(promo)) { 3376 let tag = promo.product_tag 3377 let calculatedPromoPrice = 0; 3378 const v = promo?.visibility || {}; 3379 const plp_styling = promo?.text_styling?.plp || {}; 3380 const promo_url = plp_styling?.promo_text_url_plp?.href || ''; 3381 const couponIconUrl = 3382 promo?.text_styling?.coupon_icon?.asset?.url || 3383 promo?.text_styling?.coupon_icon?.url || 3384 ''; 3385 const couponCode = promo?.text_styling?.coupon_code || ''; 3386 const isDesktop = window.matchMedia('(min-width: 768px)').matches; 3387 if ((isDesktop && v.desktop === false) || (!isDesktop && v.mobile === false)) { 3388 continue; 3389 } 3390 if (promo.math_required_plp) { 3391 const percentOff = promo.discount_percentage/100; 3392 const regularPrice = prod.price; 3393 calculatedPromoPrice = regularPrice * ( 1 - percentOff );} 3394 if (calculatedPromoPrice > 0 && calculatedPromoPrice < prod.price && promo.math_required_plp && prod.tags.indexOf(tag) != -1) { 3395 3396 addPromoText(productElement,`${promo.currency}${(Math.ceil(calculatedPromoPrice * 100) / 100).toFixed(2)} ${promo.promo_text_plp_search}`, `${promo.text_color}`, plp_styling, promo_url,{couponCode,couponIconUrl}) 3397 3398 } else if (prod.tags.indexOf(tag) != -1) { 3399 3400 addPromoText(productElement,`${promo.promo_text_plp_search}`, `${promo.text_color}`, plp_styling, promo_url, {couponCode,couponIconUrl}) 3401 3402 } 3403 if (prod.tags.indexOf(tag) != -1) { break; } 3404 } 3405 } 3406 3407} 3408 3409const addMetaObjectBadge = (prod, productElement) => { 3410 3411 3412 3413 3414 3415 3416 let badgeFound = false;
3417 for (let badge of [{"math":true,"pdp":{"badge_text_pdp_primary":" ","badge_text_pdp_primary_alt":"","badge_style_pdp":"no-border","badge_pdp_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":" ","plp_search_badge_details_alt":"","badge_styling_plp_search":"no-border","badge_plp_search_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":null},"product_tag":["OFFERS"],"product_metafield":[],"timing":{"always":true,"start_date_time":"2025-12-16T00:00:21.000Z","end_date_time":"2026-01-26T06:00:00.000Z"},"active":true,"text_color":"#a82e23","badge_color":"#00000000","visibility":{"desktop":true,"mobile":true,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{"data":[],"type":"Shopify_category"}}},{"math":true,"pdp":{"badge_text_pdp_primary":" ","badge_text_pdp_primary_alt":"","badge_style_pdp":"no-border","badge_pdp_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":" ","plp_search_badge_details_alt":"","badge_styling_plp_search":"no-border","badge_plp_search_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":null},"product_tag":["AUTUMNOFFERS"],"product_metafield":[],"timing":{"always":true,"start_date_time":"2025-12-16T00:00:21.000Z","end_date_time":"2026-01-26T06:00:00.000Z"},"active":true,"text_color":"#a82e23","badge_color":"#00000000","visibility":{"desktop":true,"mobile":true,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{"data":[],"type":"Shopify_category"}}},{"math":false,"pdp":{"badge_text_pdp_primary":"NEW","badge_text_pdp_primary_alt":"","badge_style_pdp":"no-border","badge_pdp_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":"NEW","plp_search_badge_details_alt":"","badge_styling_plp_search":"no-border","badge_plp_search_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":null},"product_tag":["NEW IN"],"product_metafield":[],"timing":{"always":true,"start_date_time":"2025-12-16T00:00:21.000Z","end_date_time":"2026-01-26T06:00:00.000Z"},"active":true,"text_color":"black","badge_color":"#00000000","visibility":{"desktop":true,"mobile":true,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{"data":[],"type":"Shopify_category"}}},{"math":true,"pdp":{"badge_text_pdp_primary":"BACK IN STOCK","badge_text_pdp_primary_alt":"","badge_style_pdp":"no-border","badge_pdp_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":"BACK IN STOCK","plp_search_badge_details_alt":"","badge_styling_plp_search":"no-border","badge_plp_search_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":null},"product_tag":["BACK IN STOCK"],"product_metafield":[],"timing":{"always":true,"start_date_time":"2025-12-16T00:00:21.000Z","end_date_time":"2026-01-26T06:00:00.000Z"},"active":true,"text_color":"black","badge_color":"#F0F0F0","visibility":{"desktop":true,"mobile":true,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{"data":[],"type":"Shopify_category"}}},{"math":false,"pdp":{"badge_text_pdp_primary":"COMING SOON","badge_text_pdp_primary_alt":"","badge_style_pdp":"no-border","badge_pdp_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":"COMING SOON","plp_search_badge_details_alt":"","badge_styling_plp_search":"no-border","badge_plp_search_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":"top-right"},"product_tag":["COMING SOON"],"product_metafield":[],"timing":{"always":true,"start_date_time":"2026-02-19T09:35:23.000Z","end_date_time":null},"active":true,"text_color":"BLACK","badge_color":"#00000000","visibility":{"desktop":true,"mobile":true,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{"data":[],"type":"Shopify_category"}}},{"math":false,"pdp":{"badge_text_pdp_primary":"Exclusive","badge_text_pdp_primary_alt":"","badge_style_pdp":null,"badge_pdp_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":"Steve Madden Exclusive","plp_search_badge_details_alt":"","badge_styling_plp_search":null,"badge_plp_search_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":null},"product_tag":["online-exclusive"],"product_metafield":[],"timing":{"always":true,"start_date_time":null,"end_date_time":null},"active":true,"text_color":"","badge_color":"","visibility":{"desktop":false,"mobile":false,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{}}},{"math":false,"pdp":{"badge_text_pdp_primary":"Kids Sizes","badge_text_pdp_primary_alt":"Kids Sizes","badge_style_pdp":null,"badge_pdp_url":{"title":"Kids Sizes","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":"Kids Sizes","plp_search_badge_details_alt":"","badge_styling_plp_search":null,"badge_plp_search_url":{"title":"Kids Sizes","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":null},"product_tag":["kids-sizes"],"product_metafield":[],"timing":{"always":true,"start_date_time":null,"end_date_time":null},"active":true,"text_color":"","badge_color":"","visibility":{"desktop":false,"mobile":false,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{}}},{"math":false,"pdp":{"badge_text_pdp_primary":"LARGER SIZES: 36-45","badge_text_pdp_primary_alt":"","badge_style_pdp":null,"badge_pdp_url":{"title":"LARGER SIZES: 36-45","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":"LARGER SIZES: 36-45","plp_search_badge_details_alt":"","badge_styling_plp_search":null,"badge_plp_search_url":{"title":"LARGER SIZES: 36-45","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":null},"product_tag":["show_larger_size"],"product_metafield":[],"timing":{"always":true,"start_date_time":null,"end_date_time":null},"active":true,"text_color":"","badge_color":"","visibility":{"desktop":false,"mobile":false,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{}}}]) { 3418 if (promoValidBadges(badge)) { 3419 const v = badge?.visibility || {}; 3420 const isDesktop = window.matchMedia('(min-width: 768px)').matches; 3421 if ((isDesktop && v.desktop === false) || (!isDesktop && v.mobile === false)) { 3422 continue; 3423 } 3424 const badgeTags = Array.isArray(badge.product_tag) ? badge.product_tag : []; 3425 const productTags = Array.isArray(prod.tags) ? prod.tags : []; 3426 3427 const badgeTagsNorm = badgeTags.map(t =>
3427 (t || '').toLowerCase().trim()).filter(Boolean); 3428 const productTagsNorm = productTags.map(t => (t || '').toLowerCase().trim()); 3429 3430 const matchesAnyTag = badgeTagsNorm.some(t => productTagsNorm.includes(t)); 3431 3432 if (matchesAnyTag) { 3433 const compare = Number(prod.comparePrice); 3434 const price = Number(prod.price); 3435 const hasDiscount = Number.isFinite(compare) && compare > 0 && compare > price; 3436 3437 let badgeText = 3438 `` + 3439 `${badge.plp.badge_text_plp_search}` + 3440 ``; 3441 3442 if (badge.math === true && hasDiscount) { 3443 const discPercent = ((compare - price) / compare) * 100; 3444 badgeText += ` ${discPercent.toFixed(0)}% OFF`; 3445 } 3446 3447 if (badge.plp.mobile_badge_image) { 3448 badgeText = ` |${badge.plp.mobile_badge_image.url}|text-image` 3449 } 3450 3451 const badgeStyleMap = { 3452 "border-color-fill": `border: 2px solid black; color: ${badge.text_color} !important; background-color: ${badge.badge_color} !important;`, 3453 "border": `background-color: transparent !important; color: ${badge.text_color} !important; border: 2px solid black;`, 3454 "text-only": `background-color: transparent !important; border: none !important; color: ${badge.text_color} !important;`, 3455 "no-border": `border: none !important; background-color: ${badge.badge_color} !important; color: ${badge.text_color} !important;`, 3456 } 3457 3458 const plpAlignment = badge.plp?.badge_image_alignment_plp_search || 'top-right'; 3459 3460 addbadge(productElement, badgeText, badgeStyleMap[badge.plp.badge_styling_plp_search], badge.plp.badge_plp_search_url.href, plpAlignment); 3461 badgeFound = true; 3462 break; 3463 } 3464 } 3465 } 3466 3467} 3468 3469 3470const PRICE_RANGE_DESIGN = `<div class="rheostat rheostat-horizontal " style="position: relative;"><div class="rheostat-marker rheostat-marker-horizontal rheostat-marker-large min" style="left: 0%; position: absolute; margin-left: -2px;"><div class="rheostat-value"></div></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 2.94118%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 5.88235%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 8.82353%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 11.7647%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 14.7059%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 17.6471%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 20.5882%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 23.5294%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 26.4706%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 29.4118%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 32.3529%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 35.2941%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 38.2353%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 41.1765%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 44.1176%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 47.0588%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal rheostat-marker-large mid" style="left: 50%; position: absolute; margin-left: 0px;"><div class="rheostat-value"></div></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 52.9412%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 55.8824%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 58.8235%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 61.7647%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 64.7059%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 67.6471%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 70.5882%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 73.5294%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 76.4706%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 79.4118%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 82.3529%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 85.2941%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 88.2353%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 91.1765%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 94.1176%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal" style="left: 97.0588%; position: absolute; margin-left: 0px;"></div><div class="rheostat-marker rheostat-marker-horizontal rheostat-marker-large max" style="left: 100%; position: absolute; margin-left: -2px;"><div class="rheostat-value"></div></div></div>` 3471 3472function formatNumberWithDots(number) {
3473 return Number(number).toLocaleString('id-ID'); // 'id-ID' uses dots as thousand separators 3474} 3475function toArabicNumerals(str) { 3476 return String(str).replace(/[0-9]/g, function(d) { 3477 return String.fromCharCode(d.charCodeAt(0) + 0x630); 3478 }); 3479} 3480function convertSizeLabelsToArabic(container) { 3481 if ('en' !== 'ar') return; 3482 var root = container || document; 3483 root.querySelectorAll('.swatch-element:not(.color) label, .curcolor').forEach(function(el) { 3484 el.childNodes.forEach(function(node) { 3485 if (node.nodeType === 3 && /[0-9]/.test(node.textContent)) { 3486 node.textContent = toArabicNumerals(node.textContent); 3487 } 3488 }); 3489 }); 3490} 3491function addAriaLabel(pdata){ 3492 let event = 'sw:addedtowishlist', event_1 = 'sw:removedfromwishlist'; 3493 if (typeof _swat !== 'undefined' && typeof window.triggerSwymVariantEvent !== 'undefined' && pdata != undefined){ 3494 // Define the event listener function 3495 let product = { 3496 epi: pdata.variants[0].id, // unique variant ID of the product. 3497 empi: parseInt(pdata.id), // Product ID or master product ID 3498 du: "https://stevemadden.com"+pdata.productURL, // canonical product url. 3499 } 3500 3501 // Add the "product" to the wishlist. 3502 _swat.addToWishList(product, function(response) { 3503 // console.log("product successfully added to wishlist", response); 3504 $('.custom_wishlist_popup').html('<div class="swym-custom-wishlist-notifications-container"><div class="swym-custom-notifications-container"><div class="swym-custom-notification-wishlist swym-clickable" tabindex="0" role="button"><div class="swym-product-tile"><button class="swym-close-btn swym-is-button" aria-label="Close Notification"><span class="swym-icon"></span></button><img class="swym-image" src="'+ response.iu +'" alt=""><div class="swym-details-container"><div class="swym-details" role="alert"><span class="swym-emphasis">'+ response.dt + " - " + response.vi +'</span> has been added to <span class="swym-emphasis">1 list</span> successfully.</div></div></div></div></div></div>').addClass('showing'); 3505 setTimeout(function(){ 3506 $('.custom_wishlist_popup').removeClass('showing').empty(); 3507 //console.log('Custom wishlist popup closed'); 3508 }, 3500); 3509 }, function(error) { 3510 //console.log("there was an error adding the product to wishlist", error); 3511 }); 3512 } 3513} 3514 3515function Getattributevalue(att,name) { 3516 if ( typeof(att) !== "undefined" && att !== null ) { 3517 for (let key in att) { 3518 if (att[key][0] === name){ 3519 return att[key][1][0]; 3520 } 3521 } 3522 } 3523 3524 return ""; 3525} 3526 3527function checkInputLength(event) { 3528 const input = document.getElementById('search_input'); 3529 const value = input.value; 3530 3531 // Check if the input value contains more than one word 3532 const isMultipleWords = value.trim().split(/\s+/).length > 1; 3533 3534 if (isMultipleWords && value.length > 128) { 3535 input.value = value.substring(0, 128); 3536 } else if (!isMultipleWords && value.length > 45) { 3537 input.value = value.substring(0, 45); 3538 } 3539} 3540 3541document.addEventListener('DOMContentLoaded', function () { 3542 const input = document.getElementById('search_input'); 3543 if (input) { 3544 input.addEventListener('input', checkInputLength); 3545 } 3546 3547 const form = document.querySelector('.SearchForm form'); 3548 if (form) { 3549 form.addEventListener('submit', function (event) { 3550 checkInputLength(event); 3551 // Optionally prevent form submission if the input value is invalid 3552 const input = document.getElementById('search_input'); 3553 }); 3554 } 3555}); 3556 3557function makeAccessibleButton(element, targetElement) { 3558 element.setAttribute('role', 'button'); 3559 element.setAttribute('tabindex', '0'); 3560 // element.setAttribute('aria-pressed', 'false'); 3561 /** 3562 element.addEventListener('keydown', function(event) { 3563 if (event.key === 'Enter' || event.key === ' ') { 3564 event.preventDefault(); 3565 element.click(); 3566 } 3567 }); 3568 3569 element.addEventListener('click', function() { 3570 // const isPressed = element.getAttribute('aria-pressed') === 'true'; 3571 // element.setAttribute('aria-pressed', !isPressed); 3572 if (targetElement) { 3573 setTimeout(() => { 3574 targetElement?.focus(); 3575 }, 100); 3576 } 3577 }); 3578 **/ 3579} 3580 3581function addVisualSlider() { 3582 if ($('.visual-nav-wrapper').length > 0) { 3583 if ($(window).width() < 992) { 3584 if (!$('.visual-row-slider').hasClass('slick-initialized')) { 3585 $('.visual-row-slider').slick({
3586 arrows: false, 3587 dots: false, 3588 infinite: true, 3589 initialSlide: 0, 3590 slidesToScroll: 1, 3591 slidesToShow: 5, 3592 responsive: [ 3593 { 3594 breakpoint: 991, 3595 settings: { 3596 slidesToShow: 1, 3597 slidesToScroll: 1, 3598 } 3599 } 3600 ] 3601 }); 3602 } 3603 } 3604 } 3605} 3606 3607/* search for product promos in the tags */ 3608function getProductPromos(tags) { 3609 return tags.reduce((promos, tag) => { 3610 if (tag in PROMO_LABELS) { 3611 promos.push(PROMO_LABELS[tag]); 3612 } 3613 3614 return promos; 3615 }, []) 3616} 3617 3618function capitalizeWords(inputString) { 3619 let words = inputString.split(" "); 3620 for (let i = 0; i < words.length; i++) { 3621 words[i] = words[i].charAt(0).toUpperCase() + words[i].slice(1); 3622 } 3623 return words.join(" "); 3624} 3625 3626/* search for product badges in the tags */ 3627function getProductBadges(tags) { 3628 return tags.reduce((badges, tag) => { 3629 if (tag in BADGE_LABELS) { 3630 badges.push(BADGE_LABELS[tag]); 3631 } 3632 return badges; 3633 }, []) 3634} 3635 3636/* remove promo container */ 3637function removePromo(productElement) { 3638 const container = productElement.querySelector(".fs-promo-labels"); 3639 if (container) { 3640 container.remove(); 3641 } 3642} 3643 3644/* add new promo label, if container is missing add it */ 3645function addPromo(productElement, value, price) { 3646 let container = productElement.querySelector(".fs-promo-labels"); 3647 if (!container) { 3648 3649 // check if value contains src 3650 var fields = value.split('|'); 3651 if (fields[0].indexOf('$$$') > -1) { 3652 var cls = 'promo-price'; 3653 var pp = fields[0].replace('$$$', '$'+(Math.ceil(((price * 100) * 0.75)) / 100)); 3654 //var pp = fields[0].replace('$$$', Shopify.formatMoney(Math.ceil(((price * 100.0) * 0.75)), Shopify.money_format)); 3655 } else { 3656 var cls = fields[0].toLowerCase().replaceAll(' ', '-'); 3657 } 3658 if (fields[1] === "after") { 3659 productElement.querySelector(".product-content").insertAdjacentHTML('beforeend', `<div class="fs-promo-labels"></div>`); 3660 } else { 3661 productElement.querySelector(".info-container").insertAdjacentHTML('beforeBegin', `<div class="fs-promo-labels"></div>`); 3662 } 3663 3664 container = productElement.querySelector(".fs-promo-labels"); 3665 } 3666 3667 // check if value contains src 3668 if (typeof pp != 'undefined') { 3669 container.insertAdjacentHTML("afterBegin", `<span class="my-promo-label promo-price ${cls}">${pp}</span>`); 3670 } else { 3671 container.insertAdjacentHTML("afterBegin", `<span class="my-promo-label promo-price ${cls}">${fields[0]}</span>`); 3672 } 3673} 3674 3675function addShopTheLook(productElement, data){
3676 if(!productElement.querySelector('.fs-stl-btn') && productElement.querySelector('.product-info') && data.u){ 3677 productElement.querySelector('.product-info').insertAdjacentHTML('afterbegin', `<a href="`+data.u+`" class="fs-stl-btn" value="SHOP THE LOOK" title="SHOP THE LOOK">SHOP THE LOOK</a>`); 3678 productElement.querySelector('.product-info').classList.add('shop-the-look'); 3679 } 3680} 3681 3682function addPrice(productElement, data) { 3683 let container = productElement.querySelector(".fast_product_price"); 3684 if (!container) { 3685 productElement.querySelector(".info-container .fs-serp-product-title").insertAdjacentHTML('afterend', `<div class="fast_product_price"></div>`); 3686 container = productElement.querySelector(".fast_product_price"); 3687 } 3688 var wrapper = document.createElement('div'); 3689 var priceContainers = productElement.querySelectorAll('.price-container, .compare-container'); 3690 for (var i = 0; i < priceContainers.length; i++) { 3691 wrapper.appendChild(priceContainers[i].cloneNode(true)); 3692 priceContainers[i].parentNode.removeChild(priceContainers[i]); 3693 } 3694 container.innerHTML = wrapper.innerHTML; 3695 if (typeof data !== 'undefined') { 3696 if (typeof data.formattedPrice !== 'undefined') { 3697 //productElement.querySelector(".price").innerHTML = data.formattedPrice; 3698 productElement.querySelector(".price").innerHTML = data.formattedPrice; 3699 } 3700 if (typeof data.formattedCompare !== 'undefined') { 3701 productElement.querySelector(".price").classList.add('hasCompare'); 3702 //productElement.querySelector(".compare").innerHTML = data.formattedCompare; 3703 productElement.querySelector(".compare").innerHTML = data.formattedCompare; 3704 } 3705 } 3706} 3707 3708/* remove badge container */ 3709function removebadge(productElement) { 3710 const container = productElement.querySelector(".my-badge-labels"); 3711 if (container) { 3712 container.remove(); 3713 } 3714} 3715 3716document.addEventListener( 3717 'click', 3718 (e) => { 3719 // Only handle clicks coming from a badge link 3720 const path = e.composedPath?.(); 3721 if (!path) return; 3722 3723 const badgeAnchor = path.find( 3724 (n) => 3725 n && 3726 n.nodeType === 1 && 3727 n.tagName === 'A' && 3728 n.classList?.contains('badge-link') 3729 ); 3730 if (!badgeAnchor) return; 3731 3732 // Scope: only apply inside Fast Simon SERP container 3733 const insideFastSimon = path.some( 3734 (n) => n && n.nodeType === 1 && n.id === 'fast-simon-serp-app' 3735 ); 3736 if (!insideFastSimon) return; 3737 3738 // Respect default browser behavior for new tab/window actions 3739 const isModifiedClick = 3740 e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || e.button !== 0; 3741 if (isModifiedClick) return; 3742 3743 // Stop Fast Simon / product-card click handlers (PDP redirect) 3744 e.preventDefault(); 3745 e.stopPropagation(); 3746 e.stopImmediatePropagation(); 3747 3748 // Navigate to the badge destination 3749 window.location.assign(badgeAnchor.href); 3750 }, 3751 true // Capture phase: run before Fast Simon / card handlers 3752); 3753 3754 3755/* add new badge label, if container is missing add it */ 3756function addbadge(productElement, value, additionalCss = '', link = '', alignment = '') { 3757 let container = productElement.querySelector(".my-badge-labels"); 3758 3759 if (!container) { 3760 productElement.querySelector(".image-wrapper").insertAdjacentHTML('afterBegin', `<div class="my-badge-labels"></div>`); 3761 container = productElement.querySelector(".my-badge-labels"); 3762 } 3763 3764 // Only treat alignment as "explicit" if we got a real string value 3765 const hasAlignment = typeof alignment === 'string' && alignment.trim().length > 0; 3766 const alignValue = hasAlignment ? alignment.trim() : ''; 3767 3768 // Apply alignment classes ONLY when alignment is explicitly provided 3769 if (hasAlignment) { 3770 container.classList.toggle('badge-align-right', alignValue === 'top-right'); 3771 container.classList.toggle('badge-align-left', alignValue === 'top-left'); 3772 } else { 3773 // Optional: remove alignment classes to keep default behavior clean 3774 container.classList.remove('badge-align-right', 'badge-align-left'); 3775 } 3776 3777 // Split value into components 3778 const fields = value.split('|'); 3779 3780 // Determine label (localized support for en_150) 3781 3782 const label = fields[0]; 3783 const className = fields[0].toLowerCase(); 3784 3785 3786 // Create badge span 3787 const badge = document.createElement('span'); 3788 badge.className = `badge-base my-badge-label ${className}`; 3789 badge.setAttribute('style', additionalCss); 3790 3791 // IMPORTANT: only override left/right if alignment was explicitly provided 3792 if (hasAlignment) { 3793 badge.style.removeProperty('left'); 3794 badge.style.removeProperty('right'); 3795 3796 if (alignValue === 'top-right') { 3797 badge.style.right = '0'; 3798 badge.style.left = 'auto'; 3799 } else if (alignValue === 'top-left') { 3800 badge.style.left = '15px'; 3801 badge.style.right = 'auto'; 3802 } 3803 // if alignValue is something else, do nothing (keep default) 3804 } 3805 3806 // Construct inner content 3807 if (fields[2] === 'text-image') { 3808 badge.innerHTML = label; 3809 const img = document.createElement('img'); 3810 img.src = fields[1]; 3811 img.alt = className; 3812 3813 badge.appendChild(img); 3814 } else if (fields.length === 1) { 3815 badge.innerHTML = label; 3816 } else { 3817 const img = document.createElement('img'); 3818 img.src = fields[1]; 3819 img.alt = className; 3820 badge.appendChild(img); 3821 } 3822 3823 // Wrap in <a> if link is provided 3824 if (link !== '') { 3825 const anchor = document.createElement('a'); 3826 anchor.href = link; 3827 anchor.classList.add('badge-link');
3828 anchor.style.textDecoration = 'none'; 3829 anchor.appendChild(badge); 3830 container.appendChild(anchor); 3831 } else { 3832 container.appendChild(badge); 3833 } 3834} 3835 3836function addPromoText(productElement, value, color = '#b20000', plp_styling, link = '', coupon = {}) { 3837 if (value !== 'undefined') { 3838 let container = productElement.querySelector(".fs-promo-text"); 3839 if (!container) { 3840 productElement.querySelector(".product-content").insertAdjacentHTML('afterend', `<div class="fs-promo-text" tabindex="0" aria-label="Promotional information:"></div>`); 3841 container = productElement.querySelector(".fs-promo-text"); 3842 } 3843 3844 const couponCode = coupon?.couponCode || ''; 3845 const couponIconUrl = coupon?.couponIconUrl || ''; 3846 3847 // avoid duplicate listeners on re-render 3848 container.innerHTML = ''; 3849 3850 const iconHtml = couponIconUrl 3851 ? `<img data-coupon-copy src="${couponIconUrl}" alt="Copy" style="width:18px;height:18px;display:inline-block;margin-left:0;vertical-align:middle;cursor:pointer;" />` 3852 : `<span data-coupon-copy style="margin-left:0;vertical-align:middle;cursor:pointer;">â§</span>`; 3853 3854 const copiedHtml = `<span class="promo-copied" style="display:none;margin-left:6px;">â</span>`; 3855 3856 if (link != '') { 3857 const couponHtml = couponCode 3858 ? ` <span class="promo-coupon-code" style="margin-left:6px;">${couponCode}${iconHtml}${copiedHtml}</span>` 3859 : ''; 3860 3861 // wrap EVERYTHING in the link (PDP-style) 3862 container.innerHTML = ` 3863 <a href="${link}" class="promo-text-link" style="color:${color};text-decoration:none;"> 3864 ${value}${couponHtml} 3865 </a> 3866 `; 3867 } 3868 else { 3869 if (couponCode) { 3870 container.innerHTML = `${value} <span class="promo-coupon-code" style="margin-left:6px;">${couponCode}${iconHtml}${copiedHtml}</span>`; 3871 } else { 3872 container.textContent = value; 3873 } 3874 } 3875 3876 const copyBtn = container.querySelector('[data-coupon-copy]'); 3877 const copied = container.querySelector('.promo-copied'); 3878 3879 if (copyBtn && couponCode && !copyBtn.dataset.bound) { 3880 copyBtn.dataset.bound = '1'; 3881 3882 copyBtn.addEventListener('click', async (e) => { 3883 e.preventDefault(); 3884 e.stopPropagation(); 3885 3886 try { 3887 await navigator.clipboard.writeText(couponCode); 3888 } catch (err) { 3889 const ta = document.createElement('textarea'); 3890 ta.value = couponCode; 3891 document.body.appendChild(ta); 3892 ta.select(); 3893 document.execCommand('copy'); 3894 ta.remove(); 3895 } 3896 3897 if (copied) copied.style.display = 'inline-block'; 3898 copyBtn.style.opacity = '0.4'; 3899 3900 setTimeout(() => { 3901 if (copied) copied.style.display = 'none'; 3902 copyBtn.style.opacity = '1'; 3903 }, 1200); 3904 }); 3905 } 3906 3907 container.style.setProperty('color', color, 'important'); 3908 3909 if (plp_styling.bold) container.style.fontWeight = '700'; 3910 if (plp_styling.underline) container.style.textDecoration = 'underline'; 3911 if (plp_styling.center) container.style.textAlign = 'center'; 3912 if (plp_styling.italic) container.style.fontStyle = 'italic'; 3913 container.style.cursor = 'default'; 3914 3915 const desktopSize = plp_styling.font_size?.desktop_font_size; 3916 const mobileSize = plp_styling.font_size?.mobile_font_size; 3917 3918 const applyFontSize = () => { 3919 if (window.innerWidth <= 768 && mobileSize) { 3920 container.style.setProperty('font-size', mobileSize + 'px', 'important'); 3921 } else if (desktopSize) { 3922 container.style.setProperty('font-size', desktopSize + 'px', 'important'); 3923 } 3924 }; 3925 3926 applyFontSize(); 3927 window.addEventListener('resize', applyFontSize); 3928 3929 } 3930} 3931 3932 3933/* initialize stylitics composer */ 3934 3935 3936 3937 3938 3939 3940/* quick shop on PLP */ 3941function addDotsAttr(){ 3942 $('.quick-view-images .slick-dots li').each(function(i, ele){ 3943 $(ele).find('button').attr('aria-label','Go to slide '+(i+1)); 3944 if ($(ele).hasClass('slick-active')){ 3945 $(ele).find('button').attr('aria-current',true); 3946 } else { 3947 $(ele).find('button').removeAttr('aria-current'); 3948 } 3949 }) 3950} 3951 3952 3953window.__qvReqId = window.__qvReqId || 0; 3954async function getProductData(product_handle, evt) { 3955 const reqId = ++window.__qvReqId; 3956 if (evt?.target) { 3957 const sourceBtn = evt.target.closest('.quick_add_btnn'); 3958 3959 const isFromPLP = sourceBtn?.dataset.source === 'Collection Page'; 3960 const isFromPS = sourceBtn?.dataset.source === 'Product Slider'; 3961 const isFromMiniCart = !isFromPLP; 3962 3963 if (isFromPLP) { 3964 if (window.location.pathname.includes('/pages/search-results')) { 3965 window.addToCartLocationOverride = 'Search Results'; 3966 } else { 3967 window.addToCartLocationOverride = 'Collection Page'; 3968 } 3969 } 3970 else if (window.__isMiniCartOpen){ 3971 window.addToCartLocationOverride = 'Mini-Cart'; 3972 } 3973 else if (isFromPS){ 3974 window.addToCartLocationOverride = 'Product Slider'; 3975 } 3976 } 3977 const slider_settings = {
3978 arrows: false, 3979 dots: true, 3980 infinite: true, 3981 initialSlide: 0, 3982 slidesToScroll: 1, 3983 slidesToShow: 1, 3984 cssEase: 'linear', 3985 swipe: true, 3986 mobileFirst: true, 3987 }; 3988 try { 3989 const safeHandle = (product_handle || '').split('?')[0]; 3990 const url = safeHandle.includes('/products/') 3991 ? `${safeHandle}?view=quick_view` 3992 : `/products/${safeHandle}?view=quick_view`; 3993 const response = await fetch(url); 3994 3995 const addToCartLocation = window.addToCartLocationOverride || 'Quick View'; 3996 $('.product_quickview').attr('data-add-to-cart-location', addToCartLocation); 3997 const data = await response.text(); 3998 if (reqId !== window.__qvReqId) return; 3999 $('.product_quickview').html(data); 4000 setTimeout(function() { convertSizeLabelsToArabic($('.product_quickview')[0]); }, 100); 4001 const $qv = $('.product_quickview'); 4002 4003 const getProductData = JSON.parse($(data).find('[type="application/json"].quick').text()); 4004 window.productVariants = getProductData?.variants || []; 4005 $qv.find('.customColor').each(function() { 4006 var a = $(this) 4007 var u = a.attr('href'); 4008 $.getJSON(u, function(p) { 4009 a.parent('.custom').addClass('show'); 4010 }).fail(function() { 4011 a.parent().hide(); 4012 }); 4013 }); 4014 4015 const colorinfo = JSON.parse($(data).find('[type="application/json"].color').text().trim()); 4016 const {productColor, pro, titleUp, sku, productHandle,fs_family_group=sku} = colorinfo; 4017 const query = (!!fs_family_group)?`"${fs_family_group}"`:sku; 4018 const uuid = '16b43087-68f1-46c5-9574-21edd1c0367b' 4019 const store_id = '8339030082' 4020 4021 const baseUrl = 'https://api.fastsimon.com/full_text_search?products_per_page=50&page_num=1&m=1&disable_semantics=1&disable_merchandising=1&disable_strategies=1&disable_turbolinks=1&disable_merchandising_rules=1&sort_by=relevency&with_product_attributes=true' 4022 4023 $.get(`${baseUrl}&uuid=${uuid}&store_id=${store_id}&q=${query}`, function(data){ 4024 if(data != ''){ 4025 const res = JSON.parse(data); 4026 const { items } = res; 4027 let html = ''; 4028 $qv.find('.color_element.custom').remove(); 4029 4030 items.forEach((item, i) => { 4031 const { id, l : productName, t : imageUrl, u : productUrl } = item; 4032 const pro_handle = productUrl.toLowerCase().replace('/products/', ''); 4033 html += `<div 4034 class="swatch-element color_element custom ${productHandle === pro_handle ? ' currentOne' : ''} pro_${pro_handle} show_swatch show swatch-visible" 4035 data-idx="${i+1}" 4036 aria-checked="${productHandle === pro_handle ? true : false}" 4037 tabindex="${productHandle === pro_handle ? 0 : -1}" 4038 style="display:block" > 4039 <div class="customColor" style="height: 76px !important;"> 4040 <input class="swatch-element-input" id="swatch-${i}-${pro_handle}-${id}" 4041 name="option-${i}" 4042 data-handle="${pro_handle}" 4043 type="radio" ${productHandle === pro_handle ? ' checked' : ''} data-href="${productUrl}" data-handle="${pro_handle}"/> 4044 <label for="swatch-${i}-${pro_handle}-${id}" style="background-image:url('${imageUrl}')"><span class="sr-only">${pro_handle}</span></label> 4045 </div> 4046 </div>`; 4047 }); 4048 $qv.find('.append_colors').before(html); 4049 } 4050 }).done(function(){ 4051 $qv.find('.pro_giftcard').addClass('currentOne') 4052 .find('input[type="radio"]').prop('checked', true); 4053 }); 4054 4055 4056 4057 $('.product_quickview, .overlay').addClass('active'); 4058 $('body').addClass('Fixed'); 4059 addDotsAttr(); 4060 const $carousel = $qv.find('#quick-view-carousel'); 4061 if ($carousel.length) { 4062 if ($carousel.hasClass('slick-initialized')) $carousel.slick('unslick'); 4063 $carousel.slick(slider_settings); 4064 } 4065 setTimeout(function () { $qv.find('.main-quick').focus(); }, 100); 4066 4067 window.dataLayer = window.dataLayer || []; 4068 window.dataLayer.push({ 4069 event: 'quick_view_open', 4070 quickviewProduct: getProductData, 4071 _clear: true, 4072 }); 4073 4074 setTimeout(() => { 4075 const variant = document.querySelector(`.product_quickview.active button.swym-button[data-product-id="${getProductData.id}"]`); 4076 const variantID = variant?.getAttribute('data-variant-id'); 4077 4078 window.dataLayer.push({ 4079 event: 'quick_view_variant', 4080 variant_id: variantID, 4081 _clear: true, 4082 }); 4083 }, 100); 4084 4085 } catch (error) { 4086 console.error('Error fetching product data:', error); 4087 } 4088} 4089 4090window.getProductData = getProductData; 4091/* quick shop on PLP */ 4092function addQuickView(productElement, product) { 4093 if(!product) { 4094 return; 4095 } 4096 4097 var tags = product.attributes[1][1], quickShopHTML = '' 4098 let quickcontainer = productElement.querySelector(".fast_product_quick_shop"); 4099 if(quickcontainer){ 4100 return; 4101 } 4102 quickContainer = document.createElement('div'); 4103 quickContainer.classList.add("add_wish_class"); 4104 4105if (tags.indexOf('product_shopthelook') === -1 && true) {
4106 const quickShopWrapper = document.createElement('div'); 4107 quickShopWrapper.className = 'fast_product_quick_shop'; 4108 4109 // Wishlist (conditionally rendered via Liquid) 4110 4111 const wishlistContainer = document.createElement('div'); 4112 wishlistContainer.className = 'desktop_wishlist'; 4113 4114 const wishlistBtn = document.createElement('span'); 4115 wishlistBtn.className = 'wishlist_btn_phone'; 4116 wishlistBtn.setAttribute('role', 'button'); 4117 wishlistBtn.setAttribute('tabindex', '0'); 4118 wishlistBtn.setAttribute('aria-label', 'Add to wishlist'); 4119 4120 const wishlistIcon = document.createElementNS("http://www.w3.org/2000/svg", "svg"); 4121 wishlistIcon.setAttribute('viewBox', '0 0 24 24'); 4122 wishlistIcon.className = 'css-psp8z9 e65zztl0'; 4123 wishlistIcon.innerHTML = `<path d="M22 3.1c2.7 2.2 2.6 7.2.1 9.7-2.2 2.8-7.4 8.1-9.3 9.6-.5.4-1.1.4-1.6 0-1.8-1.5-7-6.8-9.2-9.6-2.6-2.6-2.7-7.6 0-9.7C4.6.5 9.7.7 12 4.2 14.3.8 19.3.5 22 3.1zm-.7.8c-2.4-2.4-7.2-2-8.9 1.5-.1.3-.4.4-.7.2-.1 0-.2-.1-.2-.2-1.6-3.5-6.5-4-8.9-1.5C.4 5.6.5 10 2.7 12.2c2.2 2.7 7.3 8 9.1 9.4.1.1.2.1.3 0 1.8-1.4 6.9-6.7 9.1-9.5 2.3-2.1 2.4-6.5.1-8.2z"></path>`; 4124 wishlistBtn.appendChild(wishlistIcon); 4125 wishlistContainer.appendChild(wishlistBtn); 4126 quickContainer.appendChild(wishlistContainer); 4127 4128 4129 var isRebooted = tags.includes('used') || tags.includes('Recurate - New app'); 4130 const quickBuyClass = isRebooted ? 'quick_add_btnn hide-quick-buy' : 'quick_add_btnn'; 4131 4132 // Quick Add Button 4133 const detailsWrap = document.createElement('div'); 4134 detailsWrap.className = 'details_right_wrap'; 4135 4136 const quickAddBtn = document.createElement('button'); 4137 quickAddBtn.type = 'button'; 4138 quickAddBtn.className = quickBuyClass; 4139 quickAddBtn.dataset.handle = product.productURL; 4140 quickAddBtn.textContent = `ADD+`; 4141 quickAddBtn.dataset.source = 'Collection Page'; 4142 4143 detailsWrap.appendChild(quickAddBtn); 4144 quickShopWrapper.appendChild(detailsWrap); 4145 quickContainer.appendChild(quickShopWrapper); 4146 4147 // Color tags 4148 if (product.tags && Array.isArray(product.tags)) { 4149 const colorTags = product.tags.filter(tag => tag.includes('#')); 4150 if (colorTags.length > 0) { 4151 const colorP = document.createElement('p'); 4152 colorP.className = 'color-count'; 4153 4154 const span = document.createElement('span'); 4155 span.className = 'pro_number'; 4156 span.dataset.tags = JSON.stringify(colorTags); 4157 span.dataset.ct = `${colorTags.length} COLORS`; 4158 4159 colorP.appendChild(span); 4160 quickContainer.appendChild(colorP); 4161 } 4162 } 4163} 4164 4165 4166 quickContainer.innerHTML += `</div>`; 4167 const quickBtn = quickContainer.querySelector('.quick_add_btnn'); 4168 quickBtn.addEventListener('click', (e) => { 4169 const el = e.target; 4170 const product_handle = el.dataset.handle; 4171 //opend_pop = $(this); 4172 var finalHandler = product_handle.indexOf('variant') > -1 ? product_handle.split('?variant')[0] : product_handle; 4173 getProductData(finalHandler, e); 4174 }) 4175 4176 // $(quickBtn).off('click touchend').on('click touchend', function (e) { 4177 // var product_handle = $(this).data('handle'); 4178 // opend_pop = $(this); 4179 // getProductData(product_handle, e); 4180 // }); 4181 4182 const infoWrapper = productElement.querySelector('.info-container'); 4183 //const infoWrapper = productElement.querySelector('.product-content.product-card-items-wrapper'); 4184 4185 infoWrapper.append(quickContainer); 4186 var cc = 0; 4187 4188 /* 4189 if (typeof $(productElement).find('.pro_number').attr('data-tags') !== 'undefined') { 4190 var aa = $(productElement).find('.pro_number').attr('data-tags').replaceAll('#', '').split(','); 4191 $(aa).each(function(j, k) { 4192 $.when( 4193 $.getJSON('/products/'+k+'.js', function(pro) { cc++; }).fail(function(jqXHR, textStatus, errorThrown) { }), 4194 ).done(function() { 4195 if (cc == 1) { $(productElement).find('.pro_number').html(cc+' COLOR'); } else { $(productElement).find('.pro_number').html(cc+' COLORS'); } 4196 }); 4197 }) 4198 } 4199 */ 4200} 4201 4202 4203function addWishlist(productElement, data) { 4204 //productElement.querySelector(".fs-heart-button-wrapper").insertAdjacentHTML('beforeEnd', `<div class="desktop_wishlist"><span class="wishlist_btn_phone"><svg viewBox="0 0 24 24" data-at="love_icon_large" aria-hidden="true" class="css-psp8z9 e65zztl0" data-comp="Icon StyledComponent "><path d="M22 3.1c2.7 2.2 2.6 7.2.1 9.7-2.2 2.8-7.4 8.1-9.3 9.6-.5.4-1.1.4-1.6 0-1.8-1.5-7-6.8-9.2-9.6-2.6-2.6-2.7-7.6 0-9.7C4.6.5 9.7.7 12 4.2 14.3.8 19.3.5 22 3.1zm-.7.8c-2.4-2.4-7.2-2-8.9 1.5-.1.3-.4.4-.7.2-.1 0-.2-.1-.2-.2-1.6-3.5-6.5-4-8.9-1.5C.4 5.6.5 10 2.7 12.2c2.2 2.7 7.3 8 9.1 9.4.1.1.2.1.3 0 1.8-1.4 6.9-6.7 9.1-9.5 2.3-2.1 2.4-6.5.1-8.2z"></path></svg></span></div>`); 4205} 4206 4207/* get all products to loop on */ 4208function getProductElements(element) { 4209 return [...element.querySelectorAll(`.fs-results-product-card`)]; 4210} 4211 4212function getGhostElements(element) { 4213 return [...element.querySelectorAll(`.fs-promo-tile-product-wrapper`)]; 4214} 4215 4216function getFilterElements(element) { 4217 return [...element.querySelectorAll(`.fs-category-container`)]; 4218} 4219 4220function ifProductOnsale(product) { 4221 const originalPrice = parseFloat(product.price); 4222 const price = parseFloat(product.comparePrice); 4223 return price && originalPrice && originalPrice > 0 && price > 0 && price > originalPrice; 4224} 4225 4226function parsePrice(productElement) {
4227 const priceElement = productElement.querySelector('.fs-price'); 4228 if(priceElement && priceElement.textContent.includes('From')) { 4229 priceElement.textContent = priceElement.textContent.replace('From ', ''); 4230 } 4231} 4232 4233const FILTER_ICON = '//cdn.shopify.com/s/files/1/0062/3040/9298/t/27/assets/filter_black.svg?v=7134740416640415590'; 4234function calculateAverage(num1, num2) { 4235 // Convert the string inputs to numbers 4236 const number1 = parseFloat(num1); 4237 const number2 = parseFloat(num2); 4238 4239 // Calculate the average 4240 const average = (number1 + number2) / 2; 4241 4242 // Round the average down to the nearest whole number 4243 const roundedDownAverage = Math.floor(average); 4244 4245 return roundedDownAverage; 4246} 4247 4248function countSteveMaddenProducts(products) { 4249 return products.reduce((count, product) => { 4250 const vendor = product[3]?.vendor?.toLowerCase() || ''; 4251 return vendor.includes('stevemadden') ? count + 1 : count; 4252 }, 0); 4253} 4254 4255function addMoreColorText(data, productElement) { 4256 4257 if(data.alternativeProducts && data.alternativeProducts.length > 1 && !productElement.querySelector('.my-colorswatch-labels') && productElement.querySelector('.product-info')){ 4258 productElement.querySelector('.product-info').insertAdjacentHTML('beforeend',`<div class="my-colorswatch-labels">${data.alternativeProducts.length} <span>COLOURS </span></div>`) 4259 productElement.classList.add('more-colors'); 4260 } 4261 4262} 4263 4264function addPromos(productElement, promos, data) { 4265 var promo_price = false; 4266 for (const promo of promos) { 4267 if (promo.indexOf('$$$') > -1) { 4268 promo_price = true; 4269 } 4270 addPromo(productElement, promo, data.price); 4271 break; 4272 } 4273} 4274 4275 4276async function updateminicart() { 4277 const res = await fetch("/?render_id=header-minicart"); 4278 const text = await res.text(); 4279 // Inert parse â no custom-element upgrades, so the fetched header doesn't leak. 4280 const html = new DOMParser().parseFromString(text, "text/html"); 4281 const newcart = html.querySelector("#CartDrawer").innerHTML; 4282 document.querySelector("#CartDrawer").innerHTML = newcart; 4283 const count = html.querySelector(".cart-count-bubble").innerHTML; 4284 document.querySelector(".cart-count-bubble").innerHTML = count; 4285 document.querySelector("cart-drawer.drawer").classList.remove("is-empty"); 4286} 4287 4288 4289// for PLP 4290window.addEventListener('fs-custom-events-product-added-to-cart', async (product) => { 4291 setTimeout(async () => { 4292 await updateminicart(); 4293 if(!window.location.href.includes('/cart')){ 4294 document.querySelector(".header__icon--cart").click(); 4295 } 4296 4297 //Fast Simon update Upsell 4298 const widgetScript = document.createElement('script'); 4299 widgetScript.src = 'https://static-recommendations.fastsimon.com/no-code-recommendations/fs-recommendations-init.js?uuid=777f83f8-820e-45d0-a08b-08c6b432b87a&store_id=21708465&platform=Shopify&widgetId=1724942580610&v='+ Date.now(); 4300 4301 document.head.appendChild(widgetScript); 4302 document.dispatchEvent(new CustomEvent("swym:button-loaded")); 4303 4304 let id = product.detail.id; 4305 let element = document.getElementById('fast-simon-serp-app').shadowRoot.querySelector(`.fs-results-product-card[data-product-id="`+ id +`"]`)
4306 if(element && element.querySelector('.fs_hide_variants')){ 4307 element.querySelector('.fs_hide_variants').click(); 4308 } 4309 }, 10) 4310}); 4311 4312const initFeatureFlag = () => { 4313 if (document.body && featureFlagRegion!='' && !document.body.classList.contains(featureFlagRegion)) { 4314 document.body.classList.add(featureFlagRegion); 4315 } 4316}; 4317 4318// Run once DOM is ready 4319if (document.readyState === 'loading') { 4320 document.addEventListener('DOMContentLoaded', initFeatureFlag); 4321} else { 4322 initFeatureFlag(); 4323} 4324function moveTitle(element) { 4325 let appPar = element.closest('#fs-serp-app'); 4326 if (appPar) { 4327 let titleCont = appPar.querySelector('.fs-page-title-container'); 4328 let appParent = document.querySelector('#fast-simon-serp-app'); 4329 4330 if (appParent && titleCont) { 4331 appParent.parentNode.insertBefore(titleCont, appParent); 4332 titleCont.classList.add('cstm'); 4333 } 4334 } 4335} 4336 4337function hooks() { 4338localStorage.setItem("FS_TAG_MANAGER_PROVIDER", '1'); 4339 // window.dispatchEvent(new CustomEvent('change-number-of-products-per-row', {detail: {numberOfColumns: 4}})); 4340SerpOptions.registerHook('serp-top-page', ({ totalResults, element }) => { 4341 // --- 1. Universal Updates (Run every time) --- 4342 // These actions are safe to run on each hook execution. 4343 updatePageTitle(element); 4344 updateNoResultsMessage(element); 4345 updateResultsDisplay(element, totalResults); 4346 moveElementToTop(element); 4347 addCategoryDescription(element); 4348 4349 // --- 2. One-Time Initializations (Run once per device type) --- 4350 if (!isMobile && !isDesktopInitialized && element?.classList.contains('fs-top-container-desktop')) { 4351 initializeDesktop(element); 4352 isDesktopInitialized = true; 4353 } 4354 4355 if (isMobile && !isMobileInitialized && element?.classList.contains('fs-top-container-mobile')) { 4356 initializeMobile(element); 4357 isMobileInitialized = true; 4358 } 4359}); 4360 4361 4362SerpOptions.registerHook('serp-product-grid', async ({ products, element }) => { 4363 if (sliderInitIntervalId) { 4364 clearInterval(sliderInitIntervalId); 4365 sliderInitIntervalId = null; 4366 } 4367 4368 4369 // Cache products globally for the IntersectionObserver to access later. 4370 window.cachedProducts = window.cachedProducts || {}; 4371 Object.assign(window.cachedProducts, products); 4372 moveTitle(element); 4373 initializeAmazonObserver(); 4374 handleGlobalGridSetup(element); 4375 4376 const allProductElements = [...element.querySelectorAll('.fs-results-product-card')]; 4377 4378 4379 4380 for (const productElement of allProductElements) { 4381 4382 const productID = productElement.dataset.productId; 4383 4384 4385 const productData = products[productID]; 4386 4387 if (productData) { 4388 time('processProduct_total', () => { 4389 processProduct(productElement, productData); 4390 }); 4391 } 4392 4393 processedProductIds.add(productID); 4394 4395 4396 } 4397 //promos logged-in/guest 4398 const allPromoElements = getGhostElements(element); 4399 4400 for (const promoElement of allPromoElements) { 4401 let promoLoggedGuest = promoElement.querySelector('.promo-tile-logged-in-guest'); 4402 if(promoLoggedGuest) { 4403 promoLoggedGuest.querySelectorAll('.fs-promo-tile-image-wrapper').forEach(el => { 4404 el.addEventListener('click', e => { 4405 4406 const href = el.dataset.href || el.getAttribute('data-href') || el.getAttribute('href'); 4407 if (!href) return; 4408 e.preventDefault(); 4409 e.stopPropagation(); 4410 window.location.href = href; 4411 }); 4412 }); 4413 } 4414 } 4415 4416 4417 if (!areGridEventListenersAttached) { 4418 setupDelegatedGridListeners(element); 4419 areGridEventListenersAttached = true; 4420 } 4421 4422}); 4423 4424SerpOptions.registerHook('serp-removable-tags', ({tags, element}) => { 4425 const allTags = [...element.querySelectorAll('.removable-tag')]; 4426 if(allTags.length > 0){ 4427 element.style.display = `flex`; 4428 } 4429 else{ 4430 element.style.display = `none`; 4431 } 4432 allTags.forEach(tag => { 4433 function onRemovableTagClicked(event) { 4434 if (tag != event.target && !event.target.classList.contains('removable-tag-text') && !event.target.classList.contains('custom-prefix')) return; 4435 const removeButton = tag.querySelector('.removable-tag-remove-button'); 4436 removeButton?.click(); 4437 event.stopPropagation(); 4438 } 4439 if(!tag.classList.contains('cstm')){ 4440 tag.addEventListener('click', onRemovableTagClicked, {once:true}); 4441 tag.classList.add('cstm') 4442 } 4443 4444 }); 4445 4446 4447 let allTextElements = [...element.querySelectorAll('.removable-tag-text')]; 4448
4449 allTextElements.forEach(textEl => { 4450 const facetValue = textEl.parentElement.dataset.originalFacetValue; 4451 const tagData = tags.find(tag => tag[1].has(facetValue)); 4452 textEl.innerText = textEl.parentElement.dataset.originalFacetValue.replace("Price: " ,""); 4453 textEl.innerText = textEl.parentElement.dataset.originalFacetValue.replace("COLOR_" ,""); 4454 if(textEl.innerText.includes(':')){ 4455 textEl.innerText = textEl.innerText.split(':')[1]; 4456 } 4457 if(tagData && !textEl.querySelector('.custom-prefix')) { 4458 let prefix = tagData[0] == 'Price_from_to' ? 'Price:':tagData[0] + ': '; 4459 if(tagData[0] == 'Price_from_to' && textEl.innerText.includes('-')){ 4460 4461 const currencySymbol = Shopify.currency && Shopify.currency.active ? Shopify.currency.active : '$'; 4462 textEl.innerText = currencySymbol + ' ' + textEl.innerText.split('-')[0] + ' - ' + currencySymbol + ' ' + textEl.innerText.split('-')[1]; 4463 4464 } 4465 let prefixElement = document.createElement('div'); 4466 prefixElement.style.fontWeight = 'bold'; 4467 prefixElement.classList.add('custom-prefix'); 4468 prefixElement.innerText = prefix; 4469 textEl.prepend(prefixElement); 4470 } 4471 }); 4472 4473 element.querySelectorAll(".stars").forEach((starsTag)=>{ 4474 var parent = starsTag.closest(".removable-tag") 4475 var starsCnt = 0; 4476 starsTag.querySelectorAll(".star").forEach((star)=>{ 4477 if(star.dataset.fill){ 4478 starsCnt += Number(star.dataset.fill); 4479 } 4480 }) 4481 starsCnt /= 100; 4482 var cust = 'Customer Rating:'; 4483 if(parent && parent.querySelector(".and-up") && !parent.querySelector(".and-up").innerHTML.includes(cust)){ 4484 starsTag.style.display = 'none'; 4485 parent.querySelector(".and-up").innerHTML = `<b>${cust}</b>⥠` + starsCnt 4486 } 4487 else if (parent && starsCnt == 5 && parent.querySelectorAll(".and-up").length === 0){ 4488 starsTag.style.display = 'none'; 4489 starsTag.insertAdjacentHTML('afterend',`<span class="and-up"><b>${cust}</b> `+starsCnt+` </span>`); 4490 } 4491 }); 4492}); 4493 4494 SerpOptions.registerHook('serp-filters', ({filters, element}) => { 4495 if(window.screen.width > 1023 && element.closest('#fast-simon-app').querySelector('.filters-grid-wrapper') && element.closest('#fast-simon-app').querySelector('.grid-container')){ 4496 4497 let gridWrapper = element.closest('#fast-simon-app').querySelector('.filters-grid-wrapper'); 4498 let gridProductsContainer = element.closest('#fast-simon-app').querySelector('.grid-container'); 4499 4500 if(gridWrapper.classList.contains('fs-hide-filters')){ 4501 gridProductsContainer.style.setProperty("--product-grid-number-of-columns", "4"); 4502 } 4503 else{ 4504 gridProductsContainer.style.setProperty("--product-grid-number-of-columns", "3"); 4505 } 4506 } 4507 4508 const styliticsEle = element.closest('#fast-simon-app').querySelector('#stylitics-composer-container'); 4509 if(styliticsEle){ 4510 const i = Array.from(styliticsEle.parentNode.children).indexOf(styliticsEle) 4511 if(i != 12){ 4512 styliticsEle.remove(); 4513 } 4514 } 4515 4516 var allColorSwatches = element.querySelectorAll(".color-swatch-container"); 4517 4518 if (allColorSwatches && allColorSwatches.length > 0) { 4519 allColorSwatches.forEach(function (swatchContainer) { 4520 let colorNameElement = swatchContainer.querySelector('.color-swatch-color-name'); 4521 let swatch = swatchContainer.querySelector('.color-swatch '); 4522 4523 if (colorNameElement && swatch && swatch.style) { 4524 let colorName = colorNameElement.textContent.trim().toLowerCase(); 4525 swatch.style.backgroundColor = colorName; 4526 4527 4528 colorName = colorName.replaceAll(' ', '-') + '-swatch_small.jpg'; 4529 4530 colorName = assetUrl + colorName; 4531 swatch.style.backgroundImage = "url(" + colorName + ")"; 4532 } 4533 }); 4534 } 4535 // Color filter by tag start 4536 let colorTagParent = element.querySelector('#fs_filter_colortag'); 4537 let showColorTag = colorTagParent?.querySelector('.show-more-button'); 4538 let showColorTagText = showColorTag?.querySelector('.show-more-button-text'); 4539 4540 if (showColorTagText && showColorTagText.textContent.includes('Show More')) { 4541 showColorTag.click(); 4542 } 4543
4544 let colorTagOptionsPar = colorTagParent?.querySelector('.category-items'); 4545 let colorTagOptions = colorTagOptionsPar?.querySelectorAll('.fs-checkbox'); 4546 4547 colorTagOptions?.forEach(function (swatchContainer) { 4548 let colorNameElement = swatchContainer.querySelector('.fs-serp-filter-text'); 4549 let swatch = document.createElement('span'); 4550 swatch.classList.add('color-swatch'); 4551 4552 if (colorNameElement && swatch) { 4553 let colorName = colorNameElement.textContent.trim().toLowerCase(); 4554 4555 4556 swatch.style.display = 'block'; 4557 4558 swatch.style.backgroundColor = colorName; 4559 swatch.classList.add(colorName); 4560 4561 let imageName = colorName.replaceAll(' ', '-') + '-swatch_small.jpg'; 4562 let imageUrl = assetUrl + imageName; 4563 4564 swatch.style.backgroundImage = `url(${imageUrl})`; 4565 if(!swatchContainer.querySelector('.color-swatch')) { 4566 swatchContainer.appendChild(swatch); 4567 } 4568 } 4569 }); 4570 // Color filter by tag end 4571 const buttonsContainer = element.querySelector('.f
4571s-modern-mobile-filters-buttons-container'); 4572 const clearButton = buttonsContainer?.querySelector('.fs-modern-mobile-filters-clear-all-button'); 4573 const applyButton = buttonsContainer?.querySelector('.fs-modern-mobile-filters-apply-button'); 4574 4575 if(clearButton && applyButton) { 4576 clearButton?.addEventListener('click', () => { 4577 element.querySelector('.fs-modern-filters-close-button')?.click(); 4578 }, {once: true}); 4579 4580 clearButton.textContent = 'Clear'; 4581 applyButton.firstElementChild.textContent = ' Apply'; 4582 } 4583 4584 4585 4586 let sliderElement = element.querySelectorAll('.rangeHandle'); 4587 if(!element.querySelector(".rheostat-marker") && element.querySelector("#price-range-slider") && sliderElement[0] && sliderElement[1] && sliderElement[0].getAttribute('aria-valuemin') && sliderElement[1].getAttribute('aria-valuemax')){ 4588 element.querySelector("#price-range-slider").insertAdjacentHTML('beforeend', PRICE_RANGE_DESIGN); 4589 // Get min, max, and mid values as numbers 4590 let minValue = Number(sliderElement[0].getAttribute('aria-valuemin')); 4591 let maxValue = Number(sliderElement[1].getAttribute('aria-valuemax')); 4592 let midValue = calculateAverage(minValue, maxValue); // Ensure calculateAverage returns a number 4593 4594 // Set formatted values 4595 element.querySelector('.rheostat-marker-large.min .rheostat-value').textContent = minValue; 4596 element.querySelector('.rheostat-marker-large.max .rheostat-value').textContent = maxValue; 4597 element.querySelector('.rheostat-marker-large.mid .rheostat-value').textContent = midValue; 4598 4599 } 4600 //translatable slider prefixes for international sites only 4601 4602 let priceSlider = element.querySelector('.slider-container'); 4603 if(priceSlider) { 4604 let minValuePref = priceSlider.querySelector('.slider-input-box-min .input-currency-symbol'); 4605 let maxValuePref = priceSlider.querySelector('.slider-input-box-max .input-currency-symbol'); 4606 if(minValuePref && maxValuePref && !minValuePref.classList.contains('cstm') && !maxValuePref.classList.contains('cstm')) { 4607 let currencySymbol = minValuePref.textContent.replace('.', '').trim(); 4608 let currencyActive = Shopify.currency.active; 4609 //remove CAD for the ME 4610 if (currencyActive && currencyActive === 'AED') { 4611 currencySymbol = currencySymbol.replace('CAD', '').replace('AED', 'Dhs. '); 4612 } 4613 let minSlider = "Min"; 4614 minValuePref.innerHTML = `${minSlider} ${currencySymbol}-`; 4615 minValuePref.classList.add('cstm'); 4616 let maxSlider = "Max"; 4617 maxValuePref.innerHTML = `${maxSlider} ${currencySymbol}-`; 4618 maxValuePref.classList.add('cstm'); 4619 } 4620 } 4621 4622 4623 let filterGroups = element.closest('#fast-simon-app').querySelectorAll('.fs-category-title-wrapper .fs-category-title>span'); 4624 if(filterGroups) { 4625 filterGroups.forEach(filterGroup => { 4626 filterGroup.setAttribute('aria-label', 'selection will refresh the page with new results'); 4627 }) 4628 } 4629 //update the counter after applying a filter 4630 const counterHidden = element.closest('#fast-simon-app')?.querySelector('.results-query-wrapper .fs-num-results');
4631 const counterVisible = document.querySelector('.fs-page-title-container.cstm')?.querySelector('.fs-page-title-container>.fs-num-results'); 4632 if(counterHidden && counterVisible) { 4633 counterVisible.textContent = counterHidden.textContent; 4634 } 4635 }); 4636 4637 window.addEventListener("fs-custom-events-filter-clicked", (e) => { 4638 filterClicked = true; 4639 }); 4640 4641 /*let scrollTimer; 4642 4643 function onScroll() { 4644 const sortContainer = document.querySelector('.fs-top-bottom-right-block'); 4645 if(!sortContainer || !sortContainer.closest('.fs-top-container-mobile')) { 4646 return; 4647 } 4648 if(window.scrollY > 200) { 4649 sortContainer.style.display = 'none'; 4650 } else { 4651 sortContainer.style.display = ''; 4652 } 4653 } 4654 4655 window.addEventListener('scroll', (event) => { 4656 clearTimeout(scrollTimer); 4657 scrollTimer = setTimeout(onScroll, 30); 4658 });*/ 4659 4660 $('body').on('click', '.without-filter .visual-card .link', function(e) { 4661 e.preventDefault(); 4662 var url = $(this).attr('data-url'); 4663 clickVisualBanner = true; 4664 name = $(this).attr('title'); 4665 $('.visual-menu [href="'+url+'"]')[0].click(); 4666 }); 4667 4668 //right to left layout for arabic 4669 const currentLanguage = "en"; 4670 if (currentLanguage && currentLanguage == 'ar' && document.querySelector('body')) { 4671 //console.log("Current Language:", currentLanguage); 4672 document.querySelector('body').style.direction = 'rtl'; 4673 // Convert any existing size labels to Arabic numerals 4674 convertSizeLabelsToArabic(document.body); 4675 } 4676} 4677 4678function qucikClick() { 4679 $('body').on('click touchend', '.quick_add_btnn', function (e) { 4680 var product_handle = $(this).data('handle'); 4681 opend_pop = $(this); 4682 var finalHandler = product_handle.indexOf('variant') > -1 ? product_handle.split('?variant')[0] : product_handle; 4683 getProductData(finalHandler, e); 4684 }); 4685} 4686function visualClick() { 4687 var kkkk = window.innerWidth > 480 ? document.querySelector('#fast-simon-app') : document.querySelector('#fast-simon-app'); 4688 var desktop = document.querySelector('#fast-simon-app'); 4689 var removeEle = window.innerWidth > 480 ? '.fs-filters-removable-tags .removable-tag-remove-button' : '.fs-top-container-mobile .removable-tag-remove-button'; 4690 4691 $('body').on('click', '.with-filter .visual-card .link:not(.active), .filter-col .custom_trigger a:not(.active)', function(e) { 4692 e.preventDefault(); 4693 var _this = this, cat = $(_this).attr('data-title'), fname = $(_this).attr('data-filter-name'); 4694 $('.with-filter .visual-card .link').removeClass('active'); 4695 $('.filter-col .custom_trigger a').removeClass('active'); 4696 $('body').addClass('hide-fs-model'); 4697 $(this).addClass('active'); 4698 clickVisualBanner = true; 4699 if ($(desktop).find(removeEle).length > 0) { 4700 $(desktop).find(removeEle).click(); 4701 } 4702 var time = 1000; 4703 if (window.innerWidth <= 480) { 4704 var time = 2000; 4705 $(desktop).find('.fs-top-bottom-block .filters-button-wrapper').click(); 4706 function lll() {
4707 if (kkkk.querySelector('.fs-modal-overlay')) { 4708 kkkk.querySelector('.fs-modal-overlay').style.display = 'none'; 4709 kkkk.querySelector('.fs-modal-overlay').style.opacity = '0'; 4710 kkkk.querySelector('.fs-modal-overlay').style.visibility = 'hidden'; 4711 // document.body.style.overflow = 'unset'; 4712 } else { 4713 setTimeout(function() { 4714 lll() 4715 }, 100); 4716 } 4717 } 4718 lll(); 4719 } 4720 setTimeout(function() { 4721 if (kkkk.querySelector('#fs_filter_'+fname)) { 4722 if (kkkk.querySelector('#fs_filter_'+fname+' .show-more-button') && kkkk.querySelector('#fs_filter_'+fname+' .show-more-button').innerHTML.indexOf('Show Less') == -1) { 4723 kkkk.querySelector('#fs_filter_'+fname+' .show-more-button').click(); 4724 } 4725 4726 setTimeout(function() { 4727 if (kkkk.querySelector('#fs_filter_'+fname+' [aria-label="'+cat+'"]') || kkkk.querySelector('#fs_filter_'+fname+' .isp-product-color-swatch-color\\:'+cat)) { 4728 if (fname == 'color') { 4729 kkkk.querySelector('#fs_filter_'+fname+' .isp-product-color-swatch-color\\:'+cat).click(); 4730 } else { 4731 kkkk.querySelector('#fs_filter_'+fname+' [aria-label="'+cat+'"]').parentElement.click(); 4732 } 4733 $('body').removeClass('hide-fs-model'); 4734 4735
4736 if (document.querySelector('.fs-modern-mobile-filters-apply-button')) { 4737 setTimeout(function() { 4738 document.querySelector('.fs-modern-mobile-filters-apply-button').click(); 4739 window.scroll({ 4740 top: $('.filters-grid-wrapper').offset().top, 4741 left: 0, 4742 behavior: 'smooth' 4743 }); 4744 }, 1000); 4745 } else { 4746 window.scroll({ 4747 top: $('.filters-grid-wrapper').offset().top, 4748 left: 0, 4749 behavior: 'smooth' 4750 }); 4751 } 4752 clicked = false; 4753 } 4754 }, 1000); 4755 } 4756 }, time); 4757 }); 4758 $('body').on('click', '.with-filter .visual-card .link.active, .filter-col .custom_trigger a.active', function(e) { 4759 e.preventDefault(); 4760 $(this).removeClass('active'); 4761 $('body').removeClass('hide-fs-model'); 4762 if ($(desktop).find(removeEle).length > 0) { 4763 setTimeout(function() { 4764 $(desktop).find(removeEle).click(); 4765 }, 1000); 4766 } 4767 }); 4768} 4769 4770// execution here 4771if (window.SerpOptions) { 4772 hooks(); 4773 // visualClick(); 4774} else { 4775 window.addEventListener('fast-serp-ready', function () { 4776 hooks(); 4777 // visualClick(); 4778 }); 4779} 4780 function callbacks() { 4781 FastAutocomplete.registerHook('render-autocomplete-product-item', ({product,index,element}) => { 4782 /*add price promo text*/ 4783 const att = product.att ? product.att : undefined; 4784 if(att){ 4785 let tagsForAutocomplete = []; 4786 product.att.forEach(el => { 4787 if (el[0] == "Tag") { 4788 tagsForAutocomplete = el[1]; 4789 } 4790 }); 4791 if(tagsForAutocomplete.indexOf('bmsm_bn105847_2for69') != -1 && !element.querySelector('.bundle-promo-text-aa') && element.querySelector('.f
4791s-product-price-wrapper')){ 4792 element.querySelector('.fs-product-price-wrapper').insertAdjacentHTML('beforeend',`<span class="bundle-promo-text-aa actual-price fs-ac-yg7bqq">or any 2/$69</span>`); 4793 element.querySelector('.fs-product-price-wrapper').classList.add('promo-text'); 4794 } 4795 else if (tagsForAutocomplete.indexOf('bmsm_bn105847_2for69') == -1 && element.querySelector('.bundle-promo-text-aa')){ 4796 element.querySelector('.bundle-promo-text-aa').remove(); 4797 } 4798 } 4799 }); 4800 // No scrolling while searching in mobile 4801 if (window.innerWidth <= 768) { 4802 const input = document.getElementById('Search-In-Modal'); 4803 if(input){ 4804 input.addEventListener('focus', () => { 4805 document.body.style.overflow = 'hidden'; 4806 document.documentElement.style.overflow = 'hidden'; 4807 }); 4808 input.addEventListener('blur', () => { 4809 document.body.style.overflow = ''; 4810 document.documentElement.style.overflow = ''; 4811 4812 }); 4813 } 4814 } 4815} 4816// execution here 4817if (window.FastAutocomplete) { 4818 callbacks(); 4819} else { 4820 window.addEventListener('fast-autocomplete-ready', function () { 4821 callbacks(); 4822 }); 4823} 4824function visualNav() { 4825 if (document.querySelector('#fast-simon-app')) { 4826 //visualClick() 4827 qucikClick() 4828 } else { 4829 setTimeout(function() { 4830 visualNav() 4831 }, 1000); 4832 } 4833} 4834//visualNav(); 4835 4836 window.addEventListener('DOMContentLoaded', () => { 4837 let input = document.getElementById('search_input'); 4838 let debounceSpecTimer; 4839 input?.addEventListener('keyup', (event) => { 4840 clearTimeout(debounceSpecTimer); 4841 debounceSpecTimer = setTimeout(() => { 4842 const value = event.target.value; 4843 console.error(value); 4844 if (!value || value.length < 3) { 4845 return; 4846 } 4847 let specScript = document.getElementById('fs-ac-spec-rules'); 4848 if (specScript) { 4849 specScript?.remove?.(); 4850 } 4851 specScript = document.createElement('script'); 4852 specScript.type = 'speculationrules'; 4853 specScript.id = 'fs-ac-spec-rules'; 4854 const specRules = { 4855 prerender: [ 4856 { 4857 urls: ['/pages/ssr-search-results?q=' + value], 4858 eagerness: 'eager', 4859 }, 4860 ], 4861 }; 4862 specScript.textContent = JSON.stringify(specRules); 4863 (document.body || document.head).append(specScript); 4864 }, 200); 4865 }); 4866 }); 4867 4868 if (document.prerendering) { 4869 document.addEventListener('prerenderingchange', () => window._cartRefresh?.(), { 4870 once: true, 4871 }); 4872 } else { 4873 } 4874})(); 4875</script>
4875 4876 4877 4878 4879 4880 4881 4882 4883
4883<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/custom.js?v=8383679314059675261790070767" defer></script>
4883 4884 4885 4886 4887 <style> 4888 @font-face{font-family:ff-good-web-pro;src:url(https://use.typekit.net/af/e0f949/000000000000000077359cc0/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/e0f949/000000000000000077359cc0/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/e0f949/000000000000000077359cc0/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:400;font-stretch:normal}@font-face{font-family:acumin-pro;src:url(https://use.typekit.net/af/6d4bb2/00000000000000003b9acafc/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/6d4bb2/00000000000000003b9acafc/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/6d4bb2/00000000000000003b9acafc/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:700;font-stretch:normal}@font-face{font-family:acumin-pro;src:url(https://use.typekit.net/af/aa5b59/00000000000000003b9acaf7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"),url(https://use.typekit.net/af/aa5b59/00000000000000003b9acaf7/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"),url(https://use.typekit.net/af/aa5b59/00000000000000003b9acaf7/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype");font-display:swap;font-style:italic;font-weight:400;font-stretch:normal}@font-face{font-family:acumin-pro;src:url(https://use.typekit.net/af/a2c82e/00000000000000003b9acaf4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/a2c82e/00000000000000003b9acaf4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/a2c82e/00000000000000003b9acaf4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:300;font-stretch:normal}@font-face{font-family:acumin-pro;src:url(https://use.typekit.net/af/829fc1/00000000000000003b9acaf8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/829fc1/00000000000000003b9acaf8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/829fc1/00000000000000003b9acaf8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:500;font-stretch:normal}@font-face{font-family:acumin-pro;src:url(https://use.typekit.net/af/46da36/00000000000000003b9acaf6/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/46da36/00000000000000003b9acaf6/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/46da36/00000000000000003b9acaf6/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:400;font-stretch:normal}@font-face{font-family:acumin-pro;src:url(https://use.typekit.net/af/027dd4/00000000000000003b9acafa/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff2"),url(https://use.typekit.net/af/027dd4/00000000000000003b9acafa/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff"),url(https://use.typekit.net/af/027dd4/00000000000000003b9acafa/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:600;font-stretch:normal}@font-face{font-family:acumin-pro-condensed;src:url(https://use.typekit.net/af/69b3c5/00000000000000003b9acb0e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/69b3c5/00000000000000003b9acb0e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/69b3c5/00000000000000003b9acb0e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");font-display:auto;font-style:normal;font-weight:700;font-stretch:normal}@font-face{font-family:acumin-pro-extra-condensed;src:url(https://use.typekit.net/af/d53db5/00000000000000003b9acb22/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3) format("woff2"),url(https://use.typekit.net/af/d53db5/00000000000000003b9acb22/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3) format("woff"),url(https://use.typekit.net/af/d53db5/00000000000000003b9acb22/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:800;font-stretch:normal}@font-face{font-family:acumin-pro-extra-condensed;src:url(https://use.typekit.net/af/c4767b/00000000000000003b9acb20/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/c4767b/00000000000000003b9acb20/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/c4767b/00000000000000003b9acb20/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:700;font-stretch:normal}@font-face{font-family:acumin-pro-extra-condensed;src:url(https://use.typekit.net/af/f2b2eb/00000000000000003b9acb1a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/f2b2eb/00000000000000003b9acb1a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/f2b2eb/00000000000000003b9acb1a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:400;font-stretch:normal}@font-face{font-family:acumin-pro-extra-condensed;src:url(https://use.typekit.net/af/b8e425/00000000000000003b9acb1c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/b8e425/00000000000000003b9acb1c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/b8e425/00000000000000003b9acb1c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:500;font-stretch:normal}@font-face{font-family:acumin-pro-extra-condensed;src:url(https://use.typekit.net/af/8d1fa8/00000000000000003b9acb1e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff2"),url(https://use.typekit.net/af/8d1fa8/00000000000000003b9acb1e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff"),url(https://use.typekit.net/af/8d1fa8/00000000000000003b9acb1e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:600;font-stretch:normal}@font-face{font-family:acumin-pro-extra-condensed;src:url(https://use.typekit.net/af/1e205b/00000000000000003b9acb24/27/l?subset_id=2&fvd=n9&v=3) format("woff2"),url(https://use.typekit.net/af/1e205b/00000000000000003b9acb24/27/d?subset_id=2&fvd=n9&v=3) format("woff"),url(https://use.typekit.net/af/1e205b/00000000000000003b9acb24/27/a?subset_id=2&fvd=n9&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:900;font-stretch:normal}@font-face{font-family:acumin-pro-extra-condensed;src:url(https://use.typekit.net/af/ca6558/00000000000000003b9acb18/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/ca6558/00000000000000003b9acb18/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/ca6558/00000000000000003b9acb18/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype");font-display:swap;font-style:normal;font-weight:300;font-stretch:normal}@font-face{font-family:acumin-pro-wide;src:url(https://use.typekit.net/af/be1794/00000000000000003b9acb45/27/l?subset_id=2&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/be1794/00000000000000003b9acb45/27/d?subset_id=2&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/be1794/00000000000000003b9acb45/27/a?subset_id=2&fvd=n7&v=3) format("opentype");font-display:auto;font-style:normal;font-weight:700;font-stretch:normal}@font-face{font-family:acumin-pro-wide;src:url(https://use.typekit.net/af/cc64d9/00000000000000003b9acb41/27/l?subset_id=2&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/cc64d9/00000000000000003b9acb41/27/d?subset_id=2&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/cc64d9/00000000000000003b9acb41/27/a?subset_id=2&fvd=n5&v=3) format("opentype");font-display:auto;font-style:normal;font-weight:500;font-stretch:normal}@font-face{font-family:acumin-pro-wide;src:url(https://use.typekit.net/af/2acd47/00000000000000003b9acb43/27/l?subset_id=2&fvd=n6&v=3) format("woff2"),url(https://use.typekit.net/af/2acd47/00000000000000003b9acb43/27/d?subset_id=2&fvd=n6&v=3) format("woff"),url(https://use.typekit.net/af/2acd47/00000000000000003b9acb43/27/a?subset_id=2&fvd=n6&v=3) format("opentype");font-display:auto;font-style:normal;font-weight:600;font-stretch:normal}@font-face{font-family:acumin-pro-wide;src:url(https://use.typekit.net/af/e3a744/00000000000000003b9acb3f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/e3a744/00000000000000003b9acb3f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/e3a744/00000000000000003b9acb3f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");font-display:auto;font-style:normal;font-weight:400;font-stretch:normal}.tk-ff-good-web-pro{font-family:ff-good-web-pro,sans-serif}.tk-acumin-pro{font-family:acumin-pro,sans-serif}.tk-acumin-pro-condensed{font-family:acumin-pro-condensed,sans-serif}.tk-acumin-pro-extra-condensed{font-family:acumin-pro-extra-condensed,sans-serif}.tk-acumin-pro-wide{font-family:acumin-pro-wide,sans-serif} 4889/*# sourceMappingURL=/s/files/1/0080/1069/4723/t/1012/assets/typekit.css.map?v=69271756008754036091755524014 */ 4890 4891 </style> 4892 4893 4894<link href="//stevemadden.co.uk/cdn/shop/t/961/assets/sm.css?v=136300470815887865871784911416" rel="stylesheet" type="text/css" media="all" /> 4895 4896 4897 <link rel="stylesheet" href="//stevemadden.co.uk/cdn/shop/t/961/assets/quick-view.css?v=83503771676709684351783412681" media="print" onload="this.media='all'"> 4898 4899 <link 4900 rel="stylesheet" 4901 href="//stevemadden.co.uk/cdn/shop/t/961/assets/size-chart-bbd-new-styles.css?v=34979684474242579661755523983" 4902 media="print" 4903 onload="this.media='all'" 4904 > 4905 4906 <link 4907 rel="stylesheet" 4908 href="//stevemadden.co.uk/cdn/shop/t/961/assets/size-chart-bbd-styles.css?v=6348248586689903811755523983" 4909 media="print" 4910 onload="this.media='all'" 4911 > 4912 4913 4914 4915
4915<script> 4916 const CartSyncCustomer = 4917 {} 4918 ; 4919 4920 const CartSyncCurrentCart = { 4921 cart: "[]" 4922 }; 4923 4924 window.sm_theme = window.sm_theme || {}; 4925 4926 window.international = true; 4927 4928 4929 window.sm_pass_enabled = false; 4930 4931 4932 window.wishlist_enabled = true; 4933 4934 4935 window.klaviyo_upper_position = false; 4936 4937 4938 window.klaviyo_checkbox = false; 4939 4940 4941 window.klaviyo_custom_newsletter = true; 4942 4943 sm_theme.variable = {not_customer : false,product_title: "STEVE MADDEN UK DIGITAL GIFT CARD"}; 4944 4945 window.__enableStyliticsMiniCart = false; 4946 4947 window.STYLITICS_CLIENT = 4948 null 4949 ; 4950 window.__localePrefix = 4951 4952 "" 4953 4954 </script>
4954 4955 4956 4957 4958 4959 4960 <link href="//stevemadden.co.uk/cdn/shop/t/961/assets/sm-za.css?v=90048239164939850491784628536" rel="stylesheet" type="text/css" media="all" /> 4961 4962 4963 <link href="//stevemadden.co.uk/cdn/shop/t/961/assets/sm-za.css?v=90048239164939850491784628536" rel="stylesheet" type="text/css" media="all" /> 4964 <link href="//stevemadden.co.uk/cdn/shop/t/961/assets/sm-uk.css?v=183639530758740634721784628459" rel="stylesheet" type="text/css" media="all" /> 4965 4966 4967 4968 4969 4970 4971 <!-- Fast Simon End --> 4972 4973 4974 4975
4975<script async type="text/javascript"> 4976 (function e() { 4977 var e = document.createElement('script'); 4978 (e.type = 'text/javascript'), 4979 (e.async = true), 4980 (e.src = 4981 '//staticw2.yotpo.com/cRVyl0VMNKQj8ivPoHWc7MTlUzTLtSCphBUrk47K/widget.js'); 4982 var t = document.getElementsByTagName('script')[0]; 4983 t.parentNode.insertBefore(e, t); 4984 })(); 4985 </script>
4985 4986 4987 4988 4989 4990 4991 4992 4993 <link href="//stevemadden.co.uk/cdn/shop/t/961/assets/custom.css?v=112440905669560941311782202272" rel="stylesheet" type="text/css" media="all" /> 4994 4995 <link href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-product-variant-picker.css?v=58463915880304712811772526931" rel="stylesheet" type="text/css" media="all" /> 4996 4997 4998 4999 <title> 5000 5001 5002 STEVE MADDEN UK DIGITAL GIFT CARD 5003 5004 5005 5006 – Steve Madden UK</title> 5007 5008 5009 5010 5011 5012 5013 <style> 5014 @font-face{font-family:Arimo;src:url(Arimo-Bold.eot);src:url(Arimo-Bold.eot?#iefix) format("embedded-opentype"),url(Arimo-Bold.woff2) format("woff2"),url(Arimo-Bold.woff) format("woff"),url(Arimo-Bold.ttf) format("truetype"),url(Arimo-Bold.svg#Arimo-Bold) format("svg");font-weight:700;font-style:normal}@font-face{font-family:Arimo;src:url(Arimo-Italic.eot);src:url(Arimo-Italic.eot?#iefix) format("embedded-opentype"),url(Arimo-Italic.woff2) format("woff2"),url(Arimo-Italic.woff) format("woff"),url(Arimo-Italic.ttf) format("truetype"),url(Arimo-Italic.svg#Arimo-Italic) format("svg");font-weight:400;font-style:italic}@font-face{font-family:Arimo;src:url(Arimo.eot);src:url(Arimo.eot?#iefix) format("embedded-opentype"),url(Arimo.woff2) format("woff2"),url(Arimo.woff) format("woff"),url(Arimo.ttf) format("truetype"),url(Arimo.svg#Arimo) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Arimo;src:url(Arimo-BoldItalic.eot);src:url(Arimo-BoldItalic.eot?#iefix) format("embedded-opentype"),url(Arimo-BoldItalic.woff2) format("woff2"),url(Arimo-BoldItalic.woff) format("woff"),url(Arimo-BoldItalic.ttf) format("truetype"),url(Arimo-BoldItalic.svg#Arimo-BoldItalic) format("svg");font-weight:700;font-style:italic}@font-face{font-family:arimobold;src:url(//www.dolcevita.com/cdn/shop/files/arimo-bold-webfont.woff2?v=4355571449778633429) format("woff2"),url(//www.dolcevita.com/cdn/shop/files/arimo-bold-webfont.woff?v=10461315771398255554) format("woff");font-weight:400;font-style:normal}@font-face{font-family:arimobold_italic;src:url(//www.dolcevita.com/cdn/shop/files/arimo-bolditalic-webfont.woff2?v=3000101096570233045) format("woff2"),url(//www.dolcevita.com/cdn/shop/files/arimo-bolditalic-webfont.woff?v=6907939917268016734) format("woff");font-weight:400;font-style:normal}@font-face{font-family:arimoitalic;src:url(//www.dolcevita.com/cdn/shop/files/arimo-italic-webfont.woff2?v=7141686234201949844) format("woff2"),url(//www.dolcevita.com/cdn/shop/files/arimo-italic-webfont.woff?v=17079126965749191437) format("woff");font-weight:400;font-style:normal}@font-face{font-family:arimoregular;src:url(//www.dolcevita.com/cdn/shop/files/arimo-regular-webfont.woff2?v=9302334437808075133) format("woff2"),url(//www.dolcevita.com/cdn/shop/files/arimo-regular-webfont.woff?v=15530881862221905369) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Baskerville MT Std;src:url(https://cdn.shopify.com/s/files/1/0037/3807/5202/files/BaskervilleMTStd-Italic.eot?v=1682578576);src:url(https://cdn.shopify.com/s/files/1/0037/3807/5202/files/BaskervilleMTStd-Italic.eot?v=1682578576&#iefix) format("embedded-opentype"),url(https://cdn.shopify.com/s/files/1/0037/3807/5202/files/BaskervilleMTStd-Italic.woff2?v=1682578576) format("woff2"),url(https://cdn.shopify.com/s/files/1/0037/3807/5202/files/BaskervilleMTStd-Italic.woff?v=1682578576) format("woff"),url(https://cdn.shopify.com/s/files/1/0037/3807/5202/files/BaskervilleMTStd-Italic.ttf?v=1682578576) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Charpentier Sans Pro;src:local("Charpentier Sans Pro Leger"),local("Charpentier-Sans-Pro-Leger"),url(//cdn.shopify.com/s/files/1/0037/3807/5202/files/CharpentierSansPro-Leger.woff2) format("woff2"),url(//cdn.shopify.com/s/files/1/0037/3807/5202/files/CharpentierSansPro-Leger.woff) format("woff"),url(//cdn.shopify.com/s/files/1/0037/3807/5202/files/CharpentierSansPro-Leger.ttf) format("truetype");font-weight:400;font-style:normal} 5015/*# sourceMappingURL=/s/files/1/2170/8465/t/1716/assets/fonts.css.map?v=48399353296437032341772011920 */ 5016 5017 </style> 5018 5019
5019<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/constants.js?v=58251544750838685771772526932" defer="defer"></script>
5019 5020
5020<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/pubsub.js?v=158357773527763999511772526954" defer="defer"></script>
5020 5021 5022
5022<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/global.js?v=7653429902639928511784621647" defer="defer"></script>
5022 5023
5024<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/animations.js?v=88693664871331136111772526933" defer="defer"></script>
5024 5025 5026
5026<script> 5027 window.ShopCart = { 5028 count: 0 5029 }; 5030 5031 const initPreventClicks = () => { 5032 const selectors = [ 5033 '.rebooted_grid .rebooted_grid_link', 5034 '.rebooted_grid .img_wrpr img', 5035 '.rebootedcnt_wrpr p', 5036 '.rebootedcnt_wrpr span' 5037 ]; 5038 5039 const hasMatchingElements = selectors.some(selector => 5040 document.querySelector(selector) !== null 5041 ); 5042 5043 if (hasMatchingElements) { 5044 document.addEventListener('click', (e) => { 5045 if (e.target.matches(selectors.join(','))) { 5046 e.preventDefault(); 5047 } 5048 }, { passive: false }); 5049 } 5050 }; 5051 5052 document.readyState === 'loading' 5053 ? document.addEventListener('DOMContentLoaded', initPreventClicks) 5054 : initPreventClicks(); 5055 5056 // update body class 5057 document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 5058 5059 if (window.Shopify && Shopify.designMode) { 5060 document.documentElement.classList.add('shopify-design-mode'); 5061 } 5062 5063 </script>
5063 5064 5065 5066
5066<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
5066<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/8339030082/digital_wallets/dialog"> 5067<meta id="in-context-paypal-metadata" data-shop-id="8339030082" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="GBP"> 5068<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/41141787885705:1?ucp/version=2026-08-25&context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" type="application/json+oembed" href="https://stevemadden.co.uk/products/giftcard.oembed">
5069<script async="async" src="/checkouts/internal/preloads.js?locale=en-GB&default_configuration_id=2289729881"></script>
5069 5070<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
5071<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-GB&default_configuration_id=2289729881&shop_id=8339030082" crossorigin="anonymous"></script>
vendor: 1 bytes, line 5071
5071
5072<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":8339030082,"countryCode":"GB","currencyCode":"GBP","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/8339030082","merchantName":"Steve Madden UK","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard","amex","discover","elo"],"total":{"type":"pending","label":"Steve Madden UK","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 5072
5072
5073<script id="shopify-features" type="application/json">{"accessToken":"bd0e6d30489da1fb1a8b5e5ca911c1cb","betas":["rich-media-storefront-analytics"],"domain":"stevemadden.co.uk","predictiveSearch":true,"shopId":8339030082,"locale":"en"}</script>
vendor: 1 bytes, line 5073
5073
5074<script>var Shopify = Shopify || {}; 5075Shopify.shop = "stevemadden-uk.myshopify.com"; 5076Shopify.locale = "en"; 5077Shopify.currency = {"active":"GBP","rate":"1.0"}; 5078Shopify.country = "GB"; 5079Shopify.theme = {"name":"monorepo-ecom\/SM - Production","id":181428289916,"schema_name":"Dawn","schema_version":"13.0.0","theme_store_id":null,"role":"main"}; 5080Shopify.theme.handle = "null"; 5081Shopify.theme.style = {"id":null,"handle":null}; 5082Shopify.cdnHost = "stevemadden.co.uk/cdn"; 5083Shopify.routes = Shopify.routes || {}; 5084Shopify.routes.root = "/"; 5085Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 5086Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 5087Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 5088Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 5088
5088
5089<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 5089
5089
5090<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 5090
5090
5091<script> 5092 window.ShopifyPay = window.ShopifyPay || {}; 5093 window.ShopifyPay.apiHost = "shop.app\/pay"; 5094 window.ShopifyPay.redirectState = null; 5095</script>
vendor: 1 bytes, line 5095
5095
5096<script> 5097 window.Shopify = window.Shopify || {}; 5098 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 5099 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 5100 window.Shopify.SignInWithShop.eligible = true; 5101</script>
vendor: 1 bytes, line 5101
5101
5102<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 5102
5102
5103<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 5103
5103
5104<script type="module"> 5105 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 5106 5107 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 5108 5109</script>
vendor: 1 bytes, line 5109
5109
5110<script> 5111 window.Shopify = window.Shopify || {}; 5112 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 5113 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 5114</script>
vendor: 1 bytes, line 5114
5114
5115<script>(function() { 5116 var isLoaded = false; 5117 function asyncLoad() { 5118 if (isLoaded) return; 5119 isLoaded = true; 5120 var urls = ["\/\/staticw2.yotpo.com\/cRVyl0VMNKQj8ivPoHWc7MTlUzTLtSCphBUrk47K\/widget.js?shop=stevemadden-uk.myshopify.com","https:\/\/static-autocomplete.fastsimon.com\/fast-simon-autocomplete-init.umd.js?mode=shopify\u0026UUID=16b43087-68f1-46c5-9574-21edd1c0367b\u0026store=8339030082\u0026shop=stevemadden-uk.myshopify.com","https:\/\/fastsimon.akamaized.net\/fast-simon-autocomplete-init.umd.js?mode=shopify\u0026UUID=16b43087-68f1-46c5-9574-21edd1c0367b\u0026store=8339030082\u0026shop=stevemadden-uk.myshopify.com","https:\/\/beacon.riskified.com\/?shop=stevemadden-uk.myshopify.com","https:\/\/static.klaviyo.com\/onsite\/js\/JEsPAf\/klaviyo.js?company_id=JEsPAf\u0026shop=stevemadden-uk.myshopify.com"]; 5121 for (var i = 0; i < urls.length; i++) { 5122 var s = document.createElement('script'); 5123 s.type = 'text/javascript'; 5124 s.async = true; 5125 s.src = urls[i]; 5126 var x = document.getElementsByTagName('script')[0]; 5127 x.parentNode.insertBefore(s, x); 5128 } 5129 }; 5130 if(window.attachEvent) { 5131 window.attachEvent('onload', asyncLoad); 5132 } else { 5133 window.addEventListener('load', asyncLoad, false); 5134 } 5135})();</script>
vendor: 1 bytes, line 5135
5135
5136<script id="__st">var __st={"a":8339030082,"offset":3600,"reqid":"44b42881-a660-46af-97f5-0038af8afe71-1790574656","pageurl":"stevemadden.co.uk\/products\/giftcard","u":"c6c767be4796","p":"product","rtyp":"product","rid":7155729268873};</script>
vendor: 1 bytes, line 5136
5136
5137<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 5137
5137
5138<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 5138
5138
5139<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//stevemadden.co.uk/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 5139
5139
5140<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//stevemadden.co.uk/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
5140<script crossorigin="anonymous" defer="defer" src="//stevemadden.co.uk/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 5140
5140
5141<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 5141
5141
5142<script> 5143 window.Shopify = window.Shopify || {}; 5144 window.Shopify.MCP = window.Shopify.MCP || {}; 5145 window.Shopify.MCP.enabled = true; 5146 window.Shopify.MCP.shop = "stevemadden-uk.myshopify.com"; 5147 window.Shopify.MCP.mcpEndpoint = "https:\/\/stevemadden.co.uk\/api\/mcp"; 5148 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 5149</script>
vendor: 1 bytes, line 5149
5149
5150<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/stevemadden.co.uk\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 5151</script>
vendor: 1 bytes, line 5151
5151
5152<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://stevemadden.co.uk/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 5153</script>
vendor: 1 bytes, line 5153
5153
5154<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 5155 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 5156</script>
vendor: 1 bytes, line 5156
5156
5157<script> 5158 function portableWalletsCleanup(e){e&&e.src&&console.error("Failed to load portable wallets script "+e.src);var t=document.querySelectorAll("shopify-accelerated-checkout .shopify-payment-button__skeleton, shopify-accelerated-checkout-cart .wallet-cart-button__skeleton"),e=document.getElementById("shopify-buyer-consent");for(let e=0;e<t.length;e++)t[e].remove();e&&e.remove()}function portableWalletsNotLoadedAsModule(e){e instanceof ErrorEvent&&"string"==typeof e.message&&e.message.includes("import.meta")&&"string"==typeof e.filename&&e.filename.includes("portable-wallets")&&(window.removeEventListener("error",portableWalletsNotLoadedAsModule),window.Shopify.PaymentButton.failedToLoad=e,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",window.Shopify.PaymentButton.init):window.Shopify.PaymentButton.init())}window.addEventListener("error",portableWalletsNotLoadedAsModule); 5159</script>
5159 5160
5161<script type="module" src="https://stevemadden.co.uk/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js" onError="portableWalletsCleanup(this)" crossorigin="anonymous"></script>
vendor: 1 bytes, line 5161
5161
5162<script nomodule> 5163 document.addEventListener("DOMContentLoaded", portableWalletsCleanup); 5164</script>
5164 5165 5166<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://stevemadden.co.uk/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 5167<style id="shopify-accelerated-checkout-cart"> 5168 #shopify-buyer-consent { 5169 margin-top: 1em; 5170 display: inline-block; 5171 width: 100%; 5172} 5173 5174#shopify-buyer-consent.hidden { 5175 display: none; 5176} 5177 5178#shopify-subscription-policy-button { 5179 background: none; 5180 border: none; 5181 padding: 0; 5182 text-decoration: underline; 5183 font-size: inherit; 5184 cursor: pointer; 5185} 5186 5187#shopify-subscription-policy-button::before { 5188 box-shadow: none; 5189} 5190 5191 </style> 5192<link rel="stylesheet" media="screen" href="//stevemadden.co.uk/cdn/shop/t/961/compiled_assets/styles.css?v=91055491746118381851784621681">
5193<script id="sections-script" data-sections="header" defer="defer" src="//stevemadden.co.uk/cdn/shop/t/961/compiled_assets/scripts.js?v=55237393242128697761784621682"></script>
vendor: 1 bytes, line 5193
5193
5194<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
5194 5195 5196 5197 5198 5199 5200 5201 5202 5203 5204 5205 5206 5207 5208
5209<script> 5210 var dataLayerData = { 5211 'event': 'datalayer-initialized', 5212 'page': { 5213 'type':'product', 5214 'searchTerm': null, 5215 'searchResults': null, 5216 'currentPage': 1, 5217 'currencyCode': "GBP", 5218 'collection': null, 5219 }, 5220 'product': {}, 5221 'user': {}, 5222 'productList': { 5223 'products': [] 5224 }, 5225 'cart': {} 5226 }; 5227dataLayerData.productRaw = {"id":7155729268873,"title":"STEVE MADDEN UK DIGITAL GIFT CARD","handle":"giftcard","description":"\u003cp data-mce-fragment=\"1\"\u003eSteve Madden online gift cards have you covered for every occasion, budget, and style. Make gifting easy for everyone with this fully digital gift card.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003ePlease note: the Steve Madden online gift card is only valid on our website in the original currency purchased.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eYour gift card will be emailed directly to you, the purchaser. Then you can forward it to your favourite shopaholic. Theyâll know youâve got great taste when the gift card shows up in their inbox directly from you.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003ePlease allow up to 24 hours to receive the email confirmation for your gift card order.\u003c\/p\u003e\n\u003cp\u003eFor more information on digital gift cards, click \u003ca href=\"https:\/\/help.stevemadden.co.uk\/hc\/en-gb\/sections\/32198859485458-Gift-Cards\" title=\"Digital Gift Card FAQ\"\u003ehere\u003c\/a\u003e.\u003c\/p\u003e","published_at":"2026-07-03T10:23:50+01:00","created_at":"2023-02-15T18:37:26+00:00","vendor":"Steve Madden","type":"GIFT CARD","tags":["dontpublish","giftcard","holiday-2024","no-returns","Steve Madden"],"price":5000,"price_min":5000,"price_max":20000,"available":true,"price_varies":true,"compare_at_price":0,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41141787885705,"title":"50","option1":"50","option2":null,"option3":null,"sku":"cltchg_50","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"STEVE MADDEN UK DIGITAL GIFT CARD - 50","public_title":"50","options":["50"],"price":5000,"weight":0,"compare_at_price":0,"inventory_management":null,"barcode":"5045650415069","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":41141787918473,"title":"100","option1":"100","option2":null,"option3":null,"sku":"cltchg_100","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"STEVE MADDEN UK DIGITAL GIFT CARD - 100","public_title":"100","options":["100"],"price":10000,"weight":0,"compare_at_price":0,"inventory_management":null,"barcode":"5045650415083","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":41141787984009,"title":"200","option1":"200","option2":null,"option3":null,"sku":"cltchg_200","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"STEVE MADDEN UK DIGITAL GIFT CARD - 200","public_title":"200","options":["200"],"price":20000,"weight":0,"compare_at_price":0,"inventory_management":null,"barcode":"5045650415106","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165","\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-1.png?v=1704279165","\/\/stevemadden.co.uk\/cdn\/shop\/files\/OPT1FRONT_2x_c618f343-c234-4091-bd48-f1d5f5b5a67c.png?v=1704279166"],"featured_image":"\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165","options":["Amount"],"media":[{"alt":null,"id":44929551466841,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1000,"width":1000,"src":"\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165"},"aspect_ratio":1.0,"height":1000,"media_type":"image","src":"\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165","width":1000},{"alt":null,"id":44929551434073,"position":2,"preview_image":{"aspect_ratio":1.0,"height":1000,"width":1000,"src":"\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-1.png?v=1704279165"},"aspect_ratio":1.0,"height":1000,"media_type":"image","src":"\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-1.png?v=1704279165","width":1000},{"alt":null,"id":44929551499609,"position":3,"preview_image":{"aspect_ratio":1.486,"height":1536,"width":2282,"src":"\/\/stevemadden.co.uk\/cdn\/shop\/files\/OPT1FRONT_2x_c618f343-c234-4091-bd48-f
52271d5f5b5a67c.png?v=1704279166"},"aspect_ratio":1.486,"height":1536,"media_type":"image","src":"\/\/stevemadden.co.uk\/cdn\/shop\/files\/OPT1FRONT_2x_c618f343-c234-4091-bd48-f1d5f5b5a67c.png?v=1704279166","width":2282}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp data-mce-fragment=\"1\"\u003eSteve Madden online gift cards have you covered for every occasion, budget, and style. Make gifting easy for everyone with this fully digital gift card.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003ePlease note: the Steve Madden online gift card is only valid on our website in the original currency purchased.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eYour gift card will be emailed directly to you, the purchaser. Then you can forward it to your favourite shopaholic. Theyâll know youâve got great taste when the gift card shows up in their inbox directly from you.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003ePlease allow up to 24 hours to receive the email confirmation for your gift card order.\u003c\/p\u003e\n\u003cp\u003eFor more information on digital gift cards, click \u003ca href=\"https:\/\/help.stevemadden.co.uk\/hc\/en-gb\/sections\/32198859485458-Gift-Cards\" title=\"Digital Gift Card FAQ\"\u003ehere\u003c\/a\u003e.\u003c\/p\u003e"}; 5228 dataLayerData.product = { 5229 'id': 7155729268873, 5230 'sku': null, 5231 'name': "STEVE MADDEN UK DIGITAL GIFT CARD", 5232 'price': 50.0, 5233 'basePrice': 0.0, 5234 'type': "GIFT CARD", 5235 'tags': ["dontpublish","giftcard","holiday-2024","no-returns","Steve Madden"], 5236 'brand': "Steve Madden", 5237 'isInStock': true, 5238 'stockQty': null, 5239 'hasNoVariants': false, 5240 'numVariants': 3, 5241 'variantsInStock': 3, 5242 'category': ["All products","Put a bow on it!","Summer Shop"], 5243 'currentVariant': 41141787885705, 5244 'variants': [{ 5245 'id': 41141787885705, 5246 'style': "cltchg_50", // sku 5247 'name': "50", 5248 'inStock': true, 5249 'quantityInStock': -9, 5250 'price': 50.0, 5251 'expected ship date': '', 5252 'IsPreOrder': false, 5253 'IsBackOrder': false, 5254 5255 'basePrice': 0.0 5256 },{ 5257 'id': 41141787918473, 5258 'style': "cltchg_100", // sku 5259 'name': "100", 5260 'inStock': true, 5261 'quantityInStock': -9, 5262 'price': 100.0, 5263 'expected ship date': '', 5264 'IsPreOrder': false, 5265 'IsBackOrder': false, 5266 5267 'basePrice': 0.0 5268 },{ 5269 'id': 41141787984009, 5270 'style': "cltchg_200", // sku 5271 'name': "200", 5272 'inStock': true, 5273 'quantityInStock': -2, 5274 'price': 200.0, 5275 'expected ship date': '', 5276 'IsPreOrder': false, 5277 'IsBackOrder': false, 5278 5279 'basePrice': 0.0 5280 },] 5281 5282 };dataLayerData.cartProductsRaw = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"GBP","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; 5283 dataLayerData.cart.total = 0.0; 5284 dataLayerData.cart.count = 0; 5285 dataLayerData.cart.products = [];window.dataLayer = window.dataLayer || []; 5286 window.dataLayer.push(dataLayerData); 5287</script>
5287 5288 <style data-shopify> 5289 5290 :root, 5291 .color-scheme-1 { 5292 --color-background: 255,255,255; 5293 5294 --gradient-background: #ffffff; 5295 5296 5297 5298 5299 --color-foreground: 18,18,18; 5300 --color-background-contrast: 191,191,191; 5301 --color-shadow: 18,18,18; 5302 --color-button: 18,18,18; 5303 --color-button-text: 255,255,255; 5304 --color-secondary-button: 255,255,255; 5305 --color-secondary-button-text: 18,18,18; 5306 --color-link: 18,18,18; 5307 --color-badge-foreground: 18,18,18; 5308 --color-badge-background: 255,255,255; 5309 --color-badge-border: 18,18,18; 5310 --payment-terms-background-color: rgb(255 255 255); 5311 } 5312 5313 5314 .color-scheme-2 { 5315 --color-background: 238,227,219; 5316 5317 --gradient-background: #eee3db; 5318 5319 5320 5321 5322 --color-foreground: 18,18,18; 5323 --color-background-contrast: 197,160,132; 5324 --color-shadow: 18,18,18; 5325 --color-button: 18,18,18; 5326 --color-button-text: 243,243,243; 5327 --color-secondary-button: 238,227,219; 5328 --color-secondary-button-text: 18,18,18; 5329 --color-link: 18,18,18; 5330 --color-badge-foreground: 18,18,18; 5331 --color-badge-background: 238,227,219; 5332 --color-badge-border: 18,18,18; 5333 --payment-terms-background-color: rgb(238 227 219); 5334 } 5335 5336 5337 .color-scheme-3 { 5338 --color-background: 36,40,51; 5339 5340 --gradient-background: #242833; 5341 5342 5343 5344 5345 --color-foreground: 255,255,255; 5346 --color-background-contrast: 47,52,66; 5347 --color-shadow: 18,18,18; 5348 --color-button: 255,255,255; 5349 --color-button-text: 0,0,0; 5350 --color-secondary-button: 36,40,51; 5351 --color-secondary-button-text: 255,255,255; 5352 --color-link: 255,255,255; 5353 --color-badge-foreground: 255,255,255; 5354 --color-badge-background: 36,40,51; 5355 --color-badge-border: 255,255,255; 5356 --payment-terms-background-color: rgb(36 40 51); 5357 } 5358 5359 5360 .color-scheme-4 { 5361 --color-background: 18,18,18; 5362 5363 --gradient-background: #121212; 5364 5365 5366 5367 5368 --color-foreground: 255,255,255; 5369 --color-background-contrast: 146,146,146; 5370 --color-shadow: 18,18,18; 5371 --color-button: 255,255,255; 5372 --color-button-text: 18,18,18; 5373 --color-secondary-button: 18,18,18; 5374 --color-secondary-button-text: 255,255,255; 5375 --color-link: 255,255,255; 5376 --color-badge-foreground: 255,255,255; 5377 --color-badge-background: 18,18,18; 5378 --color-badge-border: 255,255,255; 5379 --payment-terms-background-color: rgb(18 18 18); 5380 } 5381 5382 5383 .color-scheme-5 { 5384 --color-background: 51,79,180; 5385 5386 --gradient-background: #334fb4; 5387 5388 5389 5390 5391 --color-foreground: 255,255,255; 5392 --color-background-contrast: 23,35,81; 5393 --color-shadow: 18,18,18; 5394 --color-button: 255,255,255; 5395 --color-button-text: 51,79,180; 5396 --color-secondary-button: 51,79,180; 5397 --color-secondary-button-text: 255,255,255; 5398 --color-link: 255,255,255; 5399 --color-badge-foreground: 255,255,255; 5400 --color-badge-background: 51,79,180; 5401 --color-badge-border: 255,255,255; 5402 --payment-terms-background-color: rgb(51 79 180); 5403 } 5404 5405 5406 body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5 { 5407 color: rgba(var(--color-foreground), 0.75); 5408 background-color: rgb(var(--color-background)); 5409 } 5410 5411 :root { 5412 5413 --font-primary: acumin-pro, sans-serif; 5414 --font-secondary: acumin-pro-extra-condensed, sans-serif; 5415 --color-primary: #000000; 5416 --color-secondary: #595959; 5417 --color-tertiary: #b20000; 5418 5419 --font-body-family: 'arimoregular', sans-serif; 5420 --font-body-style: ; 5421 --font-body-weight: ; 5422 --font-body-weight-bold: 300; 5423 5424 --font-heading-family: , ; 5425 --font-heading-style: ; 5426 --font-heading-weight: ; 5427 5428 --font-body-scale: 1.0; 5429 --font-heading-scale: 1.0; 5430 5431 --media-padding: px; 5432 --media-border-opacity: 0.05; 5433 --media-border-width: 1px; 5434 --media-radius: 0px;
5435 --media-shadow-opacity: 0.0; 5436 --media-shadow-horizontal-offset: 0px; 5437 --media-shadow-vertical-offset: 4px; 5438 --media-shadow-blur-radius: 5px; 5439 --media-shadow-visible: 0; 5440 --logo-badge-width: 85px !important; 5441 --page-width: 150rem; 5442 --page-width-margin: 0rem; 5443 5444 --product-card-image-padding: 0.0rem; 5445 --product-card-corner-radius: 0.0rem; 5446 --product-card-text-alignment: left; 5447 --product-card-border-width: 0.0rem; 5448 --product-card-border-opacity: 0.1; 5449 --product-card-shadow-opacity: 0.0; 5450 --product-card-shadow-visible: 0; 5451 --product-card-shadow-horizontal-offset: 0.0rem; 5452 --product-card-shadow-vertical-offset: 0.4rem; 5453 --product-card-shadow-blur-radius: 0.5rem; 5454 5455 --collection-card-image-padding: 0.0rem; 5456 --collection-card-corner-radius: 0.0rem; 5457 --collection-card-text-alignment: left; 5458 --collection-card-border-width: 0.0rem; 5459 --collection-card-border-opacity: 0.1; 5460 --collection-card-shadow-opacity: 0.0; 5461 --collection-card-shadow-visible: 0; 5462 --collection-card-shadow-horizontal-offset: 0.0rem; 5463 --collection-card-shadow-vertical-offset: 0.4rem; 5464 --collection-card-shadow-blur-radius: 0.5rem; 5465 5466 --blog-card-image-padding: 0.0rem; 5467 --blog-card-corner-radius: 0.0rem; 5468 --blog-card-text-alignment: left; 5469 --blog-card-border-width: 0.0rem; 5470 --blog-card-border-opacity: 0.1; 5471 --blog-card-shadow-opacity: 0.0; 5472 --blog-card-shadow-visible: 0; 5473 --blog-card-shadow-horizontal-offset: 0.0rem; 5474 --blog-card-shadow-vertical-offset: 0.4rem; 5475 --blog-card-shadow-blur-radius: 0.5rem; 5476 5477 --badge-corner-radius: 4.0rem; 5478 5479 --popup-border-width: 1px; 5480 --popup-border-opacity: 0.1; 5481 --popup-corner-radius: 0px; 5482 --popup-shadow-opacity: 0.05; 5483 --popup-shadow-horizontal-offset: 0px; 5484 --popup-shadow-vertical-offset: 4px; 5485 --popup-shadow-blur-radius: 5px; 5486 5487 --drawer-border-width: 1px; 5488 --drawer-border-opacity: 0.1; 5489 --drawer-shadow-opacity: 0.0; 5490 --drawer-shadow-horizontal-offset: 0px; 5491 --drawer-shadow-vertical-offset: 4px; 5492 --drawer-shadow-blur-radius: 5px; 5493 5494 --spacing-sections-desktop: 0px; 5495 --spacing-sections-mobile: 0px; 5496 5497 --grid-desktop-vertical-spacing: 8px; 5498 --grid-desktop-horizontal-spacing: 8px; 5499 --grid-mobile-vertical-spacing: 8px; 5500 --grid-mobile-horizontal-spacing: 8px; 5501 5502 --text-boxes-border-opacity: 0.1; 5503 --text-boxes-border-width: 0px; 5504 --text-boxes-radius: 0px; 5505 --text-boxes-shadow-opacity: 0.0; 5506 --text-boxes-shadow-visible: 0; 5507 --text-boxes-shadow-horizontal-offset: 0px; 5508 --text-boxes-shadow-vertical-offset: 4px; 5509 --text-boxes-shadow-blur-radius: 5px; 5510 5511 --buttons-radius: 0px; 5512 --buttons-radius-outset: 0px; 5513 --buttons-border-width: 1px; 5514 --buttons-border-opacity: 1.0; 5515 --buttons-shadow-opacity: 0.0; 5516 --buttons-shadow-visible: 0; 5517 --buttons-shadow-horizontal-offset: 0px; 5518 --buttons-shadow-vertical-offset: 4px; 5519 --buttons-shadow-blur-radius: 5px; 5520 --buttons-border-offset: 0px; 5521 5522 --inputs-radius: 0px; 5523 --inputs-border-width: 1px; 5524 --inputs-border-opacity: 0.55; 5525 --inputs-shadow-opacity: 0.0; 5526 --inputs-shadow-horizontal-offset: 0px; 5527 --inputs-margin-offset: 0px; 5528 --inputs-shadow-vertical-offset: 4px; 5529 --inputs-shadow-blur-radius: 5px; 5530 --inputs-radius-outset: 0px; 5531 5532 --variant-pills-radius: 40px; 5533 --variant-pills-border-width: 1px; 5534 --variant-pills-border-opacity: 0.55; 5535 --variant-pills-shadow-opacity: 0.0; 5536 --variant-pills-shadow-horizontal-offset: 0px; 5537 --variant-pills-shadow-vertical-offset: 4px; 5538 --variant-pills-shadow-blur-radius: 5px; 5539 --plp-image-ratio: 4 / 5 ; 5540 } 5541 5542 *, 5543 *::before, 5544 *::after { 5545 box-sizing: inherit; 5546 } 5547 5548 html { 5549 box-sizing: border-box; 5550 font-size: calc(var(--font-body-scale) * 62.5%); 5551 height: 100%; 5552 } 5553 5554 body { 5555 z-index: 10; 5556 overflow-x: hidden; 5557 min-height: 100%; 5558 margin: 0; 5559 font-size: 1.5rem; 5560 letter-spacing: 0.06rem; 5561 line-height: calc(1 + 0.8 / var(--font-body-scale)); 5562 font-family: 'arimoregular', sans-serif; 5563 font-style: var(--font-body-style); 5564 font-weight: var(--font-body-weight); 5565 } 5566 5567 @media screen and (min-width: 750px) { 5568 body { 5569 font-size: 1.6rem; 5570 } 5571 } 5572 </style> 5573<link href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-predictive-search.css?v=7260481630588998231772526928" rel="stylesheet" type="text/css" media="all" /> 5574 5575 <link href="//stevemadden.co.uk/cdn/shop/t/961/assets/slick.css?v=10684147618660745441772526967" rel="stylesheet" type="text/css" media="all" /> 5576 5577 5578 5579
5579<script async src="//stevemadden.co.uk/cdn/shopifycloud/storefront/assets/themes_support/option_selection-b017cd28.js"></script>
5579 5580 5581 5582 5583 5584 5585 <link 5586 rel="preload" 5587 href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" 5588 as="style" 5589 media="all" 5590 > 5591 <link 5592 href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" 5593 rel="stylesheet" 5594 integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" 5595 crossorigin="anonymous" 5596 > 5597
5597<script> 5598 window.KlarnaThemeGlobals={}; window.KlarnaThemeGlobals.data_purchase_amount = 5000;window.KlarnaThemeGlobals.productVariants=[{"id":41141787885705,"title":"50","option1":"50","option2":null,"option3":null,"sku":"cltchg_50","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"STEVE MADDEN UK DIGITAL GIFT CARD - 50","public_title":"50","options":["50"],"price":5000,"weight":0,"compare_at_price":0,"inventory_management":null,"barcode":"5045650415069","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":41141787918473,"title":"100","option1":"100","option2":null,"option3":null,"sku":"cltchg_100","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"STEVE MADDEN UK DIGITAL GIFT CARD - 100","public_title":"100","options":["100"],"price":10000,"weight":0,"compare_at_price":0,"inventory_management":null,"barcode":"5045650415083","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":41141787984009,"title":"200","option1":"200","option2":null,"option3":null,"sku":"cltchg_200","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"STEVE MADDEN UK DIGITAL GIFT CARD - 200","public_title":"200","options":["200"],"price":20000,"weight":0,"compare_at_price":0,"inventory_management":null,"barcode":"5045650415106","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}];window.KlarnaThemeGlobals.documentCopy=document.cloneNode(true); 5599 </script>
5599 5600 5601 5602 5603
5603<script type="text/javascript"> 5604(function() {window.flockr = window.flockr || {};window.flockr.key="stevemadden";var head = document.getElementsByTagName('head')[0]; 5605var script = document.createElement("script");script.src = 'https://cdn.flockr.co/flockr-client-3.min.js';script.type = 'text/javascript';head.appendChild(script);})(); 5606</script>
5606 5607 5608 5609 5610
5611<script type="application/ld+json"> 5612{ 5613 "@context": "https://schema.org", 5614 "@type": "BreadcrumbList", 5615 "itemListElement": [ 5616 { 5617 "@type": "ListItem", 5618 "position": 1, 5619 "item": { 5620 "@id": "https://stevemadden.co.uk", 5621 "name": "Home" 5622 } 5623 }, 5624 { 5625 "@type": "ListItem", 5626 "position": 2, 5627 "item": { 5628 "@id": "https://stevemadden.co.uk/products/giftcard", 5629 "name": "STEVE MADDEN UK DIGITAL GIFT CARD" 5630 } 5631 }] 5632} 5633</script>
5633 5634 5635 5636 5637 5638 5639 5640 5641 5642 5643 <!-- BEGIN app block: shopify://apps/geo-pro-geolocation/blocks/geopro/16fc5313-7aee-4e90-ac95-f50fc7c8b657 --><!-- This snippet is used to load Geo:Pro data on the storefront --> 5644<meta class='geo-ip' content='eyJwYXJhbWV0ZXJzIjp7InJlZGlyZWN0X3RleHQiOiJJdCBzZWVtcyB5b3UmIzM5cmUgaW4gJUNPVU5UUlklIGJ1dCBhYm91dCB0byB2aXNpdCB3d3cuc3RldmVtYWRkZW4uY28udWsuIFJlZGlyZWN0IHRvICVTVE9SRU5BTUUlPyIsInllcyI6IlllcywgcGxlYXNlIiwibm8iOiJObywgdGhhbmtzIiwicG9wdXBfZGVsYXkiOiIwIiwicGVybWFuZW50LXJlZGlyZWN0IjowLCJiYWNrZ3JvdW5kLWNvbG9yIjoiZmZmZmZmIiwidGV4dC1jb2xvciI6IjAwMDAwMCIsInllcy1iYWNrZ3JvdW5kLWNvbG9yIjoiMDAwMDAwIiwieWVzLXRleHQtY29sb3IiOiJmZmZmZmYiLCJuby1iYWNrZ3JvdW5kLWNvbG9yIjoiMDAwMDAwIiwibm8tdGV4dC1jb2xvciI6ImZmZmZmZiIsImxheW91dC1zZWxlY3RvciI6InBvcHVwIn0sInJ1bGVzTGlzdCI6W3siY291bnRyaWVzIjoiQnVsZ2FyaWEsRXN0b25pYSxGaW5sYW5kLEh1bmdhcnksTGF0dmlhLExpdGh1YW5pYSxMdXhlbWJvdXJnLE1hbHRhLFJvbWFuaWEsU2xvdmVuaWEiLCJleGNlcHRpb25zIjoiIiwiaXAiOiIiLCJzdG9yZV9uYW1lIjoiU3RldmUgTWFkZGVuIEV1cm9wZSIsImlwX2V4Y2VwdGlvbnMiOiIiLCJsaW5rIjoiaHR0cHM6XC9cL3N0ZXZlbWFkZGVuLmV1IiwiZG9tYWluX3JlZGlyZWN0IjoiMCJ9LHsiY291bnRyaWVzIjoiTmV0aGVybGFuZHMiLCJleGNlcHRpb25zIjoiIiwiaXAiOiIiLCJzdG9yZV9uYW1lIjoiU3RldmUgTWFkZGVuIE5ldGhlcmxhbmRzIiwiaXBfZXhjZXB0aW9ucyI6IiIsImxpbmsiOiJodHRwczpcL1wvc3RldmVtYWRkZW4ubmxcLyIsImRvbWFpbl9yZWRpcmVjdCI6IjAifSx7ImNvdW50cmllcyI6IkJlbGdpdW0iLCJleGNlcHRpb25zIjoiIiwiaXAiOiIiLCJzdG9yZV9uYW1lIjoiU3RldmUgTWFkZGVuIEJlbGdpdW0iLCJpcF9leGNlcHRpb25zIjoiIiwibGluayI6Imh0dHBzOlwvXC9zdGV2ZW1hZGRlbi5iZSIsImRvbWFpbl9yZWRpcmVjdCI6IjAifSx7ImNvdW50cmllcyI6IkZyYW5jZSIsImV4Y2VwdGlvbnMiOiIiLCJpcCI6IiIsInN0b3JlX25hbWUiOiJTdGV2ZSBNYWRkZW4gRnJhbmNlIiwiaXBfZXhjZXB0aW9ucyI6IiIsImxpbmsiOiJodHRwczpcL1wvc3RldmVtYWRkZW4uZnIiLCJkb21haW5fcmVkaXJlY3QiOiIwIn0seyJjb3VudHJpZXMiOiJHZXJtYW55IiwiZXhjZXB0aW9ucyI6IiIsImlwIjoiIiwic3RvcmVfbmFtZSI6IlN0ZXZlIE1hZGRlbiBHZXJtYW55IiwiaXBfZXhjZXB0aW9ucyI6IiIsImxpbmsiOiJodHRwczpcL1wvc3RldmVtYWRkZW4uZGUiLCJkb21haW5fcmVkaXJlY3QiOiIwIn0seyJjb3VudHJpZXMiOiJJcmVsYW5kIiwiZXhjZXB0aW9ucyI6IiIsImlwIjoiIiwic3RvcmVfbmFtZSI6IlN0ZXZlIE1hZGRlbiBJcmVsYW5kIiwiaXBfZXhjZXB0aW9ucyI6IiIsImxpbmsiOiJodHRwczpcL1wvc3RldmVtYWRkZW4uaWVcLyIsImRvbWFpbl9yZWRpcmVjdCI6IjAifSx7ImNvdW50cmllcyI6IkRlbm1hcmsiLCJleGNlcHRpb25zIjoiIiwiaXAiOiIiLCJzdG9yZV9uYW1lIjoiU3RldmUgTWFkZGVuIERlbm1hcmsiLCJpcF9leGNlcHRpb25zIjoiIiwibGluayI6Imh0dHBzOlwvXC9zdGV2ZW1hZGRlbi5ka1wvIiwiZG9tYWluX3JlZGlyZWN0IjoiMCJ9LHsiY291bnRyaWVzIjoiU3dlZGVuIiwiZXhjZXB0aW9ucyI6IiIsImlwIjoiIiwic3RvcmVfbmFtZSI6IlN0ZXZlIE1hZGRlbiBTd2VkZW4iLCJpcF9leGNlcHRpb25zIjoiIiwibGluayI6Imh0dHBzOlwvXC9zdGV2ZW1hZGRlbi5zZVwvIiwiZG9tYWluX3JlZGlyZWN0IjoiMCJ9LHsiY291bnRyaWVzIjoiU2xvdmFraWEiLCJleGNlcHRpb25zIjoiIiwiaXAiOiIiLCJzdG9yZV9uYW1lIjoiU3RldmUgTWFkZGVuIFNsb3ZlbnNrbyIsImlwX2V4Y2VwdGlvbnMiOiIiLCJsaW5rIjoiaHR0cHM6XC9cL3N0ZXZlbWFkZGVuLnNrXC8iLCJkb21haW5fcmVkaXJlY3QiOiIwIn0seyJjb3VudHJpZXMiOiJQb3J0dWdhbCIsImV4Y2VwdGlvbnMiOiIiLCJpcCI6IiIsInN0b3JlX25hbWUiOiJTdGV2ZSBNYWRkZW4gUG9ydHVnYWwiLCJpcF9leGNlcHRpb25zIjoiIiwibGluayI6Imh0dHBzOlwvXC9zdGV2ZW1hZGRlbi5wdFwvIiwiZG9tYWluX3JlZGlyZWN0IjoiMCJ9LHsiY291bnRyaWVzIjoiSXRhbHkiLCJleGNlcHRpb25zIjoiIiwiaXAiOiIiLCJzdG9yZV9uYW1lIjoiU3RldmUgTWFkZGVuIEl0YWx5IiwiaXBfZXhjZXB0aW9ucyI6IiIsImxpbmsiOiJodHRwczpcL1wvc3RldmVtYWRkZW4uaXRcLyIsImRvbWFpbl9yZWRpcmVjdCI6IjAifSx7ImNvdW50cmllcyI6IkF1c3RyaWEiLCJleGNlcHRpb25zIjoiIiwiaXAiOiIiLCJzdG9yZV9uYW1lIjoiU3RldmUgTWFkZGVuIEF1c3RyaWEiLCJpcF9leGNlcHRpb25zIjoiIiwibGluayI6Imh0dHBzOlwvXC9zdGV2ZW1hZGRlbi5hdFwvIiwiZG9tYWluX3JlZGlyZWN0IjoiMCJ9LHsiY291bnRyaWVzIjoiU3BhaW4iLCJleGNlcHRpb25zIjoiIiwiaXAiOiIiLCJzdG9yZV9uYW1lIjoiU3RldmUgTWFkZGVuIFNwYWluIiwiaXBfZXhjZXB0aW9ucyI6IiIsImxpbmsiOiJodHRwczpcL1wvd3d3LnN0ZXZlbWFkZGVuLmVzXC8iLCJkb21haW5fcmVkaXJlY3QiOiIwIn0seyJjb3VudHJpZXMiOiJDemVjaGlhIiwiZXhjZXB0aW9ucyI6IiIsImlwIjoiIiwic3RvcmVfbmFtZSI6IlN0ZXZlIE1hZGRlbiBDemVjaCIsImlwX2V4Y2VwdGlvbnMiOiIiLCJsaW5rIjoiaHR0cHM6XC9cL3N0ZXZlbWFkZGVuLmN6XC8iLCJkb21haW5fcmVkaXJlY3QiOiIwIn1dfQ=='> 5645<!-- This snippet initializes the plugin -->
5646<script async data-geopro-shop="stevemadden-uk.myshopify.com" data-geopro-design-mode="false" data-geopro-tracking-env="production"> 5647 // geopro loading script 5648 !function(){function e(e,t,n){try{if("function"!=typeof fetch)return;if("undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.indexOf("Baiduspider")>=0)return;var o="https://aa4cacd33be28673d7e69be559ce7ad7@o4506196830715904.ingest.us.sentry.io/4507550373445632",i=o.match(/^https:\/\/([^@]+)@([^/]+)\/(.+)$/),r={message:e,level:"error",environment:"production",transaction:location.href,user:{id:window.Shopify&&window.Shopify.shop?window.Shopify.shop:"unknown",ip_address:String.fromCharCode(123,123)+"auto"+String.fromCharCode(125,125)},extra:n||{},logger:"GeoProInline",exception:{type:t&&t.name?t.name:"Error",value:t&&t.message?t.message:String(t)}};fetch("https://"+i[2]+"/api/"+i[3]+"/envelope/?sentry_key="+i[1],{method:"POST",body:JSON.stringify({dsn:o,sent_at:(new Date).toISOString(),event_id:Math.random().toString(16).slice(2)})+'\n{"type":"event"}\n'+JSON.stringify(r)+"\n",headers:{"Content-Type":"text/plain"},keepalive:!0,referrerPolicy:"no-referrer",mode:"no-cors"}).catch((function(){}))}catch(e){}}function t(){window.geopro_cancel="1"}!function(){try{if(window.geopro_inline_tracking)return;var e=document.currentScript,t=e&&e.getAttribute("data-geopro-shop")||window.Shopify&&window.Shopify.shop;if(!t||!/^[a-z0-9][a-z0-9-]*\.myshopify\.com$/.test(t))return;if(/(^|\.)shopifypreview\.com$/.test(location.hostname))return;if(e&&"true"===e.getAttribute("data-geopro-design-mode")||window.Shopify&&window.Shopify.designMode)return;var n=new Date,o=new Date(n.getFullYear(),n.getMonth(),n.getDate()),i=new Date(n.getFullYear(),n.getMonth(),n.getDate()+1),r=function(e){return e<10?"0"+e:String(e)},a=n.getFullYear()+"-"+r(n.getMonth()+1)+"-"+r(n.getDate()),s="geoip-inline-"+(e&&"staging"===e.getAttribute("data-geopro-tracking-env")?"staging-":"")+t;function c(){try{for(var e=document.cookie.split(";"),t=0;t<e.length;t++){var n=e[t].trim();if(0===n.indexOf(s+"="))return JSON.parse(decodeURIComponent(n.slice(s.length+1)))}}catch(e){}return null}function d(e){try{document.cookie=s+"="+encodeURIComponent(JSON.stringify(e))+"; Path=/; SameSite=Lax; Expires="+i.toUTCString()+("https:"===location.protocol?"; Secure":"");var t=c();return!!t&&t.id===e.id&&t.day===e.day&&t.sent===e.sent}catch(e){return!1}}var f=c();if(!f||!/^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(f.id)||f.day!==a||f.start!==o.getTime()/1e3||f.end!==i.getTime()/1e3||"boolean"!=typeof f.sent||"number"!=typeof f.time||f.time<f.start||f.time>=f.end){var p="undefined"!=typeof crypto&&"function"==typeof crypto.randomUUID?crypto.randomUUID():"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)}));f={id:p,day:a,start:o.getTime()/1e3,end:i.getTime()/1e3,time:Math.floor(n.getTime()/1e3),sent:!1}}f.id=f.id.toLowerCase();var u=d(f),g={id:f.id,localDate:a,cookieAvailable:u,version:1};if(window.geopro_inline_tracking=g,f.sent||"function"!=typeof fetch)return;fetch("/apps/easylocation/api/inline-visit",{method:"POST",headers:{"Content-Type":"text/plain"},credentials:"same-origin",mode:"same-origin",redirect:"error",keepalive:!0,referrerPolicy:"no-referrer",body:JSON.stringify({myshopifyDomain:t,trackingId:f.id,localDate:a,dayStart:f.start,dayEnd:f.end,clientTime:f.time,pageHost:location.host,cookieAvailable:u,version:1})}).then((function(e){if(204===e.status&&!e.redirected){var t=c();Date.now()<i.getTime()&&t&&t.id===f.id&&t.day===a&&(t.sent=!0,d(t))}})).catch((function(){}))}catch(l){}}();try{!function(){function n(n){try{if(!n||"success"!==n.message)return void t();window.geopro_inline_location_response=n}catch(o){e("GeoPro inline runtime error",o,{phase:"callback",response:n}),t()}}var o="/apps/easylocation/geo?x-api-key=91e359ab7-2b63-539e-1de2-c4bf731367a7",i=new XMLHttpRequest;i.open("GET",o,!0),i.responseType="json",i.timeout=5e3;var r=!1;function a(t){r||(r=!0,e("GeoPro inline XHR failed",new Error("XHR request failed: "+t),{url:o,eventType:t,status:i.status,readyState:i.readyState,timeout:i.timeout,responseURL:i.responseURL||null}),n(null))}i.onload=function(){if(200===i.status)return r=!0,void n(i.response);a("load")},i.onerror=function(){a("error")},i.ontimeout=function(){a("timeout")},i.onabort=function(){a("abort")},i.send()}()}catch(n){e("GeoPro inline runtime error",n,{phase:"load"}),t()}}(); 5649</script>
vendor: 1 bytes, line 5649
5649
5650<script src="https://cdn.shopify.com/extensions/01a0c9c6-f6ad-7ce6-8e6e-6d0874eba46b/easylocation-282/assets/easylocation-storefront.min.js" type="text/javascript" async></script>
5650 5651 5652 5653<!-- END app block --><!-- BEGIN app block: shopify://apps/onetrust-consent-management/blocks/consent_management/a0f47f36-e440-438e-946e-6f1b3963b606 -->
5654<script src="https://cdn.shopify.com/extensions/01a061ba-09b8-7f28-a51f-be55b3ced758/onetrust-consent-management-67/assets/storefront-consent.js"></script>
vendor: 1 bytes, line 5654
5654
5655<script id="onetrust-script" src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="0199bf71-3cbd-7dbf-8f8c-56235b682dc2" data-shopify-consent-mapping={"analytics":["C0002"],"marketing":["C0004"],"preferences":["C0003"],"sale_of_data":["C0004"]}></script>
5655<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 5656 5657 5658 5659 5660 5661 5662 5663 5664 5665 5666 5667 5668
5668<script async src="https://static.klaviyo.com/onsite/js/JEsPAf/klaviyo.js?company_id=JEsPAf"></script>
5668 5669
5669<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
5669 5670 5671 5672
5672<script id="viewed_product"> 5673 if (item == null) { 5674 var _learnq = _learnq || []; 5675 5676 var MetafieldReviews = null 5677 var MetafieldYotpoRating = null 5678 var MetafieldYotpoCount = null 5679 var MetafieldLooxRating = null 5680 var MetafieldLooxCount = null 5681 var okendoProduct = null 5682 var okendoProductReviewCount = null 5683 var okendoProductReviewAverageValue = null 5684 try { 5685 // The following fields are used for Customer Hub recently viewed in order to add reviews. 5686 // This information is not part of __kla_viewed. Instead, it is part of __kla_viewed_reviewed_items 5687 MetafieldReviews = {"rating_count":0}; 5688 MetafieldYotpoRating = "0" 5689 MetafieldYotpoCount = "0" 5690 MetafieldLooxRating = null 5691 MetafieldLooxCount = null 5692 5693 okendoProduct = null 5694 // If the okendo metafield is not legacy, it will error, which then requires the new json formatted data 5695 if (okendoProduct && 'error' in okendoProduct) { 5696 okendoProduct = null 5697 } 5698 okendoProductReviewCount = okendoProduct ? okendoProduct.reviewCount : null 5699 okendoProductReviewAverageValue = okendoProduct ? okendoProduct.reviewAverageValue : null 5700 } catch (error) { 5701 console.error('Error in Klaviyo onsite reviews tracking:', error); 5702 } 5703 5704 var item = { 5705 Name: "STEVE MADDEN UK DIGITAL GIFT CARD", 5706 ProductID: 7155729268873, 5707 Categories: ["All products","Put a bow on it!","Summer Shop"], 5708 ImageURL: "https://stevemadden.co.uk/cdn/shop/files/DigitalGiftCard-2_1_grande.png?v=1704279165", 5709 URL: "https://stevemadden.co.uk/products/giftcard", 5710 Brand: "Steve Madden", 5711 Price: "£50.00", 5712 Value: "50.00", 5713 CompareAtPrice: "£0.00" 5714 }; 5715 _learnq.push(['track', 'Viewed Product', item]); 5716 _learnq.push(['trackViewedItem', { 5717 Title: item.Name, 5718 ItemId: item.ProductID, 5719 Categories: item.Categories, 5720 ImageUrl: item.ImageURL, 5721 Url: item.URL, 5722 Metadata: { 5723 Brand: item.Brand, 5724 Price: item.Price, 5725 Value: item.Value, 5726 CompareAtPrice: item.CompareAtPrice 5727 }, 5728 metafields:{ 5729 reviews: MetafieldReviews, 5730 yotpo:{ 5731 rating: MetafieldYotpoRating, 5732 count: MetafieldYotpoCount, 5733 }, 5734 loox:{ 5735 rating: MetafieldLooxRating, 5736 count: MetafieldLooxCount, 5737 }, 5738 okendo: { 5739 rating: okendoProductReviewAverageValue, 5740 count: okendoProductReviewCount, 5741 } 5742 } 5743 }]); 5744 } 5745 </script>
5745 5746 5747 5748 5749 5750 5751
5751<script> 5752 window.klaviyoReviewsProductDesignMode = false 5753 </script>
5753 5754 5755 5756 5757 5758 5759 5760 5761 5762 5763<!-- END app block --><!-- BEGIN app block: shopify://apps/gorgias-live-chat-helpdesk/blocks/gorgias/a66db725-7b96-4e3f-916e-6c8e6f87aaaa -->
5764<script defer data-gorgias-loader-chat src="https://config.gorgias.chat/bundle-loader/shopify/stevemadden-uk.myshopify.com"></script>
5764 5765 5766
5767<script defer data-gorgias-loader-convert src="https://content.9gtb.com/loader.js"></script>
5767 5768 5769
5770<script defer data-gorgias-loader-mailto-replace src="https://config.gorgias.help/api/contact-forms/replace-mailto-script.js?shopName=stevemadden-uk"></script>
5770 5771 5772 5773<!-- END app block --><!-- BEGIN app block: shopify://apps/product-filters-search/blocks/autocomplete/95672d06-1c4e-4e1b-9368-e84ce1ad6886 -->
5773<script> 5774 var fast_dawn_theme_action = "/pages/search-results"; 5775 var __isp_new_jquery = "true" === "true"; 5776</script>
5776 5777 5778 5779 5780 5781 5782 5783
5783<script>var _isp_injected_already = true</script>
5783 5784 <!-- BEGIN app snippet: fast-simon-autocomplete-init -->
5784<script id="autocomplete-initilizer" 5785 src="https://static-autocomplete.fastsimon.com/fast-simon-autocomplete-init.umd.js?mode=shopify&UUID=16b43087-68f1-46c5-9574-21edd1c0367b&store=8339030082" 5786 async> 5787</script>
5787 5788<!-- END app snippet --> 5789�<!-- END app block -->
5789<script src="https://cdn.shopify.com/extensions/019e3355-464b-7d23-bba2-374499b08a89/kinn-admin-2-24/assets/app-embed.js" type="text/javascript" defer="defer"></script>
5789 5790<link href="https://cdn.shopify.com/extensions/019e3355-464b-7d23-bba2-374499b08a89/kinn-admin-2-24/assets/app-embed.css" rel="stylesheet" type="text/css" media="all">
5791<script src="https://cdn.shopify.com/extensions/019f6fd3-453f-7868-9402-ee98143404d9/klarna-on-site-messaging-34/assets/index.js" type="text/javascript" defer="defer"></script>
5791 5792<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
5793<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 8339030082,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 5793
5793
5794<script> 5795 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 5796</script>
vendor: 1 bytes, line 5796
5796
5797<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
5797).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 8339030082,storefrontBaseUrl: "https://stevemadden.co.uk",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://stevemadden.co.uk/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"3189834108","configuration":"{\"shopUrl\":\"stevemadden-uk.myshopify.com\",\"appNameSignature\":\"GLOBO PREORDER PIXEL\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5e29fd9bedb5df4a579ac424cf473f51","type":"APP","apiClientId":1581593,"privacyPurposes":["ANALYTICS","MARKETING","PREFERENCES","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2826338684","configuration":"{\"accountID\":\"8748\",\"checkoutExperienceEnabled\":\"true\",\"customDomainName\":\"https:\/\/wd.stevemadden.co.uk\",\"espPerformsOptInCheck\":\"1\",\"fieldMappingCountries\":\"[\\\"GB\\\"]\",\"markets\":\"{}\",\"onsiteExperienceEnabled\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"988af92787413cb5760ec003000e5d08","type":"APP","apiClientId":54985097217,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2293399932","configuration":"{\"accountID\":\"75a0708e679093321db133a782c7c1dc\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c7b19fb45d92786d56305dd6b7c7b43b","type":"APP","apiClientId":294485983233,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
5797,"dataSharingState":"unrestricted"},{"id":"2132836732","configuration":"{\"accountID\":\"JEsPAf\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1751679356","configuration":"{\"accountID\":\"16b43087-68f1-46c5-9574-21edd1c0367b\",\"customCartAddEventNames\":\",\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8a1c0ad0b207d676b4a622ea95a64a58","type":"APP","apiClientId":159457,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1241940313","configuration":"{\"swymApiEndpoint\":\"https:\/\/swymstore-v3premium-01.swymrelay.com\",\"swymTier\":\"v3premium-01\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5b6f6917e306bc7f24523662663331c0","type":"APP","apiClientId":1350849,"privacyPurposes":["ANALYTICS","MARKETING","PREFERENCES"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1236500825","configuration":"{\"campaignId\":\"1100l5660\",\"baseURL\":\"https:\\\/\\\/prf.hn\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"b4794efed556f308ac34691629bfad11","type":"APP","apiClientId":11838521345,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"114458969","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"11","type":"CUSTOM","privacyPurposes":[],"name":"GTM"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Steve Madden UK","paymentSettings":{"currencyCode":"GBP"},"myshopifyDomain":"stevemadden-uk.myshopify.com","countryCode":"GB","storefrontUrl":"https:\/\/stevemadden.co.uk"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":50.0,"currencyCode":"GBP"},"product":{"title":"STEVE MADDEN UK DIGITAL GIFT CARD","vendor":"Steve Madden","id":"7155729268873","untranslatedTitle":"STEVE MADDEN UK DIGITAL GIFT CARD","url":"\/products\/giftcard","type":"GIFT CARD"},"id":"41141787885705","image":{"src":"\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165"},"sku":"cltchg_50","title":"50","untranslatedTitle":"50"},{"price":{"amount":100.0,"currencyCode":"GBP"},"product":{"title":"STEVE MADDEN UK DIGITAL GIFT CARD","vendor":"Steve Madden","id":"7155729268873","untranslatedTitle":"STEVE MADDEN UK DIGITAL GIFT CARD","url":"\/products\/giftcard","type":"GIFT CARD"},"id":"41141787918473","image":{"src":"\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165"},"sku":"cltchg_100","title":"100","untranslatedTitle":"100"},{"price":{"amount":200.0,"currencyCode":"GBP"},"product":{"title":"STEVE MADDEN UK DIGITAL GIFT CARD","vendor":"Steve Madden","id":"7155729268873","untranslatedTitle":"STEVE MADDEN UK DIGITAL GIFT CARD","url":"\/products\/giftcard","type":"GIFT CARD"},"id":"41141787984009","image":{"src":"\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165"},"sku":"cltchg_200","title":"200","untranslatedTitle":"200"}],"products":[{"id":"7155729268873","handle":"giftcard","isCollective":null,"title":"STEVE MADDEN UK DIGITAL GIFT CARD","type":"GIFT CARD","untranslatedTitle":"STEVE MADDEN UK DIGITAL GIFT CARD","url":"\/products\/giftcard","vendor":"Steve Madden","remoteShopId":null,"variants":[{"id":"41141787885705","image":{"src":"\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165"},"price":{"amount":50.0,"currencyCode":"GBP"},"sku":"cltchg_50","title":"50","untranslatedTitle":"50"},{"id":"41141787918473","image":{"src":"\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165"},"price":{"amount":100.0,"currencyCode":"GBP"},"sku":"cltchg_100","title":"100","untranslatedTitle":"100"},{"id":"41141787984009","image":{"src":"\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165"},"price":{"amount":200.0,"currencyCode":"GBP"},"sku":"cltchg_200","title":"200","untranslatedTitle":"200"}]}],"purchasingCompany":null},},"https://stevemadden.co.uk/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"181428289916","themePublished":"true","eventMetadataId":"4d85bca9-e5bb-4593-a9c3-2f8ee197e087","pageType":"product","resourceId":"7155729268873","shopId":"8339030082","storefrontBaseUrl":"https:\/\/stevemadden.co.uk","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":50.0,\"currencyCode\":\"GBP\"},\"product\":{\"title\":\"STEVE MADDEN UK DIGITAL GIFT CARD\",\"vendor\":\"Steve Madden\",\"id\":\"7155729268873\",\"untranslatedTitle\":\"STEVE MADDEN UK DIGITAL GIFT CARD\",\"url\":\"\/products\/giftcard\",\"type\":\"GIFT CARD\"},\"id\":\"41141787885705\",\"image\":{\"src\":\"\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165\"},\"sku\":\"cltchg_50\",\"title\":\"50\",\"untranslatedTitle\":\"50\"}}]]"});})();</script>
5797<script> 5798 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 5799 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 5800 window.ShopifyAnalytics.meta.currency = 'GBP'; 5801 var meta = {"product":{"id":7155729268873,"gid":"gid:\/\/shopify\/Product\/7155729268873","vendor":"Steve Madden","type":"GIFT CARD","handle":"giftcard","variants":[{"id":41141787885705,"price":5000,"name":"STEVE MADDEN UK DIGITAL GIFT CARD - 50","public_title":"50","sku":"cltchg_50"},{"id":41141787918473,"price":10000,"name":"STEVE MADDEN UK DIGITAL GIFT CARD - 100","public_title":"100","sku":"cltchg_100"},{"id":41141787984009,"price":20000,"name":"STEVE MADDEN UK DIGITAL GIFT CARD - 200","public_title":"200","sku":"cltchg_200"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":7155729268873,"requestId":"44b42881-a660-46af-97f5-0038af8afe71-1790574656"}}; 5802 for (var attr in meta) { 5803 window.ShopifyAnalytics.meta[attr] = meta[attr]; 5804 } 5805</script>
vendor: 1 bytes, line 5805
5805
5806<script class="analytics"> 5807 (function () { 5808 var customDocumentWrite = function(content) { 5809 var jquery = null; 5810 5811 if (window.jQuery) { 5812 jquery = window.jQuery; 5813 } else if (window.Checkout && window.Checkout.$) { 5814 jquery = window.Checkout.$; 5815 } 5816 5817 if (jquery) { 5818 jquery('body').append(content); 5819 } 5820 }; 5821 5822 var hasLoggedConversion = function(token) { 5823 if (token) { 5824 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 5825 } 5826 return false; 5827 } 5828 5829 var setCookieIfConversion = function(token) { 5830 if (token) { 5831 var twoMonthsFromNow = new Date(Date.now()); 5832 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 5833 5834 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 5835 } 5836 } 5837 5838 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 5839 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 5840 if (trekkie.integrations) { 5841 return; 5842 } 5843 trekkie.methods = [ 5844 'identify', 5845 'page', 5846 'ready', 5847 'track', 5848 'trackForm', 5849 'trackLink' 5850 ]; 5851 trekkie.factory = function(method) { 5852 return function() { 5853 var args = Array.prototype.slice.call(arguments); 5854 args.unshift(method); 5855 trekkie.push(args); 5856 if (method == 'track' || method == 'page') { 5857 var pageUrl; 5858 try { 5859 pageUrl = window.location.href; 5860 } catch (e) {} 5861 var pageReferrer; 5862 try { 5863 pageReferrer = document.referrer; 5864 } catch (e) {} 5865 try { 5866 if (window.__TREKKIE_SHIM_QUEUE == null) { 5867 window.__TREKKIE_SHIM_QUEUE = []; 5868 } 5869 window.__TREKKIE_SHIM_QUEUE.push({ 5870 from: 'trekkie-stub', 5871 method: method, 5872 args: args.slice(1), 5873 pageContext: { 5874 url: pageUrl, 5875 referrer: pageReferrer 5876 } 5877 }); 5878 } catch (e) { 5879 // no-op 5880 } 5881 } 5882 return trekkie; 5883 }; 5884 }; 5885 for (var i = 0; i < trekkie.methods.length; i++) { 5886 var key = trekkie.methods[i]; 5887 trekkie[key] = trekkie.factory(key); 5888 } 5889 trekkie.load = function(config) { 5890 trekkie.config = config || {}; 5891 trekkie.config.initialDocumentCookie = document.cookie; 5892 var first = document.getElementsByTagName('script')[0]; 5893var script = document.createElement('script'); 5894script.type = 'text/javascript'; 5895script.onerror = function(e) { 5896 var scriptFallback = document.createElement('script'); 5897 scriptFallback.type = 'text/javascript'; 5898 scriptFallback.onerror = function(error) { 5899 var Monorail = { 5900 produce: function produce(monorailDomain, schemaId, payload) { 5901 var currentMs = new Date().getTime(); 5902 var event = { 5903 schema_id: schemaId, 5904 payload: payload, 5905 metadata: { 5906 event_created_at_ms: currentMs, 5907 event_sent_at_ms: currentMs 5908 } 5909 }; 5910 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 5911 }, 5912 sendRequest: function sendRequest(endpointUrl, payload) { 5913 // Try the sendBeacon API 5914 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 5915 var blobData = new window.Blob([payload], { 5916 type: 'text/plain' 5917 }); 5918 5919 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 5920 return true; 5921 } // sendBeacon was not successful 5922 5923 } // XHR beacon 5924 5925 var xhr = new XMLHttpRequest(); 5926 5927 try { 5928 xhr.open('POST', endpointUrl); 5929 xhr.setRequestHeader('Content-Type', 'text/plain'); 5930 xhr.send(payload); 5931 } catch (e) { 5932 console.log(e); 5933 } 5934 5935 return false; 5936 }, 5937 isIos12: function isIos12() { 5938 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 5939 } 5940 }; 5941 Monorail.produce('monorail-edge.shopifysvc.com', 5942 'trekkie_storefront_load_errors/1.1', 5943 {shop_id: 8339030082, 5944 theme_id: 181428289916, 5945 app_name: "storefront", 5946 context_url: window.location.href, 5947 source_url: "//stevemadden.co.uk/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 5948 5949 }; 5950 scriptFallback.async = true; 5951 scriptFallback.src = '//stevemadden.co.uk/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 5952 first.parentNode.insertBefore(scriptFallback, first); 5953}; 5954script.async = true; 5955script.src = '//stevemadden.co.uk/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 5956first.parentNode.insertBefore(script, first); 5957 5958 }; 5959 trekkie.load( 5960 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":8339030082,"isMerchantRequest":null,"themeId":181428289916,"themeCityHash":"16946893620208967249","contentLanguage":"en","currency":"GBP","eventMetadataId":"4d85bca9-e5bb-4593-a9c3-2f8ee197e087"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} 5961 ); 5962 5963 var loaded = false;
5964 trekkie.ready(function() { 5965 if (loaded) return; 5966 loaded = true; 5967 5968 window.ShopifyAnalytics.lib = window.trekkie; 5969 5970 var originalDocumentWrite = document.write; 5971 document.write = customDocumentWrite; 5972 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 5973 document.write = originalDocumentWrite; 5974 5975 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 5976 var token = match? match[1]: undefined; 5977 if (!hasLoggedConversion(token)) { 5978 setCookieIfConversion(token); 5979 window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"GBP","variantId":41141787885705,"productId":7155729268873,"productGid":"gid:\/\/shopify\/Product\/7155729268873","name":"STEVE MADDEN UK DIGITAL GIFT CARD - 50","price":"50.00","sku":"cltchg_50","brand":"Steve Madden","variant":"50","category":"GIFT CARD","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true}); 5980 } 5981 }); 5982 5983 window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":7155729268873,"requestId":"44b42881-a660-46af-97f5-0038af8afe71-1790574656","shopifyEmitted":true}); 5984 5985 var eventsListenerScript = document.createElement('script'); 5986 eventsListenerScript.async = true; 5987 eventsListenerScript.src = "//stevemadden.co.uk/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 5988 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 5989})();</script>
vendor: 1 bytes, line 5989
5989
5990<script 5991 defer 5992 src="https://stevemadden.co.uk/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 5993 data-application="storefront-renderer" 5994 data-shop-id="8339030082" 5995 data-render-region="gcp-us-west1" 5996 data-page-type="product" 5997 data-theme-instance-id="181428289916" 5998 data-theme-name="Dawn" 5999 data-theme-version="13.0.0" 6000 data-monorail-region="shop_domain" 6001 data-resource-timing-sampling-rate="10" 6002 data-shs="true" 6003 data-shs-beacon="true" 6004 data-shs-export-with-fetch="true" 6005 data-shs-logs-sample-rate="1" 6006 data-shs-beacon-endpoint="https://stevemadden.co.uk/api/collect" 6007></script>
6007 6008<meta name="shopify-y" content="c7084d6b-b120-4a70-ab37-b15344164e56" data-expiration="1822132256000"><meta name="shopify-s" content="adbf3b0f-0a46-4f52-91c7-4a1e8142335f" data-expiration="1790576456000"><meta name="new-cookie-storage-activated" content="t"> 6009</head> 6010 6011 <body 6012 class="gradient shopify-market-gb" 6013 data-tagg-experience="treatment-v2" 6014 data-product-handle="giftcard" 6015 6016 > 6017 6018 <a class="visuallyhidden focusable skip-link" href="#header-main-new">Skip to header</a> 6019<a class="visuallyhidden focusable skip-link" href="#AccessibleNav">Skip to menu</a> 6020<a class="visuallyhidden focusable skip-link" href="#MainContent">Skip to content</a> 6021 6022<a class="visuallyhidden focusable skip-link" href="#footer-main-new">Skip to footer</a> 6023 6024 6025 6026 6027 6028 6029 6030 6031 6032 6033 6034<link href="//stevemadden.co.uk/cdn/shop/t/961/assets/quantity-popover.css?v=153075665213740339621772526959" rel="stylesheet" type="text/css" media="all" /> 6035<link href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-card.css?v=153698826278041988851772526934" rel="stylesheet" type="text/css" media="all" /> 6036
6037<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/cart.js?v=79152559858758253431777361877" defer="defer"></script>
vendor: 1 bytes, line 6037
6037
6038<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/quantity-popover.js?v=19455713230017000861772526960" defer="defer"></script>
6038 6039 6040<style> 6041 .drawer { 6042 position: fixed; 6043 visibility: hidden; 6044 opacity: 0; 6045 } 6046 .cart-item__old-price, 6047 .cart-item__final-price, 6048 .price.price--end { 6049 font-size: 1.4rem; 6050 line-height: 1.2; 6051 } 6052 6053 .cart-item__old-price { 6054 text-decoration: line-through !important; 6055 color: rgb(138, 0, 0) !important; 6056 } 6057 6058 .sm-cart--original---price { 6059 color: #000 !important; 6060 } 6061 6062 .cart-item__final-price, 6063 .price.price--end:not(.s) { 6064 color: #000; 6065 } 6066 .cart-sidebar-discount { 6067 display: flex; 6068 justify-content: space-between; 6069 align-items: center; 6070 margin: 20px auto; 6071 max-width: 100%; 6072 } 6073 6074 .cart-sidebar-discount input { 6075 width: 350px; 6076 height: 40px; 6077 margin-right: 10px; 6078 padding: 0 10px; 6079 font-size: 16px; 6080 border: 1px solid #ccc; 6081 border-radius: 4px; 6082 background-color: #f9f9f9; 6083 outline: none; 6084 transition: border-color 0.3s; 6085 } 6086 6087 .cart-sidebar-discount input::placeholder { 6088 color: #999; 6089 } 6090 6091 .cart-sidebar-discount input:focus { 6092 border-color: #000; 6093 } 6094 6095 #apply-discount-btn { 6096 background-color: #000; 6097 min-width: 80px; 6098 color: #fff; 6099 border: 0; 6100 height: 40px; 6101 padding: 0 15px; 6102 font-size: 14px; 6103 font-weight: bold; 6104 text-transform: uppercase; 6105 letter-spacing: 0.75px; 6106 cursor: pointer; 6107 display: flex; 6108 align-items: center; 6109 justify-content: center; 6110 transition: background-color 0.3s; 6111 } 6112 6113 #apply-discount-btn:hover { 6114 min-width: 80px; 6115 background-color: #333; 6116 } 6117 6118 .loader { 6119 border: 5px solid #f3f3f3;
6120 border-top: 4px solid #000; 6121 border-radius: 50%; 6122 width: 25px; 6123 height: 25px; 6124 animation: spin 0.5s linear infinite; 6125 } 6126 6127 #discount-code-error { 6128 color: #e22120; 6129 padding: 5px; 6130 font-size: 13px; 6131 margin-top: 10px; 6132 line-height: 1.2; 6133 } 6134 6135 #discount-code-error:empty { 6136 display: none; 6137 } 6138 .discounts { 6139 font-size: 1.4rem !important; 6140 } 6141 #applied-discount-code { 6142 display: flex; 6143 justify-content: space-between; 6144 align-items: flex-start; 6145 margin-top: 10px; 6146 margin-bottom: 20px; 6147 flex-direction: column; 6148 } 6149 6150 .applied-discount-code-wrapper { 6151 display: inline-flex; 6152 align-items: center; 6153 background: #f3f3f3; 6154 padding: 4px 8px; 6155 border-radius: 4px; 6156 font-size: 14px; 6157 } 6158 6159 .applied-discount-code-value { 6160 font-weight: 500; 6161 } 6162 6163 .clear-discount-btn { 6164 background: none; 6165 border: none; 6166 font-size: 14px; 6167 margin-left: 8px; 6168 cursor: pointer; 6169 color: red; 6170 font-weight: 700; 6171 } 6172 6173 #apply-discount-btn:disabled { 6174 background-color: #ccc; 6175 cursor: not-allowed; 6176 } 6177 6178 .applied-discount-code-wrapper { 6179 display: inline-flex; 6180 align-items: center; 6181 background: transparent; 6182 border: 1px solid; 6183 padding: 5px 10px; 6184 border-radius: 25px; 6185 } 6186 6187 .applied-discount-code-value { 6188 font-size: 14px; 6189 font-weight: bold; 6190 text-transform: uppercase; 6191 margin-right: 10px; 6192 } 6193 6194 #clear-discount-btn { 6195 background: transparent; 6196 border: none; 6197 color: #e22120; 6198 font-weight: bold; 6199 cursor: pointer; 6200 } 6201 6202 .applied-discount-code-value:empty + button { 6203 display: none; 6204 } 6205 6206 @keyframes spin { 6207 0% { 6208 transform: rotate(0deg); 6209 } 6210 100% { 6211 transform: rotate(360deg); 6212 } 6213 } 6214 6215</style> 6216 6217<cart-drawer class="drawer is-empty"> 6218 <div id="CartDrawer" class="cart-drawer "> 6219 <div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div> 6220 <div 6221 class="drawer__inner gradient color-scheme-1" 6222 role="dialog" 6223 aria-modal="true" 6224 aria-label="Your Bag dialog box" 6225 tabindex="-1" 6226 ><div id="CartDrawer-Announce" class="visually-hidden" role="status" aria-live="polite" aria-atomic="true" tabindex="-1"></div><div class="drawer__inner-empty"> 6227 <div class="cart-drawer__warnings center"> 6228 <div class="cart-drawer__empty-content"> 6229 <h2 class="cart__empty-text">Your bag is empty</h2> 6230 <button 6231 class="drawer__close" 6232 type="button" 6233 onclick="this.closest('cart-drawer').close()" 6234 aria-label="Close" 6235 > 6236 <svg 6237 xmlns="http://www.w3.org/2000/svg" 6238 aria-hidden="true" 6239 focusable="false" 6240 class="icon icon-close" 6241 fill="none" 6242 viewBox="0 0 18 17" 6243> 6244 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 6245</svg> 6246 6247 </button> 6248 6249 <a href="/collections/whats-new" class="button"> 6250 Continue shopping 6251 </a><p class="cart__login-title h3">Have an account?</p> 6252 <p class="cart__login-paragraph"> 6253 <a href="/account/login" class="link underlined-link">Log in</a> to check out faster. 6254 </p></div> 6255 </div></div><div class="drawer__header" aria-label="YOUR CART"> 6256 <h2 class="drawer__heading"> 6257 6258 <span class="drawer__heading-text">Your Bag</span> 6259 <span class="drawer__count"> 6260 (<span id="CartDrawer-ItemCount">0</span>) 6261 </span> 6262 6263 </h2> 6264 <button 6265 class="drawer__close" 6266 type="button" 6267 onclick="this.closest('cart-drawer').close()" 6268 aria-label="Close" 6269 > 6270 <svg 6271 xmlns="http://www.w3.org/2000/svg" 6272 aria-hidden="true" 6273 focusable="false" 6274 class="icon icon-close" 6275 fill="none" 6276 viewBox="0 0 18 17" 6277> 6278 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 6279</svg> 6280 6281 </button> 6282 </div> 6283
6284 <span class="initial-count-units-drawer" style="color:red" 6285 >We're sorry, we only allow a maximum of 10 items per order. 6286 </span> 6287 6288 6289 6290 6291 6292 6293<div class="shipping-progress-container" data-app-param="" class=""> 6294<style> 6295 /* Progress visuals */ 6296 .cart-progress{ margin:6px 0 4px; } 6297 .cart-progress__bar{ 6298 height:12px; background:#e9e9e9; border-radius:999px; overflow:hidden; 6299 } 6300 .cart-progress__fill{ 6301 height:100%; width:0%; background:#000; border-radius:inherit; transition:width .35s ease; 6302 } 6303 .cart-progress__msg{ 6304 margin:6px 0 6px; text-align:center; font-size:1.3rem; line-height:1.3; font-weight:600; 6305 } 6306 6307 /* Subtle divider line (use border so it never "disappears") */ 6308 .cart-progress__rule{ 6309 display:block; 6310 width:100%; 6311 height:0; /* we draw the line with border-top */ 6312 border:0; 6313 border-top:1px solid #000; /* â solid black */ 6314 margin:0 0 0px; /* tighter space before items */ 6315 } 6316 6317 /* Nudge the items wrapper up a touch in the drawer */ 6318 #CartDrawer .drawer__cart-items-wrapper{ margin-top:0px !important; } 6319 #CartDrawer .cart-items{ margin-top:0 !important; } 6320 6321 .cart__items .cart-progress{ 6322 margin-bottom: 20px; 6323 } 6324 6325 .cart__items .cart-progress .cart-progress__rule{ 6326 border-top: 1px solid #12121214 !important; 6327 } 6328 6329 @media (prefers-reduced-motion: reduce){ 6330 .cart-progress__fill{ transition:none; } 6331 } 6332 </style> 6333 6334 <div id="CartShippingProgress" 6335 class="cart-progress" 6336 data-threshold="10000" 6337 data-initial-total="0" 6338 data-exclude-handle="shipping-protection"> 6339 6340 <div class="cart-progress__bar" 6341 role="progressbar" 6342 aria-valuemin="0" aria-valuemax="100" 6343 aria-valuenow="0"> 6344 <div class="cart-progress__fill" style="width: 0%;"></div> 6345 </div> 6346 6347 <p class="cart-progress__msg" 6348 id="CartShippingProgressMsg" 6349 data-template-below="You&#39;re %amount% away from FREE DELIVERY!" 6350 data-template-qualified="You&#39;ve qualified for FREE DELIVERY!"> 6351 6352 6353 6354 6355 You're £100.00 away from FREE DELIVERY! 6356 6357 6358 </p> 6359 6360 <!-- Thin, subtle divider line --> 6361 <hr class="cart-progress__rule" aria-hidden="true"> 6362 </div> 6363 6364
6364<script> 6365(function () { 6366 if (window.__cartShippingProgress_v7) return; 6367 window.__cartShippingProgress_v7 = true; 6368 6369 var LOCALE = "en"; 6370 var CURR = Shopify.currency.active || "GBP"; 6371 var QUALIFIED = "" || "You\u0026#39;ve qualified for FREE DELIVERY!"; 6372 var BELOW = "" || "You\u0026#39;re %amount% away from FREE DELIVERY!"; 6373 6374 var NF = (() => { 6375 try { 6376 return new Intl.NumberFormat(LOCALE,{ 6377 style:'currency', 6378 currency:CURR, 6379 currencyDisplay: 'narrowSymbol' 6380 }); 6381 } 6382 catch(e){ return null; } 6383 })(); 6384 6385 var RE_AMOUNT = /%\s*amount\s*%/i; 6386 6387 function drawerEl(){ return document.getElementById('CartDrawer') || document.body; } 6388 function wrap(){ return document.getElementById('CartShippingProgress'); } 6389 function qs(r,s){ return r ? r.querySelector(s) : null; } 6390 function threshold(w){ 6391 var base = parseInt(w.getAttribute('data-threshold'),10) || 0; 6392 6393 var rate = parseFloat( 6394 (window.Shopify && Shopify.currency && Shopify.currency.rate) || 1 6395 ); 6396 6397 return Math.round(base * rate); 6398 } 6399 function fmt(c){ return NF ? NF.format(c/100) : (c/100).toFixed(2); } 6400 6401 function decodeHtml(str) { 6402 var txt = document.createElement('textarea'); 6403 txt.innerHTML = str; 6404 return txt.value; 6405 } 6406 6407 function getExcludedCents(cart){ 6408 var w = wrap(); 6409 if (!cart || !w || !cart.items) return 0; 6410 6411 var excludeHandle = w.getAttribute('data-exclude-handle'); 6412 if (!excludeHandle) return 0; 6413 6414 var sum = 0; 6415 for (var i = 0; i < cart.items.length; i++) { 6416 var item = cart.items[i]; 6417 if (item.handle === excludeHandle) { 6418 sum += item.final_line_price || 0; 6419 } 6420 } 6421 return sum; 6422 } 6423 6424 function buildBelowText(remaining){ 6425 var p = qs(wrap(), '#CartShippingProgressMsg'); 6426 var tpl = p.getAttribute('data-template-below') || BELOW; 6427 return RE_AMOUNT.test(tpl) 6428 ? tpl.replace(RE_AMOUNT, fmt(remaining)) 6429 : tpl + ' ' + fmt(remaining); 6430 } 6431 6432 function setProgress(total){ 6433 console.log('=== Shipping Progress setProgress called ==='); 6434 console.log('Total passed:', total); 6435 6436 var w = wrap(); 6437 if (!w) { 6438 console.log('Shipping progress wrapper not found'); 6439 return; 6440 } 6441 6442 var th = threshold(w); 6443 if (!th) { 6444 console.log('Threshold is 0 or invalid'); 6445 return; 6446 } 6447 console.log('Threshold:', th); 6448 6449 var fill = qs(w,'.cart-progress__fill'); 6450 var bar = qs(w,'.cart-progress__bar'); 6451 var p = qs(w,'#CartShippingProgressMsg'); 6452 6453 var pct = Math.min(100, Math.max(0, Math.round((total/th)*100))); 6454 console.log('Percentage:', pct); 6455 6456 if (fill) fill.style.width = pct + '%'; 6457 if (bar) bar.setAttribute('aria-valuenow', pct); 6458 6459 if (!p) { 6460 console.log('CartShippingProgressMsg element not found'); 6461 return; 6462 } 6463 6464 var tplQualified = p.getAttribute('data-template-qualified') || QUALIFIED; 6465 var messageText = total >= th 6466 ? decodeHtml(tplQualified) 6467 : decodeHtml(buildBelowText(th - total)); 6468 6469 console.log('Message text to set:', messageText); 6470 p.textContent = messageText; 6471 console.log('Shipping progress message updated'); 6472 console.log('=========================================='); 6473 } 6474 6475 function waitForMiniCartReady(cb){ 6476 var root = drawerEl(); 6477 var last = '', stable = 0; 6478 6479 var t = setInterval(function(){ 6480 var items = document.querySelector('.cart-items, #main-cart-items'); 6481 if (!items) return; 6482 6483 if (items.innerHTML === last) stable++; 6484 else { stable = 0; last = items.innerHTML; } 6485 6486 if (stable >= 3){ 6487 clearInterval(t); 6488 cb(); 6489 } 6490 },50); 6491 } 6492 6493 function hydrate(){ 6494 waitForMiniCartReady(function(){ 6495 fetch('/cart.js') 6496 .then(r=>r.json()) 6497 .then(function(cart){ 6498 var total = (cart.total_price||0) - getExcludedCents(cart); 6499 setProgress(Math.max(0,total)); 6500 }); 6501 }); 6502 } 6503 6504 hydrate(); 6505 6506 document.addEventListener("DOMContentLoaded", hydrate); 6507 document.addEventListener('cart-update', hydrate); 6508 document.addEventListener('cart-drawer:open', hydrate); 6509 document.addEventListener('cart:refresh', hydrate); 6510})(); 6511 6512 </script>
6512 6513</div> 6514
6515<script> 6516 document.addEventListener("DOMContentLoaded", function () { 6517 6518 if (window.shippingProgressInitialized) return; 6519 window.shippingProgressInitialized = true; 6520 6521 const urlParams = new URLSearchParams(window.location.search); 6522 let app = urlParams.get('app'); 6523 6524 if (app) { 6525 sessionStorage.setItem("app_param", app); 6526 } else if (!app && !urlParams.has('app')) { 6527 sessionStorage.removeItem("app_param"); 6528 app = ''; 6529 } else { 6530 app = sessionStorage.getItem("app_param") || ''; 6531 } 6532 6533 const featureCartApp = false; 6534 const featureDesktop = true; 6535 const featureCartPage = false; 6536 6537 function applyShippingProgressLogic() { 6538 const containers = document.querySelectorAll('.shipping-progress-container'); 6539 if (!containers.length) return; 6540 6541 const anyRowHasFlag = !!document.querySelector( 6542 '.cart-items .cart-item[data-hide-shipping="true"]' 6543 ); 6544 6545 containers.forEach(container => { 6546 let shouldHide = app === 'kinn' 6547 ? !featureCartApp 6548 : (!featureDesktop || !featureCartPage); 6549 6550 if (anyRowHasFlag) { 6551 shouldHide = true; 6552 } 6553 6554 container.classList.toggle('hidden', shouldHide); 6555 }); 6556 } 6557 6558 applyShippingProgressLogic(); 6559 6560 document.addEventListener('cart:updated', function () { 6561 setTimeout(applyShippingProgressLogic, 500); 6562 }); 6563 6564 const observer = new MutationObserver(applyShippingProgressLogic); 6565 observer.observe(document.body, { childList: true, subtree: true }); 6566 6567 }); 6568</script>
6568 6569 6570 <cart-drawer-items 6571 id="cart_drawer_items" 6572 6573 class=" is-empty" 6574 6575 > 6576 <form 6577 action="/cart" 6578 id="CartDrawer-Form" 6579 class="cart__contents cart-drawer__form" 6580 method="post" 6581 > 6582 <div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status" aria-live="off"></p> 6583 <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status"> 6584 Loading... 6585 </p> 6586 </div> 6587 <div id="CartDrawer-CartErrors" role="alert"></div> 6588 </form> 6589 6590 6591 <!-- Fast Simon Product Recommendation Widget START --> 6592 6593 6594
6594<script id="fast-simon-upsell-config-17310602513215561"> 6595 var FAST_UPSELL_CONFIG_17310602513215561 = {"badges": [],"badgesCornerGap": 5,"badgesLimit": 2,"badgesLimitPerCorner": 2,"customCSS": "#fast-simon-new-upsell-17376552963545984 .widget-container,\r\n#fast-simon-new-upsell-173978502597181 .widget-container\r\n{\r\n width: unset !important;\r\n max-width: 100%;\r\n}\r\n\r\n#fast-simon-new-upsell-17376552963545984 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-173978502597181 .fs-recommendation-widget-title\r\n{\r\n display: none !important;\r\n \r\n} \r\n #fast-simon-new-upsell-17259801055719144 #fs-recommendation-widget-main .fs-recommendation-button svg{\r\n -webkit-transform: rotate(90deg);\r\n }\r\n#fast-simon-new-upsell-17259801055719144 #fs-recommendation-widget-main .fs-recommendation-left-arrow{\r\n transform: rotate(180deg);\r\n} \r\n.rebooted-in-cart .add-to-cart-button-wrapper{\r\n display: none !important;\r\n } \r\n.fs-recommendation-product-compare-price{text-decoration: line-through;}\r\n \r\n #fast-simon-new-upsell-17278571098258068 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17278573013377592 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17359364237671540 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17278573679913421 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17278574180116754 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17278681013727029 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17279467987525865 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17376680884788867 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-1737668013555714 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-1737665695397439 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17377374493687902 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17375926885132684 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17388796017446390 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17279480163595832 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17392267373258291 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17284028675439186 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17376552963545984 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-173978502597181 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17345402990538208 #fs-recommendation-widget-main .fs-recommendation-button svg\r\n {\r\n -webkit-transform: rotate(90deg);\r\n }\r\n#fast-simon-new-upsell-17278571098258068 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17278573013377592 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17359364237671540 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17278573679913421 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17278574180116754 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17278681013727029 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17279467987525865 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17376680884788867 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-1737668013555714 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-1737665695397439 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17377374493687902 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17375926885132684 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17388796017446390 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17279480163595832 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17392267373258291 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17284028675439186 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17376552963545984 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-173978502597181 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17345402990538208 #fs-recommendation-widget-main .fs-recommendation-left-arrow\r\n{\r\n transform: rotate(180deg);\r\n}\r\n\r\n#fast-simon-new-upsell-17278571098258068 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17278573013377592 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17359364237671540 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17278573679913421 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17278574180116754 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17278681013727029 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17279467987525865 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17376680884788867 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-1737668013555714 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-1737665695397439 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17377374493687902 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17375926885132684 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17388796017446390 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17279480163595832 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17392267373258291 .fs-recommendation-product-info\r\n{\r\n grid-template-columns: auto auto 1fr 1fr !important;\r\n grid-template-rows: max-content;\r\n}\r\n#fast-simon-new-upsell-17279467987525865 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17376680884788867 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-1737668013555714 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-1737665695397439 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17377374493687902 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17278571098258068 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17278573013377592 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17359364237671540 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17278573679913421 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17278574180116754 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17278681013727029 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17375926885132684 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17388796017446390 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17284028675439186 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17376552963545984 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-173978502597181 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17345402990538208 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17279480163595832 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17392267373258291 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17345402990538208 .fs-recommendation-widget-title\r\n{\r\n display: none !important;\r\n}\r\n#fast-simon-new-upsell-17278571098258068 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17278573013377592 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17359364237671540 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17278573679913421 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17278574180116754 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17278681013727029 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17279467987525865 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17376680884788867 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-1737668013555714 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-1737665695397439 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17377374493687902 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17375926885132684 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17388796017446390 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17279480163595832 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17392267373258291 .fs-recommendation-product-price\r\n{\r\n margin-right: 10px;\r\n}\r\n\r\n\r\n\r\n.banner__buttons{\r\n display: none !important;\r\n }\r\n .fast-simon-new-upsell-17253820263991694{\r\n height: fit-content !important;\r\n }\r\n .title-wrapper {\r\n margin-bottom: 0px !important;\r\n }\r\n \r\n .info-container {\r\n min-height: 100px;\r\n }\r\n \r\n .my-badge-labels {\r\n position: absolute;\r\n width: fit-content;\r\n top: 5px;\r\n display: block;\r\n height: auto;\r\n z-index: 1;\r\n background-color: transparent;\r\n border: 1px solid #000 !important;\r\n color: #000 !important;\r\n font-size: 10px;\r\n right: 5px;\r\n \tpadding: 0 3px 0 3px;\r\n }\r\n \r\n .add-to-cart-button {\r\n padding: 0 !important;\r\n }\r\n \r\n #fast-upsell-crossell-widget-1720186422314 #fs-recommendation-widget-main {\r\n position: relative;\r\n overflow: auto;\r\n}\r\n #fast-upsell-crossell-widget-1720186422314 .color-swatch.selected {\r\n border: none;\r\n cursor: pointer;\r\n margin: 5px;\r\n display: block;\r\n box-shadow: 0 0 0 2px #fff, 0 0 0 3px #000;\r\n transition: .2s all ease-in-out;\r\n border-radius: 50%;\r\n background-size: cover;\r\n max-height: 20px;
6595\r\n max-width: 20px;\r\n position: relative;\r\n height: 20px;\r\n width: 20px;\r\n }\r\n \r\n \r\n .fs-recommendation-product-name-wrapper {\r\n text-transform: capitalize !important;\r\n font-size: 16px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: 1px;\r\n line-height: 20px;\r\n margin-bottom: 4px;\r\n margin-top: 10px;\r\n }\r\n \r\n .fs-recommendation-product-price {\r\n font-size: 14px !important;\r\n font-weight: 700 !important;\r\n }\r\n \r\n .fs-recommendation-widget-title {\r\n text-transform: uppercase !important;\r\n }\r\n \r\n @media (min-width: 1920px) {\r\n .editor-recommendation-widget-container {\r\n margin: 0 auto !important;\r\n max-width: 1400px !important;\r\n }\r\n #fs-recommendation-widget-main {\r\n margin: 0 auto !important;\r\n max-width: 1400px !important;\r\n }\r\n \r\n .fs-recommendation-widget-title {\r\n text-align: left !important;\r\n font-size: 30px !important;\r\n font-weight: 400 !important;\r\n line-height: 47px !important;\r\n letter-spacing: 3px !important;\r\n margin-left: 50px !important;\r\n }\r\n \r\n .fs-recommendation-product-name-wrapper {\r\n font-size: 20px !important;\r\n letter-spacing: 1px;\r\n line-height: 20px;\r\n }\r\n \r\n .fs-recommendation-product-price {\r\n letter-spacing: 2px !important;\r\n line-height: 37px !important;\r\n }\r\n .fs-recommendation-product-compare-price {\r\n letter-spacing: 2px !important;\r\n line-height: 37px !important;\r\n }\r\n }\r\n \r\n @media (max-width: 767px) {\r\n .fs-recommendation-widget-title {\r\n text-align: center !important;\r\n font-size: 24px !important;\r\n font-weight: 700 !important;\r\n line-height: 44px !important;\r\n letter-spacing: 2px;\r\n }\r\n .fs-recommendation-product-name-wrapper {\r\n font-size: 14px !important;\r\n letter-spacing: 1px !important;\r\n line-height: 18px !important;\r\n }\r\n \r\n .fs-recommendation-product-price,.fs-recommendation-product-compare-price {\r\n font-size: 14px !important;\r\n letter-spacing: 1px !important;\r\n /*line-height: 15px !important;*/\r\n }\r\n }\r\n \r\n .dotsContainer {\r\n display: none !important;\r\n }\r\n \r\n /* Cart Widget start */\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .fs-recommendation-button svg{\r\n -webkit-transform: rotate(90deg);\r\n }\r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .fs-serp-tooltip ,#fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .fs-serp-tooltip{ display: none !important; }\r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .show-more-swatches ,#fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .show-more-swatches{ display: none !important; }\r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .fs_show_more_csm, \r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .fs_show_more_csm{ \r\n width: 18px;\r\n height: 20px;\r\n transform: rotate(180deg);\r\n \r\n }\r\n #fast-simon-new-upsell-17253820263991694 .fs-recommendation-product-info{\r\n min-height: unset !important;\r\n }\r\n @media (min-width: 1920px) {\r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .editor-recommendation-widget-container,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .editor-recommendation-widget-container {\r\n margin: 0 auto !important;\r\n max-width: 1400px !important;\r\n }\r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main {\r\n margin: 0 auto !important;\r\n max-width: 1400px !important;\r\n }\r\n }\r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .dotsContainer ,#fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .dotsContainer{ display: none !important; }\r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .editor-recommendation-widget-container,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .editor-recommendation-widget-container{\r\n margin: 0px !important;\r\n }\r\n \r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .fs-recommendation-product-image ,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .fs-recommendation-product-image{\r\n object-fit: cover!important;\r\n }\r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper ,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper{\r\n font-weight: 700 !important;\r\n letter-spacing: 1px;\r\n line-height: 13px !important;\r\n font-size: 12px !important;\r\n letter-spacing: 0px;\r\n }\r\n \r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .fs-recommendation-product-price ,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .fs-recommendation-product-price{\r\n font-size: 14px !important;\r\n letter-spacing: 1px !important;\r\n line-height: 14px !important;\r\n font-weight: 700 !important;\r\n }\r\n \r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .fs-recommendation-widget-title ,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .fs-recommendation-widget-title{\r\n \tposition: relative;\r\n display: block;\r\n width: 100%;\r\n font-weight: 600 !important;\r\n letter-spacing: normal !important;\r\n font-size: 13px !important;\r\n text-transform: uppercase !important;\r\n margin-bottom: 0;\r\n text-align: left !important;\r\n }\r\n \r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"],\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"] {\r\n \tposition: absolute;\r\n top: 20px !important;\r\n display: block;
6595\r\n width: 20px;\r\n right: 50px;\r\n height: 20px;\r\n z-index: 2;\r\n padding: 0;\r\n }\r\n \r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .arrow-visibility ,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .arrow-visibility{\r\n visibility: visible;\r\n }\r\n \r\n \r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"] ,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"]{\r\n \tposition: absolute;\r\n right: 0px;\r\n top: 20px !important;\r\n display: block;\r\n width: 20px;\r\n height: 20px;\r\n z-index: 2;\r\n padding: 0;\r\n }\r\n \r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .fs-recommendation-widget-title ,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .fs-recommendation-widget-title{\r\n margin-left: 0px !important;\r\n }\r\n \r\n \r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .editor-recommendation-widget-container,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .editor-recommendation-widget-container {\r\n width: 100% !important;\r\n }\r\n \r\n \r\n @media (max-width: 486px) {\r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"] {\r\n top: 15px !important;\r\n }\r\n \r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"]{\r\n top: 15px !important; \r\n }\r\n }\r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .fs-recommendation-left-arrow ,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .fs-recommendation-left-arrow{\r\n transform: rotate(180deg);\r\n }\r\n .fast-upsell-crossell-widget-17259801055719144 #fs-recommendation-widget-main {\r\n margin: 0 auto !important;\r\n max-width: 1400px !important;\r\n }\r\n /* Cart Widget end */\r\n\r\n.custom-upsell-look .upsell-cross-sell-image-container {\r\n display: flex !important;\r\n}\r\n.custom-upsell-look .arrow-visibility {\r\n visibility: visible !important;\r\n opacity: 0.5 !important;\r\n}\r\n \r\n /* Start special pages */\r\n\r\n .common-sell #fs-recommendation-widget-main .fs-recommendation-right-arrow, \r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-left-arrow, \r\n.common-sell #fs-recommendation-widget-main .image-wrapper, \r\n.common-sell #fs-recommendation-widget-main .dotsContainer, \r\n.common-sell #fs-recommendation-widget-main .editor-recommendation-widget-container, \r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper, \r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-product-price, \r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-widget-title, \r\n.common-sell #fs-recommendation-widget-main .color-swatches-wrapper, \r\n.common-sell #fs-recommendation-widget-main .button-wrapper, \r\n.common-sell #fs-recommendation-widget-main .fs_title_wrap_cstm, \r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-widget-container, \r\n.common-sell #fs-recommendation-widget-main .fs_cta_btn_cstm, \r\n.common-sell #fs-recommendation-widget-main {\r\n -webkit-user-select: none; /* Safari */\r\n -ms-user-select: none; /* IE 10 and IE 11 */\r\n user-select: none; /* Standard syntax */\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-right-arrow,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-right-arrow {\r\n transform: rotate(0deg);\r\n}\r\n.common-sell #fs-recommendation-widget-main .image-wrapper,\r\n.custom-upsell-look #fs-recommendation-widget-main .image-wrapper {\r\n background-color: #eee;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-left-arrow {\r\n transform: rotate(180deg);\r\n}\r\n.common-sell #fs-recommendation-widget-main .dotsContainer,\r\n.custom-upsell-look #fs-recommendation-widget-main .dotsContainer {\r\n display: flex !important;\r\n}\r\n.common-sell #fs-recommendation-widget-main .editor-recommendation-widget-container,\r\n.custom-upsell-look #fs-recommendation-widget-main .editor-recommendation-widget-container {\r\n width: 95vw !important;\r\n margin: 0px !important;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper {\r\n font-weight: 700 !important;\r\n letter-spacing: 1px;\r\n line-height: 17px !important;\r\n font-size: 16px !important;\r\n letter-spacing: 0px;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-product-price,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-product-price {\r\n font-size: 16px !important;\r\n letter-spacing: 1px !important;\r\n line-height: 16px !important;\r\n font-weight: 700 !important;\r\n}\r\n@media (min-width: 1024px) {\r\n .common-sell #fs-recommendation-widget-main .fs-recommendation-widget-title,\r\n .custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-widget-title {\r\n margin-left: 65px !important;\r\n }\r\n}\r\n.common-sell #fs-recommendation-widget-main .color-swatches-wrapper, \r\n.custom-upsell-look #fs-recommendation-widget-main .color-swatches-wrapper,\r\n.common-sell #fs-recommendation-widget-main .button-wrapper, \r\n.custom-upsell-look #fs-recommendation-widget-main .button-wrapper {\r\n display: none !important;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs_title_wrap_cstm,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs_title_wrap_cstm {\r\n order: 1;\r\n display: flex;\r\n width: 90vw;\r\n justify-content: space-between;
6595\r\n align-items: center;\r\n margin-bottom: 20px;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-widget-container,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-widget-container {\r\n order: 2!important;\r\n}\r\n.common-sell #fs-recommendation-widget-main .dotsContainer,\r\n.custom-upsell-look #fs-recommendation-widget-main .dotsContainer {\r\n display: none !important;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs_cta_btn_cstm,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs_cta_btn_cstm {\r\n text-decoration: none;\r\n color: #000;\r\n border: 2px solid #000;\r\n font-size: 16px;\r\n letter-spacing: 1px;\r\n line-height: 25px;\r\n color: #000;\r\n font-weight: 600;\r\n font-family: acumin-pro, sans-serif;\r\n text-align: center;\r\n max-width: 163px;\r\n width: 100%;\r\n height: 47px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center; \r\n border: 2px solid #000000;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs_cta_btn_cstm:hover,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs_cta_btn_cstm:hover {\r\n background-color: #000;\r\n color: #fff;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-widget-title,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-widget-title {\r\n position: relative;\r\n display: block;\r\n width: 100%;\r\n font-weight: 400 !important;\r\n font-size: 30px !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n}\r\n.common-sell #fs-recommendation-widget-main,\r\n.custom-upsell-look #fs-recommendation-widget-main {\r\n margin-top: 30px;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-widget-title,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-widget-title {\r\n margin: 0 !important;\r\n width: fit-content!important;\r\n font-size: 28px !important;\r\n letter-spacing: 2px !important;\r\n line-height: 35px;\r\n color: #000;\r\n font-weight: 700 !important;\r\n margin: 0 !important;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-right-arrow,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-right-arrow {\r\n width: 20px;\r\n height: 20px;\r\n opacity: 0.8;\r\n transform: rotate(0deg);\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-right-arrow:hover,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-right-arrow:hover {\r\n opacity: 1;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-left-arrow {\r\n width: 20px;\r\n height: 20px;\r\n opacity: 0.8;\r\n transform: rotate(180deg);\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-left-arrow:hover,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-left-arrow:hover {\r\n opacity: 1;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper {\r\n letter-spacing: 1px;\r\n line-height: 20px !important;\r\n color: #000;\r\n font-weight: 700 !important;\r\n margin-bottom: 4px;\r\n margin-top: 10px;\r\n font-size: 20px !important;\r\n letter-spacing: 0px; \r\n}\r\n.common-sell #fs-recommendation-widget-main .title-wrapper,\r\n.custom-upsell-look #fs-recommendation-widget-main .title-wrapper {\r\n margin-bottom: 5px !important;\r\n}\r\n.custom-upsell-look .fast-upsell-crossell-widget-1720188707606 .my-badge-labels,\r\n.custom-upsell-look .fast-upsell-crossell-widget-1720191649253 .my-badge-labels,\r\n.custom-upsell-look .fast-upsell-crossell-widget-1720191429245 .my-badge-labels,\r\n.custom-upsell-look .fast-upsell-crossell-widget-1720363131022 .my-badge-labels,\r\n.custom-upsell-look .fast-upsell-crossell-widget-1721038966569 .my-badge-labels,\r\n.custom-upsell-look .fast-upsell-crossell-widget-1721111558347 .my-badge-labels,\r\n.custom-upsell-look .my-badge-labels {\r\n padding: 3px 10px;\r\n color: #000;\r\n font-weight: 400;\r\n text-transform: uppercase;\r\n font-size: 14px;\r\n left: unset;\r\n top: 10px;\r\n position: absolute;\r\n right: 10px;\r\n font-family: acumin-pro, sans-serif;\r\n}\r\n@media (min-width: 1920px) {\r\n .common-sell #fs-recommendation-widget-main .title-wrapper,\r\n .custom-upsell-look #fs-recommendation-widget-main .title-wrapper {\r\n margin-bottom: 10px !important;\r\n }\r\n .common-sell #fs-recommendation-widget-main .fs-recommendation-product-price,\r\n .custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-product-price {\r\n font-size: 19px !important;\r\n }\r\n\t.common-sell #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper,\r\n .custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper {\r\n font-size: 20px!important;\r\n }\r\n}\r\n@media (min-width: 768px) {\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"] {\r\n top: 11px !important;\r\n }\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"] {\r\n top: 11px !important;\r\n }\r\n}\r\n@media (min-width: 768px) and (max-width: 768px){\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"] {\r\n top: 23px !important;\r\n }\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"] {\r\n top: 23px !important;\r\n }\r\n}\r\n@media (min-width: 1920px) {\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"] {\r\n top: 23px !important;\r\n }\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"] {\r\n top: 23px !important;\r\n }\r\n}\r\n@media (max-width: 768px) {\r\n .common-sell #fs-recommendation-widget-main .fs-recommendation-widget-title,\r\n .custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-widget-title {\r\n font-size: 24px !important;\r\n letter-spacing: 2px !important;\r\n line-height: 44px !important;\r\n } \r\n .common-sell #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper,\r\n .custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper {\r\n font-size: 14px !important;\r\n line-height: 14px !important;\r\n }\r\n\t.common-sell #fs-recommendation-widget-main .fs-recommendation-product-price,\r\n .custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-product-price {\r\n font-size: 12px !important;\r\n line-height: 12px !important;\r\n } \r\n .common-sell #fs-recommendation-widget-main .fs_cta_btn_cstm,\r\n .custom-upsell-look #fs-recommendation-widget-main .fs_cta_btn_cstm {\r\n order: 2!important;\r\n margin-bottom: 23px!important; \r\n }\r\n\t.common-sell #fs-recommendation-widget-main,\r\n .custom-upsell-look #fs-recommendation-widget-main {\r\n margin-top: 20px!important;\r\n margin-bottom: 0!important;\r\n }\r\n\t.common-sell #fs-recommendation-widget-main .editor-recommendation-widget-container,\r\n .custom-upsell-look #fs-recommendation-widget-main .editor-recommendation-widget-container {\r\n width: 100vw !important;\r\n }\r\n .custom-upsell-look .fast-upsell-crossell-widget-1720188707606 .my-badge-labels,\r\n .custom-upsell-look .fast-upsell-crossell-widget-1720191649253 .my-badge-labels,\r\n .custom-upsell-look .fast-upsell-crossell-widget-1720191429245 .my-badge-labels,\r\n .custom-upsell-look .fast-upsell-crossell-widget-1720363131022 .my-badge-labels,\r\n .custom-upsell-look .fast-upsell-crossell-widget-1721038966569 .my-badge-labels,\r\n .custom-upsell-look .fast-upsell-crossell-widget-1724942580610 .my-badge-labels,\r\n\t.custom-upsell-look .fast-upsell-crossell-widget-1721111558347 .my-badge-labels,\r\n .custom-upsell-look .my-badge-labels {\r\n padding: 1px 5px;\r\n color: #000;\r\n font-weight: 400;\r\n text-transform: uppercase;\r\n font-size: 10px;\r\n left: unset;\r\n top: 5px;\r\n position: absolute;\r\n right: 5px;\r\n font-family: acumin-pro, sans-serif;\r\n }\r\n}\r\n@media (min-width: 865px) {\r\n .common-sell #fs-recommendation-widget-main .fs-recommendation-widget-title,\r\n .custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-widget-title {\r\n margin-left: 42px !important;\r\n } \r\n .common-sell #fs-recommendation-widget-main .fs_cta_btn_cstm,\r\n .custom-upsell-look #fs-recommendation-widget-main .fs_cta_btn_cstm {\r\n margin-right: 42px;\r\n }\r\n .common-sell #fs-recommendation-widget-main .fs_title_wrap_cstm,\r\n .custom-upsell-look #fs-recommendation-widget-main .fs_title_wrap_cstm {\r\n width: 95vw;\r\n }\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-widget-title,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-widget-title {\r\n display: none !important;\r\n}\r\n.common-sell #fs-recommendation-widget-main .editor-recommendation-widget-container,\r\n.custom-upsell-look #fs-recommendation-widget-main .editor-recommendation-widget-container {\r\n margin: 0 !important;\r\n max-width: 100% !important;\r\n}\r\n.common-sell #fs-recommendation-widget-main,\r\n.custom-upsell-look #fs-recommendation-widget-main {\r\n margin: 0 !important;\r\n max-width: 100% !important;\r\n}\r\n\r\n /* special pages stop */\r\n \r\n \r\n#fs-recommendation-widget-main {\r\n position: relative !important;\r\n}\r\n\r\n.fs-recommendation-price-container {\r\n align-items: flex-start;\r\n}\r\n\r\n.fs-recommendation-compare-price-container {\r\n align-self: flex-start !important;\r\n}\r\n/*HP prices fix (Rachel) start*/\r\n#fast-simon-new-upsell-17284028675439186 .info-container.fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17345402990538208 .info-container.fs-recommendation-product-info\r\n{\r\n align-items: center;\r\n justify-items: start;\r\n grid-template-columns: 1fr 1fr 1fr;\r\n}\r\n#fast-simon-new-upsell-17284028675439186 .fs-recommendation-compare-price-container.product-compare,\r\n#fast-simon-new-upsell-17345402990538208 .fs-recommendation-compare-price-container.product-compare\r\n{\r\n align-self: center !important;\r\n margin-left: 13px;\r\n}\r\n@media (max-width: 770px) {\r\n #fast-simon-new-upsell-17284028675439186 .info-container.fs-recommendation-product-info,\r\n #fast-simon-new-upsell-17345402990538208 .info-container.fs-recommendation-product-info \r\n {\r\n grid-template-columns: unset;\r\n }\r\n}\r\n/*HP prices fix (Rachel) end*/\r\n .rebooted-in-cart .add-to-cart-button-wrapper{\r\n display: none !important;\r\n }\r\n .dotsContainer {\r\n display: none !important;\r\n }\r\n \r\n /* Cart Widget start */\r\n #fast-simon-new-upsell-17259801055719144 #fs-recommendation-widget-main .fs-recommendation-button svg{\r\n -webkit-transform: rotate(90deg);\r\n }\r\n#fast-simon-new-upsell-17259801055719144 #fs-recommendation-widget-main .fs-recommendation-left-arrow{\r\n transform: rotate(180deg);\r\n}\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .fs-recommendation-button svg{\r\n -webkit-transform: rotate(90deg);\r\n }\r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .fs-serp-tooltip ,#fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .fs-serp-tooltip{ display: none !important; }\r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .show-more-swatches ,#fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .show-more-swatches{ display: none !important; }\r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .fs_show_more_csm, \r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .fs_show_more_csm{ \r\n width: 18px;\r\n height: 20px;\r\n transform: rotate(180deg);\r\n \r\n }\r\n #fast-simon-upsell-1724942580610 .fs-recommendation-product-info{\r\n min-height: unset !important;\r\n }\r\n @media (min-width: 1920px) {\r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .editor-recommendation-widget-container,\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .editor-recommendation-widget-container {\r\n margin: 0 auto !important;\r\n max-width: 1400px !important;\r\n }\r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main,\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main {\r\n margin: 0 auto !important;\r\n max-width: 1400px !important;\r\n }\r\n }\r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .dotsContainer ,#fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .dotsContainer{ display: none !important; }\r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .editor-recommendation-widget-container,\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .editor-recommendation-widget-container{\r\n margin: 0px !important;\r\n }\r\n \r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .fs-recommendation-product-image ,\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .fs-recommendation-product-image{\r\n object-fit: cover!important;\r\n }\r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper ,\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper{\r\n font-weight: 700 !important;\r\n letter-spacing: 1px;\r\n line-height: 13px !important;\r\n font-size: 12px !important;\r\n letter-spacing: 0px;\r\n }\r\n \r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .fs-recommendation-product-price ,\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .fs-recommendation-product-price{\r\n font-size: 14px !important;\r\n letter-spacing: 1px !important;\r\n line-height: 14px !important;\r\n font-weight: 700 !important;\r\n }\r\n \r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .fs-recommendation-product-compare-price {\r\n font-size: 14px !important;\r\n letter-spacing: 1px !important;\r\n line-height: 14px !important;\r\n font-weight: 400 !important;\r\n\t margin-right: 20px;\r\n }\r\n \r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .fs-recommendation-widget-title ,\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .fs-recommendation-widget-title{\r\n \tposition: relative;\r\n display: block;\r\n width: 100%;\r\n font-weight: 600 !important;\r\n letter-spacing: normal !important;\r\n font-size: 13px !important;\r\n text-transform: uppercase !important;\r\n margin-bottom: 0;\r\n text-align: left !important;\r\n }\r\n \r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"],\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"] {\r\n \tposition: absolute;\r\n top: 20px !important;\r\n display: block;
6595\r\n width: 20px;\r\n right: 50px;\r\n height: 20px;\r\n z-index: 2;\r\n padding: 0;\r\n }\r\n \r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .arrow-visibility{\r\n visibility: visible;\r\n }\r\n \r\n \r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .arrow-visibility{\r\n visibility: visible;\r\n pointer-events: none;\r\n }\r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"] ,\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"]{\r\n \tposition: absolute;\r\n right: 0px;\r\n top: 20px !important;\r\n display: block;\r\n width: 20px;\r\n height: 20px;\r\n z-index: 2;\r\n padding: 0;\r\n }\r\n \r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .fs-recommendation-widget-title ,\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .fs-recommendation-widget-title{\r\n margin-left: 0px !important;\r\n }\r\n \r\n \r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .editor-recommendation-widget-container,\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .editor-recommendation-widget-container {\r\n width: 100% !important;\r\n }\r\n \r\n \r\n @media (max-width: 486px) {\r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"] {\r\n top: 15px !important;\r\n }\r\n \r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"]{\r\n top: 15px !important; \r\n }\r\n #fast-simon-upsell-1724942580610 .fs-recommendation-product-title {\r\n min-height: 36px;\r\n }\r\n }\r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .fs-recommendation-left-arrow ,\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .fs-recommendation-left-arrow{\r\n transform: rotate(180deg);\r\n }\r\n /* Cart Widget end */\r\n@media (min-width: 768px) {\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"] {\r\n top: 11px !important;\r\n }\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"] {\r\n top: 11px !important;\r\n }\r\n}\r\n@media (min-width: 768px) and (max-width: 768px){\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"] {\r\n top: 23px !important;\r\n }\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"] {\r\n top: 23px !important;\r\n }\r\n}\r\n@media (min-width: 1920px) {\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"] {\r\n top: 23px !important;\r\n }\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"] {\r\n top: 23px !important;\r\n }\r\n}\r\n\r\n#fast-simon-new-upsell-1737668013555714 .fs-recommendation-product-compare-price,\r\n#fast-simon-new-upsell-17376680884788867 .fs-recommendation-product-compare-price,\r\n#fast-simon-new-upsell-1737665695397439 .fs-recommendation-product-compare-price {\r\n letter-spacing: 2px !important;\r\n line-height: 37px !important;\r\n}\r\n\r\n#fast-simon-new-upsell-1737668013555714 .fs-recommendation-compare-price-container,\r\n#fast-simon-new-upsell-17376680884788867 .fs-recommendation-compare-price-container,\r\n#fast-simon-new-upsell-1737665695397439 .fs-recommendation-compare-price-container {\r\n align-items: unset !important;\r\n}\r\n\r\n/*.fs-recommendation-compare-price-container {padding-top:5px !important;}*/\r\n\r\n@media (max-width: 770px) {\r\n .fs-recommendation-compare-price-container {\r\n padding-top: 0px !important;\r\n }\r\n #fast-simon-new-upsell-17278681013727029 .fs-recommendation-product-info\r\n {\r\n grid-template-columns: auto auto !important;\r\n grid-template-rows: max-content;\r\n }\r\n}\r\n.fs-widget-style-it-list .fs-recommendation-widget-title {\r\n font-size: 0 !important;\r\n}\r\n.fs-widget-style-it-list .fs-recommendation-widget-container {\r\n width: 100%;\r\n}\r\n/* Style by Style Name*/\r\n/*HP WITH HEADER*/\r\n#fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-promo-text{\r\n display: block !important;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-widget-title {\r\n display: block !important;\r\n text-align: left;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-hp-header-new .editor-recommendation-widget-container{\r\n max-width: unset !important;\r\n margin: 0 !important;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-product-title{\r\n line-height: 0 !important;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-hp-header-new{\r\n max-width: unset !important;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-promo-text {\r\n font-size: 14px !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n color: #b20000 !important;\r\n }\r\n#fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-product-price {\r\n font-size: 14px !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n }\r\n#fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-product-name-wrapper {\r\n font-size: 16px !important;\r\n color: #000000 !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n }\r\n#fs-recommendation-widget-main.fs-widget-style-hp-header-new .editor-fs-recommendation-product-image {\r\n mix-blend-mode: unset !important;\r\n}\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .add_wish_class {\r\n grid-area: add;\r\n display: block !important;
6595\r\n align-content: center;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .info-container {\r\n min-height: unset;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-product-info {\r\n grid-template-areas:\r\n \"title title title title\"\r\n \"price price price add\";\r\n grid-template-columns: auto 1fr 1fr auto !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-product-has-compare-price .fs-recommendation-product-info {\r\n grid-template-areas:\r\n \"title title title title\"\r\n \"compare price price add\";\r\n grid-template-columns: auto 1fr 1fr auto !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .quick_add_btnn {\r\n border: none;\r\n background: none;\r\n font-weight: 600;\r\n font-size: 14px;\r\n font-family: acumin-pro, sans-serif;\r\n text-align: right;\r\n color: #000;\r\n cursor: pointer;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-widget-title {\r\n font-size: 65px !important;\r\n color: #000;\r\n width: 95vw;\r\n font-weight: 700 !important;\r\n margin: 0 0 10px 70px;\r\n overflow: unset;\r\n font-family: acumin-pro-extra-condensed, sans-serif !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs_header_cont_cstm {\r\n display: flex;\r\n width: 97vw;\r\n align-items: center;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs_cta_btn_cstm {\r\n color: #000;\r\n text-decoration: none;\r\n white-space: nowrap;\r\n border: 3px solid #000;\r\n height: fit-content;\r\n padding: 5px 10px;\r\n font-weight: 700;\r\n font-family: acumin-pro-extra-condensed, sans-serif;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new {\r\n margin: 30px 0 0 0;\r\n }\r\n #fast-upsell-crossell-widget-17415975212443040 .info-container {\r\n min-height: unset;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-product-has-compare-price .fs-recommendation-price-container {\r\n margin-left: 10px;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-product-compare-price {\r\n color: #000 !important;\r\n font-weight: 700;\r\n font-size: 14px !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-product-has-compare-price .fs-recommendation-product-price {\r\n color: #b20000 !important;\r\n align-items: flex-start;\r\n }\r\n @media only screen and (min-width: 1920px) {\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs_header_cont_cstm {\r\n margin-bottom: 35px;\r\n }\r\n }\r\n @media only screen and (max-width: 480px) {\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-product-container {\r\n flex: 1 0 calc(100%/2 - 10px - 2*0px - 2*0px) !important;\r\n margin: 5px !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .details_right_wrap{ \r\n display: flex\r\n }\r\n }\r\n @media only screen and (max-width: 770px) {\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-product-container:not(.fs-product-has-compare-price) .fs-recommendation-price-container{\r\n align-items: flex-start;\r\n }\r\n \r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-promo-text {\r\n font-size: 11px !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-widget-title {\r\n font-size: 35px !important;\r\n margin-left: 70px;\r\n margin-bottom: 10px;\r\n word-break: normal;\r\n text-align: left !important;\r\n font-family: acumin-pro-extra-condensed, sans-serif !important;\r\n } \r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-product-name-wrapper {\r\n font-size: 11px !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-product-price {\r\n font-size: 11px !important;\r\n padding: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-product-compare-price {\r\n font-size: 11px !important;\r\n padding: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .quick_add_btnn {\r\n font-size: 11px !important;\r\n font-family: acumin-pro, sans-serif;\r\n text-align: right;\r\n color: #000;\r\n cursor: pointer;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-product-name-wrapper {\r\n font-size: 11px!important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .quick_add_btnn {\r\n font-size: 11px !important;\r\n font-family: acumin-pro, sans-serif;\r\n text-align: right;\r\n color: #000;\r\n cursor: pointer;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-product-has-compare-price .fs-recommendation-price-container {\r\n margin-left: 5px;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-widget-container {\r\n width: 100%;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-button[aria-label=\"Previous Slide\"] {\r\n padding: 3px;\r\n padding-right: 3px;\r\n transform: translateY(-100%);\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-button[aria-label=\"Next Slide\"] {\r\n padding: 3px;\r\n padding-left: 3px;\r\n transform: translateY(-100%);\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-button[aria-label=\"Previous Slide\"] svg {\r\n -webkit-transform: rotate(270deg)\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-button[aria-label=\"Next Slide\"] svg {\r\n -webkit-transform: rotate(90deg)\r\n }\r\n }\r\n /* END HP WITH HEADER*/\r\n /*HP NO HEADER*/\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-promo-text{\r\n display: block !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-title{\r\n line-height: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .editor-recommendation-widget-container{\r\n max-width: unset !important;\r\n margin: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new{\r\n max-width: unset !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-promo-text {\r\n font-size: 14px !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n color: #b20000 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-price {\r\n font-size: 14px !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-name-wrapper {\r\n font-size: 16px !important;\r\n color: #000000 !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .editor-fs-recommendation-product-image {\r\n mix-blend-mode: unset !important;\r\n}\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .add_wish_class {\r\n grid-area: add;\r\n display: block !important;
6595\r\n align-content: center;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-product-has-compare-price .fs-recommendation-product-price {\r\n color: #b20000 !important;\r\n align-items: flex-start;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .info-container {\r\n min-height: unset;\r\n }\r\n #fast-upsell-crossell-widget-17416180047297013 {\r\n margin: 30px 0 20px 0;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-info {\r\n grid-template-areas:\r\n \"title title title title\"\r\n \"price price price add\";\r\n grid-template-columns: auto 1fr 1fr auto !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-product-has-compare-price .fs-recommendation-product-info {\r\n grid-template-areas:\r\n \"title title title title\"\r\n \"compare price price add\";\r\n grid-template-columns: auto 1fr 1fr auto !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .quick_add_btnn {\r\n border: none;\r\n background: none;\r\n font-weight: 600;\r\n font-size: 14px;\r\n font-family: acumin-pro, sans-serif;\r\n text-align: right;\r\n color: #000;\r\n cursor: pointer;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-widget-title {\r\n font-size: 0px !important;\r\n line-height: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .info-container {\r\n min-height: unset;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new {\r\n margin: 20px 0 0 0;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-product-has-compare-price .fs-recommendation-price-container {\r\n margin-left: 10px;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-compare-price {\r\n color: #000 !important;\r\n font-weight: 700;\r\n font-size: 14px !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n }\r\n @media (max-width: 480px) {\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-container {\r\n flex: 1 0 calc(100%/2 - 10px - 2*0px - 2*0px) !important;\r\n margin: 5px !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .details_right_wrap{ \r\n display: flex\r\n }\r\n }\r\n @media (max-width: 770px) {\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-container:not(.fs-product-has-compare-price) .fs-recommendation-price-container{\r\n align-items: flex-start;\r\n }\r\n \r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-promo-text {\r\n font-size: 11px !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-name-wrapper {\r\n font-size: 11px !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-price {\r\n font-size: 11px !important;\r\n align-items: start;\r\n padding: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-compare-price {\r\n font-size: 11px !important;\r\n padding: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .quick_add_btnn {\r\n font-size: 11px !important;\r\n font-family: acumin-pro, sans-serif;\r\n text-align: right;\r\n color: #000;\r\n cursor: pointer;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-name-wrapper {\r\n font-size: 11px!important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-price {\r\n font-size: 11px!important;\r\n padding: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-compare-price {\r\n font-size: 11px!important;\r\n color: #000 !important;\r\n font-weight: 700;\r\n padding: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .quick_add_btnn {\r\n font-size: 11px !important;\r\n font-family: acumin-pro, sans-serif;\r\n text-align: right;\r\n color: #000;\r\n cursor: pointer;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-product-has-compare-price .fs-recommendation-price-container {\r\n margin-left: 5px;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-widget-container {\r\n width: 100%;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-button[aria-label=\"Previous Slide\"] {\r\n padding: 3px;\r\n padding-right: 3px;\r\n transform: translateY(-100%);\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-button[aria-label=\"Next Slide\"] {\r\n padding: 3px;\r\n padding-left: 3px;\r\n transform: translateY(-100%);\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-button[aria-label=\"Previous Slide\"] svg {\r\n -webkit-transform: rotate(270deg)\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-button[aria-label=\"Next Slide\"] svg {\r\n -webkit-transform: rotate(90deg)\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-price-container,\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new.fs-recommendation-compare-price-container {\r\n display: flex;\r\n align-items: flex-start;\r\n }\r\n }\r\n /*END HP NO HEADER*/\r\n /*IT LIST NEW*/\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-promo-text{\r\n display: block !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-title{\r\n line-height: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .editor-recommendation-widget-container{\r\n max-width: unset !important;\r\n margin: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new{\r\n max-width: unset !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-name-wrapper {\r\n font-size: 16px !important;\r\n color: #000000 !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-compare-price {\r\n color: #000 !important;\r\n font-weight: 700;\r\n font-size: 14px !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-product-has-compare-price .fs-recommendation-product-price {\r\n color: #b20000 !important;
6595\r\n align-items: flex-start;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-price {\r\n font-size: 14px !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-promo-text {\r\n font-size: 14px !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n color: #b20000 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-name-wrapper {\r\n font-size: 16px !important;\r\n color: #000000 !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-widget-container {\r\n width: 95%;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .info-container {\r\n min-height: unset;\r\n }\r\n\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .add_wish_class {\r\n grid-area: add;\r\n display: block !important;\r\n align-content: center;\r\n }\r\n #fast-upsell-crossell-widget-17417004077846479 {\r\n margin: 30px 0 20px 0;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-info {\r\n grid-template-areas:\r\n \"title title title title\"\r\n \"price price price add\";\r\n grid-template-columns: auto 1fr 1fr auto !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-info {\r\n grid-template-areas:\r\n \"title title title title\"\r\n \"compare price price add\";\r\n grid-template-columns: auto 1fr 1fr auto !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .quick_add_btnn {\r\n border: none;\r\n background: none;\r\n font-weight: 600;\r\n font-size: 14px;\r\n font-family: acumin-pro, sans-serif;\r\n text-align: right;\r\n color: #000;\r\n cursor: pointer;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-widget-title {\r\n display: none !important;\r\n font-size: 20px !important;\r\n font-family: acumin-pro,sans-serif !important;\r\n padding-left: 30px;\r\n margin: 0 auto;\r\n font-weight: 400 !important;\r\n text-transform: none !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .info-container {\r\n min-height: unset;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-product-has-compare-price .fs-recommendation-price-container {\r\n margin-left: 10px;\r\n }\r\n @media (max-width: 480px) {\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-container {\r\n flex: 1 0 calc(100%/2 - 10px - 2*0px - 2*0px) !important;\r\n margin: 5px !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .details_right_wrap{ \r\n display: flex\r\n }\r\n }\r\n @media (max-width: 770px) {\r\n \r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-promo-text {\r\n font-size: 11px !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-name-wrapper {\r\n font-size: 11px!important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-widget-title {\r\n text-align: left !important;\r\n padding-left: 0;\r\n font-size: 14px !important;\r\n font-family: acumin-pro-extra-condensed,sans-serif;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-price {\r\n font-size: 11px!important;\r\n padding: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-compare-price {\r\n font-size: 11px!important;\r\n color: #000 !important;\r\n font-weight: 700;\r\n padding: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .quick_add_btnn {\r\n font-size: 11px !important;\r\n font-family: acumin-pro, sans-serif;\r\n text-align: right;\r\n color: #000;\r\n cursor: pointer;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-product-has-compare-price .fs-recommendation-price-container {\r\n margin-left: 5px;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-price-container,\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-compare-price-container {\r\n display: flex !important;\r\n align-items: flex-start;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-container:not(.fs-product-has-compare-price) .fs-recommendation-price-container{\r\n align-items: flex-start;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-widget-container {\r\n width: 100%;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-button[aria-label=\"Previous Slide\"] {\r\n padding: 3px;\r\n padding-right: 3px;\r\n transform: translateY(-100%);\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-button[aria-label=\"Next Slide\"] {\r\n padding: 3px;\r\n padding-left: 3px;\r\n transform: translateY(-100%);\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-button[aria-label=\"Previous Slide\"] svg {\r\n -webkit-transform: rotate(270deg)\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-button[aria-label=\"Next Slide\"] svg {\r\n -webkit-transform: rotate(90deg)\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-price-container,\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-compare-price-container {\r\n display: flex;\r\n align-items: flex-start;\r\n }\r\n }\r\n /*END IT LIST NEW*/\r\n /*MINI CART NEW*/\r\n #fs-recommendation-widget-main.fs-widget-style-mini-cart-new .editor-fs-recommendation-product-image {\r\n mix-blend-mode: unset !important;\r\n}\r\n #fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-product-compare-price {\r\n line-height: unset !important;\r\n font-weight: 700 !important;\r\n font-size: 11px !important;\r\n color: #000 !important;\r\n}\r\n #fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-widget-container {\r\n width: 100% !important;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-product-info{\r\n min-height: unset !important;\r\n align-items: center;\r\n grid-template-areas: \"title title title title\" \"price price price price\" \"addToCart addToCart addToCart addToCart\"; \r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-product-has-compare-price .fs-recommendation-product-info{\r\n grid-template-areas: \"title title title title\" \"compare price price price\" \"addToCart addToCart addToCart addToCart\" !important; \r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .editor-recommendation-widget-container{\r\n margin: 0px !important;\r\n width: 100% !important;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-product-image{\r\n object-fit: cover!important;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-product-name-wrapper{\r\n font-weight: 700 !important;\r\n letter-spacing: 1px;\r\n line-height: 13px !important;\r\n font-size: 11px !important;\r\n letter-spacing: 0px;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-product-has-compare-price .fs-recommendation-product-price{\r\n color: #b20000 !important;\r\n align-items: flex-start;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-widget-products-container .fs-recommendation-button{\r\n position: absolute;\r\n z-index: 9999999999;
6595\r\n top: calc(50% - 10px);\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-widget-products-container .fs-recommendation-button[aria-label=\"Next Slide\"]{\r\n right: -20px;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-widget-products-container .fs-recommendation-button[aria-label=\"Previous Slide\"]{\r\n left: -20px;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-product-price{\r\n font-size: 11px !important;\r\n letter-spacing: 1px !important;\r\n line-height: 14px !important;\r\n font-weight: 700 !important;\r\n align-items: start;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-widget-title{\r\n position: relative;\r\n display: block;\r\n width: 100%;\r\n font-weight: 600 !important;\r\n letter-spacing: normal !important;\r\n font-size: 13px !important;\r\n text-transform: uppercase !important;\r\n margin-bottom: 0;\r\n text-align: left !important;\r\n margin-left: 0px !important;\r\n margin: 0;\r\n line-height: unset !important;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .add_wish_class{\r\n grid-area: addToCart;\r\n min-height: 35px;\r\n margin-top: 5px;\r\n height: 100%;\r\n display: block !important;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-product-container{\r\n margin: 3px;\r\n flex: 1 0 calc(100% / 2 - 6px - 2 * 0px - 2 * 0px);\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .quick_add_btnn{\r\n font-weight: 700;\r\n font-family: 'acumin-pro', sans-serif;\r\n font-size: 0;\r\n background-color: #000;\r\n width: 100%;\r\n height: 30px;\r\n position: relative;\r\n cursor: pointer;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-promo-text{\r\n display: none !important;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .quick_add_btnn::after {\r\n content: \"ADD TO CART\";\r\n font-size: 11px; /* Set the desired size */\r\n font-weight: 700;\r\n font-family: acumin-pro, sans-serif;\r\n color: #fff;\r\n cursor: pointer;\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n text-align: center;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-product-title {\r\n min-height: 42px;\r\n}\r\n@media (max-width: 770px) {\r\n #fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-product-title {\r\n min-height: 33px;\r\n }\r\n}\r\n\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-button .fs-recommendation-right-arrow svg {\r\n -webkit-transform: rotate(90deg);\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-button .fs-recommendation-left-arrow svg {\r\n -webkit-transform: rotate(270deg);\r\n}\r\n/*END MINI CART NEW*/\r\n/*shop the look*/\r\n@media (min-width: 770px) {\r\n .fs-widget-style-dpd-similar-products .fs-recommendation-widget-title {\r\n width: 95%;\r\n padding-left: 80px;\r\n }\r\n}\r\n.fs-widget-style-dpd-similar-products .container.upsell-cross-sell-image-container {\r\n background-color: #f0f0f0;\r\n}\r\n.fs-widget-style-dpd-similar-products .container.upsell-cross-sell-image-container .fs-recommendation-product-image.editor-fs-recommendation-product-image {\r\n object-fit: contain !important;\r\n mix-blend-mode: darken;\r\n}\r\n\r\n\r\n@media (min-width: 770px) {\r\n [class*=\"fs-widget-style-dpd-similar-products\"] .fs-recommendation-widget-title {\r\n width: 95%;\r\n padding-left: 80px;\r\n }\r\n}\r\n[class*=\"fs-widget-style-dpd-similar-products\"] .container.upsell-cross-sell-image-container {\r\n background-color: #f0f0f0;\r\n}\r\n[class*=\"fs-widget-style-dpd-similar-products\"] .container.upsell-cross-sell-image-container .fs-recommendation-product-image.editor-fs-recommendation-product-image {\r\n object-fit: contain !important;\r\n mix-blend-mode: darken;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n","customIcons": {"Heart-filled": "<svg width=\"25\" height=\"23\" viewBox=\"0 0 25 23\" fill=\"#000\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M24.5 7.44672V7.44815C24.5 9.16497 23.8321 10.7762 22.6167 11.9916C22.6167 11.9917 22.6166 11.9917 22.6166 11.9918L12.6427 21.9285L12.642 21.9292C12.6041 21.9671 12.5486 21.9895 12.4921 21.9895C12.4452 21.9895 12.3867 21.9684 12.3421 21.9239L2.3888 11.9706C1.17234 10.7541 0.500056 9.14775 0.500058 7.43226L0.500054 7.43082C0.495137 5.71498 1.1627 4.10414 2.3782 2.88864C3.5883 1.67853 5.19955 1.0105 6.91121 1.0105C8.62752 1.0105 10.2443 1.68337 11.4601 2.89924L12.1544 3.59353L12.508 3.94709L12.8615 3.59353
6595L13.5452 2.90984C14.7607 1.69437 16.372 1.0264 18.0888 1.0264C19.8063 1.0264 21.4121 1.68948 22.6272 2.90454C23.842 4.11934 24.5049 5.72989 24.5 7.44672Z\" stroke=\"black\"/>\n</svg>","Wishlist": "<svg viewBox=\"0 0 24 24\" data-at=\"love_icon_large\" aria-hidden=\"true\" class=\"css-psp8z9 e65zztl0\" data-comp=\"Icon StyledComponent \"><path d=\"M22 3.1c2.7 2.2 2.6 7.2.1 9.7-2.2 2.8-7.4 8.1-9.3 9.6-.5.4-1.1.4-1.6 0-1.8-1.5-7-6.8-9.2-9.6-2.6-2.6-2.7-7.6 0-9.7C4.6.5 9.7.7 12 4.2 14.3.8 19.3.5 22 3.1zm-.7.8c-2.4-2.4-7.2-2-8.9 1.5-.1.3-.4.4-.7.2-.1 0-.2-.1-.2-.2-1.6-3.5-6.5-4-8.9-1.5C.4 5.6.5 10 2.7 12.2c2.2 2.7 7.3 8 9.1 9.4.1.1.2.1.3 0 1.8-1.4 6.9-6.7 9.1-9.5 2.3-2.1 2.4-6.5.1-8.2z\"></path></svg>","Wishlist Added": "<svg viewBox=\"0 0 24 24\" data-at=\"love_icon_large\" aria-hidden=\"true\" class=\"css-psp8z9 e65zztl0\" data-comp=\"Icon StyledComponent \"><path d=\"M22 3.1c2.7 2.2 2.6 7.2.1 9.7-2.2 2.8-7.4 8.1-9.3 9.6-.5.4-1.1.4-1.6 0-1.8-1.5-7-6.8-9.2-9.6-2.6-2.6-2.7-7.6 0-9.7C4.6.5 9.7.7 12 4.2 14.3.8 19.3.5 22 3.1z\"></path></svg>","heart": "<svg width=\"25\" height=\"23\" viewBox=\"0 0 25 23\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M24.5 7.44672V7.44815C24.5 9.16497 23.8321 10.7762 22.6167 11.9916C22.6167 11.9917 22.6166 11.9917 22.6166 11.9918L12.6427 21.9285L12.642 21.9292C12.6041 21.9671 12.5486 21.9895 12.4921 21.9895C12.4452 21.9895 12.3867 21.9684 12.3421 21.9239L2.3888 11.9706C1.17234 10.7541 0.500056 9.14775 0.500058 7.43226L0.500054 7.43082C0.495137 5.71498 1.1627 4.10414 2.3782 2.88864C3.5883 1.67853 5.19955 1.0105 6.91121 1.0105C8.62752 1.0105 10.2443 1.68337 11.4601 2.89924L12.1544 3.59353L12.508 3.94709L12.8615 3.59353
6595L13.5452 2.90984C14.7607 1.69437 16.372 1.0264 18.0888 1.0264C19.8063 1.0264 21.4121 1.68948 22.6272 2.90454C23.842 4.11934 24.5049 5.72989 24.5 7.44672Z\" stroke=\"black\"/>\n</svg>","left arrow": "<svg width=\"75px\" height=\"75px\" viewBox=\"0 -4.5 20 20\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" fill=\"#000000\" transform=\"rotate(270)\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"></g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke=\"#CCCCCC\" stroke-width=\"0.12\"></g><g id=\"SVGRepo_iconCarrier\"> <title>arrow_up [#050505]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"> <g id=\"Dribbble-Light-Preview\" transform=\"translate(-140.000000, -6683.000000)\" fill=\"#0d0d0d\"> <g id=\"icons\" transform=\"translate(56.000000, 160.000000)\"> <path d=\"M84,6532.61035 L85.4053672,6534 L94.0131154,6525.73862 L94.9311945,6526.61986 L94.9261501,6526.61502 L102.573446,6533.95545 L104,6532.58614 C101.8864,6530.55736 95.9854722,6524.89321 94.0131154,6523 C92.5472155,6524.40611 93.9757869,6523.03486 84,6532.61035\" id=\"arrow_up-[#050505]\"> </path> </g> </g> </g> </g></svg>","related-arrow-left": "<svg width=\"75px\" height=\"75px\" viewBox=\"0 -4.5 20 20\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" fill=\"#000000\" transform=\"rotate(270)\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"></g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke=\"#CCCCCC\" stroke-width=\"0.12\"></g><g id=\"SVGRepo_iconCarrier\"> <title>arrow_up [#050505]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"> <g id=\"Dribbble-Light-Preview\" transform=\"translate(-140.000000, -6683.000000)\" fill=\"#0d0d0d\"> <g id=\"icons\" transform=\"translate(56.000000, 160.000000)\"> <path d=\"M84,6532.61035 L85.4053672,6534 L94.0131154,6525.73862 L94.9311945,6526.61986 L94.9261501,6526.61502 L102.573446,6533.95545 L104,6532.58614 C101.8864,6530.55736 95.9854722,6524.89321 94.0131154,6523 C92.5472155,6524.40611 93.9757869,6523.03486 84,6532.61035\" id=\"arrow_up-[#050505]\"> </path> </g> </g> </g> </g></svg>","related-arrow-right": "<svg width=\"75px\" height=\"75px\" viewBox=\"0 -4.5 20 20\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" fill=\"#000000\" transform=\"rotate(90)\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"></g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke=\"#CCCCCC\" stroke-width=\"0.12\"></g><g id=\"SVGRepo_iconCarrier\"> <title>arrow_up [#050505]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"> <g id=\"Dribbble-Light-Preview\" transform=\"translate(-140.000000, -6683.000000)\" fill=\"#0d0d0d\"> <g id=\"icons\" transform=\"translate(56.000000, 160.000000)\"> <path d=\"M84,6532.61035 L85.4053672,6534 L94.0131154,6525.73862 L94.9311945,6526.61986 L94.9261501,6526.61502 L102.573446,6533.95545 L104,6532.58614 C101.8864,6530.55736 95.9854722,6524.89321 94.0131154,6523 C92.5472155,6524.40611 93.9757869,6523.03486 84,6532.61035\" id=\"arrow_up-[#050505]\"> </path> </g> </g> </g> </g></svg>","right arrow": "<svg width=\"75px\" height=\"75px\" viewBox=\"0 -4.5 20 20\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" fill=\"#000000\" transform=\"rotate(90)\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"></g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke=\"#CCCCCC\" stroke-width=\"0.12\"></g><g id=\"SVGRepo_iconCarrier\"> <title>arrow_up [#050505]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"> <g id=\"Dribbble-Light-Preview\" transform=\"translate(-140.000000, -6683.000000)\" fill=\"#0d0d0d\"> <g id=\"icons\" transform=\"translate(56.000000, 160.000000)\"> <path d=\"M84,6532.61035 L85.4053672,6534 L94.0131154,6525.73862 L94.9311945,6526.61986 L94.9261501,6526.61502 L102.573446,6533.95545 L104,6532.58614 C101.8864,6530.55736 95.9854722,6524.89321 94.0131154,6523 C92.5472155,6524.40611 93.9757869,6523.03486 84,6532.61035\" id=\"arrow_up-[#050505]\"> </path> </g> </g> </g> </g></svg>","right-arrow-minicart": "<svg width=\"75px\" height=\"75px\" viewBox=\"0 -4.5 20 20\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" fill=\"#000000\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"></g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke=\"#CCCCCC\" stroke-width=\"0.12\"></g><g id=\"SVGRepo_iconCarrier\"> <title>arrow_up [#050505]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"> <g id=\"Dribbble-Light-Preview\" transform=\"translate(-140.000000, -6683.000000)\" fill=\"#0d0d0d\"> <g id=\"icons\" transform=\"translate(56.000000, 160.000000)\"> <path d=\"M84,6532.61035 L85.4053672,6534 L94.0131154,6525.73862 L94.9311945,6526.61986 L94.9261501,6526.61502 L102.573446,6533.95545 L104,6532.58614 C101.8864,6530.55736 95.9854722,6524.89321 94.0131154,6523 C92.5472155,6524.40611 93.9757869,6523.03486 84,6532.61035\" id=\"arrow_up-[#050505]\"> </path> </g> </g> </g> </g></svg>
6595","scroll_to_top": "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" id=\"scrollToTopArrow\" x=\"0px\" y=\"0px\" width=\"20px\" height=\"20px\" viewBox=\"0 0 429.658 429.658\" style=\"enable-background: new 0 0 429.658 429.658\" xml:space=\"preserve\" aria-hidden=\"true\" focusable=\"false\">\n <title>Go Top</title>\n <g>\n <g>\n <path fill=\"#ffffff\" d=\"M235.252,13.406l-0.447-0.998c-3.417-7.622-11.603-12.854-19.677-12.375l-0.3,0.016l-0.302-0.016 \n C214.194,0.011,213.856,0,213.524,0c-7.706,0-15.386,5.104-18.674,12.413l-0.452,0.998L13.662,176.079 \n c-6.871,6.183-6.495,12.657-4.971,16.999c2.661,7.559,10.361,13.373,18.313,13.82l1.592,0.297c0.68,0.168,1.356,0.348,2.095,0.427 \n c23.036,2.381,45.519,2.876,64.472,3.042l5.154,0.048V407.93c0,11.023,7.221,15.152,11.522,16.635l0.967,0.33l0.77,0.671 \n c3.105,2.717,7.02,4.093,11.644,4.093h179.215c4.626,0,8.541-1.376,11.639-4.093l0.771-0.671l0.965-0.33 \n c4.307-1.482,11.532-5.611,11.532-16.635V210.706l5.149-0.048c18.961-0.17,41.446-0.666,64.475-3.042 \n c0.731-0.079,1.407-0.254,2.082-0.422l1.604-0.302c7.952-0.447,15.65-6.262,18.312-13.82c1.528-4.336,1.899-10.811-4.972-16.998 \n L235.252,13.406z M344.114,173.365c-11.105,0.18-22.216,0.254-33.337,0.254c-5.153,0-9.363,1.607-12.507,4.768 \n c-3.372,3.4-5.296,8.48-5.266,13.932l0.005,0.65l-0.157,0.629c-0.437,1.767-0.64,3.336-0.64,4.928v194.001H137.458V198.526 \n c0-1.597-0.201-3.161-0.638-4.928l-0.157-0.629l0.005-0.65c0.031-5.456-1.892-10.537-5.271-13.937 \n c-3.141-3.161-7.353-4.763-12.507-4.768c-11.124,0-22.224-0.074-33.337-0.254l-13.223-0.218L214.834,44.897l142.503,128.249 \n L344.114,173.365z\"></path>\n </g>\n </g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n </svg>"},"customSwatchesCss": {"arctic_blue": "{background: #00ffff;}","aruba_blue": "{background: blue;}","b.bluewht": "{background: conic-gradient(#b4cfed 50%, white 0 100%);}","baby_blue": "{background: #89cff0;}","baby_blue_patent": "{background: #89cff0;}","baby_blue_suede": "{background: #c2daee;}","ballet_pink": "{background: pink;}","bb_blu_mul": "{background: #89cff0;}","bb_bluegold": "{background: conic-gradient(#f5a623d1 50%, #a4dff7 0 100%);}","bb_pnk_satin": "{background: #ffe9f0;}","beige_almond": "{background: beige;}","beige_combo": "{background: #F5F5DC;}","beige_leather": "{background: #F5F5DC;}","beige_multi": "{background: #F5F5DC;}","beige_rain": "{background: #F5F5DC;}","beige_suede": "{background: #F5F5DC;}","beigebeige": "{background: #fffad9;}","beigedark_brown": "{background: conic-gradient(#8B4513 50%, #F5F5DC 0 100%);}","beigekhaki": "{background: conic-gradient(#79866a 50%, #d4c1b4 0 100%);}","black_box": "{background: #000000;}","black_combo": "{background: #000000;}","black_croco": "{background: #000000;}","black_croco_patent": "{background: #000000;}","black_crystal": "{background: #000000;}","black_fabric": "{background: black;}","black_fur": "{background: black;}","black_glitter": "{background: #000000;}","black_gold_multi": "{background: conic-gradient(#000000 50%, #c7b34e 0 100%);}","black_grey_multi": "{background: conic-gradient(#0d0d0d 50%, grey 0 100%);}","black_leather": "{background: #000000;}","black_lizard": "{background: #000000;}","black_mesh": "{background: #000000;}","black_micro": "{background: black;}","black_multi": "{background: #000000;}","black_nubuck": "{background: #000000;}","black_paris": "{background: black;}","black_patent": "{background: #000000;}","black_pewter": "{background: #000000;}","black_purple": "{background: conic-gradient(#000000 50%, purple 0 100%);}","black_rain": "{background: #000000;}","black_satin": "{background: #000000;}","black_sequins": "{background: black;}","black_silver": "{background: conic-gradient(#000000 50%, silver 0 100%);}","black_snake": "{background: #000000;}","black_suede": "{background: #000000;}","black_velvet": "{background: black;}","black_velvet_multi": "{background: black;}
6595","black_with_studs": "{background: conic-gradient(#8f8c8c 50%, black 0 100%);}","blackblack": "{background: #000000;}","blackblue": "{background: conic-gradient(#0036ff 50%, #050505 0 100%);}","blackbone": "{background: conic-gradient(#E3DAC9 50%, #000000 0 100%);}","blackbrown": "{background: conic-gradient(#8B4513 50%, #000000 0 100%);}","blackclear": "{background: conic-gradient(white 50%, #0a0a0a 0 100%);}","blackcream": "{background: conic-gradient(#fffdd0 50%, #000000 0 100%);}","blackdark_navy": "{background: conic-gradient(#0c0c0c 50%, navy 0 100%);}","blackfuchsia": "{background: conic-gradient(#ff00ff 50%, #000000 0 100%);}","blackgold": "{background: conic-gradient(#d4af37 50%, #000000 0 100%);}","blackgreen": "{background: conic-gradient(#008000 50%, #000000 0 100%);}","blackgrey": "{background: conic-gradient(#808080 50%, #000000 0 100%);}","blackgum": "{background: conic-gradient(#fde67d 50%, #090909 0 100%);}","blackivory": "{background: conic-gradient(#fffff0 50%, #0c0c0c 0 100%);}","blacklime": "{background: conic-gradient(#6eeb09 50%, #000000 0 100%);}","blacknavy": "{background: conic-gradient(#265c87 50%, #000000 0 100%);}","blackoff_white": "{background: conic-gradient(#F8F0E3 50%, #000000 0 100%);}","blackred": "{background: conic-gradient(#d0021b 50%, #000000 0 100%);}","blacksilver": "{background: conic-gradient(#d0cece 50%, #070707 0 100%);}","blackstone": "{background: #000000;}","blacktan_snake": "{background: #000000;}","blacktaupe": "{background: conic-gradient(#756A61 50%, #000000 0 100%);}","blackteal": "{background: conic-gradient(#55ffd1 50%, #000000 0 100%);}","blackwhite": "{background: conic-gradient(#FFFFFF 50%, #000000 0 100%);}","blackwhte": "{background: conic-gradient(white 50%, #000000 0 100%);}","blk_action_leather": "{background: #0e0000;}","blk_denim": "{background: conic-gradient(#1ca8e6 50%, #000000 0 100%);}","blk_irides_snk": "{background: #000000;}","blk_lace": "{background-image: url(https://www.bridalfabrics.com/cdn/shop/articles/Black_lace_fabric_online.jpg?v=1617991791);background-position: center;background-size: cover;}","blk_rhinestone": "{background: #000000;}","blkblush": "{background: conic-gradient(#000000 50%, #e6caca 0 100%);}","blkbronze": "{background: conic-gradient(#B06C28 50%, #000000 0 100%);}","blkfus": "{background: conic-gradient(#ec1887 33%, #f9fc5e 0 66%, #000000 0);}","blkgold": "{background: conic-gradient(#c4bf86 50%, #0e0e0e 0 100%);}","blkgrn": "{background: conic-gradient(#22c709 50%, #000000 0 100%);}","blkleop": "{background-image: url(https://media.istockphoto.com/vectors/leopard-print-seamless-pattern-vector-id1127135841);background-position: center;background-size: cover;}","blkred": "{background: conic-gradient(#f70909 50%, #000000 0 100%);}","blksil": "{background: conic-gradient(#c0bfbf 50%, #000000 0 100%);}","blksil_studs": "{background: #000000;}","blktan": "{background: conic-gradient(#B68E6B 50%, #000000 0 100%);}","blkwhtslv": "{background: #ffffff;}","blkylw": "{background: conic-gradient(#ffff00 50%, #000000 0 100%);}","blue_denim": "{background: #0000ff99;}","blue_iridescent": "{background: #0000CD;}","blue_iris": "{background: blue;}","blue_leath": "{background: #0000CD;}","blue_mirror": "{background: blue;}","blue_multi": "{background: blue;}","blue_navy": "{background: navy;}","blue_patent": "{background: #0000CD;}","blue_satin": "{background: #0000CD;}","bluebone": "{background: #2c49a9;}","bluegrey": "{background: conic-gradient(#918e8e 50%, #150af3 0 100%);}","bluepink": "{background: conic-gradient(#ff96cdde 50%, #4a90e2 0 100%);}","bluered": "{background: conic-gradient(#d0021b 50%, #4a90e2 0 100%);}","bluesilver": "{background: conic-gradient(#9b9b9b 50%, #4a90e2 0 100%);}","blueturquoise": "{background: conic-gradient(#40e0d0 50%, #1c09f8 0 100%);}","bluewhite": "{background: conic-gradient(#FFFFFF 50%, #0000CD 0 100%);}","bluing": "{background: #eeeeff;}","blush_iridescent": "{background: #f9c7e1;}","blush_leather": "{background: #E8C7C8;}","blush_multi": "{background: #E8C7C8;}","blush_patent": "{background: #E8C7C8;}","blush_satin": "{background: #E8C7C8;}","blush_suede": "{background: #E8C7C8;}","blushblush": "{background: #f6d1d1;}","blushbone": "{background: conic-gradient(#fff1fc 33%, #f3cde1 0 66%, #ece4e9 0);}","blushsilver": "{background: conic-gradient(#d0d0d0 50%, #fee9d5 0 100%);}","blusilver": "{background: conic-gradient(#9b9b9ba6 50%, #4a90e2 0 100%);}","bone_action_leather": "{background: #d8ceb6;}","bone_croco": "{background: #E3DAC9;}","bone_leather": "{background: #E3DAC9;}","bone_multi": "{background: #E3DAC9;}","bone_patent": "{background: #E3DAC9;}","bone_suede": "{background: #E3DAC9;}","boneblack": "{background: conic-gradient(#000000 50%, #E3DAC9 0 100%);}","boneblue": "{background: conic-gradient(#0000CD 50%, #E3DAC9 0 100%);}","bonebone": "{background: conic-gradient(#E3DAC9 50%, #E3DAC9 0 100%);}","bonecamel": "{background: conic-gradient(#e1a655 50%, #ffffff 0 100%);}","bonegold": "{background: conic-gradient(#FFD700 50%, #E3DAC9 0 100%);}","bonegum": "{background: conic-gradient(#d49b54 50%, #e3dac9 0 100%);}","bonelime": "{background: conic-gradient(#a2ef58 50%, #faf2d1 0 100%);}","bonepeach": "{background: conic-gradient(#f19e79 50%, #f0e5db 0 100%);}","bonesilver": "{background: conic-gradient(#b5aeae 50%, #fdfcf2 0 100%);}","bonesnake": "{background-image: url(https://www.bing.com/images/search?view=detailV2&ccid=Cnr1qQHZ&id=AD33874724BA75F4F2C943149C9E6240583ACF6C&thid=OIP.Cnr1qQHZ_wVtS_6-vI8tzAAAAA&mediaurl=https%3A%2F%2Fdebenhams.scene7.com%2Fis%2Fimage%2FDebenhams%2F61131_32DB647&cdnurl=https%3A%2F%2Fth.bing.com%2Fth%2Fid%2FR.0a7af5a901d9ff056d4bfebebc8f2dcc%3Frik%3DbM86WEBinpwUQw%26pid%3DImgRaw%26r%3D0&exph=399&expw=400&q=witte+slangen+
6595print&simid=608053926790395734&form=IRPRST&ck=3FDDEBEB0B0F69C1DC196D9E208AF15A&selectedindex=11&itb=0&ajaxhist=0&ajaxserp=0&vt=0&sim=11);background-position: center;background-size: cover;}","bonetaupe": "{background: conic-gradient(#483c32 50%, #e3dac9 0 100%);}","boneyellow": "{background: conic-gradient(#f8e71c 50%, #f6eddb 0 100%);}","bright_fuchsia": "{background: #FF5BFC;}","bright_orange": "{background: orange;}","brn_croco": "{background: #483623;}","brn_leobk": "{background: #8b572a;}","bronze_metallic": "{background: #B06C28 ;}","brown_croco": "{background: #483623;}","brown_leather": "{background: #b1743e;}","brown_metal": "{background: #8b572a;}","brown_multi": "{background: brown;}","brown_paris": "{background: brown;}","brown_patent": "{background: #8b4513;}","brown_suede": "{background: #483623;}","browntan": "{background: conic-gradient(#ebc462 50%, #b86e2b 0 100%);}","bsh_action_leather": "{background: #e6d2d2;}","burcream": "{background: conic-gradient(#FFFDD0 50%, #FFFAEC 0 100%);}","burgndy_box_leather": "{background: #861010;}","burgundy_leather": "{background: #730507 ;}","burgundy_multi": "{background: #730507 ;}","burgundy_suede": "{background: #800020;}","camel_leather": "{background: #C19A6B ;}","camel_patent": "{background: #C19A6B ;}","camel_suede": "{background: #c19a6b;}","camelblack": "{background: conic-gradient(#000000 50%, #b88152 0 100%);}","camelbone": "{background: conic-gradient(#f1e6dd 50%, #8b572a 0 100%);}","caramel": "{background: #ffd59a;}","champ_satin": "{background: #E3D6CC ;}","champ_satn": "{background: #e3d6cc;}","chestnut_suede": "{background: #954535;}","citron": "{background: #DDD06A ;}","clearred": "{background: conic-gradient(#FF0000 50%, #FFFFFF 0 100%);}","cobalt_blue": "{background: #0047AB;}","cog_action_leather": "{background: #c97730;}","cogcog": "{background: #cc8445;}","cognac": "{background: #B98563 ;}","cognac_leather": "{background: #B98563 ;}","cognac_multi": "{background: #B98563;}","cognac_patent": "{background: #B98563;}","cognac_snake": "{background: #9a463d;}","cognac_suede": "{background: #B98563;}","comic_prt": "{background-image: url(https://th.bing.com/th/id/OIP.-2ttqnJnPCCQsuwaooRJngHaHa?pid=ImgDet&rs=1);background-position: center;background-size: cover;}","coral_multi": "{background: #FD8535 ;}","coral_suede": "{background: #FD8535 ;}","cork": "{background-image: url(https://cdn.webshopapp.com/shops/281552/files/381549023/512x512x2/image.jpg);background-position: center;background-size: cover;}","cranberry": "{background: #861f1f;}","cream_rose_gld": "{background: conic-gradient(#d49a9a 50%, #fbede1 0 100%);}","crystal": "{background: #a7d8de;}","dark_beige_rain": "{background: #946B45 ;}","dark_blue": "{background: darkblue;}","dark_blush_patent": "{background: #8B3D54 ;}","dark_brown": "{background: #5C4033 ;}","dark_green": "{background: darkgreen;}","dark_grey": "{background: #5D5C5B ;}","dark_greyblack": "{background: conic-gradient(#000000 50%, #4a4a4a 0 100%);}","dark_khaki": "{background: #857153 ;}","dark_khakiblack": "{background: conic-gradient(#000000 50%, #857153 0 100%);}","dark_mauve": "{background: #874c62;}","dark_purple": "{background: #301934 ;}","dark_red": "{background: darkred;}","dark_silver": "{background: #AFAFAF ;}","dark_taupe": "{background: #342C25 ;}","dark_teal": "{background: teal;}","denim_fabric": "{background: #1560bd;}","denim_multi": "{background-image: url(https://images.freecreatives.com/wp-content/uploads/2016/03/Amazing-Denim-Pattern-For-Free.jpg);background-position: center;background-size: cover;}","dk_grey_leather": "{background: grey;}","dk_lavender_paris": "{background: #89437d;}","dk_lt_grey": "{background: grey;}","dk_navy_suede": "{background: navy;}","drk_browndrk_brown": "{background: brown;}","drk_cognac": "{background: #B98563;}","dusty_pink": "{background: #C291A4 ;}","dusty_rose": "{background: #f4b0b0;}","electric_violet": "{background: #8F00FF ;}","emerald_leather": "{background: #52a480;}","emerald_multi": "{background: #4a964a;}","emerald_satin": "{background: #4c8e63;}","emeraldbsh": "{background: conic-gradient(#ffeaea 50%, #1c9366 0 100%);}","fire_red": "{background: red;}","flamingo": "{background: #e70675;}","flamingo_pink": "{background: pink;}","floral_multi": "{background: conic-gradient(#f1d15c 33%, #e8b3e5 0 66%, #8fdcde 0);}","fuchs_vel": "{background: #da3ed3;}","fuchsia": "{background: #ec1887;}","fuchsia_leather": "{background: #ef4077;}","fuchsia_ombre": "{background: fuchsia;}","fuchsia_patent": "{background: #f22ea2;}","fuchsia_satin": "{background: fuchsia;}
6595","fuchsia_snake": "{background: fuchsia;}","fuchsiayel": "{background: conic-gradient(#f8e71c 50%, #f61cad 0 100%);}","fusch_croc": "{background: #FF00FF;}","fuschia_satin": "{background: #FF00FF;}","fuschia_snake": "{background: #FF00FF;}","fuswhtgld": "{background: conic-gradient(#ffffff 33%, #e6b156 0 66%, #db1aa8 0);}","geo_green": "{background: #008000;}","glitter_multi": "{background-image: url(https://cdn.shopify.com/s/files/1/2306/9893/products/techno-glitter-in-hologram-silver-a-decorative-glitter-for-your-cakes-cupcakes-and-dessertssprinklesck-productsart-is-in-cakes-bakery-supplyold-style-43-1876-859494_1200x1200.jpg?v=1594427100);background-position: center;background-size: cover;}","gold_croco": "{background: gold;}","gold_glitter": "{background: gold;}","gold_leather": "{background: #E0C170;}","gold_mirror": "{background: gold;}","gold_multi": "{background: gold;}","gold_snake": "{background: gold;}","goldblack": "{background: conic-gradient(#000000 50%, #f5a623 0 100%);}","goldred": "{background: conic-gradient(#d0021b 50%, #f5a623 0 100%);}","green_apple": "{background: #8DB600 ;}","green_blue": "{background: conic-gradient(#7ed321 50%, blue 0 100%);}","green_multi": "{background: #008000;}","green_olive": "{background: olive;}","green_patent": "{background: #008000;}","green_satin": "{background: #008000;}","green_snake": "{background: green;}","green_suede": "{background: green;}","greenmulti": "{background: #008000;}","greige": "{background: #ccc3b9;}","greige_leather": "{background: #d0c9c9;}","greigeblack": "{background: conic-gradient(#000000 50%, #ccc3b9 0 100%);}","greigeorg": "{background: conic-gradient(#f5a623 50%, #e0d6d6 0 100%);}","grey_camo": "{background: grey;}","grey_leather": "{background: #ACADAC ;}","grey_multi": "{background: #ACADAC ;}","grey_patent": "{background: #ACADAC ;}","grey_sage": "{background: conic-gradient(#b4d0da 50%, #c8c2c2 0 100%);}","grey_snake": "{background: grey;}","grey_suede": "{background: grey;}","greyblack": "{background: conic-gradient(#000000 50%, #ACADAC 0 100%);}","greyblue": "{background: conic-gradient(#0000CD 50%, #ACADAC 0 100%);}","greydk_grey": "{background: grey;}","greygrey": "{background: #ACADAC ;}","greynatural": "{background: conic-gradient(#FFFAF0 50%, #ACADAC 0 100%);}","greypink": "{background: conic-gradient(#ec5595 50%, #4a4a4ad9 0 100%);}","greyred": "{background: conic-gradient(#d0021b 50%, #4a4a4a 0 100%);}","greysilver": "{background: conic-gradient(#9b9b9b 50%, #c9c8c8 0 100%);}","greywhite": "{background: conic-gradient(#FFFFFF 50%, #ACADAC 0 100%);}","greyyellow": "{background: conic-gradient(#f8e71c 50%, #e1e1e1 0 100%);}","grn_action_leather": "{background: #edeea8;}","gun_metal": "{background: #5C5D5B;}","hot_pink": "{background: #FF69B4 ;}","houndstooth": "{background-image: url(https://th.bing.com/th/id/R.4d94a83b9778554858f4615642ae3817?rik=QFSU8NDJXO3Sgg&riu=http%3a%2f%2f1.bp.blogspot.com%2f-stzq6B-P9Ho%2fVZPtWx4Cx2I%2fAAAAAAAAAKY%2fHXtR7zseBjI%2fw1200-h630-p-k-no-nu%2fHoundstoothPattern_InDesign.png&ehk=WHjglSL1bQUA2N5Dxx5TEr9BC7JX0Q%2fx6ziRkONEiFw%3d&risl=&pid=ImgRaw&r=0);background-position: center;background-size: cover;}","irides_croco": "{background: white;}","iridescent": "{background-image: url(https://th.bing.com/th/id/R.c8908cdac39579c6b95f49efd29d1f7a?rik=hqkfd9oZdmcV7A&pid=ImgRaw&r=0);background-position: center;background-size: cover;}","ivory_satin": "{background: #f6f6de;}","jet_black": "{background: #000000;}","jolly_grn": "{background: white;}","keylime": "{background: #8fce00;}","khaki_suede": "{background: #6A5A39 ;}","khakiblack": "{background: conic-gradient(#0a0808 50%, #879a6f 0 100%);}","lavender_blooms": "{background: lavender;}","lavender_canvas": "{background: #A887A4;}","lavender_leather": "{background: #babada;}","lavender_metallic": "{background: #c68dcd;}","lavender_suede": "{background: #b57edc;}","lavenderwht": "{background: #e6e6fa;}","leopard_multi": "{background-image: url(https://th.bing.com/th/id/R.1ba2978d2699bf2c21b49e62ff45f8d5?rik=y1tqWCAPMVsBFQ&pid=ImgRaw&r=0);background-position: center;background-size: cover;}","leopard_velvet": "{background-image: url(https://media.istockphoto.com/vectors/seamless-pattern-of-leopard-skin-vector-id1142326418);background-position: center;background-size: cover;}","light_blue": "{background: #add8e6;}","light_bluelila": "{background: conic-gradient(#C8A2C8 50%, #add8e6 0 100%);}","light_brown": "{background: #a52a2aa8;}","light_green": "{background: #65fe65;}","light_grey": "{background: #ACADAC ;}","light_grey_melange": "{background: grey;}
6595","light_grey_rain": "{background: #acadac;}","light_grey_suede": "{background: #c6bbbb;}","light_pink": "{background: #E8B9CD ;}","light_slate_blue": "{background: #B3CCF5;}","light_yellow": "{background: #F7F1AF ;}","lila": "{background: #C8A2C8;}","lila_leather": "{background: #C8A2C8;}","lilac_multi": "{background: #c290f2;}","lilac_patent": "{background: #e5d1f6;}","lime_leather": "{background: #92f692;}","lime_metallic": "{background: #80c370;}","lime_patent": "{background: #a7cf25;}","lime_satin": "{background: #8ff68f;}","limneonpnk": "{background: conic-gradient(#e259a5 50%, #d7f62b 0 100%);}","lt._beige_snake": "{background: beige;}","lt_blue_floral": "{background: conic-gradient(#a7d973 33%, #ebe05e 0 66%, #a2ebf6 0);}","lt_gold": "{background: #ffd7007d;}","lt_pink": "{background: #E8B9CD ;}","lt_taupewhite": "{background: conic-gradient(#FFFFFF 50%, #756A61 0 100%);}","lt_yelsand": "{background: conic-gradient(#dbc29d 50%, #fdf382 0 100%);}","luggage": "{background: #b3791f;}","luminous_pnk": "{background: #e34486;}","magenta_leather": "{background: #cd3b89;}","magenta_patent": "{background: magenta;}","magenta_satin": "{background: magenta;}","marble": "{background-image: url(https://th.bing.com/th/id/R.5d7bdb20fe5f476c526b7c605500fcf8?rik=b8j9t3Xv6XxdDQ&pid=ImgRaw&r=0);background-position: center;background-size: cover;}","marlin_blue": "{background: #4f7592;}","mauve": "{background: #C6A4A4;}","mauve_white": "{background: conic-gradient(white 50%, #9f3454 0 100%);}","metallic_red": "{background: #e62a2a;}","mint": "{background: #B3DCD6 ;}","mint_green": "{background: #B3DCD6 ;}","mint_multi": "{background: #B3DCD6 ;}","mintgrey": "{background: conic-gradient(#9b9b9b 50%, #68f1e0 0 100%);}","multi_snake": "{background-image: url(https://i.pinimg.com/originals/10/02/6b/10026b5fa858bf0377384918bd15c253.jpg);background-position: center;background-size: cover;}","nat_raffia": "{background: #FFFAF0;}","natl_lace": "{background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHCBYWFRgWFhYYGRgaHB4cGhwaGh4aHBoeHhwcHiEcHhwcIS4lHB4rIRoeJjgnKy8xNTU1HiQ7QDs0Py40NTEBDAwMEA8QHxISHjQrISs0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDY0NDQ2NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NP/AABEIAOEA4QMBIgACEQEDEQH/xAAZAAADAQEBAAAAAAAAAAAAAAAAAQIDBAf/xAAxEAABAwIEBQQCAwADAQEBAAABAAIRITFBUWHwA3GBkaESsdHhwfETIjJCYpJSghT/xAAXAQEBAQEAAAAAAAAAAAAAAAAAAQID/8QAIBEBAQEBAAIDAQEBAQAAAAAAAAERITFBAlFxYRKhgf/aAAwDAQACEQMRAD8A9YLQTIj4gIcMrYRlW/dBBA88ppCIgDUz4/SjqXFuDmFXDcYoDRNpwpRQBWZiEX1jZ9u3NTIqYpGwlxLSLZ5b1WbXRyxRJOL9ExBMHPGyRcJrlFr5HRSXGb76pAEnewi59qYyDJIwjXLkrFHDeJUPBneFJVPvyA9v0ql6zi+94roY4nAgb8LNxkT3zpjySYMzfCvfwoXsaPcJFd1+UnRQEY4KOLM1H2k1xtJ0+EM4v0EGZmM1NDQZyKW0UB5T4bccB50RczytraYSRbRBH9SEcMH1VwSBivdETw3QZhdAdStMK2+yseIN7xVMGEyR+orRD5d6Zx5zzv5SIBJiQQMOSyJrW6pxMXOqH+VFsAzjuUnNDraDLqoL7fSprSBzryjHyi5inClPGdJ9lPEwKpoodY+/yhpwMZ6YongcJ2AGq0Jp0mt/oLGDOWKp3+ZFfMZ3qhZ0dfdCz9SEaxsIBjSDvFI8QZU3gjicOTM4VUubjvUozMU5tJ/SptaE/PNSxsD3wCixqZ5IeeLte2eWYOYKTWNNp6W9lYAcN03dQ2jTnMIk/wCnxIoRyzClpkgG2lFLTAqP6ndFoypBsAIrdF8QNeAM4t19kg8G4jedwl6IvEW5pOZh5QyKc2DQ337qyJEz27pEGKGMp/Hys2Pi6J5UXYO/eoyKprAK1PNHGZScvKh9gNAUWd8HxKGPcSUhUEnkEA2kGRbNNrCWnCTMIeFHiDK969ENg4Qd91AbhIm/JDW1rghkNtMeelvyrc2sjHsdFHFBz5570VcNwtvkiX7TLTj88jmrawClZPdSW1GRKh5JdS6Lm+C9XLsFo2BB79dVEzMCpocuyt3DmK4QhcDni0U3gggEThvDNT6cq4c1XCb59kOYrhnAn7StnHtqszepkaLUEOBvvH8Il4n1tzH/AJKEf/z/APbwhU59gNNSDaYQHWom1gg1ocZpCCSRvwoLaKR96rPiNtAScK17pTjNUWT2GUBnNU9wBpUG4RAtc45I4sA41i0Qh5qXPgxlb5T9czOAHQ/aguBrBHlVBrPQyhkWQRjMkYIBmcP1dMiIvS045pGZ1hEWQCsHtqYG/wBpjtCbRhKLJigRScvwoBFomKjYuFo0CaClq4z7rMuAwOIw7IQN4pme6YkxgTPbcqBGEg7otGskib41qhcMkihrTJDcO189+E6g0ualTWLURPK3AVMYG4j9LBoqCqpmmAMTQd0WcUYhSX0mIJobqy0QSRrS4WRc3InG/wAIQxxDEAZRvVUG1MGIPO6hoynWVqxl48FEuRIdamN1bfvPwpmlLDHqpdhPfRDNVxWjLHko4YiZQedlUDmTbJF8QvVoP/J+U1XpGndCJxg10XtlvqtogZjtenUrB0zktJoO/k1Rr5RT2gCtSfCgNFEyYJ/d1XDaCKi53CJ4iRj2SIcei19IFee95JAkWCGkWCOl8ZyUPNhGAr7+VctjCfMqTIgATSTvJUhMMwMcDl9LUgyBbXxbqucLW5Nc9MfpQ+UPiBsx3KgNFUg+lluGDIfaHhmCQBpVIMMgmy0LYpW877eFBcYE2tqhL9Kc0Aiwr0WJNbR4Wzg0kAR0WTicoCHxacOtRfHXXRUBMzQYiZsseEbnQpm05FCzoIadMkFogQm2pFOa19AOXRC3Gb3HDHBNjK1FcMkOnC4gb7Jeqv8AaBSgwQ9cKAPVFba81DXQd7yVmKkVi0bsofOIhFjVogSKjK0fKZaAKycAMlm005k/gJkwQcxzRML0iioUMhPhi
6595ZMcpt2VegCowOHshay9Oo8oV+ob/SEOpkGp19qJkyJ+45d0vTIgYV5lUWQABXFDhPaTBGW/wkxxtMJtdFP3gj0XNDlWiH8q3uppn1yUB8zFDGOeibxIEXyzPysg7HEIScbUJFp0w+VDnwaYUGilzD+dUBudB78kJIsEDA4Y2kYJ2I3O5ScyYOxCfEFbU+EGbmEStWPxLum/dTMiJr8IDfTFL3qhe+VOfBqM5G+qXqtBHXLCZS4rMbj2+lDa0z3KEkxrAqQoa+aEXvzUekqmiL39tUMU2KATnM45EIAkEJs4cOJytvqoqKwdzmh+EJEYLYG9Z+N4KHCbb+k23ItlXG3dC9HqqRsGqC68xHft1WZbF8cc0XHJDI0dAAjGnMKQQb4QKZKAw5K2tpAPPI5BDwZMg6Ui/UdknNkA9FTWQNTHhS0xf7xQ/AwkUmN+FoXUzpewlR6MaHqqiW5HcdELiJG/0hT/ABu/+d90IvGh4kHlT9qC459MFoQCaZd0i3oY9sESYJBHLD7TYQDH30Ta2nxfFZEQZAjmhO8W4RXuPY6FU101gb1SY6W15Gm+SkCjhrPRE/Te71CcvZTwx/YcpGSTWkQQamysNgy4g8sEXxxI4lCBvkgPOJn36KgwXFa52Scztl+UOG8AxrjMeMlTCCLV1Q8UrWcliHFqEmxZd6aXy+NQqL4EwOlEcWCOlPCzeJjKAOqJMp8UVnA2ylDaA84TY0igI1OqYAAg4458lV30R4hMVQx+B7580/RpIjO6GtrfCkqHMIiJ01v0wVkA2+x9qeI3Q0S4b6gYb/KHrQH4EC/SeS0LwDFK9lDrg613uyhzJJmmKGSkWmuYvnCsvj08p1RUi4A1VEAwP3yQt+0Oec1TXAg5jDD6CCzSMBWyfDbvGiFzCaQDUfmEObFRH4I+FDhFQD1WnDfIPwhftH8mnk/KFr/GP/nx9pomz6ZUIJN6/Sr0kRkPCGuEHuRvBKKAz8WQWHgU5KOJUgblS4wc981PrFoRZPamUkbyT4rjORTDgaWA7lHGdURFsgUPbN7jJ6j8KhNZM0hL1mJNRy9k4ArWCiqLRT033MpgGYKHOFNYjIJFtanKpRlfrG5WThMlIu65IDhNQaIsmeFscaRl3j3Uh5rBwJ3qtWOkyeQhZOeQaR2CJJtQxxz1WgigOs9VJJNCL6V0VtIBAM0zRaA2pjl9JtMVrh5uiZMVGZxKkil6/KItzxF87fayAiCguGSprwKgV8IuYouMGizc4xfH8LUmhrW9bZwsvWbDwN0QhNk47FlqPSSZ8rNonQjILRjhW/6Q+RNaYGV45qg6OtZUgSPxhdS42MziieVcQzY4z8XUtoTuykvGS0aRYUBuTyRcyJg5+XfKFp/IP+ySJ/4wBIOq2pAIMT+jdZPbBhWR4v3NEavVud/xGsqfVpZJ5h3b2V8K3XQQieIlt/xohvCnHeq0ce+t678qC29USUy7+ttNOazeCbaUVFxAgi4hBbMVwpTHFFnEMdFDbHea2MAwTTJc7Wyd9Vsz/XOvkofIOcTWKDBIHS+izDjELpGWmBuELxkG0pn5QGRBv7dFbjWnPtPx5UBpgQZrZE1T3QRQ519li4HpnotS6SJEQfhQ5pqScYNEX48VwTNDhY5Kg4CpMmoGwsmC/bmSqP8Ak80LOmXHHFI5EQjhmSKrcbrI5aoW4xcwkivX2+FTGwYrXvRDh8b7JAEEm9KononGSYpaOiyIIK1mZNiR4xWb2xHJGvj9NQaTY46lMuigviVHpp55WQ8xHJEzoBwiqYNaUOCrhYyfx1VuPyJ3ZEtZekZeT8IR6ufj4Qh0mugTqfa4RMiTeYnz8qgyaQBSipzbAECO/ZVbYgtkA2wUNgXE+FVq71VNbQxM7xUNN7qewG6qQ6aG9qH3ToRBuMceeoUeg5dRZCYpvEGVO881m9194K+Jw4v3uk0CRFTrQfaLM8xTnkc6T2sU3GCOnnZQ1gNciZTc2ZMjvuETiHMiSnw3DKvYfZSmKEZ5K4IiJ2UPSXuM3qEFw1peDmm5oNRTdtCkzhmRSAhzB/IK0UcM1G8EOZGnlU0RMCRifpF5nAx8kDC0flNtZGe/dWGAGaVsoLNQUTYhzYWrHZCN+ApkG99PaFUwTMwc7fSF6j11OIx1T9eNa2nskWZdsR8hMcMwadEOE5wICTHUPMXUhoz8fa1Y2wgAGYRbkgDpBnc4eyQbI5JlkCJCRBFd2yKJ+IEA2laE0yGV/OaGgGoncdkCoggz5hCo/kQn/GM/BTRdg4jjM4Uj6UEb3itP5K1phMWREgVm9780SXA1xIr3Qx9afE6qmimzjks+I03zQmXi+I2ki4xt0CGPoSZMJcJ39eRR6bg0kyPhE/lSHeoRjcaoa2COWePMILRQY3PbBUABMfMhF/GYJsfP5SBioWodOYk97JuAvrsIaTzn1F53ZPhuJEKi3Lrjvkud4hCZeNeICKiRN/tD3wBmd76qnf2HMfCz9Mxagg1wzCJP6ZE174RrJSbYxnhlVNrWk6WG93TmBQUPvqi/xnM9KKuGTMb5qwZscLZIa0TzG/ZC1L3R+NFoKiu8EntJyjCiy4bv7BDNihIMSb0qm7iQ7QXTcDQ5HfVSWCpuMK46ocvknMvlh8RdDyachylMBsSa2yxTL6wcMY8qmsz71WnDJgzynFPC8icU2N8fXdQt4gPrTyLq3Mke2nXNRxGm5OiOCaEIXxsT6j/28oW/8n/Ydj8oRP8AX8S0mDTPupLRSN/CTOJOU4HX5VAUtXWlYQ8H68lDjJBIt3QWm4ERvNT/AGRZFBtJsNjonxGO55IDiSZwFAp4rwSEJuk9hkxXlXuhsQY2EHhECd81TjGUm9M69kN9LdWJEDH8ckmwDS3sguke+f6TMXjoPhEIPOXYlRnS6bmuHVJrndkX8WGGQJim+aj0msiJB3yVMdFTia52ssvTJohNBbFxTwtWn/MDeMqRwyDnNEeuDSCPn8oXqy0EmenygGLaeEvVUG4wi30U/ThEzrTVE/SdxDFt/KQbMQKhIh3ZHqdHNFz6X6TBg9FDmGItXEqnuABEZR8rNjJ5IT7ERcFbMJk03ks2tuDFM9U2cTAwhemGiAcd4J+v4jqhouDfElL0k2ERr9on6TnTFLddhMNuRbZUf27qwSSAbZIvgejfqPyhT/Mch2QidQ6i1LxAkV+DZQ5kn+tlThHIRGt6o1cuG5xJg0iyTWk46KeJ/roNMP2r4bwB76omc4A381ByQ0NrMbyVvNNjxuykgV5U3miaKwdmFm5tppu6v0mIBkJGJrlBv0IRYza6CtvVWgrXvn7qG8MzXDW+gVN/1vMofLKkmazXfhV6DmsQMF0MeDQeyLeJ9PSsb3iiRAi+Gc/Cp1++ONfpTAphX2Rk+JNOeAxWT2gTpgtKzJrCj0iwiZpe2XNF+PD4LonEfCoPgUAvX8QkxsD7qBmkR/U88tULlo9NgMVXoOh6rPhuAIJXQ18zpu6F2MyBSbX77lUCJpGuSTscaz0qiKn0mDCIRBkz1/CydC0IoZxx1FuilzZtoDE3+EWVTXf1g8hp9qi6YFhcKXNgfm8mlFPEw5flDJVBprWyfpM1xMUNkuG4DDeXhaudTn0RLanr5+kLPsmhibDz0NFQsNT4j9JgVgmZFcwgvac/wi6G1FRUKGyDQxmrc3EfjpVMCQZjn+UNLiGBzx3dQ10UwxVzFDEeNQUfxjA/nyhM9o/kM8u3hSTJ1K14rRTHCvyoZUxbMhFlmaH5cusUVcQ15R7V9gmHCK4HndHqBOM76IgcBExdLhk2m9q7oggg0/CotkA0GyfHyhrPiGsRCYee1prsqj/YQaH21GY0TbwwKkyENmdZDiHujhis5XVPABIgc0CoJtkLBF9cHC/1y9kMd2KtzgM6/pINBtveaIniCFbZN6xhvFJs2p9/hU8QZEckS/TH1Vne6qnPPehsmQDWR88xmqHDEETU7si2xkXkwm0Unt0x8pSMgtBQiTM4Y10RbxLLE5kff5VNrQ72EFzbVICHNpIRECZpRW40m84/rBNgJvHhIH00wzjHXQoaz9W6oWnpbk3/ANIRf9T6HEYSd0hQ5uOGm7KxNbECRXGEBwp1nrdEloYKRecP2pkg1pyWzRSqy4jRSEJercA5vtzUMMAnWN7wRwzAPNN8DUHcofxm11INvZWwy4RgInuk5wmMB5Kr1zOgnKChUBkXtZJzTZXUXg16jcKgZmM/MIbQ4HnGJ3dRw3RfqtnAHea53tqYQ+PeNeM3HK6niGgGYkqgQYnEb9lIIsf+OP4KIQcKE3HnnKYaS085SHEEyR9DRVJMRcz4xRakNPW45JNFcRCsug1Athim2scv1+ENqeIDeL33kq4bpgTv9JvaDJ9vdYsuChOxZbUZEqXOPqnJamuNQoLhUi5p+ZQiSRWMcMjzuqfwyY5QhvEgQBWmHdODMCwwOosqnYkt+4zVcIecEBwpgZw7LRgUW3jAggiaZLWhBr8yp4jALZqeFih5mj+A6eUKv5NPJ+EIm0cK3U+yDZvIoQqe2vDu7p7LN3+hy/JQhRJ5ScOfwoKEI1BxP9FV/wAXc/lCEX6acTDm1I3PX2QhGWjP8jeKxb/y5n3KEIkI49PwkzHkfZCEa9Jbj1Wrbt5fKEIvyVieXwpGHNvshCrLTj2PL4WZsN4IQofHwgpG3X8IQjUNlxzWnCu7mPcoQkT5EP8AI5lWy/8A+U0IlTxrjmfwo4mPP8FCFSeGqEIUV//Z);background-position: center;background-size: cover;}","natorg": "{background: #efe4c4;}","natsil": "{background: conic-gradient(#9b9b9b 50%, #cfbb98 0 100%);}","natural_leather": "{background: #FFFAF0;}","natural_multi": "{background: #f0ebc3;}","natural_patent": "{background: #FFFAF0;}","natural_snake": "{background-image: url(https://i.pinimg.com/736x/db/e3/6c/dbe36c6dced5289f0084a8a8e70c803d.jpg);background-position: center;background-size: cover;}","navy_multi": "{background: navy;}","navy_satin": "{background: navy;}","navy_suede": "{background: #253568 ;}","navyblack": "{background: conic-gradient(#000000 50%, #244a9d 0 100%);}","navygrey": "{background: conic-gradient(#9b9b9b 50%, #1d62a8 0 100%);}","navywhite": "{background: conic-gradient(white 50%, #295bb9 0 100%);}","neon_apricot": "{background: #F19035 ;}","neon_green": "{background: #85f65b;}","neon_lime": "{background: lime;}","neon_multi": "{background: conic-gradient(#e8e28c 25%, #f245a0 0 50%, #ffa84b 0 75%, #9be092 0);}","neon_pink": "{background: #f22faf;}","nude_gold": "{background: conic-gradient(#e69acb 50%, #ecb457 0 100%);}","nude_leather": "{background: #e0cbb8;}","nude_multi": "{background: #F5DEB3;}","nude_patent": "{background: #f5deb3;}","nude_satin": "{background: #F5DEB3;}","oatmeal_suede": "{background: #f7f5d3;}","ocean_wave": "{background: #0A99C3;}","off_white": "{background: #f7f7cb;}","off_white_multi": "{background: #fefdf5;}","off_whtbeige": "{background: conic-gradient(#f2e4ab 50%, #f6f4f4 0 100%);}","off_whtbeige_gry": "{background: conic-gradient(#ffffff 50%, #d4c6ad 0 100%);}","offwhite": "{background: #EDE4D9;}","olive_multi": "{background: #808000;}","olive_suede": "{background: #808000;}","orange_leather": "{background: #ff6600;}","orange_patent": "{background: #FF8C00;}","orange_satin": "{background: orange;}","orangecobalt": "{background: conic-gradient(#043D9C 50%, #FF8C00 0 100%);}","orangemagenta": "{background: conic-gradient(#ff00ff 50%, #ffa500 0 100%);}","orangemulti": "{background: conic-gradient(#f67c01 33%, #f9e6db 0 66%, #ea1f0b 0);}","orangesilver": "{background: conic-gradient(#D7DAD9 50%, #FF8C00 0 100%);}","org_multi": "{background: conic-gradient(#de8216 33%, #efcdb0 0 66%, #e50621 0);}","org_neon": "{background: #ff8200e8;}","orgbne": "{background: conic-gradient(#f6f6f6 50%, #f5a623 0 100%);}","pale_pink": "{background: pink;}","pale_yellow": "{background: #FFFFA7;}","pastel_multi": "{background: conic-gradient(#abe1ef 25%, #f5f795 0 50%, #cad0ea 0 75%, #ffd1dc 0);}","pastel_suede": "{background: conic-gradient(#8bd3e6 25%, #e9ec6b 0 50%, #b1a2ca 0 75%, #ffd1dc 0);}","pastelmulti": "{background: conic-gradient(#b1a2ca 25%, #8bd3e6 0 50%, #e9ec6b 0 75%, #ffd1dc 0);}","petal_pink": "{background: #ED83AA;}","pine_green": "{background: conic-gradient(#cdcacf 50%, #406e3e 0 100%);}","pink_candy": "{background: #ED83AA;}","pink_croco": "{background-image: url(https://m.media-amazon.com/images/I/51KyslVJn-L._AC_.jpg);background-position: center;background-size: cover;}","pink_glo": "{background: pink;}","pink_leather": "{background: #ED83AA;}","pink_magenta": "{background: magenta;}","pink_metallic": "{background: pink;}","pink_mirror": "{background: pink;}","pink_multi": "{background: #ED83AA;}","pink_patent": "{background: #ED83AA;}","pink_satin": "{background: #ED83AA;}","pink_snake": "{background: #ED83AA;}","pink_suede": "{background: #ED83AA;}","pinkblack": "{background: conic-gradient(#000000 50%, #f170ca 0 100%);}","pinkblue": "{background: conic-gradient(#1e57db 50%, #e66edd 0 100%);}","pinkmagenta": "{background: #f110d9;}","pinkorange": "{background: conic-gradient(#ffa500 50%, #ffc0cb 0 100%);}","pinkred": "{background: conic-gradient(#d0021b 50%, #f67ee0 0 100%);}","pinksilver": "{background: conic-gradient(#9b9b9b 33%, #cbc4c4 0 66%, #f2e1ec 0);}","pinkwhite": "{background: conic-gradient(white 50%, #f172cd 0 100%);}","pnk_action_leather": "{background: #e669ea;}","pnk_flora": "{background: conic-gradient(#f33b3b 25%, #cc97b6 0 50%, #e666c5 0 75%, #ecc949 0);}","pnkpnk": "{background: conic-gradient(#c9c7c7 50%, #feb5e5 0 100%);}","pristine_ivory": "{background: ivory;}","purblue": "{background: conic-gradient(#3e36f6 50%, #9013fe 0 100%);}","purpfuch": "{background: #bc17f2;}","purple": "{background: #9D3FAE;}","purple_dove": "{background: purple;}","purple_iridescent": "{background: purple;}","purple_leather": "{background: #9D3FAE;}","purple_multi": "{background: conic-gradient(#edc6c6 25%, #eff692 0 50%, #8db1c4 0 75%, #e5c7e5 0);}","purple_rose": "{background: purple;}","purple_satin": "{background: purple;}","purple_smoke": "{background: purple;}","raffia": "{background-image: url(https://www.luxurybynature.nl//Files/4/13000/13520/ProductPhotos/Source/1135933896.jpg);background-position: center;background-size: cover;}","rainbow_multi": "{background-image: url(https://th.bing.com/th/id/OIP.KbE-oVElu_6y-3KEjVMLBgHaFe?pid=ImgDet&rs=1);background-position: center;background-size: cover;}","rainbow_ombre": "{background-image: url(https://pixabay.com/static/uploads/photo/2014/03/26/15/03/rainbow-298752_960_720.jpg);background-position: center;background-size: cover;}","rainbow_tie_dye": "{background-image: url(https://pixabay.com/static/uploads/photo/2014/03/26/15/03/rainbow-298752_960_720.jpg);background-position: center;background-size: cover;}","red_leather": "{background: #ea0b0b;}","red_patent": "{background: #FF0000;}","red_satin": "{background: #FF0000;}","rhinestone": "{background: white;}","rose_gold": "{background: #CCABAF;}","rose_gold_multi": "{background: #CCABAF;}","rose_leather": "{background: #CCABAF;}","rubyfus": "{background: conic-gradient(#ff00b5 50%, #934e4e 0 100%);}","sage": "{background: #A7AE9E;}","sage_multi": "{background: #A7AE9E;}","sand_fab": "{background: #e2bea1;}","sand_multi": "{background: conic-gradient(#ede2d0 50%, #e5e2e2 0 100%);}","sand_suede": "{background: #AA9881;}
6595","sea_foam": "{background: #96efdb;}","sea_glass": "{background: #929f98;}","sea_glass_metallic": "{background: #a4d5b5;}","shock_yellow": "{background: #EFCF50;}","sil_action_lea": "{background: #9b9b9b;}","silver_croco": "{background: silver;}","silver_glitter": "{background: silver;}","silver_iridescent": "{background: silver;}","silver_leather": "{background: silver;}","silver_metallic": "{background: #D7DAD9;}","silver_multi": "{background: #D7DAD9;}","silver_sequins": "{background: silver;}","silver_stones": "{background: silver;}","silverrainbow": "{background: conic-gradient(#86d7e2 25%, #ec80dc 0 50%, #ebe176 0 75%, #c2bcbc 0);}","silverwhite": "{background: conic-gradient(#FFFFFF 50%, #D7DAD9 0 100%);}","sky_blue": "{background: skyblue;}","slate_blue": "{background: slateblue;}","snake": "{background-image: url(https://i.pinimg.com/originals/10/02/6b/10026b5fa858bf0377384918bd15c253.jpg);background-position: center;background-size: cover;}","soft_lime": "{background: lime;}","summer_greige": "{background: #e0cbb3;}","sunset_orange": "{background: orange;}","surplus": "{background: #8A865D;}","tan_croco": "{background: #B68E6B ;}","tan_leather": "{background: #B68E6B ;}","tan_multi": "{background: tan;}","tan_multi_leather": "{background: tan;}","tan_nubuck": "{background: #B68E6B ;}","tan_patent": "{background: #B68E6B ;}","tan_suede": "{background: #B68E6B ;}","tanblack": "{background: conic-gradient(#e4a670 50%, #000000 0 100%);}","tanbone": "{background: conic-gradient(#f5f1f1 50%, #b99674 0 100%);}","tantan": "{background: #d2b48c;}","tanwhite": "{background: conic-gradient(#FFFFFF 50%, #B68E6B 0 100%);}","taupe_multi": "{background: conic-gradient(#e7c3a3 50%, #a59587 0 100%);}","taupe_nubuck": "{background: #B68E6B ;}","taupe_suede": "{background: #483c32;}","taupebrown": "{background: #a52a2a;}","taupeorg": "{background: conic-gradient(#f57423 50%, #99897d 0 100%);}","teal_multi": "{background: teal;}","teal_patent": "{background: #58bed5;}","teal_velvet": "{background: teal;}","tealcream": "{background: conic-gradient(#fffdd0 50%, white 0 100%);}","tealpurple": "{background: conic-gradient(#8e62f6 50%, #008080 0 100%);}","tealtaupe": "{background: conic-gradient(#483c32 50%, #008080 0 100%);}","turq_iris": "{background: #18e7b5;}","turquoise_multi": "{background: conic-gradient(white 50%, #40e0d0 0 100%);}","wavewht_peach": "{background: conic-gradient(white 33%, #feca71 0 66%, #93c5ff 0);}","white_action_leather": "{background: white;}","white_croco": "{background: #FFFFFF;}","white_fuschia": "{background: conic-gradient(#ec1887 50%, white 0 100%);}","white_grey": "{background: conic-gradient(white 50%, grey 0 100%);}","white_leather": "{background: #FFFFFF;}","white_mesh": "{background: #FFFFFF;}","white_multi": "{background: #FFFFFF;}","white_nubuck": "{background: #FFFFFF;}","white_patent": "{background: #FFFFFF;}","white_rainbow": "{background: #FFFFFF;}","white_satin": "{background: white;}","white_silver": "{background: conic-gradient(white 50%, silver 0 100%);}","white_yellow": "{background: conic-gradient(white 50%, #efcf50 0 100%);}","whitebeige": "{background: conic-gradient(#fef3da 50%, white 0 100%);}","whiteblack": "{background: conic-gradient(#000000 50%, #FFFFFF 0 100%);}","whiteblackemerald": "{background: conic-gradient(#000000 33%, #589d80 0 66%, white 0);}","whitecognac": "{background: conic-gradient(#c18018 50%, white 0 100%);}","whiteemerald": "{background: conic-gradient(#63c390 50%, white 0 100%);}","whitegold": "{background: conic-gradient(white 50%, #dcd799 0 100%);}","whitegreen": "{background: conic-gradient(white 50%, #409a73 0 100%);}","whitegrey": "{background: #FFFFFF;}","whitegum": "{background: conic-gradient(#efebe0 50%, white 0 100%);}","whitelavender": "{background: conic-gradient(#e6e6fa 50%, white 0 100%);}","whitelila": "{background: conic-gradient(#da8dfb 50%, white 0 100%);}","whitelime": "{background: conic-gradient(#53f14d 50%, white 0 100%);}","whitenavy": "{background: conic-gradient(#3d6ebc 50%, white 0 100%);}","whiteorange": "{background: conic-gradient(#f76d06 50%, white 0 100%);}","whitepeach": "{background: conic-gradient(#ffc36f 50%, white 0 100%);}","whitepink": "{background: conic-gradient(#ED83AA 50%, #FFFFFF 0 100%);}","whitesand": "{background: conic-gradient(#f2e19f 50%, white 0 100%);}","whitesil": "{background: conic-gradient(#D7DAD9 50%, #FFFFFF 0 100%);}","whitetan": "{background: conic-gradient(#fcdcad 50%, white 0 100%);}","whitewhite": "{background: #FFFFFF;}","whiteyellow": "{background: conic-gradient(#EFCF50 50%, #FFFFFF 0 100%);}","wht_lace": "{background: #ffffff;}","wht_pastel": "{background: white;}","wht_snake": "{background: #FFFFFF;}","whtblkblue": "{background: conic-gradient(#000000 33%, #3ea5e5 0 66%, white 0);}","whtblue": "{background: conic-gradient(#4a90e2 50%, white 0 100%);}","whtdenim": "{background: conic-gradient(#4a90e2 50%, #ffffff 0 100%);}","whtlt_blue": "{background: conic-gradient(white 50%, blue 0 100%);}","whtnvy": "{background: conic-gradient(#253568 50%, #FFFFFF 0 100%);}","whtorg": "{background: conic-gradient(#ef6e0e 50%, white 0 100%);}","whtpink": "{background: conic-gradient(white 50%, #ed83aa 0 100%);}","whtsil": "{background: conic-gradient(#9b9b9bbd 50%, white 0 100%);}","whttan": "{background: conic-gradient(#d2a465 50%, white 0 100%);}","wine_croco": "{background: #801e1e;}","wine_patent": "{background: #6c2828;}","wine_satin": "{background: #6e2020;}","yellow": "{background: #EFCF50;}","yellow_fabric": "{background: #EFCF50 ;}","yellow_leather": "{background: #efcf50;}","yellow_multi": "{background: #EFCF50 ;}","yellow_patent": "{background: #EFCF50;}","yellow_satin": "{background: yellow;}","yellow_suede": "{background: #EFCF50;}","zebra": "{background-image: url(https://dbdzm869oupei.cloudfront.net/img/sticker/preview/23975.png);background-position: center;background-size: cover;}","zebra_velvet": "{background-image: url(https://th.bing.com/th/id/OIP.PegF7OTswpp8URrnT6kKfQHaHa?pid=ImgDet&rs=1);background-position: center;background-size: cover;}"},"domain": "stevemadden.co.uk","kind": "Shopify","language": "en","personalization": {"17254446502103735": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17254446502106690": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17254446502107848": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17327158104838655": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17327159138378246": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"1732715954744761": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17327159860034164": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17363284690111172": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"173978502597181": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17416896823231142": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17419490572788725": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17419490766224338": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17419490909463699": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17419491051065976": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17419491283541543": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17419491462561887": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17419491585077630": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17591416626841723": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17593962588962361": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"1763555459363767": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17701237817655872": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17709082449173073": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17803419514178883": {"hasPersonalization": false,"widgetOrVariationHasPersonalization": false},"1780597424815162": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17809888833155019": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17810986352395040": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true}},"pricing": {"avoidPricesForNonLoginUsers": false,"currencyConversionRate": "1.00","currencySymbolPosition": "auto","priceRangeFormat": "from_min","showPriceWithoutDecimals": false},"settings": {"product": {"addToCart": {"addToCartPosition": {"1781098635235": "product bottom","1789022658411": "product bottom","defaultValue": "product bottom"},"addToCartType": {"1781098635235": "product level","1789022658411": "product level","defaultValue": "product level"},"ajaxAnimation": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"backgroundColor": {"1781098635235": "#000000","1789022658411": "#000000","defaultValue": "#000000"},"backgroundColorOnHover": {"1781098635235": "none","1789022658411": "none","defaultValue": "none"},"border": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"borderColorOnHover": {"1781098635235": "none","1789022658411": "none","defaultValue": "none"},"borderRadius": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"changeColorsOnHover": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"color": {"1781098635235": "#ffffff","1789022658411": "#ffffff","defaultValue": "#ffffff"},"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"font": {"1781098635235": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "12px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "12px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"textAlign": "left"},"1789022658411": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "12px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "12px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"textAlign": "left"},"defaultValue": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "12px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "12px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"gridPosition": {"1759141662667": {"areaName": "addToCart","numOfCols": 3,"row": 5},"1759396258877": {"areaName": "addToCart","numOfCols": 3,"row": 5},"1781098635235": {"areaName": "addToCart","numOfCols": 3,"row": 5},"1789022658411": {"areaName": "addToCart","numOfCols": 3,"row": 5},"areaName": "addToCart","defaultValue": {"areaName": "addToCart","numOfCols": 3,"row": 5},"numOfCols": 3,"row": 5},"isActive": {"1759141662667": false,"1759396258877": false,"1781098635235": false,"1789022658411": false,"defaultValue": false},"margin": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"quantitySelector": {"1781098635235": false,"1789022658411": false,"defaultValue": false}
6595,"quickAddBackgroundColor": {"1781098635235": "#1976d2","1789022658411": "#1976d2","defaultValue": "#1976d2"},"quickAddColor": {"1781098635235": "#000000","1789022658411": "#000000","defaultValue": "#000000"},"quickAddText": {"1781098635235": "+ Quick Shop","1789022658411": "+ Quick Shop","defaultValue": "+ Quick Shop"},"shadow": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"showOnHover": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"showQuickAddBtn": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"text": {"1781098635235": "ADD TO CART","1789022658411": "ADD TO CART","defaultValue": "ADD TO CART"},"textColorsOnHover": {"1781098635235": "none","1789022658411": "none","defaultValue": "none"}},"backgroundColor": {"1781098635235": "none","1789022658411": "none","defaultValue": "none"},"border": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"borderRadius": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"colorSwatches": {"changeVariantOnHover": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"enableOutOfStockSwatches": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"gridPosition": {"1759141662667": {"areaName": "colorSwatches","numOfCols": 3,"row": 6},"1759396258877": {"areaName": "colorSwatches","numOfCols": 3,"row": 6},"1781098635235": {"areaName": "colorSwatches","numOfCols": 3,"row": 6},"1789022658411": {"areaName": "colorSwatches","numOfCols": 3,"row": 6},"areaName": "colorSwatches","defaultValue": {"areaName": "colorSwatches","numOfCols": 3,"row": 6},"numOfCols": 3,"row": 6},"isActive": {"1781098635235": {"desktop": false,"mobile": false,"tablet": false},"1789022658411": {"desktop": false,"mobile": false,"tablet": false},"defaultValue": {"desktop": false,"mobile": false,"tablet": false}},"margin": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"maxSwatches": {"1781098635235": "3","1789022658411": "3","defaultValue": "3"},"swatchesType": {"1781098635235": "Color","1789022658411": "Color","defaultValue": "Color"}},"compare": {"color": {"1781098635235": "#000000","1789022658411": "#000000","defaultValue": "#000000"},"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"font": {"1781098635235": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"textAlign": "left"},"1789022658411": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"textAlign": "left"},"defaultValue": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"gridPosition": {"1759141662667": {"areaName": "compare","numOfCols": 1,"row": 2},"1759396258877": {"areaName": "compare","numOfCols": 1,"row": 2},"1781098635235": {"areaName": "compare","numOfCols": 1,"row": 2},"1789022658411": {"areaName": "compare","numOfCols": 1,"row": 2},"areaName": "compare","defaultValue": {"areaName": "compare","numOfCols": 1,"row": 2},"numOfCols": 1,"row": 2},"isActive": {"1781098635235": true,"1789022658411": true,"defaultValue": true},"margin": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"shadow": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"}},"description": {"color": {"1781098635235": "#000000","1789022658411": "#000000","defaultValue": "#000000"},"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"font": {"1759141662667": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1759396258877": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1781098635235": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1789022658411": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"defaultValue": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"gridPosition": {"1759141662667": {"areaName": "description","numOfCols": 3,"row": 4},"1759396258877": {"areaName": "description","numOfCols": 3,"row": 4},"1781098635235": {"areaName": "description","numOfCols": 3,"row": 4},"1789022658411": {"areaName": "description","numOfCols": 3,"row": 4},"areaName": "description","defaultValue": {"areaName": "description","numOfCols": 3,"row": 4},"numOfCols": 3,"row": 4},"isActive": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"margin": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"numberOfLines": {"1781098635235": "2","1789022658411": "2","defaultValue": "2"},"saveSpaceForLineClamp": {"1781098635235": true,"1789022658411": true,"defaultValue": true},"shadow": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"}},"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"imageCarousel": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"imageRatio": {"102910a78171": {"imageFit": "contain","imageRatio": 1},"1694414521794": {"desktop": {"imageFit": "contain","imageRatio": 1},"mobile": {"imageFit": "contain","imageRatio": 1},"tablet": {"imageFit": "contain","imageRatio": 1}},"1736240076595": {"imageFit": "contain","imageRatio": 1},"1759141662667": {"imageFit": "contain","imageRatio": 1},"1759396258877": {"imageFit": "contain","imageRatio": 1},"1781098635235": {"imageFit": "cover","imageRatio": 0.75},"1789022658411": {"imageFit": "cover","imageRatio": 0.75},"63c9ecd99862": {"imageFit": "contain","imageRatio": 1},"a4fc715451aa": {"imageFit": "cover","imageRatio": 0.75},"defaultValue": {"e9e17ed240e5": {"imageFit": "cover","imageRatio": 0.75},"imageFit": "cover","imageRatio": 0.75},"e9e17ed240e5": {"imageFit": "cover","imageRatio": 0.75},"imageFit": "cover","imageRatio": 0.75},"info": {"grid": {"1781098635235": {"desktop": {"gridAreas": "\"title title title title\" \"compare price price price\" ","gridAreasObj": [{"h": 1,"i": "price","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 3,"x": 1,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 1,"x": 0,"y": 1}
6595,{"h": 1,"i": "title","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 4,"x": 0,"y": 0}]},"gridAreas": "\"title title title title\" \"price price price price\" \"compare compare compare compare\"","gridAreasObj": [{"h": 1,"i": "title","maxH": 1,"maxW": 4,"w": 4,"x": 0,"y": 0},{"h": 1,"i": "price","maxH": 1,"maxW": 4,"w": 4,"x": 0,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"w": 4,"x": 1,"y": 2}],"mobile": {"gridAreas": "\"title title title title\" \"compare price price price\" ","gridAreasObj": [{"h": 1,"i": "title","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 4,"x": 0,"y": 0},{"h": 1,"i": "price","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 3,"x": 1,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 1,"x": 0,"y": 1}]},"tablet": {"gridAreas": "\"title title title title\" \"compare price price price\" ","gridAreasObj": [{"h": 1,"i": "price","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 3,"x": 1,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 1,"x": 0,"y": 1},{"h": 1,"i": "title","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 4,"x": 0,"y": 0}]}},"1789022658411": {"desktop": {"gridAreas": "\"title title title title\" \"compare price price price\" ","gridAreasObj": [{"h": 1,"i": "price","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 3,"x": 1,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 1,"x": 0,"y": 1},{"h": 1,"i": "title","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 4,"x": 0,"y": 0}]},"gridAreas": "\"title title title title\" \"price price price price\" \"compare compare compare compare\"","gridAreasObj": [{"h": 1,"i": "title","maxH": 1,"maxW": 4,"w": 4,"x": 0,"y": 0},{"h": 1,"i": "price","maxH": 1,"maxW": 4,"w": 4,"x": 0,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"w": 4,"x": 1,"y": 2}],"mobile": {"gridAreas": "\"title title title title\" \"compare price price price\" ","gridAreasObj": [{"h": 1,"i": "title","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 4,"x": 0,"y": 0},{"h": 1,"i": "price","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 3,"x": 1,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 1,"x": 0,"y": 1}]},"tablet": {"gridAreas": "\"title title title title\" \"compare price price price\" ","gridAreasObj": [{"h": 1,"i": "price","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 3,"x": 1,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 1,"x": 0,"y": 1},{"h": 1,"i": "title","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 4,"x": 0,"y": 0}]}},"defaultValue": {"desktop": {"gridAreas": "\"title title title title\" \"compare price price price\" ","gridAreasObj": [{"h": 1,"i": "price","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 3,"x": 1,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 1,"x": 0,"y": 1},{"h": 1,"i": "title","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 4,"x": 0,"y": 0}]},"gridAreas": "\"title title title title\" \"price price price price\" \"compare compare compare compare\"","gridAreasObj": [{"h": 1,"i": "title","maxH": 1,"maxW": 4,"w": 4,"x": 0,"y": 0},{"h": 1,"i": "price","maxH": 1,"maxW": 4,"w": 4,"x": 0,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"w": 4,"x": 1,"y": 2}],"mobile": {"gridAreas": "\"title title title title\" \"compare price price price\" ","gridAreasObj": [{"h": 1,"i": "title","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 4,"x": 0,"y": 0},{"h": 1,"i": "price","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 3,"x": 1,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 1,"x": 0,"y": 1}]},"tablet": {"gridAreas": "\"title title title title\" \"compare price price price\" ","gridAreasObj": [{"h": 1,"i": "price","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 3,"x": 1,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 1,"x": 0,"y": 1}
6595,{"h": 1,"i": "title","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 4,"x": 0,"y": 0}]}},"gridAreas": "\"title title title title\" \"price price price price\" \"compare compare compare compare\"","gridAreasObj": [{"h": 1,"i": "title","maxH": 1,"maxW": 4,"w": 4,"x": 0,"y": 0},{"h": 1,"i": "price","maxH": 1,"maxW": 4,"w": 4,"x": 0,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"w": 4,"x": 1,"y": 2}]},"padding": {"1781098635235": "0px","1789022658411": "0px","defaultValue": "0px"}},"lazyLoadingImage": {"1759141662667": false,"1759396258877": true,"1781098635235": false,"1789022658411": false,"defaultValue": false,"e9e17ed240e5": true},"padding": {"1781098635235": "0px","1789022658411": "0px","defaultValue": "0px"},"price": {"alignIfCompare": {"1781098635235": "left","1789022658411": "left","defaultValue": "left"},"color": {"1781098635235": "#000000","1789022658411": "#000000","defaultValue": "#000000"},"colorIfCompareEnable": {"1781098635235": "#b20000","1789022658411": "#b20000","defaultValue": "#b20000"},"currency": {"1781098635235": "auto","1789022658411": "auto","defaultValue": "auto"},"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"font": {"1781098635235": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"textAlign": "left"},"1789022658411": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"textAlign": "left"},"defaultValue": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"gridPosition": {"1759141662667": {"areaName": "price","numOfCols": 1,"row": 2},"1759396258877": {"areaName": "price","numOfCols": 1,"row": 2},"1781098635235": {"areaName": "price","numOfCols": 1,"row": 2},"1789022658411": {"areaName": "price","numOfCols": 1,"row": 2},"areaName": "price","defaultValue": {"areaName": "price","numOfCols": 1,"row": 2},"numOfCols": 1,"row": 2},"isActive": {"1781098635235": true,"1789022658411": true,"defaultValue": true},"margin": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"shadow": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"}},"quickView": {"attributes": {"1781098635235": [],"1789022658411": [],"defaultValue": []},"backgroundColor": {"1781098635235": "none","1789022658411": "none","defaultValue": "none"},"border": {"1781098635235": "1px solid #000000","1789022658411": "1px solid #000000","defaultValue": "1px solid #000000"},"borderRadius": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"color": {"1781098635235": "#000000","1789022658411": "#000000","defaultValue": "#000000"},"defaultStoreQuickview": {"1781098635235": true,"1789022658411": true,"defaultValue": true},"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"font": {"1759141662667": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1759396258877": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1781098635235": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1789022658411": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"defaultValue": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"gridPosition": {"1759141662667": {"areaName": "quickView","numOfCols": 3,"row": 1},"1759396258877": {"areaName": "quickView","numOfCols": 3,"row": 1},"1781098635235": {"areaName": "quickView","numOfCols": 3,"row": 1},"1789022658411": {"areaName": "quickView","numOfCols": 3,"row": 1},"areaName": "quickView","defaultValue": {"areaName": "quickView","numOfCols": 3,"row": 1},"numOfCols": 3,"row": 1},"isActive": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"margin": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"text": {"1781098635235": "Quick View","1789022658411": "Quick View","defaultValue": "Quick View"},"theme": {"1781098635235": "modern","1789022658411": "modern","defaultValue": "modern"}},"reviews": {"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"font": {"1759141662667": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1759396258877": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1781098635235": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1789022658411": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"defaultValue": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"gridPosition": {"1759141662667": {"areaName": "reviews","numOfCols": 3,"row": 3},"1759396258877": {"areaName": "reviews","numOfCols": 3,"row": 3},"1781098635235": {"areaName": "reviews","numOfCols": 3,"row": 3},"1789022658411": {"areaName": "reviews","numOfCols": 3,"row": 3},"areaName": "reviews","defaultValue": {"areaName": "reviews","numOfCols": 3,"row": 3},"numOfCols": 3,"row": 3},"isActive": {"1781098635235": {"desktop": false,"mobile": false,"tablet": false},"1789022658411": {"desktop": false,"mobile": false,"tablet": false},"defaultValue": {"desktop": false,"mobile": false,"tablet": false}},"margin": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"noReviewsStarsColor": {"1781098635235": "#9F9F9F","1789022658411": "#9F9F9F","defaultValue": "#9F9F9F"},"reviewsCount": {"1781098635235": true,"1789022658411": true,"defaultValue": true},"reviewsCountAvg": {"1781098635235": true,"1789022658411": true,"defaultValue": true},"reviewsCountColor": {"1781098635235": "#9F9F9F","1789022658411": "#9F9F9F","defaultValue": "#9F9F9F"},"reviewsStarsColor": {"1781098635235": "#ffb518","1789022658411": "#ffb518","defaultValue": "#ffb518"},"shadow": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"widgetForNoReview": {"1781098635235": true,"1789022658411": true,"defaultValue": true}},"shadow": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"showBorderOnHover": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"sku": {"color": {"1781098635235": "#000000","1789022658411": "#000000","defaultValue": "#000000"},"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"font": {"1759141662667": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1759396258877": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1781098635235": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1789022658411": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"defaultValue": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"gridPosition": {"1759141662667": {"areaName": "description","numOfCols": 3,"row": 4},"1759396258877": {"areaName": "description","numOfCols": 3,"row": 4},"1781098635235": {"areaName": "description","numOfCols": 3,"row": 4},"1789022658411": {"areaName": "description","numOfCols": 3,"row": 4},"areaName": "description","defaultValue": {"areaName": "description","numOfCols": 3,"row": 4},"numOfCols": 3,"row": 4},"isActive": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"margin": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"shadow": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"}},"title": {"color": {"1781098635235": "#000000","1789022658411": "#000000","defaultValue": "#000000"},"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"font": {"1781098635235": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "1.5","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "1.5","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "1.5","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "15px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "1.5","textAlign": "left"},"textAlign": "left"},"1789022658411": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "1.5","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "1.5","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "1.5","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "15px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "1.5","textAlign": "left"},"textAlign": "left"},"defaultValue": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "1.5","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "1.5","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "1.5","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "15px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "1.5","textAlign": "left"},"textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "1.5","textAlign": "left"},"gridPosition": {"1759141662667": {"areaName": "title","numOfCols": 3,"row": 1},"1759396258877": {"areaName": "title","numOfCols": 3,"row": 1},"1781098635235": {"areaName": "title","numOfCols": 3,"row": 1},"1789022658411": {"areaName": "title","numOfCols": 3,"row": 1},"areaName": "title","defaultValue": {"areaName": "title","numOfCols": 3,"row": 1},"numOfCols": 3,"row": 1},"isActive": {"1781098635235": {"desktop": true,"mobile": true,"tablet": true},"1789022658411": {"desktop": true,"mobile": true,"tablet": true},"defaultValue": {"desktop": true,"mobile": true,"tablet": true}},"margin": {"1781098635235": "auto","1789022658411": "auto","defaultValue": "auto"},"numberOfLines": {"1781098635235": "2","1789022658411": "2","defaultValue": "2"},"saveSpaceForLineClamp": {"1781098635235": true,"1789022658411": true,"defaultValue": true}},"wishList": {"checkedColor": {"1781098635235": "#ff1493","1789022658411": "#ff1493","defaultValue": "#ff1493"},"checkedIconName": {"1781098635235": "","1789022658411": "","defaultValue": ""},"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"font": {"1759141662667": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1759396258877": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1781098635235": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1789022658411": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"defaultValue": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpaci
6595ng": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"gridPosition": {"1759141662667": {"areaName": "wishlist","numOfCols": 1,"row": 1},"1759396258877": {"areaName": "wishlist","numOfCols": 1,"row": 1},"1781098635235": {"areaName": "wishlist","numOfCols": 1,"row": 1},"1789022658411": {"areaName": "wishlist","numOfCols": 1,"row": 1},"areaName": "wishlist","defaultValue": {"areaName": "wishlist","numOfCols": 1,"row": 1},"numOfCols": 1,"row": 1},"isActive": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"isCustomIcon": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"location": {"1781098635235": "on-image","1789022658411": "on-image","defaultValue": "on-image"},"margin": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"notCheckedColor": {"1781098635235": "#ff1493","1789022658411": "#ff1493","defaultValue": "#ff1493"},"notCheckedIconName": {"1781098635235": "","1789022658411": "","defaultValue": ""},"padding": {"1781098635235": "10px","1789022658411": "10px","defaultValue": "10px"},"position": {"1781098635235": "top-left","1789022658411": "top-left","defaultValue": "top-left"},"size": {"1781098635235": "30px","1789022658411": "30px","defaultValue": "30px"}}},"quickViewModal": {"animationDuration": {"1781098635235": 400,"1789022658411": 400,"defaultValue": 400},"animationInX": {"1781098635235": 0,"1789022658411": 0,"defaultValue": 0},"animationInY": {"1781098635235": -200,"1789022658411": -200,"defaultValue": -200},"animationOutX": {"1781098635235": 0,"1789022658411": 0,"defaultValue": 0},"animationOutY": {"1781098635235": -100,"1789022658411": -100,"defaultValue": -100},"closeButtonCustomIconName": {"1781098635235": "","1789022658411": "","defaultValue": ""},"height": {"1781098635235": "70%","1789022658411": "70%","defaultValue": "70%"},"imagesBar": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"imagesInside": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"imagesPosition": {"1781098635235": "left","1789022658411": "left","defaultValue": "left"},"isCustomIconClose": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"openingDirection": {"1781098635235": "top to bottom","1789022658411": "top to bottom","defaultValue": "top to bottom"},"quantityBorder": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"quantityBorderRadius": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"quantityFont": {"font": {"1781098635235": "acumin-pro, sans-serif","1789022658411": "acumin-pro, sans-serif","defaultValue": "acumin-pro, sans-serif"},"fontSize": {"1781098635235": "14px","1789022658411": "14px","defaultValue": "14px"},"fontWeight": {"1781098635235": "400","1789022658411": "400","defaultValue": "400"},"letterSpacing": {"1781098635235": "0.25px","1789022658411": "0.25px","defaultValue": "0.25px"},"lineHeight": {"1781098635235": "auto","1789022658411": "auto","defaultValue": "auto"},"textAlign": {"1781098635235": "left","1789022658411": "left","defaultValue": "left"}},"quantityFontColor": {"1781098635235": "#000000","1789022658411": "#000000","defaultValue": "#000000"},"quantityLayout": {"1781098635235": "classic","1789022658411": "classic","defaultValue": "classic"},"quantityTitle": {"1781098635235": "Qty","1789022658411": "Qty","defaultValue": "Qty"},"theme": {"1781098635235": "classic","1789022658411": "classic","defaultValue": "classic"},"width": {"1781098635235": "70%","1789022658411": "70%","defaultValue": "70%"}},"recommendationGeneral": {"backgroundColor": {"1781098635235": "none","1789022658411": "none","defaultValue": "none"},"border": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"borderColorOnHover": {"1781098635235": "none","1789022658411": "none","defaultValue": "none"},"borderRadius": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"collections": [],"currentProgressBarIcon": {"1781098635235": "","1789022658411": "","defaultValue": ""},"emptyProgressBarIcon": {"1781098635235": "","1789022658411": "","defaultValue": ""},"font": {"1759141662667": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1759396258877": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1781098635235": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1789022658411": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"defaultValue": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"gridColumnGap": {"1781098635235": "1px","1789022658411": "1px","defaultValue": "1px"},"gridRowGap": {"1781098635235": "3px","1789022658411": "3px","defaultValue": "3px"},"isCustomCarouselIcons": {"1781098635235": {"desktop": true,"mobile": true,"tablet": true},"1789022658411": {"desktop": true,"mobile": true,"tablet": true},"defaultValue": {"desktop": true,"mobile": true,"tablet": true}},"isCustomProgressBarIcon": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"layout": {"1781098635235": "horizontal","1789022658411": "horizontal","defaultValue": "horizontal"},"leftArrowIcon": {"1759141662667": {"desktop": "related-arrow-left","mobile": "related-arrow-left","tablet": "related-arrow-left"},"1759396258877": {"desktop": "related-arrow-left","mobile": "related-arrow-left","tablet": "related-arrow-left"},"1781098635235": "related-arrow-left","1789022658411": {"desktop": "related-arrow-left","mobile": "related-arrow-left","tablet": "related-arrow-left"},"defaultValue": "related-arrow-left"},"loadMore": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"maxSuggestionsProducts": 15,"mobileExpandLimitProducts": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"numberOfColumns": {"1781098635235": "3","1789022658411": "3","defaultValue": "3"},"numberOfRows": {"1781098635235": "3","1789022658411": "3","defaultValue": "3"}
6595,"padding": {"1781098635235": {"desktop": "0px","mobile": "0px","tablet": "0px"},"1789022658411": {"desktop": "0px","mobile": "0px","tablet": "0px"},"defaultValue": {"desktop": "0px","mobile": "0px","tablet": "0px"}},"productsPerArrowClick": {"1781098635235": {"desktop": "1","mobile": "1","tablet": "1"},"1789022658411": {"desktop": "1","mobile": "1","tablet": "1"},"defaultValue": {"desktop": "1","mobile": "1","tablet": "1"}},"productsPerSlide": {"102910a78171": {"desktop": "3","mobile": "2","tablet": "3"},"1694414521794": {"desktop": "5","mobile": "2","tablet": "2"},"1694414540936": "2","1736240076595": {"desktop": "5","mobile": "2","tablet": "3"},"1759141662667": {"desktop": "6","mobile": "2","tablet": "5"},"1759396258877": {"desktop": "3","mobile": "2","tablet": "2"},"1780342283845": "5","1781098635235": {"desktop": "5","mobile": "2","tablet": "3"},"1789022658411": {"desktop": "5","mobile": "2","tablet": "3"},"63c9ecd99862": {"desktop": "6","mobile": "2","tablet": "3"},"a4fc715451aa": {"desktop": "5","mobile": "2","tablet": "3"},"defaultValue": "4","e9e17ed240e5": {"desktop": "3","mobile": "2","tablet": "2"},"style1": {"desktop": "3","mobile": "2","tablet": "3"},"widget1": {"desktop": "5","mobile": "2","tablet": "3"}},"progressBarColor": {"1781098635235": "#571eae","1789022658411": "#571eae","defaultValue": "#571eae"},"rightArrowIcon": {"1759141662667": "related-arrow-right","1759396258877": "related-arrow-right","1781098635235": "related-arrow-right","1789022658411": "related-arrow-right","defaultValue": "related-arrow-right"},"sourceType": {"1759141662667": "recommended","1759396258877": "recommended","1789022658411": "recommended","defaultValue": null},"sources": ["similar_products","related_views","related_top_products"]},"recommendationTitle": {"color": {"1781098635235": {"desktop": "#000000","mobile": "#000000","tablet": "#6a6a6a"},"1789022658411": {"desktop": "#000000","mobile": "#000000","tablet": "#6a6a6a"},"defaultValue": {"desktop": "#000000","mobile": "#000000","tablet": "#6a6a6a"}},"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"font": {"102910a78171": {"font": "Arial","fontSize": "0px","fontWeight": "bold","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1736240076595": {"desktop": {"font": "Arial","fontSize": "0px","fontWeight": "bold","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "center"},"mobile": {"font": "Arial","fontSize": "0px","fontWeight": "bold","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "center"},"tablet": {"font": "Arial","fontSize": "0px","fontWeight": "bold","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "center"}},"1759141662667": {"font": "Arial","fontSize": "0px","fontWeight": "bold","letterSpacing": "0","lineHeight": "auto","textAlign": "left"},"1759396258877": {"font": "Arial","fontSize": "0px","fontWeight": "bold","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1780342283845": {"font": "Arial","fontSize": "14px","fontWeight": "bold","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "center"},"1781098635235": {"font": "Arial","fontSize": "0px","fontWeight": "bold","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1789022658411": {"font": "Arial","fontSize": "0px","fontWeight": "bold","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"a4fc715451aa": {"font": "acumin-pro-extra-condensed, sans-serif ","fontSize": "24px","fontWeight": "600","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"defaultValue": {"font": "Arial","fontSize": "0px","fontWeight": "bold","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "Arial","fontSize": "35px","fontWeight": "bold","letterSpacing": "0.25px","lineHeight": "auto","style1": {"font": "Arial","fontSize": "0px","fontWeight": "bold","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"textAlign": "center"},"innerText": "You Might Also Like...","isActive": {"1781098635235": true,"1789022658411": true,"defaultValue": true},"margin": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"numberOfLines": {"1781098635235": {"desktop": "1","mobile": "2","tablet": "1"},"1789022658411": {"desktop": "1","mobile": "2","tablet": "1"},"defaultValue": {"desktop": "1","mobile": "2","tablet": "1"}},"shadow": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"}}},"textBadges": [],"translationProvider": "","unifiedBadges": [],"variationWidgetConfig": {},"widgetUiConfig": {"17254446502103735": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1694414540936","styleName": "cart mini widget","title": "Complete Your Order"},"17254446502106690": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "widget1","styleName": "default widget","title": "YOU MAY ALSO LIKE..."},"17254446502107848": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1694414521794","styleName": "cart widget","title": "Complete Your Order"},"17327158104838655": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1736240076595","styleName": "Home page","title": "Newly Arrived Items"},"17327159138378246": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1736240076595","styleName": "Home page","title": "You Might Want to Consider..."},"1732715954744761": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1736240076595","styleName": "Home page","title": "You Might Want to Consider..."},"17327159860034164": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1736240076595","styleName": "Home page","title": "You Might Want to Consider..."},"17363284690111172": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1736240076595","styleName": "Home page","title": "You Might Want to Consider..."},"173978502597181": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "e9e17ed240e5","styleName": "It list","t
6595itle": "Products You Might Find Interesting..."},"17416896823231142": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "e9e17ed240e5","styleName": "It list","title": "You Might Want to Consider..."},"17419490572788725": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "63c9ecd99862","styleName": "HP No-Header NEW","title": "You Might Want to Consider..."},"17419490766224338": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1736240076595","styleName": "Home page","title": "You Might Want to Consider..."},"17419490909463699": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1736240076595","styleName": "Home page","title": "You Might Want to Consider..."},"17419491051065976": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1736240076595","styleName": "Home page","title": "You Might Want to Consider..."},"17419491283541543": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "102910a78171","styleName": "IT List NEW","title": "Products You Might Find Interesting..."},"17419491462561887": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "e9e17ed240e5","styleName": "It list","title": "Products You Might Find Interesting..."},"17419491585077630": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "e9e17ed240e5","styleName": "It list","title": "Products You Might Find Interesting..."},"17591416626841723": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1759141662667","styleName": "Landing Page Widget_1759141662667","title": "You Might Want to Consider..."},"17593962588962361": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1759396258877","styleName": "It list_1759396258877","title": "You might be interested in..."},"1763555459363767": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1759396258877","styleName": "It list_1759396258877","title": "Trending Products..."},"17701237817655872": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "a4fc715451aa","styleName": "DPD-similar-products","title": "Shop the Look..."},"17709082449173073": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "style1","styleName": "default style","title": "Newly Arrived Items"},"17803419514178883": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1781098635235","styleName": "PDP YMAL Global","title": "Recently Viewed Products"},"1780597424815162": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1780342283845","styleName": "new_pdp","title": "You May Also Like"},"17809888833155019": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1789022658411","styleName": "PDP YMAL Global_1789022658411","title": "You Might Also Like..."},"17810986352395040": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1781098635235","styleName": "PDP YMAL Global","title": "Recently Viewed Products"}},"wishlistProvider": "swym"}; 6596 </script>
6596 6597 6598 6599 6600 <!-- Stylitics Mini Cart --> 6601 6602 </cart-drawer-items> 6603 <div class="drawer__footer"><!-- Start blocks --> 6604 <!-- Subtotals --> 6605 <div class="cart-sidebar-discount floating-label"> 6606 <input type="text" id="discount-code-input" autocomplete="on"> 6607 <label for="discount-code-input">Discount Code</label> 6608 <button id="apply-discount-btn">Apply</button> 6609 </div> 6610 <div id="discount-code-error"></div> 6611 <span id="applied-discount-code"> 6612 <span class="applied-discount-code-wrapper"> 6613 <span class="applied-discount-code-value"></span> 6614 <button id="clear-discount-btn">X</button></span> 6615 </span> 6616 6617 <div class="cart-drawer__footer cart__blocks" ><div class="totals" aria-live="off"> 6618 <h2 class="totals__total">Total</h2> 6619 <p class="totals__total-value">£0.00 6620</p> 6621 </div><small class="tax-note caption-large rte">Tax included and shipping and discounts calculated at checkout 6622</small> 6623 </div> 6624 6625 6626 6627 <!-- CTAs --> 6628 6629 <div class="cart__ctas" > 6630 <noscript> 6631 <button type="submit" class="cart__update-button button button--secondary" form="CartDrawer-Form"> 6632 Update 6633 </button> 6634 </noscript> 6635 6636 6637<div> 6638 <button 6639 type="submit" 6640 id="CartDrawer-Checkout" 6641 class="cart__checkout-button button" 6642 name="checkout" 6643 form="CartDrawer-Form" 6644 data-narvar-feature="CartCheckoutButton" 6645 disabled 6646 > 6647 Check out 6648 </button> 6649 6650 </div> 6651 6652 6653 6654 <div class="additional-checkout-buttons mobile-show"><div class="dynamic-checkout__content" id="dynamic-checkout-cart" data-shopify="dynamic-checkout-cart"> <shopify-accelerated-checkout-cart wallet-configs="[{"supports_subs":true,"supports_def_opts":false,"name":"shop_pay","wallet_params":{"shopId":8339030082,"merchantName":"Steve Madden UK","personalized":true}},{"supports_subs":true,"supports_def_opts":false,"name":"paypal","wallet_params":{"shopId":8339030082,"countryCode":"GB","merchantName":"Steve Madden UK","phoneRequired":true,"companyRequired":false,"shippingType":"shipping","shopifyPaymentsEnabled":true,"hasManagedSellingPlanState":false,"requiresBillingAgreement":true,"gatewayType":"CONNECTED","merchantId":"YPP4NABWUGURQ","sdkUrl":"https://www.paypal.com/sdk/js?components=buttons\u0026commit=false\u0026currency=GBP\u0026locale=en_US\u0026client-id=AexZEtAxk09Ncgj6FSWFFyGKbxxAZ_LTyJ2DPdJWl1YUlecinmc5AfIaRF2qYjWlusWahlzz6SVkY5Ci\u0026merchant-id=YPP4NABWUGURQ\u0026intent=authorize","serviceableCountryCodes":["GB"]}}]" access-token="bd0e6d30489da1fb1a8b5e5ca911c1cb" buyer-country="GB" buyer-locale="en" buyer-currency="GBP" shop-id="8339030082" cart-id="aa6799fee798ce40b9a07635a8a0e314" enabled-flags="["1172c16a","a1d1f9a1","f5afabb3","370070f3"]" > <div class="wallet-button-wrapper"> <ul class='wallet-cart-grid wallet-cart-grid--skeleton' role="list" data-shopify-buttoncontainer="true"> <li data-testid='grid-cell' class='wallet-cart-button-container'><div class='wallet-cart-button wallet-cart-button__skeleton' role='button' disabled aria-hidden='true'> </div></li><li data-testid='grid-cell' class='wallet-cart-button-container'><div class='wallet-cart-button wallet-cart-button__skeleton' role='button' disabled aria-hidden='true'> </div></li> </ul> </div> </shopify-accelerated-checkout-cart> </div></div> 6655 6656 </div> 6657 </div> 6658 </div> 6659 </div> 6660</cart-drawer> 6661 6662 6663
6664<script> 6665 window.addEventListener('DOMContentLoaded', function() { 6666 document.querySelectorAll('.cart-sidebar-discount.floating-label').forEach(function(container) { 6667 var input = container.querySelector('#discount-code-input'); 6668 if (!input) return; 6669 6670 if (input.value !== '') { 6671 container.classList.add('is-floating'); 6672 } 6673 6674 input.addEventListener('focus', function() { 6675 container.classList.add('has-focus'); 6676 container.classList.add('is-floating'); 6677 }); 6678 6679 input.addEventListener('blur', function(e) { 6680 container.classList.remove('has-focus'); 6681 if (e.target.value === '') { 6682 container.classList.remove('is-floating'); 6683 } 6684 }); 6685 }); 6686 }); 6687 6688 document.addEventListener('DOMContentLoaded', function () { 6689 // Select all elements with the class 'cart-item__details' 6690 var cartItems = document.querySelectorAll('.cart-item__details'); 6691 6692 cartItems.forEach(function (cartItem) { 6693 // Find the anchor tag within the current cart item 6694 var anchor = cartItem.querySelector('.cart-item__name'); 6695 6696 // Check if the anchor text is 'DIGITAL GIFT CARD' 6697 if (anchor && anchor.textContent.trim() === 'DIGITAL GIFT CARD') { 6698 // Find the '.product_option_details' div within the current cart item 6699 var productOptionDetails = cartItem.querySelector('.product_option_details'); 6700 6701 // Hide the '.product_option_details' div if it exists 6702 if (productOptionDetails) { 6703 productOptionDetails.style.display = 'none'; 6704 } 6705 } 6706 }); 6707 }); 6708 6709 document.addEventListener('DOMContentLoaded', function () { 6710 function isIE() { 6711 const ua = window.navigator.userAgent; 6712 const msie = ua.indexOf('MSIE '); 6713 const trident = ua.indexOf('Trident/'); 6714 6715 return msie > 0 || trident > 0; 6716 } 6717 6718 if (!isIE()) return; 6719 const cartSubmitInput = document.createElement('input'); 6720 cartSubmitInput.setAttribute('name', 'checkout'); 6721 cartSubmitInput.setAttribute('type', 'hidden'); 6722 document.querySelector('#cart').appendChild(cartSubmitInput); 6723 document.querySelector('#checkout').addEventListener('click', function (event) { 6724 document.querySelector('#cart').submit(); 6725 }); 6726 }); 6727 6728 function getDiscountValue(wrapper) { 6729 return { 6730 title: wrapper.querySelector('.title').textContent, 6731 value: wrapper.querySelector('.value').textContent, 6732 }; 6733 } 6734 6735 function renderAppliedDiscounts(cartDiscounts, productDiscounts) { 6736 const appliedDiscountContainer = document.querySelector('#applied-discount-code'); 6737 if (!appliedDiscountContainer) return; 6738 6739 appliedDiscountContainer.innerHTML = ''; 6740
6741 const appliedTitles = new Set(); 6742 6743 [...cartDiscounts, ...productDiscounts].forEach(discount => { 6744 const value = getDiscountValue(discount); 6745 const title = value.title.trim(); 6746 const amount = value.value.trim(); 6747 6748 if (!appliedTitles.has(title)) { 6749 appliedTitles.add(title); 6750 6751 const wrapper = document.createElement('span'); 6752 wrapper.classList.add('applied-discount-code-wrapper'); 6753 wrapper.style.display = 'inline-flex'; 6754 wrapper.style.alignItems = 'center'; 6755 wrapper.style.marginBottom = '6px'; 6756 6757 const valueSpan = document.createElement('span'); 6758 valueSpan.classList.add('applied-discount-code-value'); 6759 valueSpan.textContent = `${title} (-${amount})`; 6760 6761 const clearBtn = document.createElement('button'); 6762 clearBtn.classList.add('clear-discount-btn'); 6763 clearBtn.textContent = 'X'; 6764 clearBtn.style.marginLeft = '8px'; 6765 clearBtn.addEventListener('click', async function () { 6766 await fetch(`${window.Shopify?.routes?.root || '/'}cart/update.js`, { 6767 method: 'POST', 6768 headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' }, 6769 body: JSON.stringify({ discount: '' }) 6770 }); 6771 await updateDicounts(); 6772 }); 6773 6774 wrapper.appendChild(valueSpan); 6775 wrapper.appendChild(clearBtn); 6776 appliedDiscountContainer.appendChild(wrapper); 6777 } 6778 }); 6779 } 6780 6781 6782 async function updateDicounts() { 6783 const res = await fetch("/?render_id=header-minicart"); 6784 const text = await res.text(); 6785 // Inert parse â no custom-element upgrades, so the fetched header doesn't leak. 6786 const html = new DOMParser().parseFromString(text, "text/html"); 6787 const newItems = html.querySelector("#CartDrawer").querySelector(".drawer__inner cart-drawer-items .cart-items").innerHTML 6788 const newPrice = html.querySelector("#CartDrawer").querySelector(".drawer__footer").querySelector(".cart-drawer__footer").innerHTML; 6789 6790 const discounts = html.querySelector("#cart-discounts"); 6791 const cartDiscounts = discounts ? discounts.querySelectorAll(".discount-cart") : []; 6792 const productDiscounts = discounts ? discounts.querySelectorAll(".discount-product") : []; 6793 let discountCodeValue = document.querySelector('#applied-discount-code .applied-discount-code-value'); 6794 6795 // Display discount details from the backend response 6796 renderAppliedDiscounts(cartDiscounts, productDiscounts); 6797 6798 document.querySelector("#CartDrawer").querySelector(".drawer__inner cart-drawer-items .cart-items").innerHTML = newItems; 6799 document.querySelector("#CartDrawer").querySelector(".drawer__footer").querySelector(".cart-drawer__footer").innerHTML = newPrice; 6800 } 6801 //we need to call this on dom content loaded and cart update 6802 function initializeDiscountCode() { 6803 if (window.__ff_skip_discount_init) return; 6804 6805 let clearBtn = document.querySelector('#clear-discount-btn'); 6806 let discountCodeError = document.querySelector('#discount-code-error'); 6807 let discountCodeWrapper = document.querySelector('#applied-discount-code .applied-discount-code-wrapper'); 6808 let discountCodeValue = document.querySelector('#applied-discount-code .applied-discount-code-value'); 6809 6810 const discounts = document.querySelector("#cart-discounts"); 6811 if (discounts) { 6812 const cartDiscounts = discounts.querySelectorAll(".discount-cart"); 6813 const productDiscounts = discounts.querySelectorAll(".discount-product"); 6814 renderAppliedDiscounts(cartDiscounts, productDiscounts); 6815 } 6816 6817 document.querySelectorAll('.cart-sidebar-discount').forEach(function(container) { 6818 if (container.dataset.discountBound === 'true') return; 6819 container.dataset.discountBound = 'true'; 6820 6821 let applyBtn = container.querySelector('#apply-discount-btn'); 6822 let discountCodeInput = container.querySelector('#discount-code-input'); 6823 6824 if (!applyBtn || !discountCodeInput) return; 6825 6826 toggleApplyButtonState(); 6827 6828 discountCodeInput.addEventListener('input', toggleApplyButtonState); 6829 6830 discountCodeInput.addEventListener('keypress', function (e) { 6831 if (e.key === 'Enter') { 6832 e.preventDefault(); 6833 if (discountCodeInput.value.trim() !== '') { 6834 applyDiscount(discountCodeInput.value); 6835 } 6836 } 6837 }); 6838 6839 applyBtn.addEventListener('click', function (e) { 6840 e.preventDefault(); 6841 if (discountCodeInput.value.trim() !== '') { 6842 applyDiscount(discountCodeInput.value); 6843 } 6844 }); 6845 6846 function toggleApplyButtonState() { 6847 if (discountCodeInput.value.trim() === '') { 6848 applyBtn.disabled = true; 6849 applyBtn.style.pointerEvents = 'none'; 6850 } else { 6851 applyBtn.disabled = false;
6852 applyBtn.style.pointerEvents = 'all'; 6853 } 6854 } 6855 6856 async function applyDiscount(discountCode) { 6857 if (!discountCode) { 6858 handleInvalidDiscount(discountCode); 6859 return; 6860 } 6861 6862 if (applyBtn) { 6863 applyBtn.innerHTML = "<div class='loader'></div>"; 6864 applyBtn.style.pointerEvents = 'none'; 6865 discountCodeInput.value = ''; 6866 } 6867 6868 try { 6869 const response = await fetch(`/discount/${encodeURIComponent(discountCode)}`); 6870 const responseText = await response.text(); 6871 // Inert parse â no custom-element upgrades, so the fetched page doesn't leak. 6872 const html = new DOMParser().parseFromString(responseText, "text/html"); 6873 6874 const discounts = html.querySelector("#cart-discounts"); 6875 const cartDiscounts = discounts ? discounts.querySelectorAll(".discount-cart") : []; 6876 const productDiscounts = discounts ? discounts.querySelectorAll(".discount-product") : []; 6877 6878 if (response.ok) { 6879 const appliedDiscountValue = document.querySelector('.applied-discount-code-value'); 6880 6881 if (appliedDiscountValue && appliedDiscountValue.textContent.trim() !== '') { 6882 const currentDiscountText = appliedDiscountValue.textContent.trim(); 6883 const currentAmountMatch = currentDiscountText.match(/\(-([^)]+)\)/); 6884 const currentAmount = currentAmountMatch ? extractNumericAmount(currentAmountMatch[1]) : 0; 6885 6886 let newAmount = 0; 6887 if (cartDiscounts.length > 0) { 6888 const discountValue = getDiscountValue(cartDiscounts[0]); 6889 newAmount = extractNumericAmount(discountValue.value); 6890 } else if (productDiscounts.length > 0) { 6891 const discountValue = getDiscountValue(productDiscounts[0]); 6892 newAmount = extractNumericAmount(discountValue.value); 6893 } 6894 6895 if (newAmount <= currentAmount) { 6896 if (discountCodeError) { 6897 discountCodeError.innerHTML = discountCode + ' could not be used with the existing discounts.'; 6898 discountCodeError.style.color = '#EB001B'; 6899 } 6900 discountCodeInput.value = ''; 6901 setTimeout(() => { 6902 if (discountCodeError) discountCodeError.innerHTML = ''; 6903 discountCodeInput.focus(); 6904 }, 3000); 6905 return; 6906 } 6907 } 6908 6909 if (discountCodeWrapper) { 6910 discountCodeWrapper.style.display = 'inline-flex'; 6911 } 6912 6913 if (cartDiscounts.length > 0 && discountCodeValue) { 6914 const discountValue = getDiscountValue(cartDiscounts[0]); 6915 discountCodeValue.innerHTML = discountValue.title + ' (-' + discountValue.value + ')'; 6916 } 6917 6918 if (productDiscounts.length > 0 && discountCodeValue) { 6919 const discountValue = getDiscountValue(productDiscounts[0]); 6920 discountCodeValue.innerHTML = discountValue.title + ' (-' + discountValue.value + ')'; 6921 } 6922 6923 if (productDiscounts.length > 0 || cartDiscounts.length > 0) { 6924 if (discountCodeError) { 6925 discountCodeError.innerHTML = ''; 6926 } 6927 container.classList.remove('is-floating'); 6928 toggleApplyButtonState(); 6929 await updateDicounts(); 6930 6931 await refreshShippingProgressQuietly(); 6932 6933 } else { 6934 handleInvalidDiscount(discountCode); 6935 } 6936 } else { 6937 handleInvalidDiscount(discountCode); 6938 } 6939 } catch (error) { 6940 console.error('Error:', error); 6941 } finally { 6942 if (applyBtn) { 6943 applyBtn.innerHTML = 'Apply'; 6944 applyBtn.style.pointerEvents = 'all'; 6945 } 6946 } 6947 } 6948 6949 function handleInvalidDiscount(code = '') { 6950 if (discountCodeValue) discountCodeValue.innerHTML = ''; 6951 clearLocalStorage(); 6952 6953 const isLikelyGiftCard = code.trim().length === 15; 6954 6955 if (discountCodeError) { 6956 discountCodeError.innerHTML = isLikelyGiftCard 6957 ? "Translation missing: en.shopify.checkout.general.errors.merchandise.enter_code_at_checkout" 6958 : "Enter a valid discount code or gift card"; 6959 } 6960 6961 setTimeout(() => { 6962 if (discountCodeError) discountCodeError.innerHTML = ''; 6963 discountCodeInput.value = ''; 6964 discountCodeInput.focus(); 6965 toggleApplyButtonState(); 6966 }, 3000); 6967 } 6968 }); 6969 6970 if (clearBtn && !clearBtn.dataset.bound) { 6971 clearBtn.dataset.bound = 'true'; 6972 clearBtn.addEventListener('click', function (e) { 6973 e.preventDefault(); 6974 clearDiscount(); 6975 }); 6976 } 6977 6978 async function clearDiscount() { 6979 if (discountCodeValue) discountCodeValue.innerHTML = ''; 6980 if (discountCodeError) discountCodeError.innerHTML = ''; 6981 clearLocalStorage(); 6982 6983 await fetch(`${window.Shopify?.routes?.root || '/'}cart/update.js`, { 6984 method: 'POST', 6985 headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' }, 6986 body: JSON.stringify({ discount: '' }) 6987 }); 6988 6989 await updateDicounts(); 6990 6991 await refreshShippingProgressQuietly(); 6992 6993 } 6994 6995 function clearLocalStorage() { 6996 if (discountCodeWrapper) discountCodeWrapper.style.display = 'none'; 6997 } 6998 6999 function extractNumericAmount(moneyString) { 7000 const numericMatch = moneyString.match(/[\d.]+(?:[,.][\d]{2})?/); 7001 if (numericMatch) { 7002 return parseFloat(numericMatch[0].replace(/[.,]/g, function(match) { 7003 return match === ',' ? '.' : ''; 7004 })); 7005 } 7006 return 0; 7007 } 7008 } 7009 7010 document.addEventListener('DOMContentLoaded', initializeDiscountCode); 7011 document.addEventListener('cart-update', initializeDiscountCode); 7012 7013 const updateUpsell = () => { 7014 setTimeout(() => { 7015 initializeDiscountCode(); 7016 }, 3000); 7017 }; 7018 7019 document.addEventListener('fs-custom-events-add-to-cart-response', updateUpsell); 7020 7021 (function(){ 7022 var ROOT=(window.Shopify&&Shopify.routes&&Shopify.routes.root)||'/'; 7023 var RE=/\/cart\/(add|change|update|clear)(?:\.js)?/i; 7024 function refreshCount(){ 7025 fetch(ROOT+'cart.js?ts='+Date.now(),{credentials:'same-origin',cache:'no-store'}) 7026 .then(r=>r.json()) 7027 .then(cart=>{ 7028 var el=document.getElementById('CartDrawer-ItemCount'); 7029 if(el) el.textContent=(cart&&typeof cart.item_count==='number')?cart.item_count:0; 7030 try{document.dispatchEvent(new CustomEvent('cart-update',{detail:{cart,s
7030ource:'count'}}));}catch(e){} 7031 }) 7032 .catch(()=>{}); 7033 } 7034 document.addEventListener('DOMContentLoaded', refreshCount); 7035 var _fetch=window.fetch; 7036 window.fetch=function(input,init){ 7037 var p=_fetch.apply(this,arguments); 7038 try{ 7039 var url=(typeof input==='string')?input:(input&&input.url); 7040 if(url&&RE.test(url)) p.then(()=>setTimeout(refreshCount,120)); 7041 }catch(e){} 7042 return p; 7043 }; 7044 var _send=XMLHttpRequest.prototype.send; 7045 XMLHttpRequest.prototype.send=function(){ 7046 this.addEventListener('load',()=>{ 7047 try{ if(this.responseURL&&RE.test(this.responseURL)) setTimeout(refreshCount,120); }catch(e){} 7048 }); 7049 return _send.apply(this,arguments); 7050 }; 7051 })(); 7052 7053 async function refreshShippingProgressQuietly(){ 7054 7055 try { 7056 const r = await fetch('/cart.js?ts=' + Date.now(), { cache: 'no-store' }); 7057 const cart = await r.json(); 7058 const total = 7059 (cart.original_total_price ?? cart.items_subtotal_price ?? cart.total_price) - 7060 (cart.total_discount ?? 0); 7061 7062 window.__ff_skip_discount_init = true; 7063 document.dispatchEvent(new CustomEvent('cart-update', { 7064 detail: { cart: { ...cart, total_price: Math.max(0, total) }, __shippingPing: true } 7065 })); 7066 7067 setTimeout(() => { window.__ff_skip_discount_init = false; }, 0); 7068 } catch(e){ console.warn(e); } 7069 7070 } 7071 7072</script>
7072 7073 7074<div id="cart-discounts" style="display: none;"> 7075 7076 7077</div>
7078<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/custom-wishlist.js?v=161941653529973708681790070765" type="text/javascript"></script>
7078 7079 7080<!-- BEGIN sections: header-group --> 7081<div id="shopify-section-sections--25334352118140__announcement_bar" class="shopify-section shopify-section-group-header-group announcement-bar-section"><link href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-slideshow.css?v=169160667420722394541772526934" rel="stylesheet" type="text/css" media="all" /> 7082<link href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-slider.css?v=69943936896339513851772526934" rel="stylesheet" type="text/css" media="all" /> 7083 7084 7085 7086 7087 7088 <link href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-list-social.css?v=24056175497000629011772526928" rel="stylesheet" type="text/css" media="all" /> 7089 7090 7091 7092<div 7093 class="utility-bar color-scheme-4 gradient utility-bar--bottom-border" 7094 7095> 7096 <div class="page-width utility-bar__grid"><slideshow-component 7097 class="announcement-bar" 7098 role="region" 7099 aria-roledescription="Carousel" 7100 aria-label="Announcement bar" 7101 > 7102 <div class="announcement-bar-slider slider-buttons"> 7103 <button 7104 type="button" 7105 class="slider-button slider-button--prev" 7106 name="previous" 7107 aria-label="Previous announcement" 7108 aria-controls="Slider-sections--25334352118140__announcement_bar" 7109 > 7110 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 7111 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 7112</svg> 7113 7114 </button> 7115 <div 7116 class="grid grid--1-col slider slider--everywhere" 7117 id="Slider-sections--25334352118140__announcement_bar" 7118 aria-live="polite" 7119 aria-atomic="true" 7120 data-autoplay="true" 7121 data-speed="5" 7122 > 7123 7124 <div 7125 class="slideshow__slide slider__slide grid__item grid--1-col " 7126 id="Slide-sections--25334352118140__announcement_bar-1" 7127 7128 role="group" 7129 aria-roledescription="Announcement" 7130 aria-label="1 of 3" 7131 tabindex="-1" 7132 data-start-time="" 7133 data-end-time="" 7134 data-app-only="true" 7135 data-utm-params="" 7136 > 7137 <div 7138 class="announcement-bar__announcement" 7139 role="region" 7140 aria-label="Announcement" 7141 7142 ><section class="announcement-bar__message h5"> 7143 <p>APP-grade your fits. Get 20% off when you donwload our app. <a href="https://apps.apple.com/gb/app/steve-madden-uk/id6476522342" target="_self">App Store.</a> <a href="https://play.google.com/store/apps/details?id=com.stevemadden.sm.uk&hl=en-US" target="_self">Google Play</a> </p> 7144 7145 </section></div> 7146 </div> 7147 7148 <div 7149 class="slideshow__slide slider__slide grid__item grid--1-col " 7150 id="Slide-sections--25334352118140__announcement_bar-2" 7151 7152 role="group" 7153 aria-roledescription="Announcement" 7154 aria-label="2 of 3" 7155 tabindex="-1" 7156 data-start-time="" 7157 data-end-time="" 7158 data-app-only="true" 7159 data-utm-params="" 7160 > 7161 <div 7162 class="announcement-bar__announcement" 7163 role="region" 7164 aria-label="Announcement" 7165 7166 ><section class="announcement-bar__message h5"> 7167 <p><a href="https://stevemadden.co.uk/collections/whats-new" target="_self">Autumn Has Arrived. Need Inspo? Just Ask Steve.</a></p> 7168 7169 </section></div> 7170 </div> 7171 7172 <div 7173 class="slideshow__slide slider__slide grid__item grid--1-col " 7174 id="Slide-sections--25334352118140__announcement_bar-3" 7175 7176 role="group" 7177 aria-roledescription="Announcement" 7178 aria-label="3 of 3" 7179 tabindex="-1" 7180 data-start-time="" 7181 data-end-time="" 7182 data-app-only="true" 7183 data-utm-params="" 7184 > 7185 <div 7186 class="announcement-bar__announcement" 7187 role="region" 7188 aria-label="Announcement" 7189 7190 ><section class="announcement-bar__message h5"> 7191 <p><a href="https://stevemadden.co.uk/collections/whats-new" target="_self" title="Free shipping">Free Shipping Over £100 | Shop Now</a></p> 7192 7193 </section></div> 7194 </div></div> 7195 <button 7196 type="button" 7197 class="slider-button slider-button--next" 7198 name="next" 7199 aria-label="Next announcement" 7200 aria-controls="Slider-sections--25334352118140__announcement_bar" 7201 > 7202 <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6"> 7203 <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor"> 7204</svg> 7205 7206 </button> 7207 </div> 7208 </slideshow-component><div class="localization-wrapper"> 7209</div> 7210 </div> 7211</div> 7212
7213<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/announcement-countdown.js?v=26974144306032382131762242194" async></script>
7213 7214 7215 7216 7217 7218 7219 7220<link href="//stevemadden.co.uk/cdn/shop/t/961/assets/slick.css?v=10684147618660745441772526967" rel="stylesheet" type="text/css" media="all" /> 7221 7222 7223
7224<script defer src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
7224 7225<style> #shopify-section-sections--25334352118140__announcement_bar h2 {} </style></div><div id="shopify-section-sections--25334352118140__header" class="shopify-section shopify-section-group-header-group section-header"> 7226 7227 7228 7229 7230 7231 7232 7233 7234 7235 7236 7237 7238 7239 7240 7241<link rel="stylesheet" href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-list-menu.css?v=151968516119678728991772526935" media="print" onload="this.media='all'"> 7242<link rel="stylesheet" href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-search.css?v=149263433332427118441772526932" media="print" onload="this.media='all'"> 7243<link rel="stylesheet" href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-menu-drawer.css?v=2077706560025754801772526931" media="print" onload="this.media='all'"> 7244<link rel="stylesheet" href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-cart-notification.css?v=54116361853792938221772526928" media="print" onload="this.media='all'"> 7245<link rel="stylesheet" href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-cart-items.css?v=92306308724962183651772526935" media="print" onload="this.media='all'"><link rel="stylesheet" href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-price.css?v=19790973530013083601772526929" media="print" onload="this.media='all'"><link rel="stylesheet" href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-mega-menu.css?v=158791284381180220181772526930" media="print" onload="this.media='all'"> 7246 <noscript><link href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-mega-menu.css?v=158791284381180220181772526930" rel="stylesheet" type="text/css" media="all" /></noscript><link href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-cart-drawer.css?v=107841346923300273021779784942" rel="stylesheet" type="text/css" media="all" /> 7247 <link href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-cart.css?v=27738633661512212871772526929" rel="stylesheet" type="text/css" media="all" /> 7248 <link href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-totals.css?v=44343283970170262081772526929" rel="stylesheet" type="text/css" media="all" /> 7249 <link href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-price.css?v=19790973530013083601772526929" rel="stylesheet" type="text/css" media="all" /> 7250 <link href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-discounts.css?v=152760482443307489271772526933" rel="stylesheet" type="text/css" media="all" /> 7251<noscript><link href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-list-menu.css?v=151968516119678728991772526935" rel="stylesheet" type="text/css" media="all" /></noscript> 7252<noscript><link href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-search.css?v=149263433332427118441772526932" rel="stylesheet" type="text/css" media="all" /></noscript> 7253<noscript><link href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-menu-drawer.css?v=2077706560025754801772526931" rel="stylesheet" type="text/css" media="all" /></noscript> 7254<noscript><link href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-cart-notification.css?v=54116361853792938221772526928" rel="stylesheet" type="text/css" media="all" /></noscript> 7255<noscript><link href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-cart-items.css?v=92306308724962183651772526935" rel="stylesheet" type="text/css" media="all" /></noscript> 7256 7257<style> 7258 header-drawer { 7259 justify-self: start; 7260 margin-left: -1.2rem; 7261 } 7262 7263@media (max-width: 991px) { 7264 header-drawer { 7265 margin-left: 0; 7266 } 7267 7268}@media screen and (min-width: 990px) { 7269 header-drawer { 7270 display: none; 7271 } 7272 }.menu-drawer-container { 7273 display: flex; 7274 } 7275 7276.mega-menu__link--level-1.no-link{ 7277pointer-events:none; 7278text-decoration: none; 7279 color: #000; 7280} 7281 7282 .list-menu { 7283 list-style: none; 7284 padding: 0; 7285 margin: 0; 7286 background: #fff; 7287 } 7288 7289 .list-menu--inline { 7290 display: inline-flex; 7291 7292 flex-wrap: wrap; 7293 7294 } 7295 7296 7297 7298 .header__menu-item { 7299 7300 padding: 25px 16px; 7301 7302 } 7303 7304 .list-menu__item { 7305 display: flex !important; 7306 align-items: center; 7307 line-height: calc(1 + 0.3 / var(--font-body-scale)); 7308 } 7309 7310 .list-menu__item--link { 7311 text-decoration: none; 7312 padding-bottom: 1rem; 7313 padding-top: 1rem; 7314 line-height: calc(1 + 0.8 / var(--font-body-scale)); 7315 } 7316 7317 @media screen and (min-width: 750px) { 7318 .list-menu__item--link { 7319 padding-bottom: 0.5rem; 7320 padding-top: 0.5rem; 7321 } 7322 } 7323 7324 .mobile-only{ 7325 display:block; 7326 } 7327 7328 .desktop-only{ 7329 display:none; 7330 } 7331 7332 @media(min-width:1025px){ 7333 .mobile-only{ 7334 display:none; 7335 } 7336 7337 .desktop-only{ 7338 display:block; 7339 } 7340 } 7341</style><style data-shopify>.header { 7342 padding: 6px 3rem 6px 3rem; 7343 } 7344 7345 .section-header { 7346 position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */ 7347 margin-bottom: 0px; 7348 } 7349 7350 @media screen and (min-width: 750px) { 7351 .section-header { 7352 margin-bottom: 0px; 7353 } 7354 } 7355 7356 @media screen and (min-width: 990px) { 7357 .header { 7358 padding-top: 12px; 7359 padding-bottom: 12px; 7360 } 7361 }</style>
7361<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/details-disclosure.js?v=13653116266235556501772526930" defer="defer"></script>
7361 7362 7363
7364<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/cart-notification.js?v=133508293167896966491772526928" defer="defer"></script>
vendor: 1 bytes, line 7364
7364
7365<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/search-form.js?v=135235196562034858591772526978" defer="defer"></script>
7365<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/cart-drawer.js?v=47406795144360038561779784940" defer="defer"></script>
7365 7366 7367
7368<script> 7369 document.addEventListener('algolia.hooks.initialize', function () { 7370 algoliaShopify.hooks.registerHook('beforeAutocompleteOptions', function (options) { 7371 // Modify default options, then return them 7372 const autocompleteContainer = document.getElementById('autocomplete'); 7373 options.container = autocompleteContainer; 7374 return options; 7375 }); 7376 7377 algoliaShopify.hooks.registerHook('beforeInstantSearchMainTemplate', function (_defaultTemplate, data, html) { 7378 return html` 7379 <div class="ais-page"> 7380 <div class="ais-input"> 7381 <div class="ais-search-box-container"></div> 7382 <div class="ais-input-button"> 7383 <div class="ais-clear-input-icon"></div> 7384 </div> 7385 </div> 7386 <div class="ais-search-header"> 7387 <div class="ais-facets-button">Show filters</div> 7388 <div class="ais-stats-container"></div> 7389 <div class="ais-change-display"> 7390 <span class="ais-change-display-block ais-change-display-selected"><i class="fa fa-th-large"></i></span> 7391 <span class="ais-change-display-list"><i class="fa fa-th-list"></i></span> 7392 </div> 7393 <div class="ais-sort"> 7394 ${data.multipleSortOrders 7395 ? html` 7396 ${algoliaShopify.translations.sortBy} 7397 <span class="ais-sort-orders-container"></span> 7398 ` 7399 : html` ${algoliaShopify.translations.sortBy} ${algoliaShopify.translations.relevance} `} 7400 </div> 7401 </div> 7402 <div class="ais-facets"> 7403 <div class="ais-clear-refinements-container"></div> 7404 <div class="ais-current-refined-values-container"></div> 7405 ${data.facets.map( 7406 (facet) => 7407 html` 7408 <div class="ais-facet-dropdown-wrapper ais-facet-${facet.type} ais-facet-${facet.escapedName}"> 7409 <label for="${facet.escapedName}" class="ais-range-slider--header ais-facet--header ais-header" 7410 >${facet.title}</label 7411 > 7412 <input class="ais-dropdown-checkbox" type="checkbox" id="${facet.escapedName}" name="dropdown" /> 7413 <div class="ais-facet-${facet.escapedName}-container ais-facet-dropdown-container"></div> 7414 </div> 7415 ` 7416 )} 7417 </div> 7418 <div class="ais-block"> 7419 <div class="ais-hits-container ais-results-as-block"></div> 7420 </div> 7421 <div class="ais-pagination-container"></div> 7422 </div> 7423 `; 7424 }); 7425 7426 algoliaShopify.hooks.registerHook( 7427 'beforeInstantSearchProductTemplate', 7428 function (_defaultTemplate, hit, html, components) { 7429 return html` 7430 <div 7431 role="group" 7432 aria-label="product" 7433 data-insights-id="${hit.id}" 7434 class="ais-hit ais-product" 7435 data-algolia-index="${hit.index}" 7436 data-algolia-position="${hit.productPosition}" 7437 data-algolia-queryid="${hit.queryID}" 7438 data-algolia-objectid="${hit.objectID}" 7439 data-handle="${hit.handle}" 7440 data-variant-id="${hit.objectID}" 7441 data-distinct="${hit._distinct}" 7442 data-product-id="${hit.id}" 7443 > 7444 <img 7445 class="ais-hit--picture" 7446 src="${algoliaShopify.helpers.originalImage(hit)}" 7447 alt="${hit.title} - ${hit.variant_title}" 7448 /> 7449 7450 <div class="ais-hit--details"> 7451 <p class="ais-hit--title"> 7452 <a 7453 data-algolia-index="${hit.index}" 7454 data-algolia-position="${hit.productPosition}" 7455 data-algolia-queryid="${hit.queryID}" 7456 data-algolia-objectid="${hit.objectID}" 7457 href="${algoliaShopify.helpers.instantsearchLink(hit)}" 7458 onclick="void(0)" 7459 title="${algoliaShopify.helpers.fullTitle(hit.title, hit._distinct, hit.variant_title)}" 7460 > 7461 ${components.Highlight({ attribute: 'title', hit })} 7462 ${algoliaShopify.helpers.variantTitleAddition(hit, hit._distinct)} 7463 </a> 7464 </p> 7465 <p class="ais-hit--price"> 7466 ${hit._distinct && 7467 html`
7468 <span class="ais-hit--price-striked" 7469 ><span>${algoliaShopify.helpers.displayStrikedPrice(hit.price, hit.compare_at_price)}</span></span 7470 > 7471 `} 7472 <b>${algoliaShopify.helpers.displayPrice(hit, hit._distinct)}</b> 7473 </p> 7474 ${!hit._distinct && 7475 html` 7476 <form 7477 id="algolia-add-to-cart-${hit.objectID}" 7478 action="/cart/add" 7479 method="post" 7480 enctype="multipart/form-data" 7481 > 7482 <input type="hidden" name="id" value="${hit.objectID}" /> 7483 </form> 7484 <p class="ais-hit--cart"> 7485 ${hit.can_order 7486 ? html` 7487 <button class="ais-hit--cart-button" data-form-id="algolia-add-to-cart-${hit.objectID}"> 7488 ${algoliaShopify.translations.addToCart} 7489 </button> 7490 ` 7491 : html` 7492 <button class="ais-hit--cart-button ais-hit--cart-button__disabled"> 7493 ${algoliaShopify.translations.outOfStock} 7494 </button> 7495 `} 7496 </p> 7497 `} 7498 </div> 7499 </div> 7500 `; 7501 } 7502 ); 7503 7504 algoliaShopify.hooks.registerHook( 7505 'beforeAutocompleteProductTemplate', 7506 function (_defaultTemplate, templateOptions, distinct, itemLink) { 7507 // Extract html item and components from template options 7508 const { html, item, components } = templateOptions; 7509 7510 // Instantiate pricing variables to be used later 7511 const price = item.price; 7512 const currency = 'USD'; 7513 const compare_at_price = item.compare_at_price; 7514 7515 // Construct the html of the autocomplete product 7516 return html` 7517 <a href="${itemLink}" class="aa-ItemLink aa-ProductItem" onClick="${(event) => handleItemClick(event, item)}"> 7518 <div class="aa-ItemContent"> 7519 <div class="aa-ItemPicture aa-ItemPicture--loaded"> 7520 <img src="${algoliaShopify.helpers.compactImage(item)}" alt="${item.title}" /> 7521 </div> 7522 <div class="aa-ItemContentBody"> 7523 <div class="aa-ItemContentBrand"> 7524 ${item.product_type && components.Highlight({ hit: item, attribute: 'product_type' })} removing vendor 7525 </div> 7526 <div class="aa-ItemContentTitleWrapper"> 7527 <div class="aa-ItemContentTitle"> 7528 ${components.Highlight({ hit: item, attribute: 'title' })} 7529 <span class="algolia-variant"> 7530 ${algoliaShopify.helpers.variantTitleAddition(item, distinct)} 7531 </span> 7532 </div> 7533 </div> 7534 <div class="aa-ItemContentPrice"> 7535 <div class="aa-ItemContentPriceCurrent"> 7536 ${compare_at_price != price 7537 ? html`<del 7538 ><span class="sr-only-autocomplete">Original Price</span 7539 >${algoliaShopify.helpers.displayStrikedPrice(price, compare_at_price, currency)}</del 7540 >` 7541 : ''} 7542 ${compare_at_price != price 7543 ? html`<span class="autocomplete_compare_price_sale" 7544 ><span class="sr-only-autocomplete">Current Price</span>${algoliaShopify.helpers.displayPrice( 7545 item, 7546 distinct 7547 )}</span 7548 >` 7549 : ''} 7550 ${compare_at_price == price 7551 ? html`<span class="autocomplete_compare_price_default" 7552 ><span class="sr-only-autocomplete">Current Price</span>${algoliaShopify.helpers.displayPrice( 7553 item, 7554 distinct 7555 )}</span 7556 >` 7557 : ''} 7558 </div> 7559 </div> 7560 </div> 7561 </div> 7562 </a> 7563 `; 7564 } 7565 ); 7566 }); 7567</script>
7567 7568 7569 7570<svg xmlns="http://www.w3.org/2000/svg" class="hidden"> 7571 <symbol id="icon-search" viewbox="0 0 18 19" fill="none"> 7572 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/> 7573 </symbol> 7574 7575 <symbol id="icon-reset" class="icon icon-close" fill="none" viewBox="0 0 18 18" stroke="currentColor"> 7576 <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"/> 7577 <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/> 7578 <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/> 7579 </symbol> 7580 7581 <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17"> 7582 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 7583 </symbol> 7584</svg><sticky-header data-sticky-type="always" class="header-wrapper color-scheme-1 gradient header-wrapper--border-bottom" id="header-main-new"><header class="header header--middle-left header--mobile-center page-width header--has-menu header--has-social header--has-account"> 7585 7586 7587 7588 7589 7590 7591 7592 7593<header-drawer data-breakpoint="tablet"> 7594 <details id="Details-menu-drawer-container" class="menu-drawer-container"> 7595 <summary 7596 class="header__icon header__icon--menu header__icon--summary link focus-inset" 7597 aria-label="Menu" 7598 > 7599 <span> 7600 <svg 7601 xmlns="http://www.w3.org/2000/svg" 7602 aria-hidden="true" 7603 focusable="false" 7604 class="icon icon-hamburger" 7605 fill="none" 7606 viewBox="0 0 18 16" 7607> 7608 <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor"> 7609</svg> 7610 7611 <svg 7612 xmlns="http://www.w3.org/2000/svg" 7613 aria-hidden="true" 7614 focusable="false" 7615 class="icon icon-close" 7616 fill="none" 7617 viewBox="0 0 18 17" 7618> 7619 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> 7620</svg> 7621 7622 </span> 7623 </summary> 7624 <div 7625 id="menu-drawer" 7626 class="gradient menu-drawer motion-reduce color-scheme-1 new-mob-nav" 7627 > 7628 <div class="menu-drawer__inner-container"> 7629 <div class="menu-drawer__navigation-container"> 7630 7631 7632 7633 <nav class="menu-drawer__navigation"> 7634 <ul class="menu-drawer__menu has-submenu list-menu"> 7635 7636 7637 7638 7639<li 7640 data-nav-level="1" 7641 data-nav-title="New In" 7642 class="mob_nav_item mob_women_nav" 7643 > 7644 7645 <details class="details" id="Details-menu-drawer-menu-item-1"> 7646 <summary 7647 id="HeaderDrawer-new-in" 7648 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 7649 aria-expanded="false" 7650 aria-controls="link-new-in" 7651 aria-label="Toggle New In submenu" 7652 > 7653 New In 7654 7655 <span class="dropdown-toggle"> 7656 <svg class="chevron-icon" width="20" height="20" viewBox="0 0 12 12" fill="none"> 7657 <path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="1" stroke-linecap="round" fill="none"/> 7658 </svg> 7659 </span> 7660 7661 </summary> 7662 <div 7663 id="link-new-in" 7664 class="menu-drawer__submenu has-submenu gradient motion-reduce" 7665 aria-labelledby="HeaderDrawer-new-in" 7666 > 7667 <div class="menu-drawer__inner-submenu"> 7668 <ul class="menu-drawer__menu list-menu"> 7669 7670 <li data-nav-level="2" data-nav-title="All New In"> 7671 7672 <a 7673 id="HeaderDrawer-new-in-all-new-in" 7674 href="/collections/whats-new" 7675 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 7676 7677 tabindex="0" 7678 > 7679 All New In 7680 </a> 7681 7682 </li> 7683 7684 <li data-nav-level="2" data-nav-title="New In Bags"> 7685 7686 <a 7687 id="HeaderDrawer-new-in-new-in-bags" 7688 href="/collections/whats-new-bags" 7689 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 7690 7691 tabindex="0" 7692 > 7693 New In Bags 7694 </a> 7695 7696 </li> 7697 7698 <li data-nav-level="2" data-nav-title="New In Shoes"> 7699 7700 <a 7701 id="HeaderDrawer-new-in-new-in-shoes" 7702 href="/collections/whats-new-womens" 7703 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 7704 7705 tabindex="0" 7706 > 7707 New In Shoes 7708 </a> 7709 7710 </li> 7711 7712 <li data-nav-level="2" data-nav-title="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/madden_new_in.jpg?v=1778680300"> 7713 7714 <a href="https://stevemadden.co.uk/collections/whats-new" tabindex="0"> 7715 <img 7716 class="megaMenu_image" 7717 src="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/madden_new_in.jpg?v=1778680300" 7718 alt="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/madden_new_in.jpg?v=1778680300" 7719 width="auto" 7720 height="auto" 7721 > 7722 </a> 7723 7724 </li> 7725 7726 </ul> 7727 </div> 7728 </div> 7729 </details> 7730 7731 </li><li 7732 data-nav-level="1" 7733 data-nav-title="Women's" 7734 class="mob_nav_item mob_women_nav" 7735 > 7736 7737 <details class="details" id="Details-menu-drawer-menu-item-2"> 7738 <summary 7739 id="HeaderDrawer-womens" 7740 class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active" 7741 aria-expanded="false" 7742 aria-controls="link-womens" 7743 aria-label="Toggle Women's submenu" 7744 > 7745 Women's 7746
7747 <span class="dropdown-toggle"> 7748 <svg class="chevron-icon" width="20" height="20" viewBox="0 0 12 12" fill="none"> 7749 <path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="1" stroke-linecap="round" fill="none"/> 7750 </svg> 7751 </span> 7752 7753 </summary> 7754 <div 7755 id="link-womens" 7756 class="menu-drawer__submenu has-submenu gradient motion-reduce" 7757 aria-labelledby="HeaderDrawer-womens" 7758 > 7759 <div class="menu-drawer__inner-submenu"> 7760 <ul class="menu-drawer__menu list-menu"> 7761 7762 <li data-nav-level="2" data-nav-title="All Shoes"> 7763 7764 <a 7765 id="HeaderDrawer-womens-all-shoes" 7766 href="/collections/womens-shoes" 7767 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 7768 7769 tabindex="0" 7770 > 7771 All Shoes 7772 </a> 7773 7774 </li> 7775 7776 <li data-nav-level="2" data-nav-title="Bestsellers"> 7777 7778 <a 7779 id="HeaderDrawer-womens-bestsellers" 7780 href="https://stevemadden.co.uk/collections/bestsellers" 7781 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 7782 7783 tabindex="0" 7784 > 7785 Bestsellers 7786 </a> 7787 7788 </li> 7789 7790 <li data-nav-level="2" data-nav-title="Boots"> 7791 7792 <a 7793 id="HeaderDrawer-womens-boots" 7794 href="/collections/boots" 7795 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 7796 7797 tabindex="0" 7798 > 7799 Boots 7800 </a> 7801 7802 </li> 7803 7804 <li data-nav-level="2" data-nav-title="Heels"> 7805 7806 <a 7807 id="HeaderDrawer-womens-heels" 7808 href="/collections/heels" 7809 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 7810 7811 tabindex="0" 7812 > 7813 Heels 7814 </a> 7815 7816 </li> 7817 7818 <li data-nav-level="2" data-nav-title="Trainers"> 7819 7820 <a 7821 id="HeaderDrawer-womens-trainers" 7822 href="/collections/womens-trainers" 7823 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 7824 7825 tabindex="0" 7826 > 7827 Trainers 7828 </a> 7829 7830 </li> 7831 7832 <li data-nav-level="2" data-nav-title="Loafers & Flats"> 7833 7834 <a 7835 id="HeaderDrawer-womens-loafers-flats" 7836 href="/collections/flat-shoes" 7837 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 7838 7839 tabindex="0" 7840 > 7841 Loafers & Flats 7842 </a> 7843 7844 </li> 7845 7846 <li data-nav-level="2" data-nav-title="Sandals"> 7847 7848 <a 7849 id="HeaderDrawer-womens-sandals" 7850 href="/collections/sandals" 7851 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 7852 7853 tabindex="0" 7854 > 7855 Sandals 7856 </a> 7857 7858 </li> 7859 7860 <li data-nav-level="2" data-nav-title="Wedges"> 7861 7862 <a 7863 id="HeaderDrawer-womens-wedges" 7864 href="/collections/wedge-sandals" 7865 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 7866 7867 tabindex="0" 7868 > 7869 Wedges 7870 </a> 7871 7872 </li> 7873 7874 <li data-nav-level="2" data-nav-title="Gift Card"> 7875 7876 <a 7877 id="HeaderDrawer-womens-gift-card" 7878 href="/products/giftcard" 7879 class="menu-drawer__menu-item link link--text list-menu__item focus-inset menu-drawer__menu-item--active" 7880 7881 aria-current="page" 7882 7883 tabindex="0" 7884 > 7885 Gift Card 7886 </a> 7887 7888 </li> 7889 7890 <li data-nav-level="2" data-nav-title="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/SM_MENU_ADS.psdWOMENS.jpg?v=1787130718"> 7891 7892 <a href="https://stevemadden.co.uk/collections/womens-shoes" tabindex="0"> 7893 <img 7894 class="megaMenu_image" 7895 src="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/SM_MENU_ADS.psdWOMENS.jpg?v=1787130718" 7896 alt="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/SM_MENU_ADS.psdWOMENS.jpg?v=1787130718" 7897 width="auto" 7898 height="auto" 7899 > 7900 </a> 7901 7902 </li> 7903 7904 </ul> 7905 </div> 7906 </div> 7907 </details> 7908 7909 </li><li 7910 data-nav-level="1" 7911 data-nav-title="Bags" 7912 class="mob_nav_item mob_women_nav" 7913 > 7914 7915 <details class="details" id="Details-menu-drawer-menu-item-3"> 7916 <summary 7917 id="HeaderDrawer-bags" 7918 class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active" 7919 aria-expanded="false" 7920 aria-controls="link-bags" 7921 aria-label="Toggle Bags submenu" 7922 > 7923 Bags 7924
7925 <span class="dropdown-toggle"> 7926 <svg class="chevron-icon" width="20" height="20" viewBox="0 0 12 12" fill="none"> 7927 <path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="1" stroke-linecap="round" fill="none"/> 7928 </svg> 7929 </span> 7930 7931 </summary> 7932 <div 7933 id="link-bags" 7934 class="menu-drawer__submenu has-submenu gradient motion-reduce" 7935 aria-labelledby="HeaderDrawer-bags" 7936 > 7937 <div class="menu-drawer__inner-submenu"> 7938 <ul class="menu-drawer__menu list-menu"> 7939 7940 <li data-nav-level="2" data-nav-title="All Bags"> 7941 7942 <a 7943 id="HeaderDrawer-bags-all-bags" 7944 href="/collections/bags" 7945 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 7946 7947 tabindex="0" 7948 > 7949 All Bags 7950 </a> 7951 7952 </li> 7953 7954 <li data-nav-level="2" data-nav-title="Totes"> 7955 7956 <a 7957 id="HeaderDrawer-bags-totes" 7958 href="/collections/totes" 7959 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 7960 7961 tabindex="0" 7962 > 7963 Totes 7964 </a> 7965 7966 </li> 7967 7968 <li data-nav-level="2" data-nav-title="Clutches"> 7969 7970 <a 7971 id="HeaderDrawer-bags-clutches" 7972 href="/collections/clutches" 7973 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 7974 7975 tabindex="0" 7976 > 7977 Clutches 7978 </a> 7979 7980 </li> 7981 7982 <li data-nav-level="2" data-nav-title="Shoulder Bags"> 7983 7984 <a 7985 id="HeaderDrawer-bags-shoulder-bags" 7986 href="/collections/shoulder-bags" 7987 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 7988 7989 tabindex="0" 7990 > 7991 Shoulder Bags 7992 </a> 7993 7994 </li> 7995 7996 <li data-nav-level="2" data-nav-title="Gift Card"> 7997 7998 <details 7999 class="details" 8000 id="Details-menu-drawer-bags-gift-card" 8001 > 8002 <summary 8003 id="HeaderDrawer-bags-gift-card" 8004 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8005 aria-expanded="false" 8006 aria-controls="childlink-gift-card" 8007 aria-label="Toggle Gift Card submenu" 8008 > 8009 Gift Card 8010 <svg 8011 xmlns="http://www.w3.org/2000/svg" 8012 aria-hidden="true" 8013 focusable="false" 8014 class="icon icon-plus" 8015 fill="none" 8016 viewBox="0 0 10 10" 8017> 8018 <path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor"> 8019</svg> 8020 8021 <svg 8022 xmlns="http://www.w3.org/2000/svg" 8023 aria-hidden="true" 8024 focusable="false" 8025 class="icon icon-minus" 8026 fill="none" 8027 viewBox="0 0 10 2" 8028> 8029 <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor"> 8030</svg> 8031 8032 </summary> 8033 <div 8034 id="childlink-gift-card" 8035 class="menu-drawer__submenu has-submenu gradient motion-reduce" 8036 aria-labelledby="HeaderDrawer-bags-gift-card" 8037 > 8038 <ul class="menu-drawer__menu list-menu"> 8039 8040 <li 8041 data-nav-level="3" 8042 data-nav-title="Shop Gift Card" 8043 > 8044 <a 8045 id="HeaderDrawer-bags-gift-card-shop-gift-card" 8046 href="/products/giftcard" 8047 class="menu-drawer__menu-item link link--text list-menu__item focus-inset menu-drawer__menu-item--active" 8048 8049 aria-current="page" 8050 8051 tabindex="0" 8052 > 8053 Shop Gift Card 8054 </a> 8055 </li> 8056 8057 </ul> 8058 </div> 8059 </details> 8060 8061 </li> 8062 8063 <li data-nav-level="2" data-nav-title="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/SM_MENU_ADS.psdBAGS.jpg?v=1787130717"> 8064 8065 <a href="https://stevemadden.co.uk/collections/bags" tabindex="0"> 8066 <img 8067 class="megaMenu_image" 8068 src="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/SM_MENU_ADS.psdBAGS.jpg?v=1787130717" 8069 alt="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/SM_MENU_ADS.psdBAGS.jpg?v=1787130717" 8070 width="auto" 8071 height="auto" 8072 > 8073 </a> 8074 8075 </li> 8076 8077 </ul> 8078 </div> 8079 </div> 8080 </details> 8081 8082 </li><li 8083 data-nav-level="1" 8084 data-nav-title="Bridal" 8085 class="mob_nav_item mob_women_nav" 8086 > 8087 8088 <details class="details" id="Details-menu-drawer-menu-item-4"> 8089 <summary 8090 id="HeaderDrawer-bridal" 8091 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 8092 aria-expanded="false" 8093 aria-controls="link-bridal" 8094 aria-label="Toggle Bridal submenu" 8095 > 8096 Bridal 8097
8098 <span class="dropdown-toggle"> 8099 <svg class="chevron-icon" width="20" height="20" viewBox="0 0 12 12" fill="none"> 8100 <path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="1" stroke-linecap="round" fill="none"/> 8101 </svg> 8102 </span> 8103 8104 </summary> 8105 <div 8106 id="link-bridal" 8107 class="menu-drawer__submenu has-submenu gradient motion-reduce" 8108 aria-labelledby="HeaderDrawer-bridal" 8109 > 8110 <div class="menu-drawer__inner-submenu"> 8111 <ul class="menu-drawer__menu list-menu"> 8112 8113 <li data-nav-level="2" data-nav-title="Bridal Shoes"> 8114 8115 <a 8116 id="HeaderDrawer-bridal-bridal-shoes" 8117 href="/collections/bridal" 8118 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8119 8120 tabindex="0" 8121 > 8122 Bridal Shoes 8123 </a> 8124 8125 </li> 8126 8127 <li data-nav-level="2" data-nav-title="Bridesmaid"> 8128 8129 <a 8130 id="HeaderDrawer-bridal-bridesmaid" 8131 href="/collections/bridesmaid" 8132 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8133 8134 tabindex="0" 8135 > 8136 Bridesmaid 8137 </a> 8138 8139 </li> 8140 8141 <li data-nav-level="2" data-nav-title="Bride To Be"> 8142 8143 <a 8144 id="HeaderDrawer-bridal-bride-to-be" 8145 href="/collections/bride-to-be" 8146 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8147 8148 tabindex="0" 8149 > 8150 Bride To Be 8151 </a> 8152 8153 </li> 8154 8155 <li data-nav-level="2" data-nav-title="Wedding Guest"> 8156 8157 <a 8158 id="HeaderDrawer-bridal-wedding-guest" 8159 href="/collections/wedding-guest-shoes" 8160 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8161 8162 tabindex="0" 8163 > 8164 Wedding Guest 8165 </a> 8166 8167 </li> 8168 8169 <li data-nav-level="2" data-nav-title="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/MADDEN_MENU_ADS_ONEBRIDAL.jpg?v=1787130718"> 8170 8171 <a href="/collections/bridal" tabindex="0"> 8172 <img 8173 class="megaMenu_image" 8174 src="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/MADDEN_MENU_ADS_ONEBRIDAL.jpg?v=1787130718" 8175 alt="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/MADDEN_MENU_ADS_ONEBRIDAL.jpg?v=1787130718" 8176 width="auto" 8177 height="auto" 8178 > 8179 </a> 8180 8181 </li> 8182 8183 </ul> 8184 </div> 8185 </div> 8186 </details> 8187 8188 </li><li 8189 data-nav-level="1" 8190 data-nav-title="Trending" 8191 class="mob_nav_item mob_women_nav" 8192 > 8193 8194 <details class="details" id="Details-menu-drawer-menu-item-5"> 8195 <summary 8196 id="HeaderDrawer-trending" 8197 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 8198 aria-expanded="false" 8199 aria-controls="link-trending" 8200 aria-label="Toggle Trending submenu" 8201 > 8202 Trending 8203
8204 <span class="dropdown-toggle"> 8205 <svg class="chevron-icon" width="20" height="20" viewBox="0 0 12 12" fill="none"> 8206 <path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="1" stroke-linecap="round" fill="none"/> 8207 </svg> 8208 </span> 8209 8210 </summary> 8211 <div 8212 id="link-trending" 8213 class="menu-drawer__submenu has-submenu gradient motion-reduce" 8214 aria-labelledby="HeaderDrawer-trending" 8215 > 8216 <div class="menu-drawer__inner-submenu"> 8217 <ul class="menu-drawer__menu list-menu"> 8218 8219 <li data-nav-level="2" data-nav-title="Split Toe"> 8220 8221 <a 8222 id="HeaderDrawer-trending-split-toe" 8223 href="/collections/split-toe" 8224 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8225 8226 tabindex="0" 8227 > 8228 Split Toe 8229 </a> 8230 8231 </li> 8232 8233 <li data-nav-level="2" data-nav-title="Ballet"> 8234 8235 <a 8236 id="HeaderDrawer-trending-ballet" 8237 href="/collections/ballet" 8238 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8239 8240 tabindex="0" 8241 > 8242 Ballet 8243 </a> 8244 8245 </li> 8246 8247 <li data-nav-level="2" data-nav-title="Metallic Edit"> 8248 8249 <a 8250 id="HeaderDrawer-trending-metallic-edit" 8251 href="/collections/the-metallic-edit" 8252 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8253 8254 tabindex="0" 8255 > 8256 Metallic Edit 8257 </a> 8258 8259 </li> 8260 8261 <li data-nav-level="2" data-nav-title="Animal Print"> 8262 8263 <a 8264 id="HeaderDrawer-trending-animal-print" 8265 href="/collections/animal" 8266 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8267 8268 tabindex="0" 8269 > 8270 Animal Print 8271 </a> 8272 8273 </li> 8274 8275 <li data-nav-level="2" data-nav-title="Comfy"> 8276 8277 <a 8278 id="HeaderDrawer-trending-comfy" 8279 href="/collections/the-comfy-edit" 8280 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8281 8282 tabindex="0" 8283 > 8284 Comfy 8285 </a> 8286 8287 </li> 8288 8289 </ul> 8290 </div> 8291 </div> 8292 </details> 8293 8294 </li><li 8295 data-nav-level="1" 8296 data-nav-title="Men's" 8297 class="mob_nav_item mob_women_nav" 8298 > 8299 8300 <details class="details" id="Details-menu-drawer-menu-item-6"> 8301 <summary 8302 id="HeaderDrawer-mens" 8303 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 8304 aria-expanded="false" 8305 aria-controls="link-mens" 8306 aria-label="Toggle Men's submenu" 8307 > 8308 Men's 8309
8310 <span class="dropdown-toggle"> 8311 <svg class="chevron-icon" width="20" height="20" viewBox="0 0 12 12" fill="none"> 8312 <path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="1" stroke-linecap="round" fill="none"/> 8313 </svg> 8314 </span> 8315 8316 </summary> 8317 <div 8318 id="link-mens" 8319 class="menu-drawer__submenu has-submenu gradient motion-reduce" 8320 aria-labelledby="HeaderDrawer-mens" 8321 > 8322 <div class="menu-drawer__inner-submenu"> 8323 <ul class="menu-drawer__menu list-menu"> 8324 8325 <li data-nav-level="2" data-nav-title="All Men's"> 8326 8327 <a 8328 id="HeaderDrawer-mens-all-mens" 8329 href="/collections/mens-shoes" 8330 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8331 8332 tabindex="0" 8333 > 8334 All Men's 8335 </a> 8336 8337 </li> 8338 8339 <li data-nav-level="2" data-nav-title="Boots"> 8340 8341 <a 8342 id="HeaderDrawer-mens-boots" 8343 href="/collections/mens-boots" 8344 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8345 8346 tabindex="0" 8347 > 8348 Boots 8349 </a> 8350 8351 </li> 8352 8353 <li data-nav-level="2" data-nav-title="Trainers"> 8354 8355 <a 8356 id="HeaderDrawer-mens-trainers" 8357 href="/collections/mens-trainers" 8358 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8359 8360 tabindex="0" 8361 > 8362 Trainers 8363 </a> 8364 8365 </li> 8366 8367 <li data-nav-level="2" data-nav-title="Sandals"> 8368 8369 <a 8370 id="HeaderDrawer-mens-sandals" 8371 href="/collections/mens-slides" 8372 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8373 8374 tabindex="0" 8375 > 8376 Sandals 8377 </a> 8378 8379 </li> 8380 8381 <li data-nav-level="2" data-nav-title="Dress Shoes"> 8382 8383 <a 8384 id="HeaderDrawer-mens-dress-shoes" 8385 href="/collections/mens-loafers" 8386 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8387 8388 tabindex="0" 8389 > 8390 Dress Shoes 8391 </a> 8392 8393 </li> 8394 8395 <li data-nav-level="2" data-nav-title="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/SM_MENU_ADS.psdMENS.jpg?v=1787130719"> 8396 8397 <a href="https://stevemadden.co.uk/collections/mens-shoes" tabindex="0"> 8398 <img 8399 class="megaMenu_image" 8400 src="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/SM_MENU_ADS.psdMENS.jpg?v=1787130719" 8401 alt="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/SM_MENU_ADS.psdMENS.jpg?v=1787130719" 8402 width="auto" 8403 height="auto" 8404 > 8405 </a> 8406 8407 </li> 8408 8409 </ul> 8410 </div> 8411 </div> 8412 </details> 8413 8414 </li><li 8415 data-nav-level="1" 8416 data-nav-title="Offers" 8417 class="mob_nav_item mob_women_nav" 8418 > 8419 8420 <details class="details" id="Details-menu-drawer-menu-item-7"> 8421 <summary 8422 id="HeaderDrawer-offers" 8423 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 8424 aria-expanded="false" 8425 aria-controls="link-offers" 8426 aria-label="Toggle Offers submenu" 8427 > 8428 Offers 8429
8430 <span class="dropdown-toggle"> 8431 <svg class="chevron-icon" width="20" height="20" viewBox="0 0 12 12" fill="none"> 8432 <path d="M2 4l4 4 4-4" stroke="currentColor" stroke-width="1" stroke-linecap="round" fill="none"/> 8433 </svg> 8434 </span> 8435 8436 </summary> 8437 <div 8438 id="link-offers" 8439 class="menu-drawer__submenu has-submenu gradient motion-reduce" 8440 aria-labelledby="HeaderDrawer-offers" 8441 > 8442 <div class="menu-drawer__inner-submenu"> 8443 <ul class="menu-drawer__menu list-menu"> 8444 8445 <li data-nav-level="2" data-nav-title="Autumn Offers"> 8446 8447 <a 8448 id="HeaderDrawer-offers-autumn-offers" 8449 href="https://stevemadden.co.uk/collections/autumn-offers" 8450 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8451 8452 tabindex="0" 8453 > 8454 Autumn Offers 8455 </a> 8456 8457 </li> 8458 8459 <li data-nav-level="2" data-nav-title="Shoes"> 8460 8461 <a 8462 id="HeaderDrawer-offers-shoes" 8463 href="/collections/seasonal-offers-shoes" 8464 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8465 8466 tabindex="0" 8467 > 8468 Shoes 8469 </a> 8470 8471 </li> 8472 8473 <li data-nav-level="2" data-nav-title="Bags"> 8474 8475 <a 8476 id="HeaderDrawer-offers-bags" 8477 href="/collections/seasonal-offers-bags" 8478 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8479 8480 tabindex="0" 8481 > 8482 Bags 8483 </a> 8484 8485 </li> 8486 8487 <li data-nav-level="2" data-nav-title="Heels"> 8488 8489 <a 8490 id="HeaderDrawer-offers-heels" 8491 href="/collections/seasonal-offers-heels" 8492 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8493 8494 tabindex="0" 8495 > 8496 Heels 8497 </a> 8498 8499 </li> 8500 8501 <li data-nav-level="2" data-nav-title="Trainers"> 8502 8503 <a 8504 id="HeaderDrawer-offers-trainers" 8505 href="/collections/seasonal-offers-trainers" 8506 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8507 8508 tabindex="0" 8509 > 8510 Trainers 8511 </a> 8512 8513 </li> 8514 8515 <li data-nav-level="2" data-nav-title="Flats"> 8516 8517 <a 8518 id="HeaderDrawer-offers-flats" 8519 href="/collections/seasonal-offers-flats" 8520 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8521 8522 tabindex="0" 8523 > 8524 Flats 8525 </a> 8526 8527 </li> 8528 8529 <li data-nav-level="2" data-nav-title="Sandals"> 8530 8531 <a 8532 id="HeaderDrawer-offers-sandals" 8533 href="/collections/seasonal-offers-sandals" 8534 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8535 8536 tabindex="0" 8537 > 8538 Sandals 8539 </a> 8540 8541 </li> 8542 8543 <li data-nav-level="2" data-nav-title="Boots"> 8544 8545 <a 8546 id="HeaderDrawer-offers-boots" 8547 href="/collections/seasonal-offers-boots" 8548 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8549 8550 tabindex="0" 8551 > 8552 Boots 8553 </a> 8554 8555 </li> 8556 8557 <li data-nav-level="2" data-nav-title="Men's"> 8558 8559 <a 8560 id="HeaderDrawer-offers-mens" 8561 href="/collections/mens-seasonal-offers" 8562 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8563 8564 tabindex="0" 8565 > 8566 Men's 8567 </a> 8568 8569 </li> 8570 8571 <li data-nav-level="2" data-nav-title="Shop By Size"> 8572 8573 <details 8574 class="details" 8575 id="Details-menu-drawer-offers-shop-by-size" 8576 > 8577 <summary 8578 id="HeaderDrawer-offers-shop-by-size" 8579 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8580 aria-expanded="false" 8581 aria-controls="childlink-shop-by-size" 8582 aria-label="Toggle Shop By Size submenu" 8583 > 8584 Shop By Size 8585 <svg 8586 xmlns="http://www.w3.org/2000/svg" 8587 aria-hidden="true" 8588 focusable="false" 8589 class="icon icon-plus" 8590 fill="none" 8591 viewBox="0 0 10 10" 8592> 8593 <path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor"> 8594</svg> 8595 8596 <svg 8597 xmlns="http://www.w3.org/2000/svg" 8598 aria-hidden="true" 8599 focusable="false" 8600 class="icon icon-minus" 8601 fill="none" 8602 viewBox="0 0 10 2" 8603> 8604 <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor"> 8605</svg> 8606 8607 </summary> 8608 <div 8609 id="childlink-shop-by-size" 8610 class="menu-drawer__submenu has-submenu gradient motion-reduce" 8611 aria-labelledby="HeaderDrawer-offers-shop-by-size" 8612 > 8613 <ul class="menu-drawer__menu list-menu"> 8614 8615 <li 8616 data-nav-level="3" 8617 data-nav-title="Size 3" 8618 > 8619 <a 8620 id="HeaderDrawer-offers-shop-by-size-size-3" 8621 href="https://stevemadden.co.uk/collections/seasonal-offers?filters=Size,UK+3" 8622 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8623 8624 tabindex="0" 8625 > 8626 Size 3 8627 </a> 8628 </li> 8629 8630 <li 8631 data-nav-level="3" 8632 data-nav-title="Size 4" 8633 > 8634 <a 8635 id="HeaderDrawer-offers-shop-by-size-size-4" 8636 href="https://stevemadden.co.uk/collections/seasonal-offers?filters=Size,UK+4" 8637 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8638 8639 tabindex="0" 8640 > 8641 Size 4 8642 </a> 8643 </li> 8644 8645 <li 8646 data-nav-level="3" 8647 data-nav-title="Size 5" 8648 > 8649 <a 8650 id="HeaderDrawer-offers-shop-by-size-size-5" 8651 href="https://stevemadden.co.uk/collections/seasonal-offers?filters=Size,UK+5" 8652 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8653 8654 tabindex="0" 8655 > 8656 Size 5 8657 </a> 8658 </li> 8659 8660 <li 8661 data-nav-level="3" 8662 data-nav-title="Size 6" 8663 > 8664 <a 8665 id="HeaderDrawer-offers-shop-by-size-size-6" 8666 href="https://stevemadden.co.uk/collections/seasonal-offers?filters=Size,UK+6" 8667 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8668 8669 tabindex="0" 8670 > 8671 Size 6 8672 </a> 8673 </li> 8674 8675 <li 8676 data-nav-level="3" 8677 data-nav-title="Size 7" 8678 > 8679 <a 8680 id="HeaderDrawer-offers-shop-by-size-size-7" 8681 href="https://stevemadden.co.uk/collections/seasonal-offers?filters=Size,UK+7" 8682 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8683 8684 tabindex="0" 8685 > 8686 Size 7 8687 </a> 8688 </li> 8689 8690 <li 8691 data-nav-level="3" 8692 data-nav-title="Size 8" 8693 > 8694 <a 8695 id="HeaderDrawer-offers-shop-by-size-size-8" 8696 href="https://stevemadden.co.uk/collections/seasonal-offers?filters=Size,UK+8" 8697 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8698 8699 tabindex="0" 8700 > 8701 Size 8 8702 </a> 8703 </li> 8704 8705 <li 8706 data-nav-level="3" 8707 data-nav-title="Size 9" 8708 > 8709 <a 8710 id="HeaderDrawer-offers-shop-by-size-size-9" 8711 href="https://stevemadden.co.uk/collections/seasonal-offers?filters=Size,UK+9" 8712 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 8713 8714 tabindex="0" 8715 > 8716 Size 9 8717 </a> 8718
8718 </li> 8719 8720 </ul> 8721 </div> 8722 </details> 8723 8724 </li> 8725 8726 <li data-nav-level="2" data-nav-title="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/OFFERS_MENU_AD_MADDEN.jpg?v=1786951452"> 8727 8728 <a href="https://stevemadden.co.uk/collections/seasonal-offers" tabindex="0"> 8729 <img 8730 class="megaMenu_image" 8731 src="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/OFFERS_MENU_AD_MADDEN.jpg?v=1786951452" 8732 alt="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/OFFERS_MENU_AD_MADDEN.jpg?v=1786951452" 8733 width="auto" 8734 height="auto" 8735 > 8736 </a> 8737 8738 </li> 8739 8740 </ul> 8741 </div> 8742 </div> 8743 </details> 8744 8745 </li> 8746 8747 8748 </ul> 8749 </nav> 8750 <div class="menu-drawer__utility-links"> 8751 8752 8753 8754<a 8755 id="HeaderDrawer-need-help" 8756 href="/pages/help?hcUrl=%2Ffr-FR" 8757 class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide top_padding" 8758 8759 tabindex="0" 8760 > 8761 8762 Need Help? 8763 8764 </a> 8765 8766 8767<a 8768 id="HeaderDrawer-account" 8769 href="/account" 8770 class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide top_padding" 8771 8772 tabindex="0" 8773 > 8774 Account 8775 </a> 8776 8777 8778 8779 8780 <div class="menu-drawer__localization header-localization"> 8781</div> 8782 8783</div> 8784 </div> 8785 </div> 8786 </div> 8787 </details> 8788</header-drawer> 8789
8790<script> 8791 document.querySelectorAll('summary[role="button"]').forEach(function (summary) { 8792 summary.addEventListener('click', function (event) { 8793 const expanded = summary.getAttribute('aria-expanded') === 'true'; 8794 summary.setAttribute('aria-expanded', !expanded); 8795 }); 8796 8797 summary.addEventListener('keydown', function (event) { 8798 if (event.key === 'Enter' || event.key === ' ') { 8799 // This block now only updates aria-expanded without preventing the default behavior 8800 const expanded = summary.getAttribute('aria-expanded') === 'true'; 8801 summary.setAttribute('aria-expanded', !expanded); 8802 } 8803 }); 8804 }); 8805 8806 8807 var jsonDataM = JSON.parse("{\n\"last chance\": \"#ff0000\",\n \"gifts ð\": \"#f8003c\"\n}"); 8808 function toLowerCaseKeys(obj) { 8809 return Object.keys(obj).reduce((acc, key) => { 8810 acc[key.toLowerCase()] = typeof obj[key] === "object" ? toLowerCaseKeys(obj[key]) : obj[key]; 8811 return acc; 8812 }, {}); 8813 } 8814 jsonDataM = toLowerCaseKeys(jsonDataM); 8815 document.addEventListener('DOMContentLoaded', function () { 8816 var level1Links = document.querySelectorAll( 8817 '.menu-drawer__navigation [data-nav-level="1"] .menu-drawer__menu-item' 8818 ); 8819 var level2Links = document.querySelectorAll( 8820 '.menu-drawer__navigation [data-nav-level="2"] .menu-drawer__menu-item' 8821 ); 8822 var level3Links = document.querySelectorAll( 8823 '.menu-drawer__navigation [data-nav-level="3"] .menu-drawer__menu-item' 8824 ); 8825 8826 level1Links.forEach(function (link) { 8827 var linkTitle = link.textContent.trim().toLowerCase(); // Convert to lowercase 8828 8829 if (jsonDataM[linkTitle]) { 8830 var colorOrObject = jsonDataM[linkTitle]; 8831 8832 if (typeof colorOrObject === 'string') { 8833 link.style.setProperty('color', colorOrObject, 'important'); // Change the color of level 1 with !important 8834 } else if (colorOrObject['_self']) { 8835 link.style.setProperty('color', colorOrObject['_self'], 'important'); // Color defined in "_self" with !important 8836 } 8837 8838 level2Links.forEach(function (link2) { 8839 var parentItem = link2.closest('[data-nav-level="1"]'); 8840 if (parentItem && parentItem.contains(link)) { 8841 var linkTitle2 = link2.textContent.trim().toLowerCase(); // Convert to lowercase 8842 8843 if (jsonDataM[linkTitle][linkTitle2]) { 8844 var colorOrObject = jsonDataM[linkTitle][linkTitle2]; 8845 8846 if (typeof colorOrObject === 'string') { 8847 link2.style.setProperty('color', colorOrObject, 'important'); // Change the color of level 2 with !important 8848 } else if (colorOrObject['_self']) { 8849 link2.style.setProperty('color', colorOrObject['_self'], 'important'); // Color defined in "_self" with !important 8850 } 8851 8852 level3Links.forEach(function (link3) { 8853 var parentLevel2 = link3.closest('[data-nav-level="2"]'); 8854 if (parentLevel2 && parentLevel2.contains(link2)) { 8855 var linkTitle3 = link3.textContent.trim().toLowerCase(); // Convert to lowercase 8856 8857 if (jsonDataM[linkTitle][linkTitle2][linkTitle3]) { 8858 link3.style.setProperty('color', jsonDataM[linkTitle][linkTitle2][linkTitle3], 'important'); 8859 } 8860 } 8861 }); 8862 } 8863 } 8864 }); 8865 } 8866 }); 8867 }); 8868 8869 8870</script>
8870 8871 8872 8873 <div class="header__heading"> 8874 8875 <a href="https://stevemadden.co.uk/" class="header__heading-link link link--text focus-inset"> 8876 <div class="header__heading-logo-wrapper"> 8877 8878 8879 8880 8881 8882 8883 <img 8884 class="header__heading-logo motion-reduce" 8885 src="https://images.contentstack.io/v3/assets/blt563c8045b0161467/blt440686e3720c2aa3/6968b18cd06937000866fc3d/Steve-Madden2.png?quality=80&auto=webp&width=180" 8886 alt="Steve Madden UK" 8887 width="180" 8888 height="0" 8889 loading="eager" 8890 > 8891 </div></a> 8892 8893 8894 8895 8896 8897 </div> 8898 8899 8900 8901 8902 8903 8904 8905 8906 8907 8908 8909 8910 8911<nav 8912 aria-label="Navigation Menu" 8913 8914 class="header__inline-menu men-menu" style="display: none;" 8915 8916 data-main-menu 8917> 8918 <ul class="list-menu list-menu--inline" role="list" id="AccessibleNav"></ul> 8919</nav> 8920
8921<script> 8922 // Function to initialize event listeners 8923 function initializeMenu() { 8924 // Select the nav element that has display: block, whether it's men-menu or normal-menu-* 8925 let navElement = document.querySelector('nav.header__inline-menu[style="display: block;"]'); 8926 8927 if (navElement) { 8928 // Dynamically get the relevant class ('men-menu' or the one that starts with 'normal-menu-') 8929 let element1 = navElement.className 8930 .split(' ') 8931 .find((cls) => cls === 'men-menu' || cls.startsWith('normal-menu-a')); 8932 if (element1) { 8933 let mousehover = '.header__inline-menu.' + element1; 8934 8935 // Query all <details> elements within the matching nav element 8936 let items = document.querySelector(mousehover).querySelectorAll('details'); 8937 8938 items.forEach((item) => { 8939 item.addEventListener('mouseover', () => { 8940 item.setAttribute('open', true); 8941 item.querySelector('ul').addEventListener('mouseleave', () => { 8942 item.removeAttribute('open'); 8943 }); 8944 }); 8945 8946 item.addEventListener('mouseleave', () => { 8947 item.removeAttribute('open'); 8948 }); 8949 }); 8950 8951 // Remove the script tag after it runs to ensure it executes only once 8952 document.querySelector('script').remove(); 8953 } 8954 } 8955 } 8956 8957 // Run the function to initialize menu when the page loads 8958 window.addEventListener('DOMContentLoaded', initializeMenu); 8959 8960 document.querySelectorAll('.toggle-button').forEach((button) => { 8961 button.addEventListener('click', function () { 8962 const nearestDetails = button.closest('details'); 8963 if (nearestDetails) { 8964 if (nearestDetails.hasAttribute('open')) { 8965 nearestDetails.removeAttribute('open'); 8966 } else { 8967 nearestDetails.setAttribute('open', 'value'); 8968 } 8969 } 8970 }); 8971 }); 8972</script>
8972 8973 8974 8975
8975<script> 8976 var jsonData = JSON.parse("{\n\"women\": {\n\"last chance\": \"#ff0000\",\n \"gifts ð\": \"#f8003c\"\n}\n}"); 8977 function toLowerCaseKeys(obj) { 8978 return Object.keys(obj).reduce((acc, key) => { 8979 acc[key.toLowerCase()] = typeof obj[key] === "object" ? toLowerCaseKeys(obj[key]) : obj[key]; 8980 return acc; 8981 }, {}); 8982 } 8983 jsonData = toLowerCaseKeys(jsonData); 8984 8985 document.addEventListener("DOMContentLoaded", function() { 8986 var level1Links = document.querySelectorAll('.normal-menu-a .mega-menu__link--level-1'); 8987 var level2Links = document.querySelectorAll('.normal-menu-a .mega-menu__link--level-2'); 8988 var level3Links = document.querySelectorAll('.normal-menu-a [data-nav-level="3"] .mega-menu__link'); 8989 8990 level1Links.forEach(function(link) { 8991 var linkTitle = link.textContent.trim().toLowerCase(); // Convert to lowercase 8992 8993 if (jsonData["women"] && jsonData["women"][linkTitle]) { 8994 var colorOrObject = jsonData["women"][linkTitle]; 8995 8996 if (typeof colorOrObject === "string") { 8997 link.style.setProperty("color", colorOrObject, "important"); // Change the color of level 1 with !important 8998 } else if (colorOrObject["_self"]) { 8999 link.style.setProperty("color", colorOrObject["_self"], "important"); // Color defined in "_self" with !important 9000 } 9001 9002 level2Links.forEach(function(link2) { 9003 var parentItem = link2.closest('[data-nav-level="1"]'); 9004 if (parentItem && parentItem.contains(link)) { 9005 var linkTitle2 = link2.textContent.trim().toLowerCase(); // Convert to lowercase 9006 9007 if (jsonData["women"][linkTitle][linkTitle2]) { 9008 var colorOrObject = jsonData["women"][linkTitle][linkTitle2]; 9009 9010 if (typeof colorOrObject === "string") { 9011 link2.style.setProperty("color", colorOrObject, "important"); // Change the color of level 2 with !important 9012 } else if (colorOrObject["_self"]) { 9013 link2.style.setProperty("color", colorOrObject["_self"], "important"); // Color defined in "_self" with !important 9014 } 9015 link2.style.borderBottom = "1px solid #000"; 9016 9017 level3Links.forEach(function(link3) { 9018 var parentLevel2 = link3.closest('[data-nav-level="2"]'); 9019 if (parentLevel2 && parentLevel2.contains(link2)) { 9020 var linkTitle3 = link3.textContent.trim().toLowerCase(); // Convert to lowercase 9021 9022 if (jsonData["women"][linkTitle][linkTitle2][linkTitle3]) { 9023 link3.style.setProperty("color", jsonData["women"][linkTitle][linkTitle2][linkTitle3], "important"); 9024 } 9025 } 9026 }); 9027 } 9028 } 9029 }); 9030 } 9031 }); 9032 }); 9033 </script>
9033 9034 9035 9036 9037 9038 9039 9040 9041 9042 9043 9044 9045<nav 9046 aria-label="Navigation Menu" 9047 9048 class="header__inline-menu normal-menu-a" style="display: none;" 9049 9050 data-main-menu 9051> 9052 <ul class="list-menu list-menu--inline" role="list" id="AccessibleNav"> 9053 9054 <li data-nav-level="1" data-nav-title="New In"><header-menu> 9055 <details id="Details-HeaderMenu-1" class="mega-menu"> 9056 <summary 9057 id="HeaderMenu-new-in" 9058 class="header__menu-item list-menu__item link focus-inset" 9059 > 9060 <span 9061 > 9062 <a 9063 class="mega-menu__link--level-1 " 9064 href="/collections/whats-new" 9065 >New In</a> 9066 </span> 9067 9068 9069 <button 9070 class="toggle-button" 9071 aria-controls="new-in_1_megamenu" 9072 aria-expanded="false" 9073 > 9074 <!-- 9075 <span class="icon-caret-down" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"/></svg></span> 9076 --> 9077 <span class="sr-only">New In submenu</span> 9078 </button> 9079 <span class="toggleItem level2"> </span> 9080 </summary> 9081 <div 9082 id="MegaMenu-Content-1" 9083 class="mega-menu__content color-scheme-1 gradient motion-reduce global-settings-popup" 9084 tabindex="-1" 9085 > 9086 <div class="mega-menu__content-wrapper"> 9087 <ul 9088 class="mega-menu__list page-width mega-menu__content--left" 9089 role="list" 9090 > 9091 9092 9093 <li data-nav-level="2" data-nav-title="New In" ><a 9094 id="HeaderMenu-new-in-new-in" 9095 href="https://stevemadden.co.uk/collections/whats-new" aria-label="Translation missing: en.customer.shop New In" 9096 class="mega-menu__link mega-menu__link--level-2 link" 9097 9098 > 9099 New In 9100 </a><ul class="list-unstyled" role="list"><li data-nav-level="3" data-nav-title="All New In"> 9101 <a 9102 id="HeaderMenu-new-in-new-in-all-new-in" 9103 href="/collections/whats-new" 9104 class="mega-menu__link link" 9105 9106 > 9107 All New In 9108 </a> 9109 </li><li data-nav-level="3" data-nav-title="New In Bags"> 9110 <a 9111 id="HeaderMenu-new-in-new-in-new-in-bags" 9112 href="/collections/whats-new-bags" 9113 class="mega-menu__link link" 9114 9115 > 9116 New In Bags 9117 </a> 9118 </li><li data-nav-level="3" data-nav-title="New In Shoes"> 9119 <a 9120 id="HeaderMenu-new-in-new-in-new-in-shoes" 9121 href="https://stevemadden.co.uk/collections/whats-new-womens" 9122 class="mega-menu__link link" 9123 9124 > 9125 New In Shoes 9126 </a> 9127 </li></ul></li> 9128 9129 9130 9131 9132 <li data-nav-level="2" data-nav-title="New In PROMO IMAGE" class="mega_menu_image"><a href="https://stevemadden.co.uk/collections/whats-new" aria-label="Translation missing: en.customer.shop New In"> 9133 <img 9134 class="megaMenu_image" 9135 src="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/SM_MENU_ADS.psdNEW_IN.jpg?v=1787130717" 9136 alt="" 9137 width="auto" 9138 height="auto" 9139 loading="lazy" 9140 > 9141 </a><a 9142 id="HeaderMenu-new-in-https-cdn-shopify-com-s-files-1-0083-3903-0082-files-sm_menu_ads-psdne
9142w_in-jpg-v-1787130717" 9143 href="https://stevemadden.co.uk/collections/whats-new" aria-label="Translation missing: en.customer.shop New In" 9144 class="mega-menu__link mega-menu__link--level-2 link hide" 9145 9146 > 9147 https://cdn.shopify.com/s/files/1/0083/3903/0082/files/SM_MENU_ADS.psdNEW_IN.jpg?v=1787130717 9148 </a></li> 9149 9150</ul> 9151 </div> 9152 </div> 9153 </details> 9154 </header-menu></li> 9155 9156 9157 9158 9159 9160 <li data-nav-level="1" data-nav-title="Women's"><header-menu> 9161 <details id="Details-HeaderMenu-2" class="mega-menu"> 9162 <summary 9163 id="HeaderMenu-womens" 9164 class="header__menu-item list-menu__item link focus-inset" 9165 > 9166 <span 9167 class="header__active-menu-item" 9168 9169 > 9170 <a 9171 class="mega-menu__link--level-1 " 9172 href="/collections/womens-shoes" 9173 >Women's</a> 9174 </span> 9175 9176 9177 <button 9178 class="toggle-button" 9179 aria-controls="womens_2_megamenu" 9180 aria-expanded="false" 9181 > 9182 <!-- 9183 <span class="icon-caret-down" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"/></svg></span> 9184 --> 9185 <span class="sr-only">Women's submenu</span> 9186 </button> 9187 <span class="toggleItem level2"> </span> 9188 </summary> 9189 <div 9190 id="MegaMenu-Content-2" 9191 class="mega-menu__content color-scheme-1 gradient motion-reduce global-settings-popup" 9192 tabindex="-1" 9193 > 9194 <div class="mega-menu__content-wrapper"> 9195 <ul 9196 class="mega-menu__list page-width mega-menu__content--left" 9197 role="list" 9198 > 9199 9200 9201 <li data-nav-level="2" data-nav-title="Women's" ><a 9202 id="HeaderMenu-womens-womens" 9203 href="/collections/womens-shoes" aria-label="Translation missing: en.customer.shop Women's" 9204 class="mega-menu__link mega-menu__link--level-2 link" 9205 9206 > 9207 Women's 9208 </a><ul class="list-unstyled" role="list"><li data-nav-level="3" data-nav-title="All Shoes "> 9209 <a 9210 id="HeaderMenu-womens-womens-all-shoes" 9211 href="/collections/womens-shoes" 9212 class="mega-menu__link link" 9213 9214 > 9215 All Shoes 9216 </a> 9217 </li><li data-nav-level="3" data-nav-title="Bestsellers"> 9218 <a 9219 id="HeaderMenu-womens-womens-bestsellers" 9220 href="https://stevemadden.co.uk/collections/bestsellers" 9221 class="mega-menu__link link" 9222 9223 > 9224 Bestsellers 9225 </a> 9226 </li><li data-nav-level="3" data-nav-title="Boots"> 9227 <a 9228 id="HeaderMenu-womens-womens-boots" 9229 href="/collections/boots" 9230 class="mega-menu__link link" 9231 9232 > 9233 Boots 9234 </a> 9235 </li><li data-nav-level="3" data-nav-title="Heels"> 9236 <a 9237 id="HeaderMenu-womens-womens-heels" 9238 href="/collections/heels" 9239 class="mega-menu__link link" 9240 9241 > 9242 Heels 9243 </a> 9244 </li><li data-nav-level="3" data-nav-title="Trainers "> 9245 <a 9246 id="HeaderMenu-womens-womens-trainers" 9247 href="/collections/womens-trainers" 9248 class="mega-menu__link link" 9249 9250 > 9251 Trainers 9252 </a> 9253 </li><li data-nav-level="3" data-nav-title="Loafers & Flats"> 9254 <a 9255 id="HeaderMenu-womens-womens-loafers-flats" 9256 href="/collections/flat-shoes" 9257 class="mega-menu__link link" 9258 9259 > 9260 Loafers & Flats 9261 </a> 9262 </li><li data-nav-level="3" data-nav-title="Sandals"> 9263 <a 9264 id="HeaderMenu-womens-womens-sandals" 9265 href="/collections/sandals" 9266 class="mega-menu__link link" 9267 9268 > 9269 Sandals 9270 </a> 9271 </li><li data-nav-level="3" data-nav-title="Wedges"> 9272 <a 9273 id="HeaderMenu-womens-womens-wedges" 9274 href="https://stevemadden.co.uk/collections/wedge-sandals" 9275 class="mega-menu__link link" 9276 9277 > 9278 Wedges 9279 </a> 9280 </li></ul></li> 9281 9282 9283 9284 9285 <li data-nav-level="2" data-nav-title="Trending" ><a 9286 id="HeaderMenu-womens-trending" 9287 href="https://stevemadden.co.uk/collections/womens-shoes" aria-label="Translation missing: en.customer.shop Women's" 9288 class="mega-menu__link mega-menu__link--level-2 link" 9289 9290 > 9291 Trending 9292 </a><ul class="list-unstyled" role="list"><li data-nav-level="3" data-nav-title="Split Toe"> 9293 <a 9294 id="HeaderMenu-womens-trending-split-toe" 9295 href="https://stevemadden.co.uk/collections/split-toe" 9296 class="mega-menu__link link" 9297 9298 > 9299 Split Toe 9300 </a> 9301 </li><li data-nav-level="3" data-nav-title="Ballet"> 9302 <a 9303 id="HeaderMenu-womens-trending-ballet" 9304 href="/collections/ballet" 9305 class="mega-menu__link link" 9306 9307 > 9308 Ballet 9309 </a> 9310 </li><li data-nav-level="3" data-nav-title="Metallic Edit"> 9311 <a 9312 id="HeaderMenu-womens-trending-metallic-edit" 9313 href="/collections/the-metallic-edit" 9314 class="mega-menu__link link" 9315 9316 > 9317 Metallic Edit 9318 </a> 9319 </li><li data-nav-level="3" data-nav-title="Animal Print"> 9320 <a 9321 id="HeaderMenu-womens-trending-animal-print" 9322 href="/collections/animal" 9323 class="mega-menu__link link" 9324 9325 > 9326 Animal Print 9327 </a> 9328 </li><li data-nav-level="3" data-nav-title="Comfy"> 9329 <a 9330 id="HeaderMenu-womens-trending-comfy" 9331 href="/collections/the-comfy-edit" 9332 class="mega-menu__link link" 9333 9334 > 9335 Comfy 9336 </a> 9337 </li></ul></li> 9338 9339 9340 9341 9342 <li data-nav-level="2" data-nav-title="Gift Card" ><a 9343 id="HeaderMenu-womens-gift-card" 9344 href="/products/giftcard" aria-label="Translation missing: en.customer.shop Women's" 9345 class="mega-menu__link mega-menu__link--level-2 link mega-menu__link--active" 9346 9347 aria-current="page" 9348 9349 > 9350 Gift Card 9351 </a><ul class="list-unstyled" role="list"><li data-nav-level="3" data-nav-title="Shop Gift Card"> 9352 <a 9353 id="HeaderMenu-womens-gift-card-shop-gift-card" 9354 href="/products/giftcard" 9355 class="mega-menu__link link mega-menu__link--active" 9356 9357 aria-current="page" 9358 9359 > 9360 Shop Gift Card 9361 </a> 9362 </li></ul></li> 9363 9364 9365 9366 9367 <li data-nav-level="2" data-nav-title="Women's PROMO IMAGE" class="mega_menu_image"><a href="https://stevemadden.co.uk/collections/womens-shoes" aria-label="Translation missing: en.customer.shop Women's"> 9368 <img 9369 class="megaMenu_image" 9370 src="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/SM_MENU_ADS.psdWOMENS.jpg?v=1787130718" 9371 alt="" 9372 width="auto" 9373 height="auto" 9374 loading="lazy" 9375 > 9376 </a><a 9377 id="HeaderMenu-womens-https-cdn-shopify-com-s-files-1-0083-3903-0082-files-sm_menu_ads-psdwomens-jpg-v-1787130718" 9378 href="https://stevemadden.co.uk/collections/womens-shoes" aria-label="Translation missing: en.customer.shop Women's" 9379 class="mega-menu__link mega-menu__link--level-2 link hide" 9380 9381 > 9382 https://cdn.shopify.com/s/files/1/0083/3903/0082/files/SM_MENU_ADS.psdWOMENS.jpg?v=1787130718 9383 </a></li> 9384 9385</ul> 9386 </div> 9387 </div> 9388 </details> 9389 </header-menu></li> 9390 9391 9392 9393 9394 9395 <li data-nav-level="1" data-nav-title="Bags"><header-menu> 9396 <details id="Details-HeaderMenu-3" class="mega-menu"> 9397 <summary 9398 id="HeaderMenu-bags" 9399 class="header__menu-item list-menu__item link focus-inset" 9400 >
9401 <span 9402 class="header__active-menu-item" 9403 9404 > 9405 <a 9406 class="mega-menu__link--level-1 " 9407 href="/collections/bags" 9408 >Bags</a> 9409 </span> 9410 9411 9412 <button 9413 class="toggle-button" 9414 aria-controls="bags_3_megamenu" 9415 aria-expanded="false" 9416 > 9417 <!-- 9418 <span class="icon-caret-down" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"/></svg></span> 9419 --> 9420 <span class="sr-only">Bags submenu</span> 9421 </button> 9422 <span class="toggleItem level2"> </span> 9423 </summary> 9424 <div 9425 id="MegaMenu-Content-3" 9426 class="mega-menu__content color-scheme-1 gradient motion-reduce global-settings-popup" 9427 tabindex="-1" 9428 > 9429 <div class="mega-menu__content-wrapper"> 9430 <ul 9431 class="mega-menu__list page-width mega-menu__content--left" 9432 role="list" 9433 > 9434 9435 9436 <li data-nav-level="2" data-nav-title="Bags" ><a 9437 id="HeaderMenu-bags-bags" 9438 href="/collections/bags" aria-label="Translation missing: en.customer.shop Bags" 9439 class="mega-menu__link mega-menu__link--level-2 link" 9440 9441 > 9442 Bags 9443 </a><ul class="list-unstyled" role="list"><li data-nav-level="3" data-nav-title="All Bags"> 9444 <a 9445 id="HeaderMenu-bags-bags-all-bags" 9446 href="/collections/bags" 9447 class="mega-menu__link link" 9448 9449 > 9450 All Bags 9451 </a> 9452 </li><li data-nav-level="3" data-nav-title="Totes"> 9453 <a 9454 id="HeaderMenu-bags-bags-totes" 9455 href="https://stevemadden.co.uk/collections/totes" 9456 class="mega-menu__link link" 9457 9458 > 9459 Totes 9460 </a> 9461 </li><li data-nav-level="3" data-nav-title="Clutches"> 9462 <a 9463 id="HeaderMenu-bags-bags-clutches" 9464 href="https://stevemadden.co.uk/collections/clutches" 9465 class="mega-menu__link link" 9466 9467 > 9468 Clutches 9469 </a> 9470 </li><li data-nav-level="3" data-nav-title="Shoulder Bags"> 9471 <a 9472 id="HeaderMenu-bags-bags-shoulder-bags" 9473 href="/collections/shoulder-bags" 9474 class="mega-menu__link link" 9475 9476 > 9477 Shoulder Bags 9478 </a> 9479 </li></ul></li> 9480 9481 9482 9483 9484 <li data-nav-level="2" data-nav-title="Gift Card" ><a 9485 id="HeaderMenu-bags-gift-card" 9486 href="/products/giftcard" aria-label="Translation missing: en.customer.shop Bags" 9487 class="mega-menu__link mega-menu__link--level-2 link mega-menu__link--active" 9488 9489 aria-current="page" 9490 9491 > 9492 Gift Card 9493 </a><ul class="list-unstyled" role="list"><li data-nav-level="3" data-nav-title="Shop Gift Card"> 9494 <a 9495 id="HeaderMenu-bags-gift-card-shop-gift-card" 9496 href="/products/giftcard" 9497 class="mega-menu__link link mega-menu__link--active" 9498 9499 aria-current="page" 9500 9501 > 9502 Shop Gift Card 9503 </a> 9504 </li></ul></li> 9505 9506 9507 9508 9509 <li data-nav-level="2" data-nav-title="Bags PROMO IMAGE" class="mega_menu_image"><a href="https://stevemadden.co.uk/collections/bags" aria-label="Translation missing: en.customer.shop Bags"> 9510 <img 9511 class="megaMenu_image" 9512 src="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/SM_MENU_ADS.psdBAGS.jpg?v=1787130717" 9513 alt="" 9514 width="auto" 9515 height="auto" 9516 loading="lazy" 9517 > 9518 </a><a 9519 id="HeaderMenu-bags-https-cdn-shopify-com-s-files-1-0083-3903-0082-files-sm_menu_ads-psdbags-jpg-v-1787130717" 9520 href="https://stevemadden.co.uk/collections/bags" aria-label="Translation missing: en.customer.shop Bags" 9521 class="mega-menu__link mega-menu__link--level-2 link hide" 9522 9523 > 9524 https://cdn.shopify.com/s/files/1/0083/3903/0082/files/SM_MENU_ADS.psdBAGS.jpg?v=1787130717 9525 </a></li> 9526 9527</ul> 9528 </div> 9529 </div> 9530 </details> 9531 </header-menu></li> 9532 9533 9534 9535 9536 9537 <li data-nav-level="1" data-nav-title="Bridal"><header-menu> 9538 <details id="Details-HeaderMenu-4" class="mega-menu"> 9539 <summary
9540 id="HeaderMenu-bridal" 9541 class="header__menu-item list-menu__item link focus-inset" 9542 > 9543 <span 9544 > 9545 <a 9546 class="mega-menu__link--level-1 " 9547 href="https://stevemadden.co.uk/collections/bridal" 9548 >Bridal</a> 9549 </span> 9550 9551 9552 <button 9553 class="toggle-button" 9554 aria-controls="bridal_4_megamenu" 9555 aria-expanded="false" 9556 > 9557 <!-- 9558 <span class="icon-caret-down" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"/></svg></span> 9559 --> 9560 <span class="sr-only">Bridal submenu</span> 9561 </button> 9562 <span class="toggleItem level2"> </span> 9563 </summary> 9564 <div 9565 id="MegaMenu-Content-4" 9566 class="mega-menu__content color-scheme-1 gradient motion-reduce global-settings-popup" 9567 tabindex="-1" 9568 > 9569 <div class="mega-menu__content-wrapper"> 9570 <ul 9571 class="mega-menu__list page-width mega-menu__content--left" 9572 role="list" 9573 > 9574 9575 9576 <li data-nav-level="2" data-nav-title="Bridal" ><a 9577 id="HeaderMenu-bridal-bridal" 9578 href="https://stevemadden.co.uk/collections/bridal" aria-label="Translation missing: en.customer.shop Bridal" 9579 class="mega-menu__link mega-menu__link--level-2 link" 9580 9581 > 9582 Bridal 9583 </a><ul class="list-unstyled" role="list"><li data-nav-level="3" data-nav-title="Bridal Shoes"> 9584 <a 9585 id="HeaderMenu-bridal-bridal-bridal-shoes" 9586 href="/collections/bridal" 9587 class="mega-menu__link link" 9588 9589 > 9590 Bridal Shoes 9591 </a> 9592 </li><li data-nav-level="3" data-nav-title="Bridesmaid"> 9593 <a 9594 id="HeaderMenu-bridal-bridal-bridesmaid" 9595 href="/collections/bridesmaid" 9596 class="mega-menu__link link" 9597 9598 > 9599 Bridesmaid 9600 </a> 9601 </li><li data-nav-level="3" data-nav-title="Bride To Be"> 9602 <a 9603 id="HeaderMenu-bridal-bridal-bride-to-be" 9604 href="/collections/bride-to-be" 9605 class="mega-menu__link link" 9606 9607 > 9608 Bride To Be 9609 </a> 9610 </li><li data-nav-level="3" data-nav-title="Wedding Guest"> 9611 <a 9612 id="HeaderMenu-bridal-bridal-wedding-guest" 9613 href="/collections/wedding-guest-shoes" 9614 class="mega-menu__link link" 9615 9616 > 9617 Wedding Guest 9618 </a> 9619 </li></ul></li> 9620 9621 9622 9623 9624 <li data-nav-level="2" data-nav-title="Bridal PROMO IMAGE" class="mega_menu_image"><a href="https://stevemadden.co.uk/collections/bridal" aria-label="Translation missing: en.customer.shop Bridal"> 9625 <img 9626 class="megaMenu_image" 9627 src="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/MADDEN_MENU_ADS_ONEBRIDAL.jpg?v=1787130718" 9628 alt="" 9629 width="auto" 9630 height="auto" 9631 loading="lazy" 9632 > 9633 </a><a
9634 id="HeaderMenu-bridal-https-cdn-shopify-com-s-files-1-0083-3903-0082-files-madden_menu_ads_onebridal-jpg-v-1787130718" 9635 href="https://stevemadden.co.uk/collections/bridal" aria-label="Translation missing: en.customer.shop Bridal" 9636 class="mega-menu__link mega-menu__link--level-2 link hide" 9637 9638 > 9639 https://cdn.shopify.com/s/files/1/0083/3903/0082/files/MADDEN_MENU_ADS_ONEBRIDAL.jpg?v=1787130718 9640 </a></li> 9641 9642</ul> 9643 </div> 9644 </div> 9645 </details> 9646 </header-menu></li> 9647 9648 9649 9650 9651 9652 <li data-nav-level="1" data-nav-title="Men's"><header-menu> 9653 <details id="Details-HeaderMenu-5" class="mega-menu"> 9654 <summary 9655 id="HeaderMenu-mens" 9656 class="header__menu-item list-menu__item link focus-inset" 9657 > 9658 <span 9659 > 9660 <a 9661 class="mega-menu__link--level-1 " 9662 href="https://stevemadden.co.uk/collections/mens-shoes" 9663 >Men's</a> 9664 </span> 9665 9666 9667 <button 9668 class="toggle-button" 9669 aria-controls="mens_5_megamenu" 9670 aria-expanded="false" 9671 > 9672 <!-- 9673 <span class="icon-caret-down" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"/></svg></span> 9674 --> 9675 <span class="sr-only">Men's submenu</span> 9676 </button> 9677 <span class="toggleItem level2"> </span> 9678 </summary> 9679 <div 9680 id="MegaMenu-Content-5" 9681 class="mega-menu__content color-scheme-1 gradient motion-reduce global-settings-popup" 9682 tabindex="-1" 9683 > 9684 <div class="mega-menu__content-wrapper"> 9685 <ul 9686 class="mega-menu__list page-width mega-menu__content--left" 9687 role="list" 9688 > 9689 9690 9691 <li data-nav-level="2" data-nav-title="Men's" ><a 9692 id="HeaderMenu-mens-mens" 9693 href="https://stevemadden.co.uk/collections/mens-shoes" aria-label="Translation missing: en.customer.shop Men's" 9694 class="mega-menu__link mega-menu__link--level-2 link" 9695 9696 > 9697 Men's 9698 </a><ul class="list-unstyled" role="list"><li data-nav-level="3" data-nav-title="All Men's"> 9699 <a 9700 id="HeaderMenu-mens-mens-all-mens" 9701 href="https://stevemadden.co.uk/collections/mens-shoes" 9702 class="mega-menu__link link" 9703 9704 > 9705 All Men's 9706 </a> 9707 </li><li data-nav-level="3" data-nav-title="Boots"> 9708 <a 9709 id="HeaderMenu-mens-mens-boots" 9710 href="/collections/mens-boots" 9711 class="mega-menu__link link" 9712 9713 > 9714 Boots 9715 </a> 9716 </li><li data-nav-level="3" data-nav-title="Trainers"> 9717 <a 9718 id="HeaderMenu-mens-mens-trainers" 9719 href="https://stevemadden.co.uk/collections/mens-trainers" 9720 class="mega-menu__link link" 9721 9722 > 9723 Trainers 9724 </a> 9725 </li><li data-nav-level="3" data-nav-title="Sandals"> 9726 <a 9727 id="HeaderMenu-mens-mens-sandals" 9728 href="https://stevemadden.co.uk/collections/mens-slides" 9729 class="mega-menu__link link" 9730 9731 > 9732 Sandals 9733 </a> 9734 </li><li data-nav-level="3" data-nav-title="Dress Shoes"> 9735 <a 9736 id="HeaderMenu-mens-mens-dress-shoes" 9737 href="https://stevemadden.co.uk/collections/mens-loafers" 9738 class="mega-menu__link link" 9739 9740 > 9741 Dress Shoes 9742 </a> 9743 </li></ul></li> 9744 9745 9746 9747 9748 <li data-nav-level="2" data-nav-title="Men's PROMO IMAGE" class="mega_menu_image"><a href="https://stevemadden.co.uk/collections/mens-shoes" aria-label="Translation missing: en.customer.shop Men's"> 9749 <img 9750 class="megaMenu_image" 9751 src="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/SM_MENU_ADS.psdMENS.jpg?v=1787130719" 9752 alt="" 9753 width="auto" 9754 height="auto" 9755 loading="lazy" 9756 > 9757 </a><a 9758 id="HeaderMenu-mens-https-cdn-shopify-com-s-files-1-0083-3903-0082-files-sm_menu_ads-psdmens-jpg-v-1787130719" 9759 href="https://stevemadden.co.uk/collections/mens-shoes" aria-label="Translation missing: en.customer.shop Men's" 9760 class="mega-menu__link mega-menu__link--level-2 link hide" 9761 9762 > 9763 https://cdn.shopify.com/s/files/1/0083/3903/0082/files/SM_MENU_ADS.psdMENS.jpg?v=1787130719 9764 </a></li> 9765 9766</ul> 9767 </div> 9768 </div> 9769 </details> 9770 </header-menu></li> 9771 9772 9773 9774 9775 9776 <li data-nav-level="1" data-nav-title="Offers"><header-menu> 9777 <details id="Details-HeaderMenu-6" class="mega-menu"> 9778 <summary 9779 id="HeaderMenu-offers" 9780 class="header__menu-item list-menu__item link focus-inset" 9781 >
9782 <span 9783 > 9784 <a 9785 class="mega-menu__link--level-1 " 9786 href="https://stevemadden.co.uk/collections/seasonal-offers" 9787 >Offers</a> 9788 </span> 9789 9790 9791 <button 9792 class="toggle-button" 9793 aria-controls="offers_6_megamenu" 9794 aria-expanded="false" 9795 > 9796 <!-- 9797 <span class="icon-caret-down" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"/></svg></span> 9798 --> 9799 <span class="sr-only">Offers submenu</span> 9800 </button> 9801 <span class="toggleItem level2"> </span> 9802 </summary> 9803 <div 9804 id="MegaMenu-Content-6" 9805 class="mega-menu__content color-scheme-1 gradient motion-reduce global-settings-popup" 9806 tabindex="-1" 9807 > 9808 <div class="mega-menu__content-wrapper"> 9809 <ul 9810 class="mega-menu__list page-width mega-menu__content--left" 9811 role="list" 9812 > 9813 9814 9815 <li data-nav-level="2" data-nav-title="Offers" ><a 9816 id="HeaderMenu-offers-offers" 9817 href="https://stevemadden.co.uk/collections/seasonal-offers" aria-label="Translation missing: en.customer.shop Offers" 9818 class="mega-menu__link mega-menu__link--level-2 link" 9819 9820 > 9821 Offers 9822 </a><ul class="list-unstyled" role="list"><li data-nav-level="3" data-nav-title="Autumn Offers"> 9823 <a 9824 id="HeaderMenu-offers-offers-autumn-offers" 9825 href="https://stevemadden.co.uk/collections/autumn-offers" 9826 class="mega-menu__link link" 9827 9828 > 9829 Autumn Offers 9830 </a> 9831 </li><li data-nav-level="3" data-nav-title="Shoes"> 9832 <a 9833 id="HeaderMenu-offers-offers-shoes" 9834 href="https://stevemadden.co.uk/collections/seasonal-offers-shoes" 9835 class="mega-menu__link link" 9836 9837 > 9838 Shoes 9839 </a> 9840 </li><li data-nav-level="3" data-nav-title="Bags"> 9841 <a 9842 id="HeaderMenu-offers-offers-bags" 9843 href="https://stevemadden.co.uk/collections/seasonal-offers-bags" 9844 class="mega-menu__link link" 9845 9846 > 9847 Bags 9848 </a> 9849 </li><li data-nav-level="3" data-nav-title="Heels"> 9850 <a 9851 id="HeaderMenu-offers-offers-heels" 9852 href="https://stevemadden.co.uk/collections/seasonal-offers-heels" 9853 class="mega-menu__link link" 9854 9855 > 9856 Heels 9857 </a> 9858 </li><li data-nav-level="3" data-nav-title="Trainers"> 9859 <a 9860 id="HeaderMenu-offers-offers-trainers" 9861 href="https://stevemadden.co.uk/collections/seasonal-offers-trainers" 9862 class="mega-menu__link link" 9863 9864 > 9865 Trainers 9866 </a> 9867 </li><li data-nav-level="3" data-nav-title="Flats"> 9868 <a 9869 id="HeaderMenu-offers-offers-flats" 9870 href="https://stevemadden.co.uk/collections/seasonal-offers-flats" 9871 class="mega-menu__link link" 9872 9873 > 9874 Flats 9875 </a> 9876 </li><li data-nav-level="3" data-nav-title="Sandals "> 9877 <a 9878 id="HeaderMenu-offers-offers-sandals" 9879 href="https://stevemadden.co.uk/collections/seasonal-offers-sandals" 9880 class="mega-menu__link link" 9881 9882 > 9883 Sandals 9884 </a> 9885 </li><li data-nav-level="3" data-nav-title="Boots"> 9886 <a 9887 id="HeaderMenu-offers-offers-boots" 9888 href="https://stevemadden.co.uk/collections/seasonal-offers-boots" 9889 class="mega-menu__link link" 9890 9891 > 9892 Boots 9893 </a> 9894 </li><li data-nav-level="3" data-nav-title="Men's"> 9895 <a 9896 id="HeaderMenu-offers-offers-mens" 9897 href="https://stevemadden.co.uk/collections/mens-seasonal-offers" 9898 class="mega-menu__link link" 9899 9900 > 9901 Men's 9902 </a> 9903 </li></ul></li> 9904 9905 9906 9907 9908 <li data-nav-level="2" data-nav-title="Shop By Size" ><a 9909 id="HeaderMenu-offers-shop-by-size" 9910 href="https://stevemadden.co.uk/collections/seasonal-offers" aria-label="Translation missing: en.customer.shop Offers" 9911 class="mega-menu__link mega-menu__link--level-2 link" 9912 9913 > 9914 Shop By Size 9915 </a><ul class="list-unstyled" role="list"><li data-nav-level="3" data-nav-title="Size 3"> 9916 <a 9917 id="HeaderMenu-offers-shop-by-size-size-3" 9918 href="https://stevemadden.co.uk/collections/seasonal-offers?filters=Size,UK+3" 9919 class="mega-menu__link link" 9920 9921 > 9922 Size 3 9923 </a> 9924 </li><li data-nav-level="3" data-nav-title="Size 4"> 9925 <a 9926 id="HeaderMenu-offers-shop-by-size-size-4" 9927 href="https://stevemadden.co.uk/collections/seasonal-offers?filters=Size,UK+4" 9928 class="mega-menu__link link" 9929 9930 > 9931 Size 4 9932 </a> 9933 </li><li data-nav-level="3" data-nav-title="Size 5"> 9934 <a 9935 id="HeaderMenu-offers-shop-by-size-size-5" 9936 href="https://stevemadden.co.uk/collections/seasonal-offers?filters=Size,UK+5" 9937 class="mega-menu__link link" 9938 9939 > 9940 Size 5 9941 </a> 9942 </li><li data-nav-level="3" data-nav-title="Size 6"> 9943 <a 9944 id="HeaderMenu-offers-shop-by-size-size-6" 9945 href="https://stevemadden.co.uk/collections/seasonal-offers?filters=Size,UK+6" 9946 class="mega-menu__link link" 9947 9948 > 9949 Size 6 9950 </a> 9951 </li><li data-nav-level="3" data-nav-title="Size 7"> 9952 <a 9953 id="HeaderMenu-offers-shop-by-size-size-7" 9954 href="https://stevemadden.co.uk/collections/seasonal-offers?filters=Size,UK+7" 9955 class="mega-menu__link link" 9956 9957 > 9958 Size 7 9959 </a> 9960 </li><li data-nav-level="3" data-nav-title="Size 8"> 9961 <a 9962 id="HeaderMenu-offers-shop-by-size-size-8" 9963 href="https://stevemadden.co.uk/collections/seasonal-offers?filters=Size,UK+8" 9964 class="mega-menu__link link" 9965 9966 > 9967 Size 8 9968 </a> 9969 </li><li data-nav-level="3" data-nav-title="Size 9"> 9970 <a 9971 id="HeaderMenu-offers-shop-by-size-size-9" 9972 href="https://stevemadden.co.uk/collections/seasonal-offers?filters=Size,UK+9" 9973 class="mega-menu__link link" 9974 9975 > 9976 Size 9 9977 </a> 9978 </li></ul></li> 9979 9980 9981 9982 9983 <li data-nav-level="2" data-nav-title="Offers PROMO IMAGE" class="mega_menu_image"><a href="https://stevemadden.co.uk/collections/seasonal-offers" aria-label="Translation missing: en.customer.shop Offers"> 9984 <img 9985 class="megaMenu_image" 9986 src="https://cdn.shopify.com/s/files/1/0083/3903/0082/files/OFFERS_MENU_AD_MADDEN.jpg?v=1786951452" 9987 alt="" 9988 width="auto" 9989 height="auto" 9990 loading="lazy" 9991 > 9992 </a><a 9993 id="HeaderMenu-offers-https-cdn-shopify-com-s-files-1-0083-3903-0082-files-offers_menu_ad_madden-jpg-v-1786951452" 9994 href="https://stevemadden.co.uk/collections/seasonal-offers" aria-label="Translation missing: en.customer.shop Offers" 9995 class="mega-menu__link mega-menu__link--level-2 link hide" 9996 9997 > 9998 https://cdn.shopify.com/s/files/1/0083/3903/0082/files/OFFERS_MENU_AD_MADDEN.jpg?v=1786951452 9999 </a></li> 10000 10001</ul> 10002 </div> 10003 </div> 10004 </details> 10005 </header-menu></li> 10006 10007 10008 10009</ul> 10010</nav> 10011
10012<script> 10013 // Function to initialize event listeners 10014 function initializeMenu() { 10015 // Select the nav element that has display: block, whether it's men-menu or normal-menu-* 10016 let navElement = document.querySelector('nav.header__inline-menu[style="display: block;"]'); 10017 10018 if (navElement) { 10019 // Dynamically get the relevant class ('men-menu' or the one that starts with 'normal-menu-') 10020 let element1 = navElement.className 10021 .split(' ') 10022 .find((cls) => cls === 'men-menu' || cls.startsWith('normal-menu-a')); 10023 if (element1) { 10024 let mousehover = '.header__inline-menu.' + element1; 10025 10026 // Query all <details> elements within the matching nav element 10027 let items = document.querySelector(mousehover).querySelectorAll('details'); 10028 10029 items.forEach((item) => { 10030 item.addEventListener('mouseover', () => { 10031 item.setAttribute('open', true); 10032 item.querySelector('ul').addEventListener('mouseleave', () => { 10033 item.removeAttribute('open'); 10034 }); 10035 }); 10036 10037 item.addEventListener('mouseleave', () => { 10038 item.removeAttribute('open'); 10039 }); 10040 }); 10041 10042 // Remove the script tag after it runs to ensure it executes only once 10043 document.querySelector('script').remove(); 10044 } 10045 } 10046 } 10047 10048 // Run the function to initialize menu when the page loads 10049 window.addEventListener('DOMContentLoaded', initializeMenu); 10050 10051 document.querySelectorAll('.toggle-button').forEach((button) => { 10052 button.addEventListener('click', function () { 10053 const nearestDetails = button.closest('details'); 10054 if (nearestDetails) { 10055 if (nearestDetails.hasAttribute('open')) { 10056 nearestDetails.removeAttribute('open'); 10057 } else { 10058 nearestDetails.setAttribute('open', 'value'); 10059 } 10060 } 10061 }); 10062 }); 10063</script>
10063 10064 10065 10066
10066<script> 10067 var jsonData = JSON.parse("{\n\"women\": {\n\"last chance\": \"#ff0000\",\n \"gifts ð\": \"#f8003c\"\n}\n}"); 10068 function toLowerCaseKeys(obj) { 10069 return Object.keys(obj).reduce((acc, key) => { 10070 acc[key.toLowerCase()] = typeof obj[key] === "object" ? toLowerCaseKeys(obj[key]) : obj[key]; 10071 return acc; 10072 }, {}); 10073 } 10074 jsonData = toLowerCaseKeys(jsonData); 10075 10076 document.addEventListener("DOMContentLoaded", function() { 10077 var level1Links = document.querySelectorAll('.normal-menu-a .mega-menu__link--level-1'); 10078 var level2Links = document.querySelectorAll('.normal-menu-a .mega-menu__link--level-2'); 10079 var level3Links = document.querySelectorAll('.normal-menu-a [data-nav-level="3"] .mega-menu__link'); 10080 10081 level1Links.forEach(function(link) { 10082 var linkTitle = link.textContent.trim().toLowerCase(); // Convert to lowercase 10083 10084 if (jsonData["women"] && jsonData["women"][linkTitle]) { 10085 var colorOrObject = jsonData["women"][linkTitle]; 10086 10087 if (typeof colorOrObject === "string") { 10088 link.style.setProperty("color", colorOrObject, "important"); // Change the color of level 1 with !important 10089 } else if (colorOrObject["_self"]) { 10090 link.style.setProperty("color", colorOrObject["_self"], "important"); // Color defined in "_self" with !important 10091 } 10092 10093 level2Links.forEach(function(link2) { 10094 var parentItem = link2.closest('[data-nav-level="1"]'); 10095 if (parentItem && parentItem.contains(link)) { 10096 var linkTitle2 = link2.textContent.trim().toLowerCase(); // Convert to lowercase 10097 10098 if (jsonData["women"][linkTitle][linkTitle2]) { 10099 var colorOrObject = jsonData["women"][linkTitle][linkTitle2]; 10100 10101 if (typeof colorOrObject === "string") { 10102 link2.style.setProperty("color", colorOrObject, "important"); // Change the color of level 2 with !important 10103 } else if (colorOrObject["_self"]) { 10104 link2.style.setProperty("color", colorOrObject["_self"], "important"); // Color defined in "_self" with !important 10105 } 10106 link2.style.borderBottom = "1px solid #000"; 10107 10108 level3Links.forEach(function(link3) { 10109 var parentLevel2 = link3.closest('[data-nav-level="2"]'); 10110 if (parentLevel2 && parentLevel2.contains(link2)) { 10111 var linkTitle3 = link3.textContent.trim().toLowerCase(); // Convert to lowercase 10112 10113 if (jsonData["women"][linkTitle][linkTitle2][linkTitle3]) { 10114 link3.style.setProperty("color", jsonData["women"][linkTitle][linkTitle2][linkTitle3], "important"); 10115 } 10116 } 10117 }); 10118 } 10119 } 10120 }); 10121 } 10122 }); 10123 }); 10124 </script>
10124 10125 10126 10127 10128 10129 10130 10131 10132<div class="header__icons header__icons--localization header-localization"> 10133 10134 <div class="desktop-localization-wrapper"> 10135</div> 10136 10137 10138 10139 10140 10141 <a href="/account/login" class="header__icon header__icon--account link focus-inset small-hide" aria-label="Steve Madden Account"> 10142 10143 <svg role="img" aria-label="user" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 10144 <title id="accountid">Steve Madden Account</title> 10145 <circle cx="12" cy="12" r="10" stroke="black" stroke-width="1.5"/> 10146 <path d="M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z" stroke="black" stroke-width="1.5"/> 10147 <path d="M6 18C6 15.7909 7.79086 14 10 14H14C16.2091 14 18 15.7909 18 18" stroke="black" stroke-width="1.5"/> 10148 </svg> 10149 10150 <span class="visually-hidden">Log in</span> 10151 </a> 10152 10153 10154 10155 10156 10157 10158 10159 10160 10161 10162 <!-- <form class="search" action="/pages/search-results"> 10163 <input type="text" placeholder="Search..." name="q" /> 10164 <input type="submit" value="Search" /> 10165 </form> --> 10166 10167 10168 <a href="/search" class="header__icon desktop header__icon--search link focus-inset"> 10169 <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="magnifying-glass" class="svg-inline--fa fa-magnifying-glass search-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-hookid="globalHeaderSearchIconSVG"><path fill="currentColor" d="M384 208A176 176 0 1 0 32 208a176 176 0 1 0 352 0zM343.3 366C307 397.2 259.7 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 51.7-18.8 99-50 135.3L507.3 484.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L343.3 366z"></path></svg> 10170</a> 10171 10172 10173 <div class="header-search-new"> 10174 <div class="header-search__overlay"></div> 10175 <search-form class="search-modal__form"> 10176 <form action="/search" method="get" role="search" class="search"> 10177 <div class="header__field"> 10178 <input 10179 class="search__inputs field__input header_field__input fast-autocomplete fast-autocomplete-input" 10180 id="Search-In-Modal" 10181 type="search" 10182 name="q" 10183 value="" 10184 placeholder="Search Steve Madden..."role="combobox" 10185 aria-expanded="false" 10186 aria-owns="predictive-search-results" 10187 aria-controls="predictive-search-results" 10188 aria-haspopup="listbox" 10189 aria-autocomplete="list" 10190 autocorrect="off" 10191 autocomplete="off" 10192 autocapitalize="off" 10193 spellcheck="false"> 10194 <button type="reset" class="clear">Clear</button> 10195 <button type="submit" class="search__submit field__button" aria-label="Translation missing: en.general.search.submit"> 10196 <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="magnifying-glass" class="svg-inline--fa fa-magnifying-glass " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M384 208A176 176 0 1 0 32 208a176 176 0 1 0 352 0zM343.3 366C307 397.2 259.7 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 51.7-18.8 99-50 135.3L507.3 484.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L343.3 366z"></path></svg> 10197 </button> 10198 10199 <input type="hidden" name="options[prefix]" value="last"> 10200 <button 10201 type="button" 10202 class="reset__button field__button" 10203 aria-label="Clear search term" 10204 > 10205 <svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="xmark" class="svg-inline--fa fa-xmark " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M324.5 411.1c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L214.6 256 347.1 123.5c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L192 233.4 59.6 100.9c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L169.4 256 36.9 388.5c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L192 278.6 324.5 411.1z"></path></svg> 10206 </button> 10207 </div> 10208 </form> 10209 </search-form> 10210</div> 10211 10212 10213 10214<style> 10215 10216.field:hover.field:after, .select:hover.select:after, .select__select:hover.select__select:after, .customer .field:hover.field:after, .customer select:hover.select:after, .localization-form__select:hover.localization-form__select:after{ 10217 box-shadow: none !important; 10218} 10219 10220.field:after, .select:after, .customer .field:after, .customer select:after, .localization-form__select:after { 10221 box-shadow: none !important; 10222} 10223 10224.header__icon svg{
10225 width: 20px; 10226 height: 20px; 10227} 10228 10229@media (min-width: 1025px) { 10230 /* SEARCH MODAL WRAPPER */ 10231 .header-search-new { 10232 position: fixed; 10233 top: 50%; 10234 left: 50%; 10235 width: 100%; 10236 transform: translate(-50%, -50%); 10237 background: rgba(0,0,0,0.25); 10238 height: 100%; 10239 display: none; 10240 z-index: 99; 10241 } 10242 10243 .header-search-new.open { 10244 display: block; 10245 } 10246 10247 /* OVERLAY */ 10248 .header-search-new .header-search__overlay { 10249 position: absolute; 10250 width: 100vw; 10251 height: 100vh; 10252 } 10253 10254 /* FORM CONTAINER */ 10255 search-form.search-modal__form { 10256 position: absolute; 10257 top: 34rem; 10258 left: 50%; 10259 transform: translate(-50%, -50%); 10260 padding: 32px; 10261 background: #fff; 10262 width: calc(70% + 64px); 10263 max-width: unset; 10264 } 10265 10266 /* INPUT WRAPPER */ 10267 .header__field { 10268 display: flex; 10269 align-items: center; 10270 position: relative; 10271 } 10272 10273 /* INPUT */ 10274 input.field__input.header_field__input { 10275 width: 100%; 10276 border: none; 10277 border-bottom: 1px solid #000 !important; 10278 padding: 10px 0 !important; 10279 font-size: 14px; 10280 background: transparent; 10281 outline: none; 10282 } 10283 10284 /* PLACEHOLDER */ 10285 input.field__input.header_field__input::placeholder { 10286 font-size: 14px; 10287 letter-spacing: 0; 10288 } 10289 10290 /* SEARCH ICON */ 10291 .search__button { 10292 background: none; 10293 border: none; 10294 cursor: pointer; 10295 } 10296 10297 /* RESET BUTTON */ 10298 search-form.search-modal__form .reset__button { 10299 position: absolute; 10300 top: 10px; 10301 right: 10px; 10302 background: none; 10303 border: none; 10304 } 10305 10306 search-form.search-modal__form { 10307 position: absolute; 10308 top: 34rem; 10309 left: 50%; 10310 transform: translate(-50%, -50%); 10311 padding: 32px; 10312 background: white; 10313 width: calc(70% + 64px); 10314 max-width: unset; 10315 } 10316 10317 .search.search-modal__form.fast-simon-form { 10318 max-width: unset; 10319 } 10320 10321 search-form.search-modal__form input.field__input.header_field__input { 10322 top: 0; 10323 height: auto; 10324 padding: 10px 0 !important; 10325 border: none; 10326 border-bottom: 1px solid #000 !important; 10327 font-family: "AkzidenzGroteskBE", sans-serif !important; 10328 letter-spacing: 0; 10329 } 10330 10331 search-form.search-modal__form input.field__input.header_field__input::placeholder { 10332 font-family: "AkzidenzGroteskBE", sans-serif !important; 10333 letter-spacing: 0 !important; 10334 font-size: 14px !important; 10335 } 10336 10337 /* SVG ICON */ 10338 .search__button svg { 10339 width: 20px; 10340 height: 20px; 10341 } 10342} 10343 search-form.search-modal__form input.field__input.header_field__input { 10344 border: none; 10345 border-bottom: 1px solid #000 !important; 10346 } 10347 button.search__submit.field__button { 10348 position: absolute; 10349 top: 54%; 10350 transform: translateY(-50%); 10351 right: 30px; 10352 width: 20px; 10353 height: 20px; 10354 } 10355 10356 .clear { 10357 text-transform: uppercase; 10358 position: absolute; 10359 right: 60px; 10360 top: 55%; 10361 transform: translateY(-50%); 10362 background: none; 10363 border: none; 10364 font-size: 12px; 10365 cursor: pointer; 10366 text-decoration: underline; 10367 font-weight: 400; 10368 letter-spacing: 0; 10369 font-family: AkzidenzGroteskBE, sans-serif; 10370 } 10371 @media (min-width: 1025px) { 10372 search-form.search-modal__form .reset__button { 10373 top: -25px; 10374 right: -30px; 10375 } 10376 search-form.search-modal__form { 10377 max-width: 1400px !important; 10378 } 10379 } 10380 10381 @media (max-width: 1380px) { 10382 .search-form.search-modal__form { 10383 top: 18rem; 10384 } 10385 } 10386 10387 @media (max-width: 1024px) { 10388 .header-search-new { 10389 position: fixed; 10390 top: 82px; 10391 right: 0; 10392 width: 100vw; 10393 background: white; 10394 padding: 32px 16px; 10395 display: none; 10396 z-index: 99; 10397 } 10398 10399 .header-search-new.open { 10400 display: block; 10401 } 10402 10403 button.reset__button.field__button { 10404 display: block; 10405 top: 10px; 10406 right: 10px; 10407 } 10408 10409 search-form.search-modal__form input.field__input.header_field__input { 10410 top: 0; 10411 height: auto; 10412 padding: 10px 0 !important; 10413 border-bottom: 1px solid #000 !important; 10414 font-family: "AkzidenzGroteskBE", sans-serif !important; 10415 letter-spacing: 0; 10416 } 10417 button.reset__button.field__button { 10418 display: block; 10419 top: 40%; 10420 right: 6px; 10421 } 10422 button.search__submit.field__button { 10423 position: absolute; 10424 top: 51%; 10425 transform: translateY(-50%); 10426 right: 65px; 10427 width: 18px; 10428 height: 20px; 10429 } 10430 .header__field .clear { 10431 right: 95px; 10432 top: 51%; 10433 } 10434 } 10435 10436</style> 10437 10438 10439
10440<script> 10441 document.querySelectorAll('.header__icon--search').forEach((el) => { 10442 el.addEventListener('click', function(event){ 10443 event.preventDefault(); // prevents redirect 10444 10445 document.querySelector('.header-search-new').classList.toggle('open'); 10446 document.body.classList.toggle('overflow-hidden-true'); 10447 10448 const searchInput = document.querySelector('.fast-autocomplete-input'); 10449 setTimeout(() => { 10450 searchInput?.focus(); 10451 }, 100); 10452 }); 10453 }); 10454 10455 document.querySelector('.header-search__overlay').addEventListener('click', function(){ 10456 document.querySelector('.header-search-new').classList.remove('open'); 10457 document.querySelector('body').classList.remove('overflow-hidden-true'); 10458 document.querySelector('html').click(); 10459 }) 10460 console.log("click to close the modal"); 10461 document.querySelectorAll('.reset__button').forEach((el) => { 10462 el.addEventListener('click', function(){ 10463 console.log("close the modal"); 10464 document.querySelector('.header-search-new').classList.remove('open'); 10465 document.querySelector('body').classList.remove('overflow-hidden-true'); 10466 document.querySelector('html').click(); 10467 }); 10468 }) 10469</script>
10469 10470 10471 10472 10473 10474 <span class="wishlist_head_btn header__icon"> 10475 10476 <a href="/pages/swym-wishlist" class="swym-wishlist"> 10477 10478 <svg role="img" aria-labelledby="wishlist" width="20" height="20" viewBox="0 0 58 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 10479 <title id="wishlist">Steve Madden Wishlist</title> 10480 <path d="M5.63747 23.7137C1.13036 18.9494 0.952763 13.0229 4.32511 7.8987C7.45008 3.15049 13.2205 0.837292 18.7502 2.58057L18.9312 2.63974C20.0075 3.01418 21.6726 4.09294 23.3884 5.39385C24.8326 6.48884 26.133 7.60008 26.8363 8.21648L28.6704 9.87595L30.8405 8.04434C31.6264 7.36893 32.9193 6.28916 34.3193 5.24778C36.0298 3.97556 37.6508 2.95266 38.6716 2.62174C44.17 0.839938 49.9198 3.07281 53.0858 7.74618L53.3179 8.09951C56.5534 13.1668 56.3342 18.989 51.9154 23.6882L28.7393 44.6275C21.6835 38.3896 9.06859 27.1399 5.63747 23.7137Z" fill="#C4C4C4" stroke="black" stroke-width="4"/> 10481 </svg> 10482 </a> 10483 </span> 10484 10485 10486 10487 10488 10489 10490 10491 <a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble" aria-label="Steve Madden Shopping Cart"> 10492 10493 10494 <svg role="img" aria-label="cart link" width="24" height="24" viewBox="0 0 80 76" fill="none" xmlns="http://www.w3.org/2000/svg"> 10495 <title id="cartid">Steve Madden Shopping Cart</title> 10496 <path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 24H0V76H80V24H56C55.3333 16 51.2707 0 41 0C29 0 25.5 16.5 24.5 24ZM4 28V72H76V28H4ZM52 24H29C30.1667 16.5 34.5 4 41 4C46.5 4 51 16 52 24Z" fill="black"></path> 10497 </svg> 10498 10499 10500 10501<div class="cart-count-bubble"> 10502 <span aria-hidden="true">0</span> 10503 <span class="visually-hidden">0 items</span> 10504 </div></a> 10505 </div> 10506 10507 </header> 10508 10509 10510</sticky-header> 10511
10512<script type="application/ld+json"> 10513 { 10514 "@context": "http://schema.org", 10515 "@type": "Organization", 10516 "url": "stevemadden.co.uk", 10517 "sameAs": [ 10518 "", 10519 "", 10520 "", 10521 "https:\/\/www.instagram.com\/stevemaddenuk", 10522 "https:\/\/www.tiktok.com\/@stevemaddenuk", 10523 "", 10524 "", 10525 "", 10526 "" 10527 ], 10528 10529 "name": "Steve Madden UK", 10530 "description": "âFree shipping over £100 âFast delivery ", 10531 "email": "[email protected]", 10532 "telephone": "02075461881", 10533 "address": { 10534 "@type": "PostalAddress", 10535 "streetAddress": "24 Britton Street", 10536 "addressLocality": "London", 10537 "addressCountry": "United Kingdom", 10538 "addressRegion": "England", 10539 "postalCode": "EC1M 5UA" 10540 }, 10541 "vatID": "", 10542 "iso6523Code": "" 10543 } 10544</script>
10544 10545
10546<script> 10547 document.addEventListener("DOMContentLoaded", function(event) { 10548 // Flag to track if the menu is loaded 10549 var is_menu_load = 0; 10550 // Collection and menu handles 10551 var col_handle = ''; 10552 var men_handle = ''; 10553 // Event listener for men menu 10554 var menMenuLink = document.querySelector("a.men_menu_below"); 10555 if (menMenuLink) { 10556 menMenuLink.addEventListener("click", function(event) { 10557 event.preventDefault(); // Prevent the default link behavior 10558 // Set localStorage and redirect 10559 localStorage.setItem('men-menu', 'Yes'); 10560 var url = menMenuLink.getAttribute('href'); 10561 window.location.href = url; 10562 }); 10563 } 10564 10565 }); 10566 10567 (function() { 10568 // Logic to show the correct menu based on localStorage value and URL 10569 var menMenuActive = localStorage.getItem('men-menu') === 'Yes'; 10570 if (menMenuActive) { 10571 if (window.location.href.indexOf('collection') > -1 || window.location.href.indexOf('/pages/mens') > -1) { 10572 document.querySelector('[data-main-menu].men-menu').style.display = 'block'; 10573 document.querySelector('[data-main-menu].normal-menu-a').style.display = 'none'; 10574 } else { 10575 document.querySelector('[data-main-menu].men-menu').style.display = 'none'; 10576 document.querySelector('[data-main-menu].normal-menu-a').style.display = 'block'; 10577 } 10578 } else { 10579 document.querySelector('[data-main-menu].men-menu').style.display = 'none'; 10580 document.querySelector('[data-main-menu].normal-menu-a').style.display = 'block'; 10581 } 10582 })(); 10583</script>
10583</div> 10584<!-- END sections: header-group --> 10585 10586 10587 10588 10589 10590 10591 <main id="MainContent" class="content-for-layout focus-none main-pdp-custom " role="main" tabindex="-1"> 10592 10593 <div id="shopify-section-template--27271378010492__product_page_alpine_8wikf4" class="shopify-section">
10593<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/alp-wishlist.js?v=31696377844425629071784621636" defer></script>
vendor: 1 bytes, line 10593
10593
10594<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/alp-lightbox.js?v=71271779453800473361784621634" defer></script>
10594 10595 <link href="//stevemadden.co.uk/cdn/shop/t/961/assets/tailwind.css?v=2518694855947505151784621657" rel="stylesheet" type="text/css" media="all" />
10596<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/alp-atc.js?v=71547173662854927101784621631" defer></script>
vendor: 1 bytes, line 10596
10596
10597<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/alp-cart.js?v=85786252445276562861786360325" defer></script>
10597<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/alp-scope.js?v=57295002417161878901784621635" defer></script>
10597<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/alpine-intersect.min.js?v=101178934790783697991784621638" defer></script>
vendor: 1 bytes, line 10597
10597
10598<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/alpine-collapse.min.js?v=38976290738791269941784621637" defer></script>
vendor: 1 bytes, line 10598
10598
10599<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/alpine-focus.min.js?v=161806488358657222091784621637" defer></script>
vendor: 1 bytes, line 10599
10599
10600<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/alpine.min.js?v=70506988278036066701784621639" defer></script>
10600 10601<style>[x-cloak]{display:none !important;}</style> 10602<div x-data="{ open: false }" class="alpine-product-container grid md:grid-cols-2 grid-cols-1 gap-0 pb-10"> 10603 <div id="shopify-block-AVUY2Z2lOUkFOeGNpc__container_column_CHwHhh" class="shopify-block w-full product-column-container"><div id="shopify-block-AQ29qdmlmTUsvVzA4M__container_7KXWy7" class="shopify-block w-full"><div style="gap: 0px; 10604 " 10605 class="flex flex-row flex-nowrap justify-start items-start " 10606 > 10607 <div id="shopify-block-Ab3FoY1lxejJLZmNkc__breadcrumbs_LVwP8P" class="shopify-block dv-absolute dv-top-2 dv-left-2 dv-w-full z-10"><div class="flex items-center gap-4 w-fit px-4 sm-hidden md:sm-flex"> 10608 10609 <a href="/collections/all" class="text-xs text-gray-700 sm-font-sans uppercase underline">Products</a> 10610 10611 <span class="text-xs text-gray-700 sm-font-sans">/</span> 10612 <span 10613 class="text-xs text-gray-700 sm-font-sans uppercase" 10614 x-text="$store.product.title" 10615 >STEVE MADDEN UK DIGITAL GIFT CARD</span> 10616</div> 10617 10618 10619</div> 10620 10621</div> 10622 10623<style data-shopify> 10624 10625 10626 10627 #shopify-block-AQ29qdmlmTUsvVzA4M__container_7KXWy7 { 10628 padding: 0; 10629 } 10630 10631 10632 @media (min-width: 768px){ 10633 #shopify-block-AQ29qdmlmTUsvVzA4M__container_7KXWy7 { 10634 padding: 0; 10635 } 10636 } 10637 10638 10639 @media (max-width: 767px) { 10640 #shopify-block-AQ29qdmlmTUsvVzA4M__container_7KXWy7 { display: none !important; } 10641 } 10642 10643 10644 10645</style> 10646 10647 10648 10649</div> 10650<div id="shopify-block-Aaysvb2ZWWitGSk5qd__gallery_geRxeU" class="shopify-block relative"> 10651 10652 10653 10654 10655 10656<style> 10657 .product-pdp-video video { 10658 object-fit: cover; 10659 } 10660</style> 10661 10662<div id="gallery-scroll-Aaysvb2ZWWitGSk5qd__gallery_geRxeU"> 10663 <div 10664 class="relative transition-opacity duration-300 opacity-100" 10665 x-data="{ 10666 ready: false, 10667 index: 0, 10668 canLeft: false, 10669 canRight: false, 10670 update() { 10671 const el = this.$refs.scroller; 10672 if (!el) return; 10673 const w = el.clientWidth; 10674 if (w > 0) this.index = Math.round(el.scrollLeft / w); 10675 const desktop = window.matchMedia('(min-width: 768px)').matches; 10676 const canScroll = el.scrollWidth > el.clientWidth + 1; 10677 this.canLeft = desktop && canScroll && el.scrollLeft > 1; 10678 this.canRight = desktop && canScroll && el.scrollLeft < el.scrollWidth - el.clientWidth - 1; 10679 }, 10680 scrollByDir(dir) { 10681 const el = this.$refs.scroller; 10682 if (el) el.scrollBy({ left: el.clientWidth * 0.5 * dir, behavior: 'smooth' }); 10683 }, 10684 openLightbox(id) { 10685 const imgs = this.$store.product.galleryMedia.filter(x => x.type === 'image'); 10686 const i = imgs.findIndex(x => x.id === id); 10687 this.$store.lightbox.show(imgs, Math.max(0, i)); 10688 }, 10689 toggleVideo(e) { 10690 const v = e.currentTarget; 10691 if (v.paused) v.play(); else v.pause(); 10692 }, 10693 playAll() { 10694 this.$el.querySelectorAll('video').forEach(v => { 10695 v.muted = true; 10696 const p = v.play(); 10697 if (p && p.catch) p.catch(() => {}); 10698 }); 10699 }, 10700 init() { 10701 this.$nextTick(async () => { this.ready = true; this.update(); this.playAll(); }); 10702 } 10703 }" 10704 x-effect="$store.product.galleryMedia.length; $nextTick(() => { const el = $refs.scroller; if (el) el.scrollLeft = 0; index = 0; update(); playAll(); })" 10705 @resize.window.debounce.100ms="update()" 10706 > 10707 <div x-ref="scroller" @scroll="update" class="gallery-scroller relative flex overflow-x-auto snap-x snap-mandatory gap-0 scrollbar-hide md:grid md:grid-cols-2 md:gap-1 lg:max-h-[100vh] md:max-h-[60vh] md:overflow-y-auto md:overflow-x-hidden"><div x-show="!ready" class="contents"><div class="min-w-full h-auto shrink-0 snap-center aspect-[1/1] md:min-w-0 md:shrink md:snap-align-none bg-[rgb(240,240,240)] cursor-pointer"> 10708 <img class="w-full h-full object-contain transition-opacity duration-200" 10709 src="//stevemadden.co.uk/cdn/shop/files/DigitalGiftCard-2_1.png?v=1704279165&width=1200" 10710 srcset="//stevemadden.co.uk/cdn/shop/files/DigitalGiftCard-2_1.png?v=1704279165&width=360 360w, //stevemadden.co.uk/cdn/shop/files/DigitalGiftCard-2_1.png?v=1704279165&width=540 540w, //stevemadden.co.uk/cdn/shop/files/DigitalGiftCard-2_1.png?v=1704279165&width=720 720w, //stevemadden.co.uk/cdn/shop/files/DigitalGiftCard-2_1.png?v=1704279165&width=960 960w, //stevemadden.co.uk/cdn/shop/files/DigitalGiftCard-2_1.png?v=1704279165&width=1200 1200w, //stevemadden.co.uk/cdn/shop/files/DigitalGiftCard-2_1.png?v=1704279165&width=1600 1600w" 10711 sizes="(min-width: 768px) 28vw, 100vw" 10712 alt="STEVE MADDEN UK DIGITAL GIFT CARD" 10713 loading="eager" 10714 fetchpriority="high" 10715 decoding="async" 10716 width="1000" height="1000"> 10717 </div><div class="min-w-full h-auto shrink-0 snap-center aspect-[1/1] md:min-w-0 md:shrink md:snap-align-none bg-[rgb(240,240,240)] cursor-pointer"> 10718 <img class="w-full h-full object-contain transition-opacity duration-200" 10719 src="//stevemadden.co.uk/cdn/shop/files/DigitalGiftCard-1.png?v=1704279165&width=1200" 10720 srcset="//stevemadden.co.uk/cdn/shop/files/DigitalGiftCard-1.png?v=1704279165&width=360 360w, //stevemadden.co.uk/cdn/shop/files/DigitalGiftCard-1.png?v=1704279165&width=540 540w, //stevemadden.co.uk/cdn/shop/files/DigitalGiftCard-1.png?v=1704279165&width=720 720w, //stevemadden.co.uk/cdn/shop/files/DigitalGiftCard-1.png?v=1704279165&width=960 960w, //stevemadden.co.uk/cdn/shop/files/DigitalGiftCard-1.png?v=1704279165&width=1200 1200w, //stevemadden.co.uk/cdn/shop/files/DigitalGiftCard-1.png?v=1704279165&width=1600 1600w" 10721 sizes="(min-width: 768px) 28vw, 100vw" 10722 alt="STEVE MADDEN UK DIGITAL GIFT CARD" 10723 loading="lazy" 10724 fetchpriority="auto" 10725 decoding="async" 10726 width="1000" height="1000"> 10727 </div><div class="min-w-full h-auto shrink-0 snap-center aspect-[1/1] md:min-w-0 md:shrink md:snap-align-none bg-[rgb(240,240,240)] cursor-pointer"> 10728 <img class="w-full h-full object-contain transition-opacity duration-200" 10729 src="//stevemadden.co.uk/cdn/shop/files/OPT1FRONT_2x_c618f343-c234-4091-bd48-f
107291d5f5b5a67c.png?v=1704279166&width=1200" 10730 srcset="//stevemadden.co.uk/cdn/shop/files/OPT1FRONT_2x_c618f343-c234-4091-bd48-f1d5f5b5a67c.png?v=1704279166&width=360 360w, //stevemadden.co.uk/cdn/shop/files/OPT1FRONT_2x_c618f343-c234-4091-bd48-f1d5f5b5a67c.png?v=1704279166&width=540 540w, //stevemadden.co.uk/cdn/shop/files/OPT1FRONT_2x_c618f343-c234-4091-bd48-f1d5f5b5a67c.png?v=1704279166&width=720 720w, //stevemadden.co.uk/cdn/shop/files/OPT1FRONT_2x_c618f343-c234-4091-bd48-f1d5f5b5a67c.png?v=1704279166&width=960 960w, //stevemadden.co.uk/cdn/shop/files/OPT1FRONT_2x_c618f343-c234-4091-bd48-f1d5f5b5a67c.png?v=1704279166&width=1200 1200w, //stevemadden.co.uk/cdn/shop/files/OPT1FRONT_2x_c618f343-c234-4091-bd48-f1d5f5b5a67c.png?v=1704279166&width=1600 1600w" 10731 sizes="(min-width: 768px) 28vw, 100vw" 10732 alt="STEVE MADDEN UK DIGITAL GIFT CARD" 10733 loading="lazy" 10734 fetchpriority="auto" 10735 decoding="async" 10736 width="2282" height="1536"> 10737 </div></div><div x-show="ready" x-cloak class="contents"> 10738 <template x-for="(m, i) in $store.product.galleryMedia" :key="m.id"> 10739 <div class="min-w-full h-auto shrink-0 snap-center aspect-[1/1] md:min-w-0 md:shrink md:snap-align-none bg-[rgb(240,240,240)] cursor-pointer" 10740 > 10741 <template x-if="m.type === 'image'"> 10742 <img class="w-full h-full object-contain transition-opacity duration-200" @click="openLightbox(m.id)" 10743 :src="m.src" :srcset="m.srcset" sizes="(min-width: 768px) 28vw, 100vw" 10744 :alt="m.alt" :loading="i === 0 ? 'eager': 'lazy';" decoding="async" 10745 width="800" height="1000" :width="m.width" :height="m.height"> 10746 </template> 10747 <template x-if="m.type === 'video'"> 10748 <video class="w-full h-full object-contain transition-opacity duration-200" @click="toggleVideo($event)" 10749 x-init="$el.muted = true; const p = $el.play(); if (p && p.catch) p.catch(() => {})" 10750 :src="m.sources && m.sources[0] && m.sources[0].url" :poster="m.poster" 10751 autoplay muted loop playsinline preload="auto" 10752 :width="m.width" :height="m.height"></video> 10753 </template> 10754 <template x-if="m.type === 'pdp_video'"> 10755 <div 10756 class="w-full h-full product-pdp-video" 10757 > 10758 10759 <template x-if="m.videoType === 'file'"> 10760 <video 10761 class="w-full h-full object-contain transition-opacity duration-200" 10762 :src="m.sources && m.sources[0] && m.sources[0].url" 10763 :poster="m.poster" 10764 autoplay 10765 muted 10766 loop 10767 playsinline 10768 controls 10769 preload="metadata" 10770 :width="m.width" 10771 :height="m.height"> 10772 </video> 10773 </template> 10774 10775 <div 10776 x-show="m.videoType === 'wistia'" 10777 x-ref="wistiaContainer" 10778 class="w-full h-full" 10779 x-init=" 10780 $nextTick(() => { 10781 if (m.videoType !== 'wistia') return; 10782 10783 customElements.whenDefined('wistia-player').then(() => { 10784 const container = $refs.wistiaContainer; 10785 10786 if (!container) return; 10787 10788 // Avoid creating duplicate players 10789 if (container.querySelector('wistia-player')) return; 10790 10791 const player = document.createElement('wistia-player'); 10792 10793 player.setAttribute('media-id', m.externalId); 10794 player.setAttribute('aspect', '0.8'); 10795 player.setAttribute('autoplay', ''); 10796 player.setAttribute('muted', ''); 10797 10798 player.style.width = '100%'; 10799 player.style.height = '100%'; 10800 player.style.display = 'block'; 10801 container.appendChild(player); 10802 setTimeout(() => { 10803 if (player.state === 'beforeplay') { 10804 player.play().catch(error => { 10805 console.error('Wistia play error:', error); 10806 }); 10807 } 10808 }, 500); 10809 }); 10810 }); 10811 "> 10812 </div> 10813 10814 <template x-if="m.videoType === 'external'"> 10815 <div 10816 class="w-full h-full" 10817 x-html="m.externalSource"> 10818 </div> 10819 </template> 10820 10821 </div> 10822 </template> 10823 </div> 10824 </template> 10825 </div> 10826 </div> 10827 10828 <a 10829 id="stylitics-wear-btn" 10830 href="#stylitics-widget-container" 10831 class="pdp-shop-wear desktopOnly hide" 10832 aria-label="Wear it with..." 10833 >
10834 <span class="wear-btn-label">WEAR IT WITHâ¦</span> 10835 <span class="wear-btn-circle"> 10836 <svg class="wear-btn-arrow" width="18" height="18" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 10837 <path d="M10 3v11M5 9l5 5 5-5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 10838 </svg> 10839 </span> 10840 </a><div x-show="!ready" class="flex justify-center gap-2 py-3 md:hidden absolute bottom-0 left-1/2 -translate-x-1/2"><span class="block w-2 h-2 rounded-full transition-colors duration-200 bg-gray-800"></span><span class="block w-2 h-2 rounded-full transition-colors duration-200 bg-gray-300"></span><span class="block w-2 h-2 rounded-full transition-colors duration-200 bg-gray-300"></span></div> 10841 <div x-show="ready" x-cloak class="flex justify-center gap-2 py-3 md:hidden absolute bottom-0 left-1/2 -translate-x-1/2"> 10842 <template x-for="(m, i) in $store.product.galleryMedia" :key="'dot-' + m.id"> 10843 <span class="block w-2 h-2 rounded-full transition-colors duration-200" 10844 :class="i === index ? 'bg-gray-800' : 'bg-gray-300'"></span> 10845 </template> 10846 </div> 10847 </div> 10848 10849 <div> 10850 10851 </div><template x-teleport="body"> 10852 <div 10853 x-data="{ 10854 index: 0, 10855 get lb() { return this.$store.lightbox; }, 10856 sync() { 10857 const t = this.$refs.track; 10858 if (!t || !t.clientWidth) return; 10859 this.index = Math.round(t.scrollLeft / t.clientWidth); 10860 }, 10861 go(dir) { 10862 const t = this.$refs.track; 10863 if (t) t.scrollBy({ left: t.clientWidth * dir, behavior: 'smooth' }); 10864 }, 10865 onOpen() { 10866 document.body.style.overflow = 'hidden'; 10867 this.$nextTick(() => { 10868 const t = this.$refs.track; 10869 if (!t) return; 10870 this.index = this.lb.startIndex; 10871 t.scrollLeft = this.lb.startIndex * t.clientWidth; 10872 }); 10873 }, 10874 onClose() { document.body.style.overflow = ''; } 10875 }" 10876 x-effect="lb.open ? onOpen() : onClose()" 10877 x-show="lb.open" 10878 x-trap.inert="lb.open" 10879 x-cloak 10880 x-transition.opacity.duration.200ms 10881 @keydown.escape.window="lb.open && lb.close()" 10882 @keydown.arrow-left.window="lb.open && go(-1)" 10883 @keydown.arrow-right.window="lb.open && go(1)" 10884 role="dialog" 10885 aria-modal="true" 10886 :aria-label="lb.title || 'Image viewer'" 10887 class="fixed inset-0 z-[100] bg-black/95 flex flex-col" 10888 > 10889 <button @click="lb.close()" aria-label="Close" 10890 class="absolute top-4 right-4 z-10 w-10 h-10 flex items-center justify-center text-white/70 hover:text-white transition-colors"> 10891 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M5 5l10 10M15 5L5 15"/></svg> 10892 </button> 10893 10894 <span x-show="lb.images.length > 1" 10895 class="absolute top-4 left-1/2 -translate-x-1/2 z-10 text-xs text-white/50 tracking-widest tabular-nums sm-font-sans"> 10896 <span x-text="index + 1"></span> / <span x-text="lb.images.length"></span> 10897 </span> 10898 10899 <span x-show="lb.title" x-text="lb.title" 10900 class="absolute top-4 left-4 z-10 text-xs text-white/70 tracking-widest uppercase sm-font-sans truncate max-w-[50%]"></span> 10901 10902 <button @click="go(-1)" x-show="index > 0" aria-label="Previous image" 10903 class="hidden md:flex absolute left-4 top-1/2 -translate-y-1/2 z-10 w-12 h-12 items-center justify-center rounded-full bg-white/10 text-white/80 hover:bg-white/20 hover:text-white transition-colors"> 10904 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M15 18l-6-6 6-6"/></svg> 10905 </button> 10906 <button @click="go(1)" x-show="index < lb.images.length - 1" aria-label="Next image" 10907 class="hidden md:flex absolute right-4 top-1/2 -translate-y-1/2 z-10 w-12 h-12 items-center justify-center rounded-full bg-white/10 text-white/80 hover:bg-white/20 hover:text-white transition-colors"> 10908 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M9 6l6 6-6 6"/></svg> 10909 </button> 10910 10911 <div x-ref="track" @scroll.passive="sync()" @click.self="lb.close()" 10912 class="flex-1 flex overflow-x-auto snap-x snap-mandatory scrollbar-hide" style="scrollbar-width:none"> 10913 <template x-for="(img, i) in lb.images" :key="i"> 10914 <div class="w-full h-auto md:h-full shrink-0 snap-center flex items-center justify-center p-4" @click.self="lb.close()"> 10915 <img :src="img.src" :srcset="img.srcset || ''" sizes="100vw" :alt="img.alt || ''" 10916 width="800" height="1000" :width="img.width" :height="img.height" 10917 draggable="false" class="max-w-full max-h-full object-contain select-none"> 10918 </div> 10919 </template> 10920 </div> 10921 </div> 10922</template> 10923</div> 10924 10925<style data-shopify> 10926 @media (min-width: 768px) {#shopify-block-Aaysvb2ZWWitGSk5qd__gallery_geRxeU { 10927 grid-area: gallery; 10928 }#gallery-scroll-Aaysvb2ZWWitGSk5qd__gallery_geRxeU .gallery-scroller { 10929 scrollbar-width: thin; 10930 scrollbar-color: #e3e3e3 transparent; 10931 } 10932 #gallery-scroll-Aaysvb2ZWWitGSk5qd__gallery_geRxeU .gallery-scroller::-webkit-scrollbar { display: block; width: 3px; } 10933 #gallery-scroll-Aaysvb2ZWWitGSk5qd__gallery_geRxeU .gallery-scroller::-webkit-scrollbar-track { background: transparent; } 10934 #gallery-scroll-Aaysvb2ZWWitGSk5qd__gallery_geRxeU .gallery-scroller::-webkit-scrollbar-thumb { background: black; border-radius: 2px; }} 10935 10936</style> 10937 10938 10939</div> 10940 10941<style data-shopify>
10942#shopify-block-AVUY2Z2lOUkFOeGNpc__container_column_CHwHhh { 10943 padding: 0px 0% 0; 10944 10945} 10946</style> 10947 10948 10949</div> 10950<div id="shopify-block-AR3pBQXlTbU54WW1mc__container_column_HX4M3U" class="shopify-block w-full product-column-container"><div id="shopify-block-AeG41RlhVR0s5L3NyQ__container_CdRjhw" class="shopify-block w-full"><div style="gap: 0px; 10951 " 10952 class="flex flex-row flex-nowrap justify-start items-start " 10953 > 10954 <div id="shopify-block-Ad0NuenNnZHNnMDNBS__cms_badge_XG6Nzy" class="shopify-block"><div 10955 data-cs-promo 10956 data-use-alt="false" 10957 data-pct-label="OFF" 10958 x-data="{ 10959 promos: [], 10960 useAlt: false, 10961 pctLabel: '', 10962 text: '', 10963 color: '', 10964 bg: '', 10965 badgeStyle: '', 10966 init() { 10967 this.useAlt = this.$el.dataset.useAlt === 'true'; 10968 this.pctLabel = this.$el.dataset.pctLabel || ''; 10969 try { this.promos = JSON.parse(this.$refs.data.textContent || '[]'); } catch (e) { this.promos = []; } 10970 if (!Array.isArray(this.promos)) this.promos = []; 10971 }, 10972 // Manual on/off toggle for the whole badge â distinct from the timing window. 10973 enabled(promo) { return promo.active !== false; }, 10974 // Scheduling window: always-on, or now within [start, end]. 10975 active(promo) { 10976 const t = promo.timing || {}; 10977 if (t.always) return true; 10978 const now = Date.now(); 10979 if (t.start_date_time && now < Date.parse(t.start_date_time)) return false; 10980 if (t.end_date_time && now > Date.parse(t.end_date_time)) return false; 10981 return !!(t.start_date_time || t.end_date_time); 10982 }, 10983 visible(promo) { 10984 const v = promo.visibility || {}; 10985 const desktop = window.matchMedia('(min-width: 768px)').matches; 10986 return desktop ? v.desktop !== false : v.mobile !== false; 10987 }, 10988 tagMatch(promo, tags) { 10989 let pts = promo.product_tag; 10990 if (pts == null) return false; 10991 if (!Array.isArray(pts)) pts = [pts]; 10992 return pts.some(pt => tags.includes(String(pt).toLowerCase())); 10993 }, 10994 reset() { this.text = ''; this.color = ''; this.bg = ''; this.badgeStyle = ''; }, 10995 recompute() { 10996 const p = this.$store.product; 10997 if (!p) { this.reset(); return; } 10998 const tags = (p.tags || []).map(t => String(t).toLowerCase()); 10999 const match = this.promos.find(promo => 11000 this.enabled(promo) && this.tagMatch(promo, tags) && this.active(promo) && this.visible(promo) 11001 ); 11002 if (!match) { this.reset(); return; } 11003 const pdp = match.pdp || {}; 11004 let txt = (this.useAlt ? pdp.badge_text_pdp_primary_alt : pdp.badge_text_pdp_primary) || ''; 11005 // math: append the product's LIVE % off (compare-at vs price), mirroring badges.liquid. 11006 if (txt && match.math) { 11007 const price = p.priceRaw || 0; 11008 const compare = p.compareAtPriceRaw || 0; 11009 if (compare > 0 && compare > price) { 11010 const pct = Math.round((compare - price) / compare * 100); 11011 txt = txt + ' ' + pct + '% ' + this.pctLabel; 11012 } 11013 } 11014 this.text = txt; 11015 this.color = match.text_color || ''; 11016 this.bg = match.badge_color || ''; 11017 this.badgeStyle = pdp.badge_style_pdp || ''; 11018 } 11019 }" 11020 x-effect="recompute()" 11021 @resize.window.debounce.150ms="recompute()" 11022> 11023
11023<script type="application/json" x-ref="data">[{"math":true,"pdp":{"badge_text_pdp_primary":" ","badge_text_pdp_primary_alt":"","badge_style_pdp":"no-border","badge_pdp_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":" ","plp_search_badge_details_alt":"","badge_styling_plp_search":"no-border","badge_plp_search_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":null},"product_tag":["OFFERS"],"product_metafield":[],"timing":{"always":true,"start_date_time":"2025-12-16T00:00:21.000Z","end_date_time":"2026-01-26T06:00:00.000Z"},"active":true,"text_color":"#a82e23","badge_color":"#00000000","visibility":{"desktop":true,"mobile":true,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{"data":[],"type":"Shopify_category"}}},{"math":true,"pdp":{"badge_text_pdp_primary":" ","badge_text_pdp_primary_alt":"","badge_style_pdp":"no-border","badge_pdp_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":" ","plp_search_badge_details_alt":"","badge_styling_plp_search":"no-border","badge_plp_search_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":null},"product_tag":["AUTUMNOFFERS"],"product_metafield":[],"timing":{"always":true,"start_date_time":"2025-12-16T00:00:21.000Z","end_date_time":"2026-01-26T06:00:00.000Z"},"active":true,"text_color":"#a82e23","badge_color":"#00000000","visibility":{"desktop":true,"mobile":true,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{"data":[],"type":"Shopify_category"}}},{"math":false,"pdp":{"badge_text_pdp_primary":"NEW","badge_text_pdp_primary_alt":"","badge_style_pdp":"no-border","badge_pdp_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":"NEW","plp_search_badge_details_alt":"","badge_styling_plp_search":"no-border","badge_plp_search_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":null},"product_tag":["NEW IN"],"product_metafield":[],"timing":{"always":true,"start_date_time":"2025-12-16T00:00:21.000Z","end_date_time":"2026-01-26T06:00:00.000Z"},"active":true,"text_color":"black","badge_color":"#00000000","visibility":{"desktop":true,"mobile":true,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{"data":[],"type":"Shopify_category"}}},{"math":true,"pdp":{"badge_text_pdp_primary":"BACK IN STOCK","badge_text_pdp_primary_alt":"","badge_style_pdp":"no-border","badge_pdp_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":"BACK IN STOCK","plp_search_badge_details_alt":"","badge_styling_plp_search":"no-border","badge_plp_search_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":null},"product_tag":["BACK IN STOCK"],"product_metafield":[],"timing":{"always":true,"start_date_time":"2025-12-16T00:00:21.000Z","end_date_time":"2026-01-26T06:00:00.000Z"},"active":true,"text_color":"black","badge_color":"#F0F0F0","visibility":{"desktop":true,"mobile":true,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{"data":[],"type":"Shopify_category"}}},{"math":false,"pdp":{"badge_text_pdp_primary":"COMING SOON","badge_text_pdp_primary_alt":"","badge_style_pdp":"no-border","badge_pdp_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":"COMING SOON","plp_search_badge_details_alt":"","badge_styling_plp_search":"no-border","badge_plp_search_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":"top-right"},"product_tag":["COMING SOON"],"product_metafield":[],"timing":{"always":true,"start_date_time":"2026-02-19T09:35:23.000Z","end_date_time":null},"active":true,"text_color":"BLACK","badge_color":"#00000000","visibility":{"desktop":true,"mobile":true,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{"data":[],"type":"Shopify_category"}}},{"math":false,"pdp":{"badge_text_pdp_primary":"Exclusive","badge_text_pdp_primary_alt":"","badge_style_pdp":null,"badge_pdp_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":"Steve Madden Exclusive","plp_search_badge_details_alt":"","badge_styling_plp_search":null,"badge_plp_search_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":null},"product_tag":["online-exclusive"],"product_metafield":[],"timing":{"always":true,"start_date_time":null,"end_date_time":null},"active":true,"text_color":"","badge_color":"","visibility":{"desktop":false,"mobile":false,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{}}},{"math":false,"pdp":{"badge_text_pdp_primary":"Kids Sizes","badge_text_pdp_primary_alt":"Kids Sizes","badge_style_pdp":null,"badge_pdp_url":{"title":"Kids Sizes","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":"Kids Sizes","plp_search_badge_details_alt":"","badge_styling_plp_search":null,"badge_plp_search_url":{"title":"Kids Sizes","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":null},"product_tag":["kids-sizes"],"product_metafield":[],"timing":{"always":true,"start_date_time":null,"end_date_time":null},"active":true,"text_color":"","badge_color":"","visibility":{"desktop":false,"mobile":false,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{}}},{"math":false,"pdp":{"badge_text_pdp_primary":"LARGER SIZES: 36-45","badge_text_pdp_primary_alt":"","badge_style_pdp":null,"badge_pdp_url":{"title":"LARGER SIZES: 36-45","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":"LARGER SIZES: 36-45","plp_search_badge_details_alt":"","badge_styling_plp_search":null,"badge_plp_search_url":{"title":"LARGER SIZES: 36-45","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":null},"product_tag":["show_larger_size"],"product_metafield":[],"timing":{"always":true,"start_date_time":null,"end_date_time":null},"active":true,"text_color":"","badge_color":"","visibility":{"desktop":false,"mobile":false,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{}}}]</script>
11023 11024 <div class="cms-badge-wrap l-bound" :hidden="!text" hidden> 11025 <p 11026 class="cms-badge font-primary text-primary font-bold leading-none" 11027 :class="badgeStyle" 11028 x-html="text" 11029 :style="'margin:0; font-size: 12px;' + (color ? ' color:' + color + ';' : '') + (bg ? ' background-color:' + bg + ';' : '')" 11030 ></p> 11031 </div> 11032</div> 11033 11034 11035<style data-shopify> 11036#shopify-block-Ad0NuenNnZHNnMDNBS__cms_badge_XG6Nzy .cms-badge { 11037 display: inline-block; 11038 width: max-content; 11039 max-width: 100%; 11040 padding: 4px 12px; 11041 border: 2px solid currentColor; 11042 line-height: normal; 11043 } 11044 #shopify-block-Ad0NuenNnZHNnMDNBS__cms_badge_XG6Nzy .cms-badge.no-border { border: none; } 11045 #shopify-block-Ad0NuenNnZHNnMDNBS__cms_badge_XG6Nzy .cms-badge.no-background { background-color: transparent !important; } 11046 #shopify-block-Ad0NuenNnZHNnMDNBS__cms_badge_XG6Nzy .cms-badge.text-only { border: none; background-color: transparent !important; } 11047 #shopify-block-Ad0NuenNnZHNnMDNBS__cms_badge_XG6Nzy .cms-badge.border { border: 2px solid currentColor; background-color: transparent !important; } 11048 11049 11050 11051 11052 11053 11054@media (min-width: 768px){ 11055 11056 11057} 11058 11059 11060</style> 11061 11062 11063</div> 11064 11065</div> 11066 11067<style data-shopify> 11068 11069 11070 11071 #shopify-block-AeG41RlhVR0s5L3NyQ__container_CdRjhw { 11072 padding: 10px 5px; 11073 } 11074 11075 11076 @media (min-width: 768px){ 11077 #shopify-block-AeG41RlhVR0s5L3NyQ__container_CdRjhw { 11078 padding: 0; 11079 } 11080 } 11081 11082 11083 11084 11085</style> 11086 11087 11088 11089</div> 11090<div id="shopify-block-AODVHMEMxNzlRVmJiU__container_6qYWer" class="shopify-block w-full"><div style="gap: 0px; 11091 " 11092 class="flex flex-row flex-nowrap justify-between items-center " 11093 > 11094 <div id="shopify-block-Ad0w1b1NyVi9WcVV2V__product_title_PNrqc7" class="shopify-block"> 11095 11096<H1 11097 class="primary-product-title font-secondary text-primary font-bold uppercase leading-none" 11098 x-text="$store.product.title" 11099>steve madden uk digital gift card 11100</H1> 11101 11102<style data-shopify> 11103 11104 11105 11106 11107 11108 #shopify-block-Ad0w1b1NyVi9WcVV2V__product_title_PNrqc7 > * { 11109 padding: 0; 11110 } 11111 11112 11113@media (min-width: 768px){ 11114 11115 #shopify-block-Ad0w1b1NyVi9WcVV2V__product_title_PNrqc7 > * { 11116 padding: 0; 11117 } 11118 11119 11120} 11121 11122 11123 #shopify-block-Ad0w1b1NyVi9WcVV2V__product_title_PNrqc7 H1.primary-product-title { 11124 font-size: 45px; 11125 } 11126 @media (max-width: 767px){ 11127 #shopify-block-Ad0w1b1NyVi9WcVV2V__product_title_PNrqc7 H1.primary-product-title { 11128 font-size: 35px; 11129 } 11130 } 11131</style> 11132 11133 11134 11135</div> 11136<div id="shopify-block-AaDBqVWlDMmhmaFovc__wishlist_hMkQBy" class="shopify-block sm-w-fit"> 11137<div 11138 class="sm-w-fit sm-w-[24px] sm-h-[20px] " 11139 id="wishlist-AaDBqVWlDMmhmaFovc__wishlist_hMkQBy" 11140 x-data="wishlistButton({ 11141 "productId": 7155729268873, 11142 "variantId": 41141787885705, 11143 "url": '/products/giftcard', 11144 "title": "STEVE MADDEN UK DIGITAL GIFT CARD", 11145 "image": "\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165\u0026width=96" 11146})" 11147> 11148 <button 11149 type="button" 11150 class="flex items-center gap-2 cursor-pointer group" 11151 @click="toggle()" 11152 :disabled="saving" 11153 :aria-label="saved ? 'Remove from Wishlist' : 'Add to Wishlist'" 11154 ><svg 11155 width="24" height="20" viewBox="0 0 58 48" fill="none" 11156 xmlns="http://www.w3.org/2000/svg" 11157 class=" group-hover:text-gray-900 transition-colors" 11158 :class="saved ? 'text-red-500' : 'text-gray-500'" 11159 > 11160 <path 11161 d="M5.63747 23.7137C1.13036 18.9494 0.952763 13.0229 4.32511 7.8987C7.45008 3.15049 13.2205 0.837292 18.7502 2.58057L18.9312 2.63974C20.0075 3.01418 21.6726 4.09294 23.3884 5.39385C24.8326 6.48884 26.133 7.60008 26.8363 8.21648L28.6704 9.87595L30.8405 8.04434C31.6264 7.36893 32.9193 6.28916 34.3193 5.24778C36.0298 3.97556 37.6508 2.95266 38.6716 2.62174C44.17 0.839938 49.9198 3.07281 53.0858 7.74618L53.3179 8.09951C56.5534 13.1668 56.3342 18.989 51.9154 23.6882L28.7393 44.6275C21.6835 38.3896 9.06859 27.1399 5.63747 23.7137Z" 11162 stroke="currentColor" 11163 stroke-width="4" 11164 :fill="saved ? 'currentColor' : 'none'" 11165 /> 11166 </svg></button> 11167</div> 11168 11169 11170</div> 11171 11172</div> 11173 11174<style data-shopify> 11175 11176 11177 11178 #shopify-block-AODVHMEMxNzlRVmJiU__container_6qYWer { 11179 padding: 10px 10px 0; 11180 } 11181 11182 11183 @media (min-width: 768px){ 11184 #shopify-block-AODVHMEMxNzlRVmJiU__container_6qYWer { 11185 padding: 0; 11186 } 11187 } 11188 11189 11190 11191 11192</style> 11193 11194 11195 11196</div> 11197<div id="shopify-block-ANnJROWtvQlVoRnB1b__price_NAzTkm" class="shopify-block w-fit"> 11198 11199 11200 11201 11202 11203<div x-data="{ 11204 get sv() { return $store.selectedVariant || {}; }, 11205 // When variants differ in price / compare-at, the SELECTED variant's pricing is 11206 // authoritative; otherwise every variant matches the product-level price. 11207 get useVariant() { return !!($store.product.priceVaries || $store.product.compareAtPriceVaries); }, 11208 get price() { 11209 return (this.useVariant && this.sv.price) ? this.sv.price : $store.product.price; 11210 }, 11211 get priceRaw() { 11212 return (this.useVariant && this.sv.priceRaw != null) ? this.sv.priceRaw : $store.product.priceRaw; 11213 }, 11214 // Compare-at comes from the variant ONLY (even when null â not on sale); falling 11215 // back to the product here would leak another variant's sale onto this one. 11216 get compareAtPrice() { 11217 return this.useVariant ? this.sv.compareAtPrice : $store.product.compareAtPrice; 11218 }, 11219 get compareAtPriceRaw() { 11220 return this.useVariant ? this.sv.compareAtPriceRaw : $store.product.compareAtPriceRaw; 11221 }, 11222 get onSale() { 11223 const c = this.compareAtPriceRaw, p = this.priceRaw; 11224 return c != null && c !== '' && Number(c) > Number(p); 11225 }, 11226 get discountPercent() { 11227 const c = this.compareAtPriceRaw, p = this.priceRaw; 11228 if (!c || c <= p) return null; 11229 return `${Math.round((1 - p / c) * 100)}% off`; 11230 } 11231}">
11232 <div class="flex items-center gap-2"> 11233 11234 <span 11235 x-text="compareAtPrice" 11236 x-show="onSale" 11237 11238 x-cloak 11239 11240 class="line-through font-secondary text-secondary text-2xl leading-none font-bold" 11241 >£0.00</span> 11242 11243 <div class="font-secondary text-primary text-2xl leading-none font-bold"> 11244 <span 11245 x-text="price" 11246 :class="onSale ? 'font-secondary text-tertiary text-2xl leading-none font-bold' : 'font-secondary text-primary text-2xl leading-none font-bold'" 11247 >£50.00</span> 11248 </div> 11249 11250 </div> 11251</div> 11252 11253<style data-shopify> 11254 11255 11256 11257 11258 11259 #shopify-block-ANnJROWtvQlVoRnB1b__price_NAzTkm > * { 11260 padding: 0 10px; 11261 } 11262 11263 11264@media (min-width: 768px){ 11265 11266 #shopify-block-ANnJROWtvQlVoRnB1b__price_NAzTkm > * { 11267 padding: 0; 11268 } 11269 11270 11271} 11272 11273 11274</style> 11275 11276 11277 11278</div> 11279<div id="shopify-block-AM1QzVEwvU1hBNXZVN__review_stars_YnK6Kq" class="shopify-block"><a 11280 href="#yotpo-app" 11281 class="yotpo-dropdown-button block " 11282 x-data="{ 11283 get count() { return Number($store.product.reviewsTotal) || 0; }, 11284 get avg() { return Number($store.product.reviewsAvg) || 0; }, 11285 get starPct() { return Math.round(this.avg * 2) * 10; } 11286 }" 11287 x-show="count > 0" 11288 x-collapse 11289> 11290 <div class="flex items-center justify-start gap-2"> 11291 <div class="relative inline-flex" :aria-label="avg + ' out of 5 stars'"> 11292 <!-- Empty stars (background) --> 11293 <div class="flex"><svg width="20" height="20" viewBox="-1 -1 20 20" aria-hidden="true"> 11294 <path d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" fill="white" stroke="rgba(44,44,44,1)"/> 11295 </svg><svg width="20" height="20" viewBox="-1 -1 20 20" aria-hidden="true"> 11296 <path d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" fill="white" stroke="rgba(44,44,44,1)"/> 11297 </svg><svg width="20" height="20" viewBox="-1 -1 20 20" aria-hidden="true"> 11298 <path d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" fill="white" stroke="rgba(44,44,44,1)"/> 11299 </svg><svg width="20" height="20" viewBox="-1 -1 20 20" aria-hidden="true"> 11300 <path d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" fill="white" stroke="rgba(44,44,44,1)"/> 11301 </svg><svg width="20" height="20" viewBox="-1 -1 20 20" aria-hidden="true"> 11302 <path d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" fill="white" stroke="rgba(44,44,44,1)"/> 11303 </svg></div> 11304 <!-- Filled stars (foreground, clipped to nearest half-star) --> 11305 <div 11306 class="absolute inset-0 flex overflow-hidden" 11307 style="width: 0%" 11308 :style="`width: ${starPct}%`" 11309 ><svg class="shrink-0" width="20" height="20" viewBox="-1 -1 20 20" aria-hidden="true"> 11310 <path d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" fill="rgba(44,44,44,1)" stroke="rgba(44,44,44,1)"/> 11311 </svg><svg class="shrink-0" width="20" height="20" viewBox="-1 -1 20 20" aria-hidden="true"> 11312 <path d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" fill="rgba(44,44,44,1)" stroke="rgba(44,44,44,1)"/> 11313 </svg><svg class="shrink-0" width="20" height="20" viewBox="-1 -1 20 20" aria-hidden="true"> 11314 <path d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" fill="rgba(44,44,44,1)" stroke="rgba(44,44,44,1)"/> 11315 </svg><svg class="shrink-0" width="20" height="20" viewBox="-1 -1 20 20" aria-hidden="true">
11316 <path d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" fill="rgba(44,44,44,1)" stroke="rgba(44,44,44,1)"/> 11317 </svg><svg class="shrink-0" width="20" height="20" viewBox="-1 -1 20 20" aria-hidden="true"> 11318 <path d="M9 14.118L14.562 17.475L13.086 11.148L18 6.891L11.529 6.342L9 0.375L6.471 6.342L0 6.891L4.914 11.148L3.438 17.475L9 14.118Z" fill="rgba(44,44,44,1)" stroke="rgba(44,44,44,1)"/> 11319 </svg></div> 11320 </div> 11321 <span class="font-primary text-primary text-base " x-text="count + ' Reviews'">0 Reviews</span> 11322 </div> 11323</a> 11324 11325 11326<style data-shopify> 11327 11328 11329 11330 11331 11332 #shopify-block-AM1QzVEwvU1hBNXZVN__review_stars_YnK6Kq > * { 11333 padding: 20px 10px 10px; 11334 } 11335 11336 11337@media (min-width: 768px){ 11338 11339 #shopify-block-AM1QzVEwvU1hBNXZVN__review_stars_YnK6Kq > * { 11340 padding: 30px 0 0; 11341 } 11342 11343 11344} 11345 11346 11347</style> 11348 11349 11350</div> 11351<div id="shopify-block-Aa095NjJwam1rd2h6N__container_XXqTqa" class="shopify-block w-full"><div style="gap: 0px; 11352 11353 min-height: 37px; 11354 " 11355 class="flex flex-row flex-nowrap justify-start items-center " 11356 > 11357 <div id="shopify-block-ANWgzazRQWU5JeGpXV__klarna_on_site_messaging_app_block_G3YmHN" class="shopify-block shopify-app-block"><klarna-placement 11358 id="shopify-osm-ANWgzazRQWU5JeGpXV__klarna_on_site_messaging_app_block_G3YmHN" 11359 data-key="credit-promotion-badge" 11360 data-theme="default" 11361 data-message-prefix="" 11362 data-integration-style="app-block" 11363></klarna-placement> 11364
11365<script type="application/javascript"> 11366 window.appBlockPlacements ||= []; 11367 11368 if (window.klarnaAppBlocksManager) { 11369 window.klarnaAppBlocksManager.push({ 11370 productVariants: [{"id":41141787885705,"title":"50","option1":"50","option2":null,"option3":null,"sku":"cltchg_50","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"STEVE MADDEN UK DIGITAL GIFT CARD - 50","public_title":"50","options":["50"],"price":5000,"weight":0,"compare_at_price":0,"inventory_management":null,"barcode":"5045650415069","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":41141787918473,"title":"100","option1":"100","option2":null,"option3":null,"sku":"cltchg_100","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"STEVE MADDEN UK DIGITAL GIFT CARD - 100","public_title":"100","options":["100"],"price":10000,"weight":0,"compare_at_price":0,"inventory_management":null,"barcode":"5045650415083","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":41141787984009,"title":"200","option1":"200","option2":null,"option3":null,"sku":"cltchg_200","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"STEVE MADDEN UK DIGITAL GIFT CARD - 200","public_title":"200","options":["200"],"price":20000,"weight":0,"compare_at_price":0,"inventory_management":null,"barcode":"5045650415106","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}], 11371 templateName: 'product', 11372 dataKey: 'credit-promotion-badge', 11373 storefrontCurrency: 'GBP', 11374 storefrontCountry: 'GB', 11375 storefrontLanguage: 'en', 11376 shopLocale: 'en', 11377 shopDomain: 'stevemadden.co.uk', 11378 variantPrice: '5000', 11379 cartPrice: '0', 11380 selector: 'shopify-osm-ANWgzazRQWU5JeGpXV__klarna_on_site_messaging_app_block_G3YmHN', 11381 topPadding: '0', 11382 bottomPadding: '0', 11383 }); 11384 } else { 11385 window.appBlockPlacements.push({ 11386 productVariants: [{"id":41141787885705,"title":"50","option1":"50","option2":null,"option3":null,"sku":"cltchg_50","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"STEVE MADDEN UK DIGITAL GIFT CARD - 50","public_title":"50","options":["50"],"price":5000,"weight":0,"compare_at_price":0,"inventory_management":null,"barcode":"5045650415069","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":41141787918473,"title":"100","option1":"100","option2":null,"option3":null,"sku":"cltchg_100","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"STEVE MADDEN UK DIGITAL GIFT CARD - 100","public_title":"100","options":["100"],"price":10000,"weight":0,"compare_at_price":0,"inventory_management":null,"barcode":"5045650415083","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":41141787984009,"title":"200","option1":"200","option2":null,"option3":null,"sku":"cltchg_200","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"STEVE MADDEN UK DIGITAL GIFT CARD - 200","public_title":"200","options":["200"],"price":20000,"weight":0,"compare_at_price":0,"inventory_management":null,"barcode":"5045650415106","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}], 11387 templateName: 'product', 11388 shopLocale: 'en', 11389 dataKey: 'credit-promotion-badge', 11390 storefrontCurrency: 'GBP', 11391 storefrontCountry: 'GB', 11392 storefrontLanguage: 'en', 11393 shopDomain: 'stevemadden.co.uk', 11394 variantPrice: '5000', 11395 cartPrice: '0', 11396 selector: 'shopify-osm-ANWgzazRQWU5JeGpXV__klarna_on_site_messaging_app_block_G3YmHN', 11397 topPadding: '0', 11398 bottomPadding: '0', 11399 }); 11400 } 11401</script>
11401 11402 11403 11404</div> 11405</div> 11406 11407<style data-shopify> 11408 11409 11410 11411 #shopify-block-Aa095NjJwam1rd2h6N__container_XXqTqa { 11412 padding: 20px 10px 0; 11413 } 11414 11415 11416 @media (min-width: 768px){ 11417 #shopify-block-Aa095NjJwam1rd2h6N__container_XXqTqa { 11418 padding: 30px 0 0; 11419 } 11420 } 11421 11422 11423 11424 11425</style> 11426 11427 11428 11429</div> 11430<div id="shopify-block-Ac2o0NTVHb1RqdUROW__container_conditional_pMkVRU" class="shopify-block max-w-full"> 11431<div data-cc='[]' 11432 data-mt="variant-count" 11433 data-ml="present" 11434 x-data="{ 11435 conds: [], 11436 init() { try { this.conds = JSON.parse(this.$el.dataset.cc || '[]'); } catch (e) { this.conds = []; } }, 11437 get matched() { 11438 const p = this.$store && this.$store.product; 11439 if (!p) return null; 11440 const mt = this.$el.dataset.mt; 11441 if (mt === 'variant-count') return (p.variants || []).length > 1; 11442 const tags = (p.tags || []).map(t => String(t).toLowerCase()); 11443 const type = String(p.type || '').toLowerCase(); 11444 return this.conds.some(c => { 11445 const cc = String(c).toLowerCase(); 11446 if (mt === 'product-type') return type === cc; 11447 if (mt === 'prefix') return tags.some(t => t.startsWith(cc)); 11448 return tags.includes(cc); 11449 }); 11450 }, 11451 get visible() { 11452 const m = this.matched; 11453 if (m === null) return true; 11454 return this.$el.dataset.ml === 'not_present' ? !m : m; 11455 } 11456 }" x-show="visible" x-collapse 11457 class="flex flex-row flex-nowrap justify-between items-start " style="padding-top: px; padding-bottom: px; gap: 0px; min-height: px;" > 11458 <div id="shopify-block-Ad2JseEJkTzR1Zmlmc__current_size_bGfFhC" class="shopify-block current-size-container"> 11459 11460 11461 11462<span aria-live="polite" aria-atomic="true"> 11463 11464 <span class="font-primary text-primary text-sm ">AMOUNT: £</span> 11465 11466 <span x-text="$store.selectedVariant.name" :data-selected-value="$store.selectedVariant.name" class="font-primary text-primary text-sm ">50</span> 11467</span> 11468 11469<style data-shopify> 11470 11471 11472 11473 11474 11475 #shopify-block-Ad2JseEJkTzR1Zmlmc__current_size_bGfFhC > * { 11476 padding: 0; 11477 } 11478 11479 11480@media (min-width: 768px){ 11481 11482 #shopify-block-Ad2JseEJkTzR1Zmlmc__current_size_bGfFhC > * { 11483 padding: 0; 11484 } 11485 11486 11487} 11488 11489 11490</style> 11491 11492 11493</div> 11494 11495</div> 11496 11497<style data-shopify> 11498 11499 11500 11501 11502
11503 #shopify-block-Ac2o0NTVHb1RqdUROW__container_conditional_pMkVRU > * { 11504 padding: 20px 10px 10px; 11505 } 11506 11507 11508@media (min-width: 768px){ 11509 11510 #shopify-block-Ac2o0NTVHb1RqdUROW__container_conditional_pMkVRU > * { 11511 padding: 30px 0 10px; 11512 } 11513 11514 11515} 11516 11517 11518 11519 11520</style> 11521 11522 11523 11524</div> 11525<div id="shopify-block-AdGZUT1dzcFlPc0xwV__selector_variant_dkfyyy" class="shopify-block w-full"><div 11526 class="relative w-full" 11527 x-data="{ 11528 ready: false, 11529 canLeft: false, 11530 canRight: false, 11531 fullSizesOnly: true, 11532 // 'all' | 'only' (keep only options ending in 'W') | 'hide' (drop options ending in 'W'). 11533 widthFilter: 'all', 11534 // 'never' | 'any' (1+ size low) | 'selected' (the chosen size is low) â gates the low-stock message. 11535 lowStockTextMode: 'never', 11536 // Reactive list, optionally without half sizes (any value containing '.5', 11537 // e.g. 'UK 6.5' / '6.5') and/or filtered by the width suffix 'W'. Mirrors the 11538 // SSR filters below so the list is the same before and after hydration. 11539 get variants() { 11540 let list = $store.product.variants || []; 11541 if (this.fullSizesOnly) list = list.filter(v => !String(v.name ?? '').includes('.5')); 11542 if (this.widthFilter === 'only') list = list.filter(v => String(v.name ?? '').trim().endsWith('W')); 11543 else if (this.widthFilter === 'hide') list = list.filter(v => !String(v.name ?? '').trim().endsWith('W')); 11544 return list; 11545 }, 11546 get hasLowStock() { 11547 return this.variants.some(v => v.low_stock && !v.out_of_stock); 11548 }, 11549 // Is the currently-selected variant low (but still purchasable)? Reads the 11550 // selected variant directly, falling back to the product list if its flags 11551 // aren't carried on the selection object. 11552 get selectedLowStock() { 11553 const sv = $store.selectedVariant; 11554 if (!sv || !sv.id) return false; 11555 let v = sv; 11556 if (v.low_stock === undefined) { 11557 v = ($store.product.variants || []).find(x => x.id === sv.id) || {}; 11558 } 11559 return !!(v.low_stock && !v.out_of_stock); 11560 }, 11561 // Low-stock message visibility per the block's low_stock_text_mode setting. 11562 get showLowStockText() { 11563 if (this.lowStockTextMode === 'never') return false; 11564 if (this.lowStockTextMode === 'selected') return this.selectedLowStock; 11565 return this.hasLowStock; 11566 }, 11567 update() { 11568 const el = this.$refs.scroller; 11569 if (!el) return; 11570 this.canLeft = el.scrollLeft > 1; 11571 this.canRight = el.scrollLeft + el.clientWidth < el.scrollWidth - 1; 11572 }, 11573 scrollByDir(dir) { 11574 const el = this.$refs.scroller; 11575 if (el) el.scrollBy({ left: el.clientWidth * 0.8 * dir, behavior: 'smooth' }); 11576 }, 11577 init() { 11578 this.$nextTick(() => { this.ready = true; this.update(); }); 11579 } 11580 }" 11581 x-effect="$store.product.variants.length; $nextTick(() => update())" 11582 @resize.window.debounce.150ms="update()" 11583 x-show="$store.product.variants.length > 1" 11584 11585> 11586 <div x-ref="scroller" @scroll="update" class="w-full gap-2 no-scrollbar grid grid-cols-[repeat(auto-fill,minmax(45px,1fr))] md:grid md:grid-cols-[repeat(auto-fill,minmax(55px,1fr))] md:overflow-visible md:snap-none"><div x-show="!ready" class="contents"><button class="block border border-black aspect-square min-w-[45px] min-h-[45px] md:min-w-[55px] md:min-h-[55px] max-w-[65px] max-h-[65px] relative w-full md:w-full md:shrink "> 11587 <span class="text-sm text-black"></span> 11588 </button><button class="block border border-black aspect-square min-w-[45px] min-h-[45px] md:min-w-[55px] md:min-h-[55px] max-w-[65px] max-h-[65px] relative w-full md:w-full md:shrink "> 11589 <span class="text-sm text-black"></span> 11590 </button><button class="block border border-black aspect-square min-w-[45px] min-h-[45px] md:min-w-[55px] md:min-
11590h-[55px] max-w-[65px] max-h-[65px] relative w-full md:w-full md:shrink "> 11591 <span class="text-sm text-black"></span> 11592 </button></div><div x-show="ready" x-cloak class="contents"> 11593 <template x-for="variant in variants" :key="variant.id"> 11594 <button x-on:click="$store.selectedVariant.select(variant.id, { remember: true })" 11595 class="alp-selector block border border-black aspect-square min-w-[45px] min-h-[45px] md:min-w-[55px] md:min-h-[55px] max-w-[65px] max-h-[65px] relative w-full md:w-full md:shrink " 11596 :class="$store.selectedVariant.id === variant.id ? 'active' : ''" 11597 :data-ship-data="variant.date" 11598 :data-stock="String(variant.out_of_stock)" 11599 :data-available="String(variant.available)"><span x-text="variant.name" class="text-sm text-black"></span></button> 11600 </template> 11601 </div> 11602 </div><button type="button" x-show="canLeft" x-cloak @click="scrollByDir(-1)" aria-label="Scroll left" 11603 class="absolute inset-y-0 left-0 z-10 flex items-center justify-center w-9 bg-gradient-to-r from-white via-white to-transparent"> 11604 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 11605 <path d="M15 6l-6 6 6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 11606 </svg> 11607 </button> 11608 <button type="button" x-show="canRight" x-cloak @click="scrollByDir(1)" aria-label="Scroll right" 11609 class="absolute inset-y-0 right-0 z-10 flex items-center justify-center w-9 bg-gradient-to-l from-white via-white to-transparent"> 11610 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 11611 <path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 11612 </svg> 11613 </button> 11614 <span class="low-stock-message pt-2" x-show="showLowStockText" x-cloak> 11615 <div class="w-[10px] h-[10px] bg-[#ff6700] rounded-full opacity-80" style="transform: translateY(-3px);"> 11616 </div> 11617 <span class="text-xs font-primary text-black">Limited stock remaining</span> 11618 </span> 11619</div> 11620 11621<style data-shopify> 11622 11623 11624 11625 11626 11627 #shopify-block-AdGZUT1dzcFlPc0xwV__selector_variant_dkfyyy > * { 11628 padding: 0 10px; 11629 } 11630 11631 11632@media (min-width: 768px){ 11633 11634 #shopify-block-AdGZUT1dzcFlPc0xwV__selector_variant_dkfyyy > * { 11635 padding: 0; 11636 } 11637 11638 11639} 11640 11641 11642 .low-stock-message { 11643 display: flex; 11644 align-items: center; 11645 gap: 5px; 11646 } 11647 .alp-selector.active, .width-btn.active { 11648 background-color: black; 11649 color: white !important; 11650 } 11651 .alp-selector.active span { 11652 color: white !important; 11653 } 11654 [data-available="false"]{ 11655 background-color: #d0d0d0; 11656 opacity: 0.6; 11657 } 11658 .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } 11659 .no-scrollbar::-webkit-scrollbar { display: none; } 11660</style> 11661 11662 11663</div> 11664<div id="shopify-block-AbFJmYnF3ejVjSzJ6S__cms_text_U49jPB" class="shopify-block"><div 11665 data-cs-promo 11666 data-use-alt="false" 11667 x-data="{ 11668 promos: [], 11669 useAlt: false, 11670 text: '', 11671 textSecondary: '', 11672 color: '', 11673 init() { 11674 this.useAlt = this.$el.dataset.useAlt === 'true'; 11675 try { this.promos = JSON.parse(this.$refs.data.textContent || '[]'); } catch (e) { this.promos = []; } 11676 if (!Array.isArray(this.promos)) this.promos = []; 11677 }, 11678 active(promo) { 11679 const t = promo.timing || {}; 11680 if (t.always) return true; 11681 const now = Date.now(); 11682 if (t.start_date_time && now < Date.parse(t.start_date_time)) return false; 11683 if (t.end_date_time && now > Date.parse(t.end_date_time)) return false; 11684 return !!(t.start_date_time || t.end_date_time); 11685 }, 11686 visible(promo) { 11687 const v = promo.visibility || {}; 11688 const desktop = window.matchMedia('(min-width: 768px)').matches; 11689 return desktop ? v.desktop !== false : v.mobile !== false; 11690 }, 11691 tagMatch(promo, tags) { 11692 let pts = promo.product_tag; 11693 if (pts == null) return false;
11694 if (!Array.isArray(pts)) pts = [pts]; 11695 return pts.some(pt => tags.includes(String(pt).toLowerCase())); 11696 }, 11697 recompute() { 11698 const p = this.$store.product; 11699 if (!p) { this.text = ''; this.color = ''; return; } 11700 const tags = (p.tags || []).map(t => String(t).toLowerCase()); 11701 const match = this.promos.find(promo => this.tagMatch(promo, tags) && this.active(promo) && this.visible(promo)); 11702 if (!match) { this.text = ''; this.color = ''; return; } 11703 let txt = (this.useAlt ? match.promo_text_pdp_primary_alt : match.promo_text_pdp_primary) || ''; 11704 let txtSecond = (this.useAlt ? match.promo_text_pdp_secondary_alt : match.promo_text_pdp_secondary) || ''; 11705 if (txt && match.math_required_pdp && match.discount_percentage) { 11706 const disc = Math.floor((p.priceRaw || 0) * (match.discount_percentage / 100)); 11707 const finalCents = (p.priceRaw || 0) - disc; 11708 const cur = match.currency || '$'; 11709 txt = cur + (finalCents / 100).toFixed(2) + ' ' + txt; 11710 } 11711 this.textSecondary = txtSecond; 11712 this.text = txt; 11713 this.color = match.text_color || ''; 11714 } 11715 }" 11716 x-effect="recompute()" 11717 @resize.window.debounce.150ms="recompute()" 11718> 11719
11719<script type="application/json" x-ref="data">[{"currency":"£","discount_percentage":null,"math_required_pdp":false,"math_required_plp":false,"product_tag":"PROMOEXCLUSION","promo_text_plp_search":"EXCLUDED FROM STUDENT DISCOUNT","promo_text_plp_search_alt":"","promo_text_pdp_primary":"EXCLUDED FROM STUDENT DISCOUNT","promo_text_pdp_primary_alt":"","promo_text_pdp_secondary":"","promo_text_pdp_secondary_alt":"","promo_type":"percent-off","promo_name":"Excluded","text_color":"","timing":{"always":true,"start_date_time":"2025-11-11T00:00:00.000Z","end_date_time":"2025-11-21T00:00:00.000Z"},"timer":{"show_timer":false,"timer_message_primary":"Hurry Ends in","timer_message_secondary":"Hurry Ends In"},"visibility":{"desktop":true,"mobile":true,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{"data":[],"type":"Shopify_category"}},"text_styling":{"coupon_code":"","coupon_icon":{},"pdp":{"promo_text_url_pdp":{"title":"","href":""},"font_size":{"mobile_font_size":12,"desktop_font_size":12},"underline":false,"bold":false,"italic":false,"center":false},"plp":{"promo_text_url_plp":{"title":"","href":""},"font_size":{"mobile_font_size":12,"desktop_font_size":12},"underline":false,"bold":false,"italic":false,"center":false}}},{"currency":null,"discount_percentage":null,"math_required_pdp":true,"math_required_plp":true,"product_tag":"AUTUMNOFFERS","promo_text_plp_search":"","promo_text_plp_search_alt":"","promo_text_pdp_primary":"","promo_text_pdp_primary_alt":"","promo_text_pdp_secondary":"","promo_text_pdp_secondary_alt":"","promo_type":null,"promo_name":"Autumn Offers","text_color":"","timing":{"always":false,"start_date_time":null,"end_date_time":null},"timer":{"show_timer":false,"timer_message_primary":"","timer_message_secondary":""},"visibility":{"desktop":true,"mobile":true,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{}},"text_styling":{"coupon_code":"","coupon_icon":{},"pdp":{"promo_text_url_pdp":{"title":"","href":""},"font_size":{"mobile_font_size":null,"desktop_font_size":null},"underline":false,"bold":false,"italic":false,"center":false},"plp":{"promo_text_url_plp":{"title":"","href":""},"font_size":{"mobile_font_size":null,"desktop_font_size":null},"underline":false,"bold":false,"italic":false,"center":false}}}]</script>
11719 11720 <div class="cs-promo-text-custom l-bound" :hidden="!text" hidden> 11721 <p 11722 class="font-primary text-tertiary leading-none" 11723 x-html="text" 11724 :style="'margin:0; font-size: 16px;' + (color ? ' color:' + color + ';' : '')" 11725 ></p> 11726 <p 11727 class="font-primary text-tertiary leading-none" 11728 x-text="textSecondary" 11729 :style="'margin:0; font-size: 16px;' + (color ? ' color:' + color + ';' : '')" 11730 ></p> 11731 </div> 11732</div> 11733 11734<style data-shopify> 11735 11736 11737 11738 11739 11740 11741@media (min-width: 768px){ 11742 11743 11744} 11745 11746 11747</style> 11748 11749 11750</div> 11751<div id="shopify-block-AYmVtNE9FTzQ5L3Mxa__add_to_cart_RL7yzj" class="shopify-block w-full add-to-cart-container"><div 11752 class="relative w-full" 11753 id="ProductInfo" 11754 data-add-to-cart-form 11755 data-label-add="Add to cart" 11756 data-label-sold="Sold out" 11757 data-label-adding="Addingâ¦" 11758 data-label-notify="Notify When Back in Stock" 11759 data-msg-added="Added to cart" 11760 data-msg-error="Sorry, that couldnât be added" 11761 data-label-disable="Sold Out" 11762 data-notify-disable-tag="" 11763 data-notify-service="event" 11764 data-notify-klaviyo-company-id="" 11765 data-notify-event-name="notify-me:submit" 11766 data-notify-success-text="Thanks! We'll email you when this is back in stock." 11767 data-notify-error-text="Something went wrong. Please try again." 11768 x-data="{ 11769 adding: false, 11770 message: '', 11771 open: false, 11772 notifyEmail: '', 11773 notifyMsg: '', 11774 notifyMsgKind: '', 11775 notifySubmitting: false, 11776 notifyEnabled: true, 11777 cfg: {}, 11778 init() { 11779 const d = this.$el.dataset; 11780 this.cfg = { 11781 add: d.labelAdd, sold: d.labelSold, adding: d.labelAdding, notify: d.labelNotify, 11782 disable: d.labelDisable || d.labelSold, 11783 disableTag: d.notifyDisableTag || '', 11784 service: d.notifyService || 'event', 11785 klaviyoCompanyId: d.notifyKlaviyoCompanyId || '', 11786 eventName: d.notifyEventName || 'notify-me:submit', 11787 successText: d.notifySuccessText || '', 11788 errorText: d.notifyErrorText || '', 11789 }; 11790 }, 11791 get selected() { 11792 return ($store.product.variants || []).find(v => v.id === $store.selectedVariant.id); 11793 }, 11794 get available() { 11795 return this.selected ? !!this.selected.available : false; 11796 },
11797 get hasDisableTag() { 11798 if (!this.cfg.disableTag) return false; 11799 const tags = $store.product.tags; 11800 return Array.isArray(tags) && tags.indexOf(this.cfg.disableTag) !== -1; 11801 }, 11802 get notifyActive() { 11803 return this.notifyEnabled && !this.available && !this.hasDisableTag; 11804 }, 11805 get disabled() { 11806 return this.adding || (!this.available && !this.notifyActive); 11807 }, 11808 get label() { 11809 if (this.adding) return this.cfg.adding; 11810 if (this.available) return this.cfg.add; 11811 if (this.notifyActive) return this.cfg.notify; 11812 // Unavailable + notify enabled but disable-tag present â its own label. 11813 if (this.hasDisableTag) return this.cfg.disable; 11814 return this.cfg.sold; 11815 }, 11816 get variantTitle() { 11817 const v = this.selected || $store.selectedVariant; 11818 if (!v) return ''; 11819 return [v.option1, v.option2, v.option3].filter(Boolean).join(' / '); 11820 }, 11821 onSubmit() { 11822 if (this.notifyActive) { this.toggleDropdown(); return; } 11823 this.addToCart(); 11824 }, 11825 toggleDropdown() { 11826 this.open = !this.open; 11827 if (this.open) { 11828 this.notifyMsg = ''; 11829 this.$nextTick(() => { const el = this.$refs.notifyEmail; if (el) el.focus(); }); 11830 } 11831 }, 11832 async addToCart() { 11833 if (this.adding || !this.available) return; 11834 this.adding = true; 11835 this.message = ''; 11836 try { 11837 // Shared helper (alp-cart.js): POST /cart/add.js â refresh mini-cart â open drawer. 11838 await window.alpAddToCart({ id: $store.selectedVariant.id, quantity: 1 }); 11839 this.message = this.$el.dataset.msgAdded; 11840 } catch (e) { 11841 this.message = this.$el.dataset.msgError; 11842 } finally { 11843 this.adding = false; 11844 } 11845 }, 11846 async notifySubmit() { 11847 const email = (this.notifyEmail || '').trim(); 11848 if (!email) return; 11849 this.notifyMsg = ''; 11850 this.notifySubmitting = true; 11851 try { 11852 const variantId = $store.selectedVariant.id; 11853 if (this.cfg.service === 'klaviyo') { 11854 await this.submitKlaviyo(email, variantId); 11855 } else { 11856 await this.dispatchNotifyEvent(email, variantId); 11857 } 11858 this.notifyMsg = this.cfg.successText || 'Thanks!'; 11859 this.notifyMsgKind = 'success'; 11860 this.notifyEmail = ''; 11861 setTimeout(() => { this.open = false; }, 1500); 11862 } catch (e) { 11863 console.error('[notify-me]', e); 11864 this.notifyMsg = this.cfg.errorText || 'Something went wrong'; 11865 this.notifyMsgKind = 'error'; 11866 } finally { 11867 this.notifySubmitting = false; 11868 } 11869 }, 11870 submitKlaviyo(email, variantId) { 11871 const companyId = this.cfg.klaviyoCompanyId; 11872 if (!companyId) return Promise.reject(new Error('Klaviyo company_id not configured on this block')); 11873 return fetch('https://a.klaviyo.com/client/back-in-stock-subscriptions/?company_id=' + encodeURIComponent(companyId), { 11874 method: 'POST', 11875 headers: { 'Content-Type': 'application/json', 'revision': '2024-10-15' }, 11876 body: JSON.stringify({ 11877 data: { 11878 type: 'back-in-stock-subscription', 11879 attributes: { 11880 profile: { data: { type: 'profile', attributes: { email: email } } }, 11881 channels: ['EMAIL'], 11882 }, 11883 relationships: { 11884 variant: { data: { type: 'catalog-variant', id: '$shopify:::$default:::' + variantId } }, 11885 }, 11886 }, 11887 }), 11888 }).then(res => { if (!res.ok) throw new Error('Klaviyo error ' + res.status); }); 11889 }, 11890 dispatchNotifyEvent(email, variantId) { 11891 let deferred = null; 11892 const detail = { 11893 email: email, 11894 productId: $store.product.id, 11895 variantId: variantId, 11896 productHandle: $store.product.handle || '', 11897 productTitle: $store.product.title || '', 11898 variantTitle: this.variantTitle, 11899 image: $store.product.featuredImage || '', 11900 blockId: 'AYmVtNE9FTzQ5L3Mxa__add_to_cart_RL7yzj', 11901 respondWith(p) { deferred = p; }, 11902 }; 11903 this.$el.dispatchEvent(new CustomEvent(this.cfg.eventName, { detail: detail, bubbles: true, cancelable: true })); 11904 return deferred || Promise.resolve(); 11905 } 11906 }" 11907 x-effect="if (available && open) open = false" 11908 @click.outside="open = false" 11909 @keydown.escape.window="open = false" 11910><div class="sm-addtocart-btn" @submit.prevent.stop="onSubmit" style="margin: 0;"> 11911 <form method="post" action="/cart/add" id="add-to-cart-form-main" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /> 11912 <input type="hidden" name="id" value="41141787885705" :value="$store.selectedVariant.id"> 11913 <input type="hidden" name="quantity" value="1"><button 11914 type="submit" 11915 name="add" 11916 class="min-h-[56px] min-w-[200px] w-full font-wide flex justify-center align-center items-center px-4 text-white font-semibold uppercase tracking-widest transition-colors disabled:opacity-50 disabled:cursor-not-allowed " 11917 :class="notifyActive ? 'bg-gray-700 hover:bg-gray-900 cursor-pointer' : 'bg-black'" 11918 11919 data-observer-id="main" 11920 x-intersect="$store.atc && $store.atc.set($el.dataset.observerId, 'in-view')" 11921 x-intersect:leave="$store.atc && $store.atc.set($el.dataset.observerId, $el.getBoundingClientRect().top < 0 ? 'above' : 'below')" 11922 x-init="$nextTick(() => { if (!$store.atc) return; const r = $el.getBoundingClientRect(); $store.atc.set($el.dataset.observerId, (r.bottom > 0 && r.top < window.innerHeight) ? 'in-view' : (r.top < 0 ? 'above' : 'below')); })" 11923 :disabled="disabled" 11924 :aria-busy="adding" 11925 x-text="label" 11926 >Add to cart</button>
11926<p class="sr-only" role="status" aria-live="polite" x-text="message"></p> 11927 <input type="hidden" name="product-id" value="7155729268873" /><input type="hidden" name="section-id" value="template--27271378010492__product_page_alpine_8wikf4" /></form> 11928 </div><div 11929 x-show="open" 11930 x-cloak 11931 x-transition 11932 role="dialog" 11933 aria-label="Notify me when this is back in stock" 11934 class="absolute top-full mt-2 left-0 right-0 z-20 p-4 bg-white border border-gray-200 rounded-lg shadow-lg flex flex-col gap-3 normal-case tracking-normal text-left" 11935 > 11936 <div class="flex items-center gap-3"> 11937 <img 11938 :src="$store.product.featuredImage" 11939 src="//stevemadden.co.uk/cdn/shop/files/DigitalGiftCard-2_1.png?v=1704279165&width=96" 11940 alt="" 11941 width="40" 11942 height="40" 11943 class="w-10 h-10 object-fill bg-gray-50 flex-shrink-0 rounded" 11944 /> 11945 <div class="min-w-0 flex-1 font-primary"> 11946 <p x-text="$store.product.title" class="text-sm truncate text-black capitalize">STEVE MADDEN UK DIGITAL GIFT CARD</p> 11947 <p x-text="variantTitle" class="text-xs text-gray-500 truncate">50</p> 11948 </div> 11949 <button 11950 type="button" 11951 @click="open = false" 11952 aria-label="Close" 11953 class="w-8 h-8 flex items-center justify-center text-gray-400 hover:text-black text-2xl leading-none flex-shrink-0" 11954 >×</button> 11955 </div> 11956 11957 <p class="text-xs text-center text-gray-700">Notify me when this is back in stock</p> 11958 11959 <form @submit.prevent="notifySubmit" class="flex flex-col gap-2"> 11960 <div class="flex flex-col gap-2"> 11961 <input 11962 type="email" 11963 x-ref="notifyEmail" 11964 x-model="notifyEmail" 11965 required 11966 autocomplete="email" 11967 placeholder="Email address" 11968 aria-label="Email address" 11969 class="flex-1 min-w-0 px-3 py-2 border border-gray-300 rounded text-sm focus:outline-none focus:border-black font-primary" 11970 /> 11971 <button 11972 type="submit" 11973 :disabled="notifySubmitting" 11974 class="px-4 py-4 bg-black text-white text-sm font-primary uppercase tracking-wider rounded hover:bg-gray-900 disabled:opacity-50 disabled:cursor-not-allowed flex-shrink-0" 11975 >Notify me</button> 11976 </div> 11977 <p 11978 x-show="notifyMsg" 11979 x-text="notifyMsg" 11980 :class="notifyMsgKind === 'error' ? 'text-red-600' : 'text-green-700'" 11981 class="text-xs" 11982 role="status" 11983 aria-live="polite" 11984 ></p> 11985 </form> 11986 </div></div> 11987 11988<style data-shopify> 11989 11990 11991 11992 #shopify-block-AYmVtNE9FTzQ5L3Mxa__add_to_cart_RL7yzj > div { 11993 padding: 20px 10px 5px; 11994 } 11995 11996 11997 @media (min-width: 768px){ 11998 #shopify-block-AYmVtNE9FTzQ5L3Mxa__add_to_cart_RL7yzj > div { 11999 padding: 30px 0 5px; 12000 } 12001 } 12002 12003 12004</style> 12005 12006 12007</div> 12008<div id="shopify-block-AMjN0U1UyZzRCN0tqN__container_7Bpyyt" class="shopify-block w-full"><div style="gap: 0px; 12009 " 12010 class="flex flex-row flex-nowrap justify-start items-start " 12011 > 12012 <div id="shopify-block-Ac1BxdEE4UGJtYUxoL__buy_it_now_rKjLT3" class="shopify-block w-full"> 12013 12014<div 12015 data-quick-buy 12016 x-data="{ 12017 get selected() { return ($store.product.variants || []).find(v => v.id === $store.selectedVariant.id); }, 12018 get available() { return this.selected ? !!this.selected.available : false; } 12019 }" 12020 x-show="available" 12021 x-collapse 12022> 12023 <form method="post" action="/cart/add" id="add-to-cart-form" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-add-to-cart-form=""><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /> 12024 <input type="hidden" name="id" value="41141787885705" data-variant-id-input :value="$store.selectedVariant.id" /> 12025 <div data-shopify="payment-button" class="shopify-payment-button"> <shopify-accelerated-checkout recommended="{"supports_subs":true,"supports_def_opts":false,"name":"shop_pay","wallet_params":{"shopId":8339030082,"merchantName":"Steve Madden UK","personalized":true}}" fallback="{"supports_subs":true,"supports_def_opts":true,"name":"buy_it_now","wallet_params":{}}" access-token="bd0e6d30489da1fb1a8b5e5ca911c1cb" buyer-country="GB" buyer-locale="en" buyer-currency="GBP" variant-params="[{"id":41141787885705,"requiresShipping":true},{"id":41141787918473,"requiresShipping":true},{"id":41141787984009,"requiresShipping":true}]" shop-id="8339030082" enabled-flags="["1172c16a","a1d1f9a1","f5afabb3","370070f3"]" > <div class="shopify-payment-button__button" role="button" disabled aria-hidden="true" style="background-color: transparent; border: none"> <div class="shopify-payment-button__skeleton"> </div> </div> <div class="shopify-payment-button__more-options shopify-payment-button__skeleton" role="button" disabled aria-hidden="true"> </div> </shopify-accelerated-checkout> </div> 12026 <input type="hidden" name="product-id" value="7155729268873" /><input type="hidden" name="section-id" value="template--27271378010492__product_page_alpine_8wikf4" /></form> 12027</div> 12028 12029<style data-shopify> 12030 [data-quick-buy] shopify-accelerated-checkout { 12031 --shopify-accelerated-checkout-button-block-size: 55px; 12032 --shopify-accelerated-checkout-button-border-radius: 0px; 12033 } 12034 12035
12036 12037 12038 #shopify-block-Ac1BxdEE4UGJtYUxoL__buy_it_now_rKjLT3 { 12039 padding: 0; 12040 } 12041 12042 12043 @media (min-width: 768px){ 12044 #shopify-block-Ac1BxdEE4UGJtYUxoL__buy_it_now_rKjLT3 { 12045 padding: 0; 12046 } 12047 } 12048 12049</style> 12050 12051 12052 12053</div> 12054 12055</div> 12056 12057<style data-shopify> 12058 12059 12060 12061 #shopify-block-AMjN0U1UyZzRCN0tqN__container_7Bpyyt { 12062 padding: 0 10px; 12063 } 12064 12065 12066 @media (min-width: 768px){ 12067 #shopify-block-AMjN0U1UyZzRCN0tqN__container_7Bpyyt { 12068 padding: 0; 12069 } 12070 } 12071 12072 12073 12074 12075</style> 12076 12077 12078 12079</div> 12080<div id="shopify-block-AWE8yL2daU2JqSzlTT__details_T9wgD3" class="shopify-block w-full details-wrap"> 12081<div class="my-4 bg-[#bdc3c7] h-[1px] w-full bg-clip-content"></div> 12082<details class="group " open id=""> 12083 <summary class="flex items-center justify-between cursor-pointer list-none"> 12084 <span class="font-primary text-primary text-sm">DETAILS</span> 12085 <span 12086 class="leading-none" 12087 aria-hidden="true" 12088 > 12089 <span class="group-open:hidden">+</span> 12090 <span class="group-open:inline hidden">−</span> 12091 </span> 12092 </summary> 12093 <div class="details-content mt-4"> 12094 <div id="shopify-block-AeStjR0YvRlRCREYrZ__content_description_r6HdVy" class="shopify-block"><div 12095 class="rte text-xs text-gray-700 font-primary font-normal" 12096 x-html="$store.product.description" 12097><p data-mce-fragment="1">Steve Madden online gift cards have you covered for every occasion, budget, and style. Make gifting easy for everyone with this fully digital gift card.</p> 12098<p data-mce-fragment="1">Please note: the Steve Madden online gift card is only valid on our website in the original currency purchased.</p> 12099<p data-mce-fragment="1">Your gift card will be emailed directly to you, the purchaser. Then you can forward it to your favourite shopaholic. Theyâll know youâve got great taste when the gift card shows up in their inbox directly from you.</p> 12100<p data-mce-fragment="1">Please allow up to 24 hours to receive the email confirmation for your gift card order.</p> 12101<p>For more information on digital gift cards, click <a href="https://help.stevemadden.co.uk/hc/en-gb/sections/32198859485458-Gift-Cards" title="Digital Gift Card FAQ">here</a>.</p></div> 12102 12103 12104</div> 12105 12106 </div> 12107</details> 12108 12109<style data-shopify> 12110 12111 12112 12113 12114 12115 #shopify-block-AWE8yL2daU2JqSzlTT__details_T9wgD3 > * { 12116 padding: 0 10px; 12117 } 12118 12119 12120@media (min-width: 768px){ 12121 12122 #shopify-block-AWE8yL2daU2JqSzlTT__details_T9wgD3 > * { 12123 padding: 0; 12124 } 12125 12126 12127} 12128 12129 12130 .details-wrap:not(:has(.details-content > * > * > *)) { 12131 display: none; 12132 } 12133 .details-wrap:has(.size-chart-container):not(:has(table)) { 12134 display: none; 12135 } 12136 12137 details .rte h4 { 12138 text-transform: uppercase; 12139 padding: 10px 0 10px; 12140 margin-bottom: 0px; 12141 font-size: 16px; 12142 font-weight: 700 !important; 12143 letter-spacing: normal; 12144 font-family: 'acumin-pro', sans-serif; 12145 } 12146 details .rte a { 12147 text-decoration: underline; 12148 color: #000; 12149 } 12150</style> 12151 12152 12153</div> 12154<div id="shopify-block-ATWd6YmtLdGhPNnBka__container_xKN6Xa" class="shopify-block w-full"><div style="gap: 0px; 12155 " 12156 class="flex flex-row flex-nowrap justify-start items-start " 12157 > 12158 <div id="shopify-block-AaUZyRURSRFROQ3JIR__make_it_a_match_y3t9Xp" class="shopify-block w-full"><div x-data="{ 12159 fmt: null, 12160 adding: false, 12161 showSizes: false, 12162 shown: null, 12163 visible: false, 12164 init() { 12165 this.fmt = new Intl.NumberFormat(this.$el.dataset.locale, { 12166 style: 'currency', 12167 currency: this.$el.dataset.currency, 12168 }); 12169 // Seed from the store matches so the frame starts open (no initial animate-in). 12170 const list = this.matches; 12171 if (list.length) { this.shown = list[0]; this.visible = true; } 12172 }, 12173 get matches() { return $store.product.matchProds || []; }, 12174 // Keep the displayed match in `shown` so its content stays rendered while 12175 // x-collapse animates the frame down (otherwise it blanks at once). Defer 12176 // hiding by one frame and cancel it if matches arrive: a client-side-nav 12177 // empty->matches swap then never collapses/re-expands, while a genuinely 12178 // empty list (product with no match) survives the frame and collapses. The
12179 // rAF id lives on the DOM node (non-reactive) so this depends only on 12180 // `matches` (and `shown`). 12181 sync() { 12182 const list = this.matches; 12183 const el = this.$root; 12184 if (list.length) { 12185 if (el._hideRaf) { cancelAnimationFrame(el._hideRaf); el._hideRaf = null; } 12186 // On client-side nav the list changes wholesale; if the shown 12187 // product is gone, fall back to the first match. 12188 if (!this.shown || !list.some(m => m.url === this.shown.url)) this.shown = list[0]; 12189 this.visible = true; 12190 } else if (!el._hideRaf) { 12191 el._hideRaf = requestAnimationFrame(() => { el._hideRaf = null; this.visible = false; }); 12192 } 12193 }, 12194 select(m) { if (m) { this.shown = m; this.showSizes = false; } }, 12195 get variants() { return this.shown?.variants || []; }, 12196 get price() { 12197 return this.fmt.format((this.shown?.price ?? 0) / 100); 12198 }, 12199 get comparePrice() { 12200 return this.fmt.format((this.shown?.compare_at_price ?? 0) / 100); 12201 }, 12202 onAdd() { 12203 if (this.adding) return; 12204 // Single variant: no size step, add it directly. 12205 if (this.variants.length === 1) { this.addToCart(this.variants[0].id); return; } 12206 // Multiple: toggle the size picker; selecting a size triggers the add. 12207 this.showSizes = !this.showSizes; 12208 }, 12209 async addToCart(variantId) { 12210 if (this.adding || !variantId) return; 12211 this.adding = true; 12212 try { 12213 // Shared helper (alp-cart.js): POST /cart/add.js â refresh mini-cart â open drawer. 12214 await window.alpAddToCart({ id: variantId, quantity: 1 }); 12215 this.showSizes = false; 12216 } catch (e) { 12217 console.error('[make-it-a-match] add failed', e); 12218 } finally { 12219 this.adding = false; 12220 } 12221 } 12222 }" 12223 x-effect="sync()" 12224 x-show="visible" 12225 x-collapse 12226 x-cloak 12227 class="flex flex-row no-wrap w-full border-t border-[#bdc3c7] pt-4" 12228 data-locale="en" 12229 data-currency="GBP"> 12230 12231 <a :href="shown?.url" class="block w-1/2 ratio-square"> 12232 <img :src="shown?.featured_image" width=300 height=300 class="w-full"/> 12233 </a> 12234 <div class="flex content-center align-center flex-col no-wrap px-4"> 12235 <h4 class="primary-product-title font-primary text-primary uppercase leading-none text-sm">Make it a Match</h4> 12236 <div x-text="shown?.title" class="primary-product-title font-secondary text-primary uppercase leading-none font-bold text-xl pt-2"> 12237 </div> 12238 <div class="text-xs flex flex-row no-wrap gap-2"> 12239 <div x-text="comparePrice" x-show="shown && shown.compare_at_price > shown.price" class="line-through"> 12240 </div> 12241 <div x-text="price" :class="shown && shown.compare_at_price > shown.price? 'text-tertiary':'text-primary';"> 12242 </div> 12243 </div><div x-show="matches.length > 1" class="flex flex-row flex-wrap gap-2 my-2" role="group" aria-label="Make it a Match"> 12244 <template x-for="m in matches" :key="m.url"> 12245 <button type="button" @click="select(m)" 12246 :class="shown?.url === m.url ? 'border-black' : 'border-transparent'" 12247 :aria-pressed="shown?.url === m.url ? 'true' : 'false'" 12248 :aria-label="m.title" 12249 class="block w-16 h-16 border-2 shrink-0 overflow-hidden">
12250 <img :src="m.featured_image" :alt="m.title" width="60" height="60" class="w-full h-full object-cover object-bottom"/> 12251 </button> 12252 </template> 12253 </div> 12254 12255 <button 12256 type="button" 12257 class="font-bold uppercase text-left pt-2 disabled:opacity-50 disabled:cursor-not-allowed" 12258 :disabled="adding" 12259 :aria-expanded="variants.length > 1 ? String(showSizes) : null" 12260 @click="onAdd()" 12261 x-text="adding ? 'Adding...' : '+Add'"> 12262 </button><div x-show="showSizes" x-collapse x-cloak class="mt-2"> 12263 <div class="text-xs uppercase tracking-wider mb-1">Choose options</div> 12264 <div class="grid grid-cols-4 gap-1" role="group" aria-label="Choose options"> 12265 <template x-for="v in variants" :key="v.id"> 12266 <button 12267 type="button" 12268 @click="addToCart(v.id)" 12269 :disabled="!v.available || adding" 12270 class="aspect-square flex items-center justify-center border border-black text-xs uppercase hover:bg-black hover:text-white disabled:opacity-40 disabled:line-through disabled:pointer-events-none" 12271 x-text="v.name"> 12272 </button> 12273 </template> 12274 </div> 12275 </div> 12276 </div> 12277</div> 12278 12279<style data-shopify> 12280 12281 12282 12283 12284 12285 #shopify-block-AaUZyRURSRFROQ3JIR__make_it_a_match_y3t9Xp > * { 12286 padding: 10px 0 0; 12287 } 12288 12289 12290@media (min-width: 768px){ 12291 12292 #shopify-block-AaUZyRURSRFROQ3JIR__make_it_a_match_y3t9Xp > * { 12293 padding: 10px 0 0; 12294 } 12295 12296 12297} 12298 12299 12300</style> 12301 12302 12303 12304 12305</div> 12306 12307</div> 12308 12309<style data-shopify> 12310 12311 12312 12313 #shopify-block-ATWd6YmtLdGhPNnBka__container_xKN6Xa { 12314 padding: 20px 10px 0; 12315 } 12316 12317 12318 @media (min-width: 768px){ 12319 #shopify-block-ATWd6YmtLdGhPNnBka__container_xKN6Xa { 12320 padding: 20px 0 0; 12321 } 12322 } 12323 12324 12325 12326 12327</style> 12328 12329 12330 12331</div> 12332 12333<style data-shopify> 12334#shopify-block-AR3pBQXlTbU54WW1mc__container_column_HX4M3U { 12335 padding: 25px 10% 0; 12336 12337} 12338</style> 12339 12340 12341</div> 12342<div id="shopify-block-AZlZBS3loOThhbThjQ__sticky_header_8GyP74" class="shopify-block"><div 12343 id="sticky-AZlZBS3loOThhbThjQ__sticky_header_8GyP74" 12344 data-sticky-bar 12345 x-data="{ 12346 target: 'main', 12347 trigger: 'above', 12348 visibleMobile: false, 12349 visibleDesktop: true, 12350 desktop: false, 12351 get state() { return (this.$store.atc && this.$store.atc.states[this.target]) || null; }, 12352 get shouldShow() { 12353 if (this.desktop ? !this.visibleDesktop : !this.visibleMobile) return false; 12354 const s = this.state; 12355 if (this.trigger === 'above') return s === 'above'; 12356 if (this.trigger === 'below') return s === 'below'; 12357 if (this.trigger === 'either') return s === 'above' || s === 'below'; 12358 return false; 12359 }, 12360 syncTop() { 12361 const sh = document.querySelector('sticky-header'); 12362 this.$el.style.top = (sh ? sh.offsetHeight : 0) + 'px'; 12363 }, 12364 init() { 12365 this._mq = window.matchMedia('(min-width: 768px)'); 12366 this.desktop = this._mq.matches; 12367 this._onMq = e => { this.desktop = e.matches; }; 12368 this._mq.addEventListener('change', this._onMq); 12369 12370 // Position below the theme's <sticky-header>. rAF-debounced so a burst of 12371 // layout changes collapses to one read+write per frame, and we ONLY observe 12372 // the header element itself â never documentElement (which resizes on every 12373 // page-height change and would force a layout each time). 12374 let queued = false; 12375 this._schedule = () => { 12376 if (queued) return; 12377 queued = true; 12378 requestAnimationFrame(() => { queued = false; this.syncTop(); }); 12379 }; 12380 this.syncTop(); 12381 window.addEventListener('resize', this._schedule, { passive: true }); 12382 const sh = document.querySelector('sticky-header'); 12383 if (sh) { this._ro = new ResizeObserver(this._schedule);
12383 this._ro.observe(sh); } 12384 }, 12385 destroy() { 12386 if (this._mq) this._mq.removeEventListener('change', this._onMq); 12387 if (this._schedule) window.removeEventListener('resize', this._schedule); 12388 if (this._ro) this._ro.disconnect(); 12389 } 12390 }" 12391 x-effect="$el.classList.toggle('hidden', !shouldShow)" 12392 class="fixed top-0 z-40 bg-[#f1f1f1] w-full hidden border-b border-t border-gray-200 border-solid flex flex-row justify-center content-center gap-[1%] p-8 left-0 sticky-header-container" 12393 12394> 12395 <div id="shopify-block-AcC9Lb3V1R3RsQmRqU__container_Hm9yR6" class="shopify-block w-full"><div style="gap: 0px; 12396 " 12397 class="flex flex-col flex-nowrap justify-start items-end " 12398 > 12399 <div id="shopify-block-AYXpPL3AvejdBcGFMN__product_title_p6pGkm" class="shopify-block"> 12400 12401<H1 12402 class="primary-product-title font-secondary text-primary whitespace-nowrap leading-none uppercase font-bold" 12403 x-text="$store.product.title" 12404>steve madden uk digital gift card 12405</H1> 12406 12407<style data-shopify> 12408 12409 12410 12411 12412 12413 #shopify-block-AYXpPL3AvejdBcGFMN__product_title_p6pGkm > * { 12414 padding: 0; 12415 } 12416 12417 12418@media (min-width: 768px){ 12419 12420 #shopify-block-AYXpPL3AvejdBcGFMN__product_title_p6pGkm > * { 12421 padding: 0; 12422 } 12423 12424 12425} 12426 12427 12428 #shopify-block-AYXpPL3AvejdBcGFMN__product_title_p6pGkm H1.primary-product-title { 12429 font-size: 30px; 12430 } 12431 @media (max-width: 767px){ 12432 #shopify-block-AYXpPL3AvejdBcGFMN__product_title_p6pGkm H1.primary-product-title { 12433 font-size: 30px; 12434 } 12435 } 12436</style> 12437 12438 12439 12440</div> 12441<div id="shopify-block-AZVNKRlRMVkkyRGVtU__price_7enKU8" class="shopify-block w-fit"> 12442 12443 12444 12445 12446 12447<div x-data="{ 12448 get sv() { return $store.selectedVariant || {}; }, 12449 // When variants differ in price / compare-at, the SELECTED variant's pricing is 12450 // authoritative; otherwise every variant matches the product-level price. 12451 get useVariant() { return !!($store.product.priceVaries || $store.product.compareAtPriceVaries); }, 12452 get price() { 12453 return (this.useVariant && this.sv.price) ? this.sv.price : $store.product.price; 12454 }, 12455 get priceRaw() { 12456 return (this.useVariant && this.sv.priceRaw != null) ? this.sv.priceRaw : $store.product.priceRaw; 12457 }, 12458 // Compare-at comes from the variant ONLY (even when null â not on sale); falling 12459 // back to the product here would leak another variant's sale onto this one. 12460 get compareAtPrice() { 12461 return this.useVariant ? this.sv.compareAtPrice : $store.product.compareAtPrice; 12462 }, 12463 get compareAtPriceRaw() { 12464 return this.useVariant ? this.sv.compareAtPriceRaw : $store.product.compareAtPriceRaw; 12465 }, 12466 get onSale() { 12467 const c = this.compareAtPriceRaw, p = this.priceRaw; 12468 return c != null && c !== '' && Number(c) > Number(p); 12469 }, 12470 get discountPercent() { 12471 const c = this.compareAtPriceRaw, p = this.priceRaw; 12472 if (!c || c <= p) return null; 12473 return `${Math.round((1 - p / c) * 100)}% off`; 12474 } 12475}"> 12476 <div class="flex items-center gap-2"> 12477 12478 <span 12479 x-text="compareAtPrice" 12480 x-show="onSale" 12481 12482 x-cloak 12483 12484 class="line-through font-primary text-secondary text-base " 12485 >£0.00</span> 12486 12487 <div class="font-primary text-primary text-lg "> 12488 <span 12489 x-text="price" 12490 :class="onSale ? 'font-primary text-tertiary text-base ' : 'font-primary text-primary text-lg '" 12491 >£50.00</span> 12492 </div> 12493 12494 </div> 12495</div> 12496 12497<style data-shopify> 12498 12499 12500 12501 12502 12503 #shopify-block-AZVNKRlRMVkkyRGVtU__price_7enKU8 > * { 12504 padding: 0; 12505 } 12506 12507 12508@media (min-width: 768px){ 12509 12510 #shopify-block-AZVNKRlRMVkkyRGVtU__price_7enKU8 > * { 12511 padding: 0; 12512 } 12513 12514 12515} 12516 12517 12518</style> 12519 12520 12521 12522</div> 12523 12524</div> 12525 12526<style data-shopify> 12527 12528 12529 12530 #shopify-block-AcC9Lb3V1R3RsQmRqU__container_Hm9yR6 { 12531 padding: 0; 12532 } 12533 12534 12535 @media (min-width: 768px){ 12536 #shopify-block-AcC9Lb3V1R3RsQmRqU__container_Hm9yR6 { 12537 padding: 0; 12538 } 12539 } 12540 12541 12542 12543 12544</style> 12545 12546 12547 12548</div> 12549<div id="shopify-block-AalZMNWVRMEYwdGI3S__add_to_cart_iiVaTn" class="shopify-block w-full add-to-cart-container"><div 12550 class="relative w-full" 12551 id="ProductInfo" 12552 data-add-to-cart-form 12553 data-label-add="Add to cart" 12554 data-label-sold="Sold out" 12555 data-label-adding="Addingâ¦" 12556 data-label-notify="Notify When Back in Stock" 12557 data-msg-added="Added to cart" 12558 data-msg-error="Sorry, that couldnât be added" 12559 x-data="{ 12560 adding: false, 12561 message: '', 12562 open: false, 12563 notifyEmail: '', 12564 notifyMsg: '', 12565 notifyMsgKind: '', 12566 notifySubmitting: false, 12567 notifyEnabled: false, 12568 cfg: {}, 12569 init() { 12570 const d = this.$el.dataset; 12571 this.cfg = { 12572 add: d.labelAdd, sold: d.labelSold, adding: d.labelAdding, notify: d.labelNotify, 12573 disable: d.labelDisable || d.labelSold, 12574 disableTag: d.notifyDisableTag || '', 12575 service: d.notifyService || 'event', 12576 klaviyoCompanyId: d.notifyKlaviyoCompanyId || '', 12577 eventName: d.notifyEventName || 'notify-me:submit', 12578 successText: d.notifySuccessText || '', 12579 errorText: d.notifyErrorText || '', 12580 }; 12581 }, 12582 get selected() { 12583 return ($store.product.variants || []).find(v => v.id === $store.selectedVariant.id); 12584 }, 12585 get available() { 12586 return this.selected ? !!this.selected.available : false;
12587 }, 12588 get hasDisableTag() { 12589 if (!this.cfg.disableTag) return false; 12590 const tags = $store.product.tags; 12591 return Array.isArray(tags) && tags.indexOf(this.cfg.disableTag) !== -1; 12592 }, 12593 get notifyActive() { 12594 return this.notifyEnabled && !this.available && !this.hasDisableTag; 12595 }, 12596 get disabled() { 12597 return this.adding || (!this.available && !this.notifyActive); 12598 }, 12599 get label() { 12600 if (this.adding) return this.cfg.adding; 12601 if (this.available) return this.cfg.add; 12602 if (this.notifyActive) return this.cfg.notify; 12603 // Unavailable + notify enabled but disable-tag present â its own label. 12604 if (this.hasDisableTag) return this.cfg.disable; 12605 return this.cfg.sold; 12606 }, 12607 get variantTitle() { 12608 const v = this.selected || $store.selectedVariant; 12609 if (!v) return ''; 12610 return [v.option1, v.option2, v.option3].filter(Boolean).join(' / '); 12611 }, 12612 onSubmit() { 12613 if (this.notifyActive) { this.toggleDropdown(); return; } 12614 this.addToCart(); 12615 }, 12616 toggleDropdown() { 12617 this.open = !this.open; 12618 if (this.open) { 12619 this.notifyMsg = ''; 12620 this.$nextTick(() => { const el = this.$refs.notifyEmail; if (el) el.focus(); }); 12621 } 12622 }, 12623 async addToCart() { 12624 if (this.adding || !this.available) return; 12625 this.adding = true; 12626 this.message = ''; 12627 try { 12628 // Shared helper (alp-cart.js): POST /cart/add.js â refresh mini-cart â open drawer. 12629 await window.alpAddToCart({ id: $store.selectedVariant.id, quantity: 1 }); 12630 this.message = this.$el.dataset.msgAdded; 12631 } catch (e) { 12632 this.message = this.$el.dataset.msgError; 12633 } finally { 12634 this.adding = false; 12635 } 12636 }, 12637 async notifySubmit() { 12638 const email = (this.notifyEmail || '').trim(); 12639 if (!email) return; 12640 this.notifyMsg = ''; 12641 this.notifySubmitting = true; 12642 try { 12643 const variantId = $store.selectedVariant.id; 12644 if (this.cfg.service === 'klaviyo') { 12645 await this.submitKlaviyo(email, variantId); 12646 } else { 12647 await this.dispatchNotifyEvent(email, variantId); 12648 } 12649 this.notifyMsg = this.cfg.successText || 'Thanks!'; 12650 this.notifyMsgKind = 'success'; 12651 this.notifyEmail = ''; 12652 setTimeout(() => { this.open = false; }, 1500); 12653 } catch (e) { 12654 console.error('[notify-me]', e); 12655 this.notifyMsg = this.cfg.errorText || 'Something went wrong'; 12656 this.notifyMsgKind = 'error'; 12657 } finally { 12658 this.notifySubmitting = false; 12659 } 12660 }, 12661 submitKlaviyo(email, variantId) { 12662 const companyId = this.cfg.klaviyoCompanyId; 12663 if (!companyId) return Promise.reject(new Error('Klaviyo company_id not configured on this block')); 12664 return fetch('https://a.klaviyo.com/client/back-in-stock-subscriptions/?company_id=' + encodeURIComponent(companyId), { 12665 method: 'POST', 12666 headers: { 'Content-Type': 'application/json', 'revision': '2024-10-15' }, 12667 body: JSON.stringify({ 12668 data: { 12669 type: 'back-in-stock-subscription', 12670 attributes: { 12671 profile: { data: { type: 'profile', attributes: { email: email } } }, 12672 channels: ['EMAIL'], 12673 }, 12674 relationships: { 12675 variant: { data: { type: 'catalog-variant', id: '$shopify:::$default:::' + variantId } }, 12676 }, 12677 }, 12678 }), 12679 }).then(res => { if (!res.ok) throw new Error('Klaviyo error ' + res.status); }); 12680 }, 12681 dispatchNotifyEvent(email, variantId) { 12682 let deferred = null; 12683 const detail = { 12684 email: email, 12685 productId: $store.product.id, 12686 variantId: variantId, 12687 productHandle: $store.product.handle || '', 12688 productTitle: $store.product.title || '', 12689 variantTitle: this.variantTitle, 12690 image: $store.product.featuredImage || '', 12691 blockId: 'AalZMNWVRMEYwdGI3S__add_to_cart_iiVaTn', 12692 respondWith(p) { deferred = p; }, 12693 }; 12694 this.$el.dispatchEvent(new CustomEvent(this.cfg.eventName, { detail: detail, bubbles: true, cancelable: true })); 12695 return deferred || Promise.resolve(); 12696 } 12697 }" 12698><div class="sm-addtocart-btn" @submit.prevent.stop="onSubmit" style="margin: 0;"> 12699 <form method="post" action="/cart/add" id="add-to-cart-form-main" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /> 12700 <input type="hidden" name="id" value="41141787885705" :value="$store.selectedVariant.id"> 12701 <input type="hidden" name="quantity" value="1"><button 12702 type="submit" 12703 name="add" 12704 class="min-h-[56px] min-w-[200px] w-full font-wide flex justify-center align-center items-center px-4 text-white font-semibold uppercase tracking-widest transition-colors disabled:opacity-50 disabled:cursor-not-allowed " 12705 :class="notifyActive ? 'bg-gray-700 hover:bg-gray-900 cursor-pointer' : 'bg-black'" 12706 12707 data-observer-id="secondary" 12708 x-intersect="$store.atc && $store.atc.set($el.dataset.observerId, 'in-view')" 12709 x-intersect:leave="$store.atc && $store.atc.set($el.dataset.observerId, $el.getBoundingClientRect().top < 0 ? 'above' : 'below')" 12710 x-init="$nextTick(() => { if (!$store.atc) return; const r = $el.getBoundingClientRect(); $store.atc.set($el.dataset.observerId, (r.bottom > 0 && r.top < window.innerHeight) ? 'in-view' : (r.top < 0 ? 'above' : 'below')); })" 12711 :disabled="disabled" 12712 :aria-busy="adding" 12713 x-text="label" 12714 >Add to cart</button>
12714<p class="sr-only" role="status" aria-live="polite" x-text="message"></p> 12715 <input type="hidden" name="product-id" value="7155729268873" /><input type="hidden" name="section-id" value="template--27271378010492__product_page_alpine_8wikf4" /></form> 12716 </div></div> 12717 12718<style data-shopify> 12719 12720 12721 12722 #shopify-block-AalZMNWVRMEYwdGI3S__add_to_cart_iiVaTn > div { 12723 padding: 0; 12724 } 12725 12726 12727 @media (min-width: 768px){ 12728 #shopify-block-AalZMNWVRMEYwdGI3S__add_to_cart_iiVaTn > div { 12729 padding: 0; 12730 } 12731 } 12732 12733 12734</style> 12735 12736 12737</div> 12738 12739</div> 12740 12741 12742 12743 12744</div> 12745<div id="shopify-block-AakNPOW5ha3p0Y1pVN__sticky_footer_XBNbfW" class="shopify-block"><div 12746 style="background-color:#ffffff" 12747 id="sticky-AakNPOW5ha3p0Y1pVN__sticky_footer_XBNbfW" 12748 data-sticky-bar 12749 x-data="{ 12750 target: 'main', 12751 trigger: 'above', 12752 visibleMobile: true, 12753 visibleDesktop: false, 12754 desktop: false, 12755 get state() { return (this.$store.atc && this.$store.atc.states[this.target]) || null; }, 12756 get shouldShow() { 12757 if (this.desktop ? !this.visibleDesktop : !this.visibleMobile) return false; 12758 const s = this.state; 12759 if (this.trigger === 'above') return s === 'above'; 12760 if (this.trigger === 'below') return s === 'below'; 12761 if (this.trigger === 'either') return s === 'above' || s === 'below'; 12762 return false; 12763 }, 12764 init() { 12765 this._mq = window.matchMedia('(min-width: 768px)'); 12766 this.desktop = this._mq.matches; 12767 this._onMq = e => { this.desktop = e.matches; }; 12768 this._mq.addEventListener('change', this._onMq); 12769 }, 12770 destroy() { 12771 if (this._mq) this._mq.removeEventListener('change', this._onMq); 12772 } 12773 }" 12774 x-effect="$el.classList.toggle('hidden', !shouldShow)" 12775 class="fixed bottom-0 z-40 w-full hidden pb-4 px-4 pt-0 flex flex-col gap-4 sticky-footer-container" 12776 12777> 12778 <div id="shopify-block-AQ1F0K1R6YTZHMUZqT__selector_variant_igLzE8" class="shopify-block w-full"><div 12779 class="relative w-full" 12780 x-data="{ 12781 ready: false, 12782 canLeft: false, 12783 canRight: false, 12784 fullSizesOnly: true, 12785 // 'all' | 'only' (keep only options ending in 'W') | 'hide' (drop options ending in 'W'). 12786 widthFilter: 'all', 12787 // 'never' | 'any' (1+ size low) | 'selected' (the chosen size is low) â gates the low-stock message. 12788 lowStockTextMode: 'never', 12789 // Reactive list, optionally without half sizes (any value containing '.5', 12790 // e.g. 'UK 6.5' / '6.5') and/or filtered by the width suffix 'W'. Mirrors the 12791 // SSR filters below so the list is the same before and after hydration. 12792 get variants() { 12793 let list = $store.product.variants || []; 12794 if (this.fullSizesOnly) list = list.filter(v => !String(v.name ?? '').includes('.5')); 12795 if (this.widthFilter === 'only') list = list.filter(v => String(v.name ?? '').trim().endsWith('W')); 12796 else if (this.widthFilter === 'hide') list = list.filter(v => !String(v.name ?? '').trim().endsWith('W')); 12797 return list; 12798 }, 12799 get hasLowStock() { 12800 return this.variants.some(v => v.low_stock && !v.out_of_stock); 12801 }, 12802 // Is the currently-selected variant low (but still purchasable)? Reads the 12803 // selected variant directly, falling back to the product list if its flags 12804 // aren't carried on the selection object. 12805 get selectedLowStock() { 12806 const sv = $store.selectedVariant; 12807 if (!sv || !sv.id) return false; 12808 let v = sv; 12809 if (v.low_stock === undefined) { 12810 v = ($store.product.variants || []).find(x => x.id === sv.id) || {}; 12811 } 12812 return !!(v.low_stock && !v.out_of_stock); 12813 }, 12814 // Low-stock message visibility per the block's low_stock_text_mode setting. 12815 get showLowStockText() { 12816 if (this.lowStockTextMode === 'never') return false; 12817 if (this.lowStockTextMode === 'selected') return this.selectedLowStock; 12818 return this.hasLowStock; 12819 }, 12820 update() { 12821 const el = this.$refs.scroller; 12822 if (!el) return; 12823 this.canLeft = el.scrollLeft > 1; 12824 this.canRight = el.scrollLeft + el.clientWidth < el.scrollWidth - 1; 12825 }, 12826 scrollByDir(dir) { 12827 const el = this.$refs.scroller; 12828 if (el) el.scrollBy({ left: el.clientWidth * 0.8 * dir, behavior: 'smooth' }); 12829 }, 12830 init() { 12831 this.$nextTick(() => { this.ready = true; this.update(); }); 12832 } 12833 }" 12834 x-effect="$store.product.variants.length; $nextTick(() =>
12834 update())" 12835 @resize.window.debounce.150ms="update()" 12836 x-show="$store.product.variants.length > 1" 12837 12838> 12839 <div x-ref="scroller" @scroll="update" class="w-full gap-2 no-scrollbar flex flex-nowrap overflow-x-auto snap-x snap-mandatory md:grid md:grid-cols-[repeat(auto-fill,minmax(55px,1fr))] md:overflow-visible md:snap-none"><div x-show="!ready" class="contents"><button class="block border border-black aspect-square min-w-[45px] min-h-[45px] md:min-w-[55px] md:min-h-[55px] max-w-[65px] max-h-[65px] relative shrink-0 snap-start md:w-full md:shrink "> 12840 <span class="text-sm text-black">50</span> 12841 </button><button class="block border border-black aspect-square min-w-[45px] min-h-[45px] md:min-w-[55px] md:min-h-[55px] max-w-[65px] max-h-[65px] relative shrink-0 snap-start md:w-full md:shrink "> 12842 <span class="text-sm text-black">100</span> 12843 </button><button class="block border border-black aspect-square min-w-[45px] min-h-[45px] md:min-w-[55px] md:min-h-[55px] max-w-[65px] max-h-[65px] relative shrink-0 snap-start md:w-full md:shrink "> 12844 <span class="text-sm text-black">200</span> 12845 </button></div><div x-show="ready" x-cloak class="contents"> 12846 <template x-for="variant in variants" :key="variant.id"> 12847 <button x-on:click="$store.selectedVariant.select(variant.id, { remember: true })" 12848 class="alp-selector block border border-black aspect-square min-w-[45px] min-h-[45px] md:min-w-[55px] md:min-h-[55px] max-w-[65px] max-h-[65px] relative shrink-0 snap-start md:w-full md:shrink " 12849 :class="$store.selectedVariant.id === variant.id ? 'active' : ''" 12850 :data-ship-data="variant.date" 12851 :data-stock="String(variant.out_of_stock)" 12852 :data-available="String(variant.available)"><span x-text="variant.name" class="text-sm text-black"></span></button> 12853 </template> 12854 </div> 12855 </div><button type="button" x-show="canLeft" x-cloak @click="scrollByDir(-1)" aria-label="Scroll left" 12856 class="absolute inset-y-0 left-0 z-10 flex items-center justify-center w-9 bg-gradient-to-r from-white via-white to-transparent"> 12857 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 12858 <path d="M15 6l-6 6 6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 12859 </svg> 12860 </button> 12861 <button type="button" x-show="canRight" x-cloak @click="scrollByDir(1)" aria-label="Scroll right" 12862 class="absolute inset-y-0 right-0 z-10 flex items-center justify-center w-9 bg-gradient-to-l from-white via-white to-transparent"> 12863 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 12864 <path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 12865 </svg> 12866 </button> 12867 <span class="low-stock-message pt-2" x-show="showLowStockText" x-cloak> 12868 <div class="w-[10px] h-[10px] bg-[#ff6700] rounded-full opacity-80" style="transform: translateY(-3px);"> 12869 </div> 12870 <span class="text-xs font-primary text-black">Limited stock remaining</span> 12871 </span> 12872</div> 12873 12874<style data-shopify> 12875 12876 12877 12878 12879 12880 #shopify-block-AQ1F0K1R6YTZHMUZqT__selector_variant_igLzE8 > * { 12881 padding: 10px 0 0; 12882 } 12883 12884 12885@media (min-width: 768px){ 12886 12887 #shopify-block-AQ1F0K1R6YTZHMUZqT__selector_variant_igLzE8 > * { 12888 padding: 0; 12889 } 12890 12891 12892} 12893 12894 12895 .low-stock-message { 12896 display: flex; 12897 align-items: center; 12898 gap: 5px; 12899 } 12900 .alp-selector.active, .width-btn.active { 12901 background-color: black; 12902 color: white !important; 12903 } 12904 .alp-selector.active span { 12905 color: white !important; 12906 } 12907 [data-available="false"]{ 12908 background-color: #d0d0d0; 12909 opacity: 0.6; 12910 } 12911 .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } 12912 .no-scrollbar::-webkit-scrollbar { display: none; } 12913</style> 12914 12915 12916</div> 12917<div id="shopify-block-AQ29mM2Y1cExyRy8rO__add_to_cart_WYg6RB" class="shopify-block w-full add-to-cart-container"><div 12918 class="relative w-full" 12919 id="ProductInfo" 12920 data-add-to-cart-form 12921 data-label-add="Add to cart" 12922 data-label-sold="Sold out" 12923 data-label-adding="Addingâ¦" 12924 data-label-notify="Notify When Back in Stock" 12925 data-msg-added="Added to cart" 12926 data-msg-error="Sorry, that couldnât be added" 12927 data-label-disable="Sold Out" 12928 data-notify-disable-tag="" 12929 data-notify-service="event" 12930 data-notify-klaviyo-company-id="" 12931 data-notify-event-name="notify-me:submit" 12932 data-notify-success-text="Thanks! We'll email you when this is back in stock." 12933 data-notify-error-text="Something went wrong. Please try again." 12934 x-data="{ 12935 adding: false, 12936 message: '', 12937 open: false, 12938 notifyEmail: '', 12939 notifyMsg: '', 12940 notifyMsgKind: '', 12941 notifySubmitting: false, 12942 notifyEnabled: true, 12943 cfg: {}, 12944 init() { 12945 const d = this.$el.dataset; 12946 this.cfg = { 12947 add: d.labelAdd, sold: d.labelSold, adding: d.labelAdding, notify: d.labelNotify, 12948 disable: d.labelDisable || d.labelSold, 12949 disableTag: d.notifyDisableTag || '', 12950 service: d.notifyService || 'event', 12951 klaviyoCompanyId: d.notifyKlaviyoCompanyId || '', 12952 eventName: d.notifyEventName || 'notify-me:submit', 12953 successText: d.notifySuccessText || '', 12954 errorText: d.notifyErrorText || '', 12955 }; 12956 }, 12957 get selected() { 12958 return ($store.product.variants || []).find(v => v.id === $store.selectedVariant.id); 12959 }, 12960 get available() { 12961 return this.selected ? !!this.selected.available : false;
12962 }, 12963 get hasDisableTag() { 12964 if (!this.cfg.disableTag) return false; 12965 const tags = $store.product.tags; 12966 return Array.isArray(tags) && tags.indexOf(this.cfg.disableTag) !== -1; 12967 }, 12968 get notifyActive() { 12969 return this.notifyEnabled && !this.available && !this.hasDisableTag; 12970 }, 12971 get disabled() { 12972 return this.adding || (!this.available && !this.notifyActive); 12973 }, 12974 get label() { 12975 if (this.adding) return this.cfg.adding; 12976 if (this.available) return this.cfg.add; 12977 if (this.notifyActive) return this.cfg.notify; 12978 // Unavailable + notify enabled but disable-tag present â its own label. 12979 if (this.hasDisableTag) return this.cfg.disable; 12980 return this.cfg.sold; 12981 }, 12982 get variantTitle() { 12983 const v = this.selected || $store.selectedVariant; 12984 if (!v) return ''; 12985 return [v.option1, v.option2, v.option3].filter(Boolean).join(' / '); 12986 }, 12987 onSubmit() { 12988 if (this.notifyActive) { this.toggleDropdown(); return; } 12989 this.addToCart(); 12990 }, 12991 toggleDropdown() { 12992 this.open = !this.open; 12993 if (this.open) { 12994 this.notifyMsg = ''; 12995 this.$nextTick(() => { const el = this.$refs.notifyEmail; if (el) el.focus(); }); 12996 } 12997 }, 12998 async addToCart() { 12999 if (this.adding || !this.available) return; 13000 this.adding = true; 13001 this.message = ''; 13002 try { 13003 // Shared helper (alp-cart.js): POST /cart/add.js â refresh mini-cart â open drawer. 13004 await window.alpAddToCart({ id: $store.selectedVariant.id, quantity: 1 }); 13005 this.message = this.$el.dataset.msgAdded; 13006 } catch (e) { 13007 this.message = this.$el.dataset.msgError; 13008 } finally { 13009 this.adding = false; 13010 } 13011 }, 13012 async notifySubmit() { 13013 const email = (this.notifyEmail || '').trim(); 13014 if (!email) return; 13015 this.notifyMsg = ''; 13016 this.notifySubmitting = true; 13017 try { 13018 const variantId = $store.selectedVariant.id; 13019 if (this.cfg.service === 'klaviyo') { 13020 await this.submitKlaviyo(email, variantId); 13021 } else { 13022 await this.dispatchNotifyEvent(email, variantId); 13023 } 13024 this.notifyMsg = this.cfg.successText || 'Thanks!'; 13025 this.notifyMsgKind = 'success'; 13026 this.notifyEmail = ''; 13027 setTimeout(() => { this.open = false; }, 1500); 13028 } catch (e) { 13029 console.error('[notify-me]', e); 13030 this.notifyMsg = this.cfg.errorText || 'Something went wrong'; 13031 this.notifyMsgKind = 'error'; 13032 } finally { 13033 this.notifySubmitting = false; 13034 } 13035 }, 13036 submitKlaviyo(email, variantId) { 13037 const companyId = this.cfg.klaviyoCompanyId; 13038 if (!companyId) return Promise.reject(new Error('Klaviyo company_id not configured on this block')); 13039 return fetch('https://a.klaviyo.com/client/back-in-stock-subscriptions/?company_id=' + encodeURIComponent(companyId), { 13040 method: 'POST', 13041 headers: { 'Content-Type': 'application/json', 'revision': '2024-10-15' }, 13042 body: JSON.stringify({ 13043 data: { 13044 type: 'back-in-stock-subscription', 13045 attributes: { 13046 profile: { data: { type: 'profile', attributes: { email: email } } }, 13047 channels: ['EMAIL'], 13048 }, 13049 relationships: { 13050 variant: { data: { type: 'catalog-variant', id: '$shopify:::$default:::' + variantId } }, 13051 }, 13052 }, 13053 }), 13054 }).then(res => { if (!res.ok) throw new Error('Klaviyo error ' + res.status); }); 13055 }, 13056 dispatchNotifyEvent(email, variantId) { 13057 let deferred = null; 13058 const detail = { 13059 email: email, 13060 productId: $store.product.id, 13061 variantId: variantId, 13062 productHandle: $store.product.handle || '', 13063 productTitle: $store.product.title || '', 13064 variantTitle: this.variantTitle, 13065 image: $store.product.featuredImage || '', 13066 blockId: 'AQ29mM2Y1cExyRy8rO__add_to_cart_WYg6RB', 13067 respondWith(p) { deferred = p; }, 13068 }; 13069 this.$el.dispatchEvent(new CustomEvent(this.cfg.eventName, { detail: detail, bubbles: true, cancelable: true })); 13070 return deferred || Promise.resolve(); 13071 } 13072 }" 13073 x-effect="if (available && open) open = false" 13074 @click.outside="open = false" 13075 @keydown.escape.window="open = false" 13076><div class="sm-addtocart-btn" @submit.prevent.stop="onSubmit" style="margin: 0;"> 13077 <form method="post" action="/cart/add" id="add-to-cart-form-main" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /> 13078 <input type="hidden" name="id" value="41141787885705" :value="$store.selectedVariant.id"> 13079 <input type="hidden" name="quantity" value="1"><button 13080 type="submit" 13081 name="add" 13082 class="min-h-[56px] min-w-[200px] w-full font-wide flex justify-center align-center items-center px-4 text-white font-semibold uppercase tracking-widest transition-colors disabled:opacity-50 disabled:cursor-not-allowed " 13083 :class="notifyActive ? 'bg-gray-700 hover:bg-gray-900 cursor-pointer' : 'bg-black'" 13084 13085 data-observer-id="secondary" 13086 x-intersect="$store.atc && $store.atc.set($el.dataset.observerId, 'in-view')" 13087 x-intersect:leave="$store.atc && $store.atc.set($el.dataset.observerId, $el.getBoundingClientRect().top < 0 ? 'above' : 'below')" 13088 x-init="$nextTick(() => { if (!$store.atc) return; const r = $el.getBoundingClientRect(); $store.atc.set($el.dataset.observerId, (r.bottom > 0 && r.top < window.innerHeight) ? 'in-view' : (r.top < 0 ? 'above' : 'below')); })" 13089 :disabled="disabled" 13090 :aria-busy="adding" 13091 x-text="label" 13092 >Add to cart</button>
13092<p class="sr-only" role="status" aria-live="polite" x-text="message"></p> 13093 <input type="hidden" name="product-id" value="7155729268873" /><input type="hidden" name="section-id" value="template--27271378010492__product_page_alpine_8wikf4" /></form> 13094 </div><div 13095 x-show="open" 13096 x-cloak 13097 x-transition 13098 role="dialog" 13099 aria-label="Notify me when this is back in stock" 13100 class="absolute bottom-full mb-2 left-0 right-0 z-20 p-4 bg-white border border-gray-200 rounded-lg shadow-lg flex flex-col gap-3 normal-case tracking-normal text-left" 13101 > 13102 <div class="flex items-center gap-3"> 13103 <img 13104 :src="$store.product.featuredImage" 13105 src="//stevemadden.co.uk/cdn/shop/files/DigitalGiftCard-2_1.png?v=1704279165&width=96" 13106 alt="" 13107 width="40" 13108 height="40" 13109 class="w-10 h-10 object-fill bg-gray-50 flex-shrink-0 rounded" 13110 /> 13111 <div class="min-w-0 flex-1 font-primary"> 13112 <p x-text="$store.product.title" class="text-sm truncate text-black capitalize">STEVE MADDEN UK DIGITAL GIFT CARD</p> 13113 <p x-text="variantTitle" class="text-xs text-gray-500 truncate">50</p> 13114 </div> 13115 <button 13116 type="button" 13117 @click="open = false" 13118 aria-label="Close" 13119 class="w-8 h-8 flex items-center justify-center text-gray-400 hover:text-black text-2xl leading-none flex-shrink-0" 13120 >×</button> 13121 </div> 13122 13123 <p class="text-xs text-center text-gray-700">Notify me when this is back in stock</p> 13124 13125 <form @submit.prevent="notifySubmit" class="flex flex-col gap-2"> 13126 <div class="flex flex-col gap-2"> 13127 <input 13128 type="email" 13129 x-ref="notifyEmail" 13130 x-model="notifyEmail" 13131 required 13132 autocomplete="email" 13133 placeholder="Email address" 13134 aria-label="Email address" 13135 class="flex-1 min-w-0 px-3 py-2 border border-gray-300 rounded text-sm focus:outline-none focus:border-black font-primary" 13136 /> 13137 <button 13138 type="submit" 13139 :disabled="notifySubmitting" 13140 class="px-4 py-4 bg-black text-white text-sm font-primary uppercase tracking-wider rounded hover:bg-gray-900 disabled:opacity-50 disabled:cursor-not-allowed flex-shrink-0" 13141 >Notify me</button> 13142 </div> 13143 <p 13144 x-show="notifyMsg" 13145 x-text="notifyMsg" 13146 :class="notifyMsgKind === 'error' ? 'text-red-600' : 'text-green-700'" 13147 class="text-xs" 13148 role="status" 13149 aria-live="polite" 13150 ></p> 13151 </form> 13152 </div></div> 13153 13154<style data-shopify> 13155 13156 13157 13158 #shopify-block-AQ29mM2Y1cExyRy8rO__add_to_cart_WYg6RB > div { 13159 padding: 0; 13160 } 13161 13162 13163 @media (min-width: 768px){ 13164 #shopify-block-AQ29mM2Y1cExyRy8rO__add_to_cart_WYg6RB > div { 13165 padding: 0; 13166 } 13167 } 13168 13169 13170</style> 13171 13172 13173</div> 13174 13175</div> 13176 13177 13178</div> 13179 13180</div> 13181
13182<script> 13183 document.addEventListener('alpine:init', () => { 13184 const data ={ 13185 "selectedVariant": { "id": 41141787885705, "name": "50", "option1": "50", "option2": null, "option3": null, "status": null, "date": null, "available": true, "low_stock": true, "out_of_stock": true, "price": "£50.00", "priceRaw": 5000, "compareAtPrice": "£0.00", "compareAtPriceRaw": 0, "imageId": null } 13186, 13187 "product": { 13188 "id": 7155729268873, 13189 "url": "\/products\/giftcard", 13190 "handle": "giftcard", 13191 "featuredImage": "\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165\u0026width=96", 13192 "title": "steve madden uk digital gift card", 13193 "price": "£50.00", 13194 "priceRaw": 5000, 13195 "compareAtPrice": "£0.00", 13196 "compareAtPriceRaw": 0,"priceVaries": true, 13197 "compareAtPriceVaries": false, 13198 "variants": [{ "id": 41141787885705, "name": "50", "option1": "50", "option2": null, "option3": null, "status": null, "date": null, "available": true, "low_stock": true, "out_of_stock": true, "price": "£50.00", "priceRaw": 5000, "compareAtPrice": "£0.00", "compareAtPriceRaw": 0, "imageId": null } 13199,{ "id": 41141787918473, "name": "100", "option1": "100", "option2": null, "option3": null, "status": null, "date": null, "available": true, "low_stock": true, "out_of_stock": true, "price": "£100.00", "priceRaw": 10000, "compareAtPrice": "£0.00", "compareAtPriceRaw": 0, "imageId": null } 13200,{ "id": 41141787984009, "name": "200", "option1": "200", "option2": null, "option3": null, "status": null, "date": null, "available": true, "low_stock": true, "out_of_stock": true, "price": "£200.00", "priceRaw": 20000, "compareAtPrice": "£0.00", "compareAtPriceRaw": 0, "imageId": null } 13201], 13202 "optionNames": ["Amount"], 13203 "media": [{ "id": 51906890400089, "src": "\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165\u0026width=1200", "thumb": "\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165\u0026width=200", "alt": "STEVE MADDEN UK DIGITAL GIFT CARD" },{ "id": 51906890269017, "src": "\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-1.png?v=1704279165\u0026width=1200", "thumb": "\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-1.png?v=1704279165\u0026width=200", "alt": "STEVE MADDEN UK DIGITAL GIFT CARD" },{ "id": 51906890695001, "src": "\/\/stevemadden.co.uk\/cdn\/shop\/files\/OPT1FRONT_2x_c618f343-c234-4091-bd48-f1d5f5b5a67c.png?v=1704279166\u0026width=1200", "thumb": "\/\/stevemadden.co.uk\/cdn\/shop\/files\/OPT1FRONT_2x_c618f343-c234-4091-bd48-f1d5f5b5a67c.png?v=1704279166\u0026width=200", "alt": "STEVE MADDEN UK DIGITAL GIFT CARD" }], 13204 "galleryMedia": [{ "id": 44929551466841, "type": "image", "src": "\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165\u0026width=1200", "srcset": "\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165\u0026width=360 360w, \/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165\u0026width=540 540w, \/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165\u0026width=720 720w, \/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165\u0026width=960 960w, \/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165\u0026width=1200 1200w, \/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165\u0026width=1600 1600w", "alt": "STEVE MADDEN UK DIGITAL GIFT CARD", "width": 1000, "height": 1000 },{ "id": 44929551434073, "type": "image", "src": "\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-1.png?v=1704279165\u0026width=1200", "srcset": "\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-1.png?v=1704279165\u0026width=360 360w, \/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-1.png?v=1704279165\u0026width=540 540w, \/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-1.png?v=1704279165\u0026width=720 720w, \/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-1.png?v=1704279165\u0026width=960 960w, \/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-1.png?v=1704279165\u0026width=1200 1200w, \/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-1.png?v=1704279165\u0026width=1600 1600w", "alt": "STEVE MADDEN UK DIGITAL GIFT CARD", "width": 1000, "height": 1000 },{ "id": 44929551499609, "type": "image", "src": "\/\/stevemadden.co.uk\/cdn\/shop\/files\/OPT1FRONT_2x_c618f343-c234-4091-bd48-f
132041d5f5b5a67c.png?v=1704279166\u0026width=1200", "srcset": "\/\/stevemadden.co.uk\/cdn\/shop\/files\/OPT1FRONT_2x_c618f343-c234-4091-bd48-f1d5f5b5a67c.png?v=1704279166\u0026width=360 360w, \/\/stevemadden.co.uk\/cdn\/shop\/files\/OPT1FRONT_2x_c618f343-c234-4091-bd48-f1d5f5b5a67c.png?v=1704279166\u0026width=540 540w, \/\/stevemadden.co.uk\/cdn\/shop\/files\/OPT1FRONT_2x_c618f343-c234-4091-bd48-f1d5f5b5a67c.png?v=1704279166\u0026width=720 720w, \/\/stevemadden.co.uk\/cdn\/shop\/files\/OPT1FRONT_2x_c618f343-c234-4091-bd48-f1d5f5b5a67c.png?v=1704279166\u0026width=960 960w, \/\/stevemadden.co.uk\/cdn\/shop\/files\/OPT1FRONT_2x_c618f343-c234-4091-bd48-f1d5f5b5a67c.png?v=1704279166\u0026width=1200 1200w, \/\/stevemadden.co.uk\/cdn\/shop\/files\/OPT1FRONT_2x_c618f343-c234-4091-bd48-f1d5f5b5a67c.png?v=1704279166\u0026width=1600 1600w", "alt": "STEVE MADDEN UK DIGITAL GIFT CARD", "width": 2282, "height": 1536 }], 13205 "pdpVideo": { 13206 "type": "", 13207 "externalId": null, 13208 "externalSource": null, 13209 "file": { 13210 "poster": null, 13211 "sources": [] 13212 } 13213}, 13214 "sizeChart": null, 13215 "linkedProds": [], 13216 "description": "\u003cp data-mce-fragment=\"1\"\u003eSteve Madden online gift cards have you covered for every occasion, budget, and style. Make gifting easy for everyone with this fully digital gift card.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003ePlease note: the Steve Madden online gift card is only valid on our website in the original currency purchased.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eYour gift card will be emailed directly to you, the purchaser. Then you can forward it to your favourite shopaholic. Theyâll know youâve got great taste when the gift card shows up in their inbox directly from you.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003ePlease allow up to 24 hours to receive the email confirmation for your gift card order.\u003c\/p\u003e\n\u003cp\u003eFor more information on digital gift cards, click \u003ca href=\"https:\/\/help.stevemadden.co.uk\/hc\/en-gb\/sections\/32198859485458-Gift-Cards\" title=\"Digital Gift Card FAQ\"\u003ehere\u003c\/a\u003e.\u003c\/p\u003e", 13217 "tags": ["dontpublish","giftcard","holiday-2024","no-returns","Steve Madden"], 13218 "type": "GIFT CARD","vendor": "Steve Madden", 13219 "sku": null, 13220 "available": true, 13221 "category": ["All products","Put a bow on it!","Summer Shop"],"fsSku": "cltchg_50", 13222 "fsFamilyGroup": "#VALUE!", 13223 "careDetails": "", 13224 "reviewsTotal": "0", 13225 "reviewsAvg": "", 13226 13227"matchProds": [] 13228 } 13229} 13230; 13231 13232// Public Storefront API token â used to hydrate linked products that exceed 13233// the all_products 20-handles/page cap. Safe to expose (it's the public token). 13234const STOREFRONT_TOKEN = ""; 13235const SF_API = '/api/2024-10/graphql.json'; 13236 13237// Fetch products by handle via the Storefront API. Aliased query, chunked to 13238// stay within query limits. Returns { handle: node|null } (null = not found / 13239// unpublished to the Storefront sales channel). 13240async function fetchLinkedByHandle(handles) { 13241 const out = {}; 13242 if (!STOREFRONT_TOKEN || !handles.length) return out; 13243 const FIELDS = 'handle title onlineStoreUrl availableForSale featuredImage { url altText } priceRange { minVariantPrice { amount } } compareAtPriceRange { minVariantPrice { amount } }'; 13244 const CHUNK = 30; 13245 for (let start = 0; start < handles.length; start += CHUNK) { 13246 const slice = handles.slice(start, start + CHUNK); 13247 const varDefs = slice.map((_, i) => `$h${i}: String!`).join(', '); 13248 const aliases = slice.map((_, i) => `p${i}: product(handle: $h${i}) { ${FIELDS} }`).join(' '); 13249 const variables = {}; 13250 slice.forEach((h, i) => { variables['h' + i] = h; }); 13251 const res = await fetch(SF_API, { 13252 method: 'POST', 13253 headers: { 13254 'Content-Type': 'application/json', 13255 'X-Shopify-Storefront-Access-Token': STOREFRONT_TOKEN, 13256 }, 13257 body: JSON.stringify({ query: `query(${varDefs}) { ${aliases} }`, variables }), 13258 }); 13259 if (!res.ok) throw new Error('storefront ' + res.status); 13260 const json = await res.json(); 13261 slice.forEach((h, i) => { out[h] = (json.data && json.data['p' + i]) || null; }); 13262 } 13263 return out; 13264} 13265 13266Alpine.store('selectedVariant', { 13267 ...data.selectedVariant, 13268 13269 select(variantId, opts = {}) { 13270 // Replace the selection with the full variant object so consumers can read 13271 // available / out_of_stock / option1-3 / date / imageId directly off 13272 // $store.selectedVariant (same shape as product.variants[] â both come from 13273 // alp-variant-json). Falls back to just the id if the variant isn't found. 13274 const v = Alpine.store('product').variants.find(x => x.id === variantId); 13275 if (v) Object.assign(this, v); else this.id = variantId; 13276 13277 // Only user-initiated selections (opts.remember) feed the size-memory queue, 13278 // so it persists across products. The auto-apply on load passes no opts. 13279 if (opts.remember && v) Alpine.store('sizePref').remember(v.name); 13280 13281 const url = new URL(window.location); 13282 url.searchParams.set('variant', variantId); 13283 window.history.replaceState({}, '', url); 13284 } 13285}); 13286 13287Alpine.store('product', { 13288 ...data.product, 13289 13290 // Client-side nav: fetch the alternate template's JSON and refresh both stores. 13291 // Throws on HTTP/parse failure so callers can fall back to a full navigation. 13292 async load(handle) {
13293 const res = await fetch(`/products/${handle}?view=alpine-data`); 13294 if (!res.ok) throw new Error(`alpine-data ${res.status} for ${handle}`); 13295 const text = await res.text(); 13296 13297 let next; 13298 try { 13299 next = JSON.parse(text); 13300 } catch (err) { 13301 console.error('[product.load] JSON.parse failed â first 200 chars:', text.slice(0, 200), err); 13302 throw err; 13303 } 13304 13305 // Copy every data field from the payload (methods like load/select are 13306 // not in the JSON, so they're preserved). Any field added to 13307 // alp-store-data propagates automatically â no need to update this list. 13308 Object.assign(this, next.product); 13309 Object.assign(Alpine.store('selectedVariant'), next.selectedVariant); 13310 this.hydrateLinked(); 13311 13312 // Notify non-Alpine consumers (e.g. the Stylitics "wear it with" widget) that 13313 // the page product changed via client-side nav, so they can refresh themselves. 13314 // Alpine blocks react to the store directly and don't need this. 13315 document.dispatchEvent(new CustomEvent('product:changed', { 13316 detail: { handle: this.handle, id: this.id, title: this.title }, 13317 })); 13318 }, 13319 13320 // Linked products beyond the all_products 20/page cap arrive as 13321 // { handle, category, loaded:false }. Fetch the rest via the Storefront API 13322 // and merge; drop any that come back unpublished/unavailable/missing. 13323 async hydrateLinked() { 13324 const pending = (this.linkedProds || []).filter(p => p && !p.loaded); 13325 if (!pending.length) return; 13326 const handles = [...new Set(pending.map(p => p.handle))]; 13327 let fetched; 13328 try { 13329 fetched = await fetchLinkedByHandle(handles); 13330 } catch (e) { 13331 console.warn('[linked] Storefront hydrate failed', e); 13332 return; // leave stubs hidden; full-nav links still work 13333 } 13334 this.linkedProds = this.linkedProds.flatMap(p => { 13335 if (p.loaded) return [p]; 13336 const node = fetched[p.handle]; 13337 if (!node || node.availableForSale === false) return []; 13338 // percent off â mirror the Liquid gate: compare-at must be a real, higher price 13339 const price = Number(node.priceRange?.minVariantPrice?.amount || 0); 13340 const compareAt = Number(node.compareAtPriceRange?.minVariantPrice?.amount || 0); 13341 const percentOff = compareAt > price && compareAt > 0 ? Math.round((compareAt - price) / compareAt * 100) : 0; 13342 return [{ 13343 handle: p.handle, 13344 category: p.category, 13345 title: node.title, 13346 url: node.onlineStoreUrl || ('/products/' + p.handle), 13347 image: node.featuredImage ? node.featuredImage.url : '', 13348 available: true, 13349 percentOff, 13350 loaded: true, 13351 }]; 13352 }); 13353 }, 13354 13355 // Alpine runs a store's init() once after registration. 13356 init() { 13357 this.hydrateLinked(); 13358 } 13359}); 13360 13361// Size memory: remembers the sizes a shopper picks (most-recent-first, persisted 13362// in localStorage) and auto-selects their preferred size on each product. A 13363// configured default order (theme setting) backs it for shoppers with no history. 13364Alpine.store('sizePref', { 13365 // Effective order = saved queue first, then these configured defaults. 13366 defaults: "6,6W,M,08".split(',').map(s => s.trim()).filter(Boolean), 13367 queue: [], 13368 KEY: 'sm:size-queue', 13369 MAX: 30, 13370 13371 norm(s) { return String(s ?? '').trim().toUpperCase(); }, 13372 13373 init() { 13374 try { 13375 const raw = localStorage.getItem(this.KEY); 13376 const arr = raw ? JSON.parse(raw) : []; 13377 if (Array.isArray(arr)) this.queue = arr; 13378 } catch (e) { this.queue = []; } 13379 // First load: apply unless the URL pins an explicit variant (honor deep-links). 13380 const pinned = new URLSearchParams(window.location.search).has('variant'); 13381 requestAnimationFrame(() => { if (!pinned) this.apply(); }); 13382 // Client-side nav resets selectedVariant to the server default â re-apply. 13383 document.addEventListener('product:changed', () => this.apply()); 13384 }, 13385 13386 // Saved picks first, then defaults; deduped on the normalized size name. 13387 order() { 13388 const seen = new Set(), out = []; 13389 for (const s of [...this.queue, ...this.defaults]) { 13390 const n = this.norm(s); 13391 if (n && !seen.has(n)) { seen.add(n); out.push(n); } 13392 } 13393 return out; 13394 }, 13395 13396 // Record a user-chosen size to the front (most-recent-first), then persist. 13397 remember(name) { 13398 const n = this.norm(name); 13399 if (!n) return; 13400 this.queue = [name, ...this.queue.filter(x => this.norm(x) !== n)].slice(0, this.MAX); 13401 try { localStorage.setItem(this.KEY, JSON.stringify(this.queue)); } catch (e) {} 13402 }, 13403 13404 // First variant whose size matches the effective order. Existence match only â 13405 // an out-of-stock preferred size is still selected (per product decision). 13406 pick(variants) { 13407 const list = variants || []; 13408 for (const pref of this.order()) { 13409 const v = list.find(x => this.norm(x.name) === pref); 13410 if (v) return v; 13411 } 13412 return null; 13413 }, 13414 13415 apply() { 13416 const p = Alpine.store('product'); 13417 if (!p) return; 13418 const v = this.pick(p.variants); 13419 if (v && v.id !== Alpine.store('selectedVariant').id) Alpine.store('selectedVariant').select(v.id); 13420 } 13421}); 13422 13423// ---- Back/forward history for color (linked-product) navigation ------------ 13424// Colors are separate product URLs. The color selectors push OR replace history per 13425// this mode (theme setting): 'history' â each color is its own history entry (Back 13426// returns to the previous color); 'variant' â color swaps REPLACE the URL (no new 13427// entry), so Back leaves the product exactly like a size/variant change. 13428window.PDP_COLOR_HISTORY_MODE = "history"; 13429 13430// Make Back/Forward actually re-render the product (needed for 'history' mode): when 13431// the URL changes to a DIFFERENT product in the same document, load it. Non-product 13432// URLs and same-product (variant-only) popstates are ignored so the browser handles 13433// those (and a load failure falls back to a hard reload of the restored URL). 13434window.addEventListener('popstate', () => { 13435 const m = window.location.pathname.match(/\/products\/([^/?#]+)/); 13436 if (!m) return; 13437 const store = Alpine.store('product'); 13438 if (!store || m[1] === store.handle) return; 13439 store.load(m[1]).catch(() => window.location.reload()); 13440}); 13441 13442 }) 13443</script>
13443<script> 13444 (function () { 13445 if (window.__alpAnalytics) return; // register once per page 13446 window.__alpAnalytics = true; 13447 13448 var lastItemId = null; // suppress consecutive duplicate views 13449 var lastVariantId = null; 13450 var money = function (cents) { return (Number(cents || 0) / 100).toFixed(2); }; 13451 var dl = function (obj) { (window.dataLayer = window.dataLayer || []).push(obj); }; 13452 13453 // Global hook: dispatch a custom event on `document` for other services. 13454 var emit = function (name, detail) { 13455 try { document.dispatchEvent(new CustomEvent(name, { detail: detail || {} })); } catch (e) {} 13456 }; 13457 13458 function pushViewItem() { 13459 try { 13460 if (!window.Alpine || !Alpine.store) return; 13461 var p = Alpine.store('product'); 13462 if (!p || !p.id || p.id === lastItemId) return; 13463 lastItemId = p.id; 13464 13465 var sv = Alpine.store('selectedVariant') || {}; 13466 var priceRaw = sv.priceRaw != null ? sv.priceRaw : p.priceRaw; 13467 var baseRaw = sv.compareAtPriceRaw != null ? sv.compareAtPriceRaw : p.compareAtPriceRaw; 13468 var product = { 13469 id: p.id, 13470 sku: p.sku, 13471 name: p.title, 13472 price: money(priceRaw), 13473 basePrice: money(baseRaw), 13474 type: p.type, 13475 tags: p.tags, 13476 brand: p.vendor, 13477 isInStock: !!p.available, 13478 numVariants: (p.variants || []).length, 13479 currentVariant: sv.id || null, 13480 category: p.category, 13481 }; 13482 13483 dl({ event: 'view_item', product: product, _clear: true }); 13484 emit('product:viewed', { product: product }); 13485 } catch (e) { 13486 console.warn('[alp-analytics] view_item failed', e); 13487 } 13488 } 13489 13490 function pushViewVariant(id) { 13491 try { 13492 if (id == null) return; 13493 var vid = String(id); 13494 if (vid === lastVariantId) return; 13495 lastVariantId = vid; 13496 dl({ event: 'view_variant', variant_id: vid, _clear: true }); 13497 emit('variant:viewed', { variantId: vid }); 13498 } catch (e) { 13499 console.warn('[alp-analytics] view_variant failed', e); 13500 } 13501 } 13502 13503 function start() { 13504 if (!window.Alpine || !Alpine.store || !Alpine.store('product')) return; 13505 13506 // Initial product view + re-fire on client-side product navigation. 13507 pushViewItem(); 13508 document.addEventListener('product:changed', pushViewItem); 13509 13510 // Variant view â reactively track the selected variant id so it fires for the 13511 // initial variant AND on every selection change (user pick or product swap). 13512 if (typeof Alpine.effect === 'function') { 13513 Alpine.effect(function () { 13514 var sv = Alpine.store('selectedVariant'); 13515 var id = sv && sv.id; // reactive dependency 13516 if (id != null) pushViewVariant(id); 13517 }); 13518 } else { 13519 var sv = Alpine.store('selectedVariant'); 13520 if (sv && sv.id != null) pushViewVariant(sv.id); 13521 } 13522 } 13523 13524 if (window.Alpine && Alpine.store && Alpine.store('product')) start(); 13525 else document.addEventListener('alpine:initialized', start, { once: true }); 13526 })(); 13527</script>
13527 13528
13529<script> 13530 (function () { 13531 if (window.__dlExpandBound) return; // one delegated listener per page 13532 window.__dlExpandBound = true; 13533 13534 document.addEventListener('click', function (e) { 13535 var summary = e.target.closest && e.target.closest('summary'); 13536 if (!summary) return; 13537 var details = summary.parentElement; 13538 if (!details || details.tagName !== 'DETAILS') return; 13539 var wrap = details.parentElement; // the Details block wrapper 13540 if (!wrap || !wrap.classList.contains('details-wrap')) return; 13541 if (details.open) return; // collapsing, not expanding 13542 window.dataLayer = window.dataLayer || []; 13543 window.dataLayer.push({ 13544 event: 'customClick', 13545 action: 'Expand Section', 13546 'gtm.element': e.target, 13547 'gtm.elementUrl': window.location.href, 13548 'gtm.elementText': e.target.innerText, 13549 }); 13550 }); 13551 })(); 13552</script>
13552 13553 13554<style data-shopify> 13555 @media (min-width: 768px) { 13556 .alpine-product-container { 13557 grid-template-columns: minmax(350px, 62%) minmax(350px, 1fr); 13558 } 13559 } 13560 @media (max-width: 767px) { 13561 .alpine-product-container > .product-column-container { display: contents; } 13562 [id^="shopify-block-"]:has(> .studio-fill) { 13563 background-color: #f1f1f1; 13564 } 13565 }</style> 13566 13567 13568 13569<style> #shopify-section-template--27271378010492__product_page_alpine_8wikf4 klarna-placement::part(osm-message), #shopify-section-template--27271378010492__product_page_alpine_8wikf4 klarna-placement::part(osm-cta), #shopify-section-template--27271378010492__product_page_alpine_8wikf4 klarna-placement::part(osm-legal) {font-size: 12px; line-height: 1;} #shopify-section-template--27271378010492__product_page_alpine_8wikf4 klarna-placement::part(osm-badge) {width: 55px;} #shopify-section-template--27271378010492__product_page_alpine_8wikf4 klarna-placement::part(osm-container) {border: none; padding: 0;} #shopify-section-template--27271378010492__product_page_alpine_8wikf4 .shopify-payment-button__more-options {text-transform: uppercase;} #shopify-section-template--27271378010492__product_page_alpine_8wikf4 .shopify-block > span {display: block;} #shopify-section-template--27271378010492__product_page_alpine_8wikf4 .z-40 {z-index: 2 !important;} #shopify-section-template--27271378010492__product_page_alpine_8wikf4 .rte > * {font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important;} </style></div><div id="shopify-section-template--27271378010492__fs_upsell_new_v2_pzJ3Hg" class="shopify-section">
13569<script> 13570 const seenProducts = new Set(); 13571 13572 function handleFor(card, product) { 13573 var raw = (product && product.productURL) 13574 || card.getAttribute('href') 13575 || (card.querySelector('a[href*="/products/"]') || {}).href 13576 || ''; 13577 raw = String(raw).replace(/[?#].*$/, ''); 13578 var m = raw.match(/\/products\/([^/]+)/); 13579 return m ? m[1] : raw; 13580 } 13581 13582 function openQuickAdd(handle) { 13583 if (!handle) return; 13584 var store = window.Alpine && Alpine.store && Alpine.store('quickAdd'); 13585 if (store && typeof store.openFor === 'function') { 13586 store.openFor(handle); 13587 } else { 13588 window.location.href = '/products/' + handle; 13589 } 13590 } 13591 13592 function hooks() { 13593 FastRecommendationWidget.registerHook("upsell-cross-sell-products", ({element, products}) => { 13594 element.insertAdjacentHTML('beforeend', `<style id="sm-upsell-css"> 13595 .info-container { 13596 grid-template-rows: auto auto auto 1fr !important; 13597 grid-template-columns: fit-content(100%) 1fr !important; 13598 } 13599 img.fs-recommendation-product-image { 13600 aspect-ratio: 39 /50 !important; 13601 } 13602 .fs-recommendation-product-name-wrapper { 13603 font-family: var(--font-secondary) !important; 13604 text-transform: uppercase !important; 13605 } 13606 .fs-recommendation-product-price { 13607 font-family: var(--font-primary) !important; 13608 font-size: 1.4rem !important; 13609 font-weight: 400 !important; 13610 } 13611 .add-to-cart-button-wrapper { 13612 display: none !important; 13613 } 13614 .fs-recommendation-title-wrapper, .fs-recommendation-price-container { 13615 text-align: left !important; 13616 } 13617 .fs-recommendation-compare-price-container { 13618 width: fit-content !important; 13619 } 13620 .fs-recommendation-widget-products-container { 13621 --product-info-grid-areas: "title title title title" "price price price price" !important; 13622 grid-template-areas: var(--product-info-grid-areas) !important; 13623 grid-template-rows: auto 22px 22px !important; 13624 } 13625 .product-compare { 13626 font-family: var(--font-primary) !important; 13627 font-size: 1.4rem !important; 13628 font-weight: 400 !important; 13629 text-decoration: line-through !important; 13630 color: #8e8e8e !important; 13631 width: min-content !important; 13632 margin-right: 10px !important; 13633 } 13634 h2.fs-recommendation-widget-title { 13635 display: none !important; 13636 } 13637 .quick-add-button { 13638 grid-column: 3 / 3 !important; 13639 grid-row: 3 / 3 !important; 13640 width: 100% !important; 13641 height: 100% !important; 13642 color: #000000 !important; 13643 border: none !important; 13644 cursor: pointer !important; 13645 font-family: var(--font-primary) !important; 13646 font-size: 1.4rem !important; 13647 font-weight: 400 !important; 13648 text-transform: uppercase !important; 13649 text-decoration: none !important; 13650 text-align: center !important; 13651 background-color: transparent !important; 13652 transition: all 0.3s ease-in-out !important; 13653 &:hover { 13654 font-weight: 700 !important; 13655 } 13656 }; 13657</style>`); 13658 const productElements = [...element.querySelectorAll(".fs-upsell-cross-sell-product")]; 13659 13660 for (const productElement of productElements) { 13661 const productId = productElement.dataset.id; 13662 if (seenProducts.has(productId)) { 13663 continue; 13664 } 13665 const infoContainer = productElement.querySelector('.info-container'); 13666 seenProducts.add(productId); 13667 if (infoContainer) { 13668 infoContainer.style.setProperty('--product-info-grid-areas', '"title title title title" "compare price price price"'); 13669 const handle = handleFor(productElement, products && products[productId]); 13670 const btn = document.createElement('button'); 13671 btn.type = 'button'; 13672 btn.className = 'quick-add-button'; 13673 btn.textContent = 'ADD+'; 13674 btn.addEventListener('click', (e) => { 13675 e.preventDefault(); 13676 e.stopPropagation(); 13677 openQuickAdd(handle); 13678 }); 13679 infoContainer.appendChild(btn); 13680 } 13681 } 13682 }); 13683 } 13684 if (window.FastRecommendationWidget) { 13685 hooks(); 13686 } else { 13687 window.addEventListener('fast-upsell-cross-sell-ready', function () { 13688 hooks(); 13689 }); 13690 } 13691</script>
13691 13692<div class="bg-gallery md:bg-gallery bg-transparent md:bg-transparent" style="display: none;"></div>
13692<script id="fast-simon-upsell-config">var FAST_UPSELL_CONFIG={"badges": [],"badgesCornerGap": 5,"badgesLimit": 2,"badgesLimitPerCorner": 2,"customCSS": "#fast-simon-new-upsell-17376552963545984 .widget-container,\r\n#fast-simon-new-upsell-173978502597181 .widget-container\r\n{\r\n width: unset !important;\r\n max-width: 100%;\r\n}\r\n\r\n#fast-simon-new-upsell-17376552963545984 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-173978502597181 .fs-recommendation-widget-title\r\n{\r\n display: none !important;\r\n \r\n} \r\n #fast-simon-new-upsell-17259801055719144 #fs-recommendation-widget-main .fs-recommendation-button svg{\r\n -webkit-transform: rotate(90deg);\r\n }\r\n#fast-simon-new-upsell-17259801055719144 #fs-recommendation-widget-main .fs-recommendation-left-arrow{\r\n transform: rotate(180deg);\r\n} \r\n.rebooted-in-cart .add-to-cart-button-wrapper{\r\n display: none !important;\r\n } \r\n.fs-recommendation-product-compare-price{text-decoration: line-through;}\r\n \r\n #fast-simon-new-upsell-17278571098258068 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17278573013377592 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17359364237671540 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17278573679913421 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17278574180116754 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17278681013727029 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17279467987525865 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17376680884788867 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-1737668013555714 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-1737665695397439 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17377374493687902 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17375926885132684 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17388796017446390 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17279480163595832 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17392267373258291 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17284028675439186 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17376552963545984 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-173978502597181 #fs-recommendation-widget-main .fs-recommendation-button svg,\r\n #fast-simon-new-upsell-17345402990538208 #fs-recommendation-widget-main .fs-recommendation-button svg\r\n {\r\n -webkit-transform: rotate(90deg);\r\n }\r\n#fast-simon-new-upsell-17278571098258068 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17278573013377592 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17359364237671540 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17278573679913421 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17278574180116754 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17278681013727029 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17279467987525865 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17376680884788867 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-1737668013555714 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-1737665695397439 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17377374493687902 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17375926885132684 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17388796017446390 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17279480163595832 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17392267373258291 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17284028675439186 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17376552963545984 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-173978502597181 #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n#fast-simon-new-upsell-17345402990538208 #fs-recommendation-widget-main .fs-recommendation-left-arrow\r\n{\r\n transform: rotate(180deg);\r\n}\r\n\r\n#fast-simon-new-upsell-17278571098258068 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17278573013377592 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17359364237671540 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17278573679913421 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17278574180116754 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17278681013727029 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17279467987525865 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17376680884788867 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-1737668013555714 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-1737665695397439 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17377374493687902 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17375926885132684 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17388796017446390 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17279480163595832 .fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17392267373258291 .fs-recommendation-product-info\r\n{\r\n grid-template-columns: auto auto 1fr 1fr !important;\r\n grid-template-rows: max-content;\r\n}\r\n#fast-simon-new-upsell-17279467987525865 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17376680884788867 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-1737668013555714 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-1737665695397439 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17377374493687902 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17278571098258068 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17278573013377592 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17359364237671540 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17278573679913421 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17278574180116754 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17278681013727029 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17375926885132684 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17388796017446390 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17284028675439186 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17376552963545984 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-173978502597181 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17345402990538208 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17279480163595832 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17392267373258291 .fs-recommendation-widget-title,\r\n#fast-simon-new-upsell-17345402990538208 .fs-recommendation-widget-title\r\n{\r\n display: none !important;\r\n}\r\n#fast-simon-new-upsell-17278571098258068 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17278573013377592 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17359364237671540 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17278573679913421 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17278574180116754 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17278681013727029 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17279467987525865 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17376680884788867 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-1737668013555714 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-1737665695397439 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17377374493687902 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17375926885132684 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17388796017446390 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17279480163595832 .fs-recommendation-product-price,\r\n#fast-simon-new-upsell-17392267373258291 .fs-recommendation-product-price\r\n{\r\n margin-right: 10px;\r\n}\r\n\r\n\r\n\r\n.banner__buttons{\r\n display: none !important;\r\n }\r\n .fast-simon-new-upsell-17253820263991694{\r\n height: fit-content !important;\r\n }\r\n .title-wrapper {\r\n margin-bottom: 0px !important;\r\n }\r\n \r\n .info-container {\r\n min-height: 100px;\r\n }\r\n \r\n .my-badge-labels {\r\n position: absolute;\r\n width: fit-content;\r\n top: 5px;\r\n display: block;\r\n height: auto;\r\n z-index: 1;\r\n background-color: transparent;\r\n border: 1px solid #000 !important;\r\n color: #000 !important;\r\n font-size: 10px;\r\n right: 5px;\r\n \tpadding: 0 3px 0 3px;\r\n }\r\n \r\n .add-to-cart-button {\r\n padding: 0 !important;\r\n }\r\n \r\n #fast-upsell-crossell-widget-1720186422314 #fs-recommendation-widget-main {\r\n position: relative;\r\n overflow: auto;\r\n}\r\n #fast-upsell-crossell-widget-1720186422314 .color-swatch.selected {\r\n border: none;\r\n cursor: pointer;\r\n margin: 5px;\r\n display: block;\r\n box-shadow: 0 0 0 2px #fff, 0 0 0 3px #000;\r\n transition: .2s all ease-in-out;\r\n border-radius: 50%;\r\n background-size: cover;\r\n max-height: 20px;
13692\r\n max-width: 20px;\r\n position: relative;\r\n height: 20px;\r\n width: 20px;\r\n }\r\n \r\n \r\n .fs-recommendation-product-name-wrapper {\r\n text-transform: capitalize !important;\r\n font-size: 16px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: 1px;\r\n line-height: 20px;\r\n margin-bottom: 4px;\r\n margin-top: 10px;\r\n }\r\n \r\n .fs-recommendation-product-price {\r\n font-size: 14px !important;\r\n font-weight: 700 !important;\r\n }\r\n \r\n .fs-recommendation-widget-title {\r\n text-transform: uppercase !important;\r\n }\r\n \r\n @media (min-width: 1920px) {\r\n .editor-recommendation-widget-container {\r\n margin: 0 auto !important;\r\n max-width: 1400px !important;\r\n }\r\n #fs-recommendation-widget-main {\r\n margin: 0 auto !important;\r\n max-width: 1400px !important;\r\n }\r\n \r\n .fs-recommendation-widget-title {\r\n text-align: left !important;\r\n font-size: 30px !important;\r\n font-weight: 400 !important;\r\n line-height: 47px !important;\r\n letter-spacing: 3px !important;\r\n margin-left: 50px !important;\r\n }\r\n \r\n .fs-recommendation-product-name-wrapper {\r\n font-size: 20px !important;\r\n letter-spacing: 1px;\r\n line-height: 20px;\r\n }\r\n \r\n .fs-recommendation-product-price {\r\n letter-spacing: 2px !important;\r\n line-height: 37px !important;\r\n }\r\n .fs-recommendation-product-compare-price {\r\n letter-spacing: 2px !important;\r\n line-height: 37px !important;\r\n }\r\n }\r\n \r\n @media (max-width: 767px) {\r\n .fs-recommendation-widget-title {\r\n text-align: center !important;\r\n font-size: 24px !important;\r\n font-weight: 700 !important;\r\n line-height: 44px !important;\r\n letter-spacing: 2px;\r\n }\r\n .fs-recommendation-product-name-wrapper {\r\n font-size: 14px !important;\r\n letter-spacing: 1px !important;\r\n line-height: 18px !important;\r\n }\r\n \r\n .fs-recommendation-product-price,.fs-recommendation-product-compare-price {\r\n font-size: 14px !important;\r\n letter-spacing: 1px !important;\r\n /*line-height: 15px !important;*/\r\n }\r\n }\r\n \r\n .dotsContainer {\r\n display: none !important;\r\n }\r\n \r\n /* Cart Widget start */\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .fs-recommendation-button svg{\r\n -webkit-transform: rotate(90deg);\r\n }\r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .fs-serp-tooltip ,#fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .fs-serp-tooltip{ display: none !important; }\r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .show-more-swatches ,#fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .show-more-swatches{ display: none !important; }\r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .fs_show_more_csm, \r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .fs_show_more_csm{ \r\n width: 18px;\r\n height: 20px;\r\n transform: rotate(180deg);\r\n \r\n }\r\n #fast-simon-new-upsell-17253820263991694 .fs-recommendation-product-info{\r\n min-height: unset !important;\r\n }\r\n @media (min-width: 1920px) {\r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .editor-recommendation-widget-container,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .editor-recommendation-widget-container {\r\n margin: 0 auto !important;\r\n max-width: 1400px !important;\r\n }\r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main {\r\n margin: 0 auto !important;\r\n max-width: 1400px !important;\r\n }\r\n }\r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .dotsContainer ,#fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .dotsContainer{ display: none !important; }\r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .editor-recommendation-widget-container,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .editor-recommendation-widget-container{\r\n margin: 0px !important;\r\n }\r\n \r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .fs-recommendation-product-image ,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .fs-recommendation-product-image{\r\n object-fit: cover!important;\r\n }\r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper ,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper{\r\n font-weight: 700 !important;\r\n letter-spacing: 1px;\r\n line-height: 13px !important;\r\n font-size: 12px !important;\r\n letter-spacing: 0px;\r\n }\r\n \r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .fs-recommendation-product-price ,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .fs-recommendation-product-price{\r\n font-size: 14px !important;\r\n letter-spacing: 1px !important;\r\n line-height: 14px !important;\r\n font-weight: 700 !important;\r\n }\r\n \r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .fs-recommendation-widget-title ,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .fs-recommendation-widget-title{\r\n \tposition: relative;\r\n display: block;\r\n width: 100%;\r\n font-weight: 600 !important;\r\n letter-spacing: normal !important;\r\n font-size: 13px !important;\r\n text-transform: uppercase !important;\r\n margin-bottom: 0;\r\n text-align: left !important;\r\n }\r\n \r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"],\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"] {\r\n \tposition: absolute;\r\n top: 20px !important;\r\n display: block;
13692\r\n width: 20px;\r\n right: 50px;\r\n height: 20px;\r\n z-index: 2;\r\n padding: 0;\r\n }\r\n \r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .arrow-visibility ,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .arrow-visibility{\r\n visibility: visible;\r\n }\r\n \r\n \r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"] ,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"]{\r\n \tposition: absolute;\r\n right: 0px;\r\n top: 20px !important;\r\n display: block;\r\n width: 20px;\r\n height: 20px;\r\n z-index: 2;\r\n padding: 0;\r\n }\r\n \r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .fs-recommendation-widget-title ,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .fs-recommendation-widget-title{\r\n margin-left: 0px !important;\r\n }\r\n \r\n \r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .editor-recommendation-widget-container,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .editor-recommendation-widget-container {\r\n width: 100% !important;\r\n }\r\n \r\n \r\n @media (max-width: 486px) {\r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"] {\r\n top: 15px !important;\r\n }\r\n \r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"]{\r\n top: 15px !important; \r\n }\r\n }\r\n #fast-simon-new-upsell-17253820263806372 #fs-recommendation-widget-main .fs-recommendation-left-arrow ,\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main .fs-recommendation-left-arrow{\r\n transform: rotate(180deg);\r\n }\r\n .fast-upsell-crossell-widget-17259801055719144 #fs-recommendation-widget-main {\r\n margin: 0 auto !important;\r\n max-width: 1400px !important;\r\n }\r\n /* Cart Widget end */\r\n\r\n.custom-upsell-look .upsell-cross-sell-image-container {\r\n display: flex !important;\r\n}\r\n.custom-upsell-look .arrow-visibility {\r\n visibility: visible !important;\r\n opacity: 0.5 !important;\r\n}\r\n \r\n /* Start special pages */\r\n\r\n .common-sell #fs-recommendation-widget-main .fs-recommendation-right-arrow, \r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-left-arrow, \r\n.common-sell #fs-recommendation-widget-main .image-wrapper, \r\n.common-sell #fs-recommendation-widget-main .dotsContainer, \r\n.common-sell #fs-recommendation-widget-main .editor-recommendation-widget-container, \r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper, \r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-product-price, \r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-widget-title, \r\n.common-sell #fs-recommendation-widget-main .color-swatches-wrapper, \r\n.common-sell #fs-recommendation-widget-main .button-wrapper, \r\n.common-sell #fs-recommendation-widget-main .fs_title_wrap_cstm, \r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-widget-container, \r\n.common-sell #fs-recommendation-widget-main .fs_cta_btn_cstm, \r\n.common-sell #fs-recommendation-widget-main {\r\n -webkit-user-select: none; /* Safari */\r\n -ms-user-select: none; /* IE 10 and IE 11 */\r\n user-select: none; /* Standard syntax */\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-right-arrow,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-right-arrow {\r\n transform: rotate(0deg);\r\n}\r\n.common-sell #fs-recommendation-widget-main .image-wrapper,\r\n.custom-upsell-look #fs-recommendation-widget-main .image-wrapper {\r\n background-color: #eee;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-left-arrow {\r\n transform: rotate(180deg);\r\n}\r\n.common-sell #fs-recommendation-widget-main .dotsContainer,\r\n.custom-upsell-look #fs-recommendation-widget-main .dotsContainer {\r\n display: flex !important;\r\n}\r\n.common-sell #fs-recommendation-widget-main .editor-recommendation-widget-container,\r\n.custom-upsell-look #fs-recommendation-widget-main .editor-recommendation-widget-container {\r\n width: 95vw !important;\r\n margin: 0px !important;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper {\r\n font-weight: 700 !important;\r\n letter-spacing: 1px;\r\n line-height: 17px !important;\r\n font-size: 16px !important;\r\n letter-spacing: 0px;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-product-price,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-product-price {\r\n font-size: 16px !important;\r\n letter-spacing: 1px !important;\r\n line-height: 16px !important;\r\n font-weight: 700 !important;\r\n}\r\n@media (min-width: 1024px) {\r\n .common-sell #fs-recommendation-widget-main .fs-recommendation-widget-title,\r\n .custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-widget-title {\r\n margin-left: 65px !important;\r\n }\r\n}\r\n.common-sell #fs-recommendation-widget-main .color-swatches-wrapper, \r\n.custom-upsell-look #fs-recommendation-widget-main .color-swatches-wrapper,\r\n.common-sell #fs-recommendation-widget-main .button-wrapper, \r\n.custom-upsell-look #fs-recommendation-widget-main .button-wrapper {\r\n display: none !important;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs_title_wrap_cstm,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs_title_wrap_cstm {\r\n order: 1;\r\n display: flex;\r\n width: 90vw;\r\n justify-content: space-between;
13692\r\n align-items: center;\r\n margin-bottom: 20px;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-widget-container,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-widget-container {\r\n order: 2!important;\r\n}\r\n.common-sell #fs-recommendation-widget-main .dotsContainer,\r\n.custom-upsell-look #fs-recommendation-widget-main .dotsContainer {\r\n display: none !important;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs_cta_btn_cstm,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs_cta_btn_cstm {\r\n text-decoration: none;\r\n color: #000;\r\n border: 2px solid #000;\r\n font-size: 16px;\r\n letter-spacing: 1px;\r\n line-height: 25px;\r\n color: #000;\r\n font-weight: 600;\r\n font-family: acumin-pro, sans-serif;\r\n text-align: center;\r\n max-width: 163px;\r\n width: 100%;\r\n height: 47px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center; \r\n border: 2px solid #000000;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs_cta_btn_cstm:hover,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs_cta_btn_cstm:hover {\r\n background-color: #000;\r\n color: #fff;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-widget-title,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-widget-title {\r\n position: relative;\r\n display: block;\r\n width: 100%;\r\n font-weight: 400 !important;\r\n font-size: 30px !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n}\r\n.common-sell #fs-recommendation-widget-main,\r\n.custom-upsell-look #fs-recommendation-widget-main {\r\n margin-top: 30px;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-widget-title,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-widget-title {\r\n margin: 0 !important;\r\n width: fit-content!important;\r\n font-size: 28px !important;\r\n letter-spacing: 2px !important;\r\n line-height: 35px;\r\n color: #000;\r\n font-weight: 700 !important;\r\n margin: 0 !important;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-right-arrow,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-right-arrow {\r\n width: 20px;\r\n height: 20px;\r\n opacity: 0.8;\r\n transform: rotate(0deg);\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-right-arrow:hover,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-right-arrow:hover {\r\n opacity: 1;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-left-arrow,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-left-arrow {\r\n width: 20px;\r\n height: 20px;\r\n opacity: 0.8;\r\n transform: rotate(180deg);\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-left-arrow:hover,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-left-arrow:hover {\r\n opacity: 1;\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper {\r\n letter-spacing: 1px;\r\n line-height: 20px !important;\r\n color: #000;\r\n font-weight: 700 !important;\r\n margin-bottom: 4px;\r\n margin-top: 10px;\r\n font-size: 20px !important;\r\n letter-spacing: 0px; \r\n}\r\n.common-sell #fs-recommendation-widget-main .title-wrapper,\r\n.custom-upsell-look #fs-recommendation-widget-main .title-wrapper {\r\n margin-bottom: 5px !important;\r\n}\r\n.custom-upsell-look .fast-upsell-crossell-widget-1720188707606 .my-badge-labels,\r\n.custom-upsell-look .fast-upsell-crossell-widget-1720191649253 .my-badge-labels,\r\n.custom-upsell-look .fast-upsell-crossell-widget-1720191429245 .my-badge-labels,\r\n.custom-upsell-look .fast-upsell-crossell-widget-1720363131022 .my-badge-labels,\r\n.custom-upsell-look .fast-upsell-crossell-widget-1721038966569 .my-badge-labels,\r\n.custom-upsell-look .fast-upsell-crossell-widget-1721111558347 .my-badge-labels,\r\n.custom-upsell-look .my-badge-labels {\r\n padding: 3px 10px;\r\n color: #000;\r\n font-weight: 400;\r\n text-transform: uppercase;\r\n font-size: 14px;\r\n left: unset;\r\n top: 10px;\r\n position: absolute;\r\n right: 10px;\r\n font-family: acumin-pro, sans-serif;\r\n}\r\n@media (min-width: 1920px) {\r\n .common-sell #fs-recommendation-widget-main .title-wrapper,\r\n .custom-upsell-look #fs-recommendation-widget-main .title-wrapper {\r\n margin-bottom: 10px !important;\r\n }\r\n .common-sell #fs-recommendation-widget-main .fs-recommendation-product-price,\r\n .custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-product-price {\r\n font-size: 19px !important;\r\n }\r\n\t.common-sell #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper,\r\n .custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper {\r\n font-size: 20px!important;\r\n }\r\n}\r\n@media (min-width: 768px) {\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"] {\r\n top: 11px !important;\r\n }\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"] {\r\n top: 11px !important;\r\n }\r\n}\r\n@media (min-width: 768px) and (max-width: 768px){\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"] {\r\n top: 23px !important;\r\n }\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"] {\r\n top: 23px !important;\r\n }\r\n}\r\n@media (min-width: 1920px) {\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"] {\r\n top: 23px !important;\r\n }\r\n #fast-simon-new-upsell-17253820263991694 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"] {\r\n top: 23px !important;\r\n }\r\n}\r\n@media (max-width: 768px) {\r\n .common-sell #fs-recommendation-widget-main .fs-recommendation-widget-title,\r\n .custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-widget-title {\r\n font-size: 24px !important;\r\n letter-spacing: 2px !important;\r\n line-height: 44px !important;\r\n } \r\n .common-sell #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper,\r\n .custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper {\r\n font-size: 14px !important;\r\n line-height: 14px !important;\r\n }\r\n\t.common-sell #fs-recommendation-widget-main .fs-recommendation-product-price,\r\n .custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-product-price {\r\n font-size: 12px !important;\r\n line-height: 12px !important;\r\n } \r\n .common-sell #fs-recommendation-widget-main .fs_cta_btn_cstm,\r\n .custom-upsell-look #fs-recommendation-widget-main .fs_cta_btn_cstm {\r\n order: 2!important;\r\n margin-bottom: 23px!important; \r\n }\r\n\t.common-sell #fs-recommendation-widget-main,\r\n .custom-upsell-look #fs-recommendation-widget-main {\r\n margin-top: 20px!important;\r\n margin-bottom: 0!important;\r\n }\r\n\t.common-sell #fs-recommendation-widget-main .editor-recommendation-widget-container,\r\n .custom-upsell-look #fs-recommendation-widget-main .editor-recommendation-widget-container {\r\n width: 100vw !important;\r\n }\r\n .custom-upsell-look .fast-upsell-crossell-widget-1720188707606 .my-badge-labels,\r\n .custom-upsell-look .fast-upsell-crossell-widget-1720191649253 .my-badge-labels,\r\n .custom-upsell-look .fast-upsell-crossell-widget-1720191429245 .my-badge-labels,\r\n .custom-upsell-look .fast-upsell-crossell-widget-1720363131022 .my-badge-labels,\r\n .custom-upsell-look .fast-upsell-crossell-widget-1721038966569 .my-badge-labels,\r\n .custom-upsell-look .fast-upsell-crossell-widget-1724942580610 .my-badge-labels,\r\n\t.custom-upsell-look .fast-upsell-crossell-widget-1721111558347 .my-badge-labels,\r\n .custom-upsell-look .my-badge-labels {\r\n padding: 1px 5px;\r\n color: #000;\r\n font-weight: 400;\r\n text-transform: uppercase;\r\n font-size: 10px;\r\n left: unset;\r\n top: 5px;\r\n position: absolute;\r\n right: 5px;\r\n font-family: acumin-pro, sans-serif;\r\n }\r\n}\r\n@media (min-width: 865px) {\r\n .common-sell #fs-recommendation-widget-main .fs-recommendation-widget-title,\r\n .custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-widget-title {\r\n margin-left: 42px !important;\r\n } \r\n .common-sell #fs-recommendation-widget-main .fs_cta_btn_cstm,\r\n .custom-upsell-look #fs-recommendation-widget-main .fs_cta_btn_cstm {\r\n margin-right: 42px;\r\n }\r\n .common-sell #fs-recommendation-widget-main .fs_title_wrap_cstm,\r\n .custom-upsell-look #fs-recommendation-widget-main .fs_title_wrap_cstm {\r\n width: 95vw;\r\n }\r\n}\r\n.common-sell #fs-recommendation-widget-main .fs-recommendation-widget-title,\r\n.custom-upsell-look #fs-recommendation-widget-main .fs-recommendation-widget-title {\r\n display: none !important;\r\n}\r\n.common-sell #fs-recommendation-widget-main .editor-recommendation-widget-container,\r\n.custom-upsell-look #fs-recommendation-widget-main .editor-recommendation-widget-container {\r\n margin: 0 !important;\r\n max-width: 100% !important;\r\n}\r\n.common-sell #fs-recommendation-widget-main,\r\n.custom-upsell-look #fs-recommendation-widget-main {\r\n margin: 0 !important;\r\n max-width: 100% !important;\r\n}\r\n\r\n /* special pages stop */\r\n \r\n \r\n#fs-recommendation-widget-main {\r\n position: relative !important;\r\n}\r\n\r\n.fs-recommendation-price-container {\r\n align-items: flex-start;\r\n}\r\n\r\n.fs-recommendation-compare-price-container {\r\n align-self: flex-start !important;\r\n}\r\n/*HP prices fix (Rachel) start*/\r\n#fast-simon-new-upsell-17284028675439186 .info-container.fs-recommendation-product-info,\r\n#fast-simon-new-upsell-17345402990538208 .info-container.fs-recommendation-product-info\r\n{\r\n align-items: center;\r\n justify-items: start;\r\n grid-template-columns: 1fr 1fr 1fr;\r\n}\r\n#fast-simon-new-upsell-17284028675439186 .fs-recommendation-compare-price-container.product-compare,\r\n#fast-simon-new-upsell-17345402990538208 .fs-recommendation-compare-price-container.product-compare\r\n{\r\n align-self: center !important;\r\n margin-left: 13px;\r\n}\r\n@media (max-width: 770px) {\r\n #fast-simon-new-upsell-17284028675439186 .info-container.fs-recommendation-product-info,\r\n #fast-simon-new-upsell-17345402990538208 .info-container.fs-recommendation-product-info \r\n {\r\n grid-template-columns: unset;\r\n }\r\n}\r\n/*HP prices fix (Rachel) end*/\r\n .rebooted-in-cart .add-to-cart-button-wrapper{\r\n display: none !important;\r\n }\r\n .dotsContainer {\r\n display: none !important;\r\n }\r\n \r\n /* Cart Widget start */\r\n #fast-simon-new-upsell-17259801055719144 #fs-recommendation-widget-main .fs-recommendation-button svg{\r\n -webkit-transform: rotate(90deg);\r\n }\r\n#fast-simon-new-upsell-17259801055719144 #fs-recommendation-widget-main .fs-recommendation-left-arrow{\r\n transform: rotate(180deg);\r\n}\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .fs-recommendation-button svg{\r\n -webkit-transform: rotate(90deg);\r\n }\r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .fs-serp-tooltip ,#fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .fs-serp-tooltip{ display: none !important; }\r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .show-more-swatches ,#fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .show-more-swatches{ display: none !important; }\r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .fs_show_more_csm, \r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .fs_show_more_csm{ \r\n width: 18px;\r\n height: 20px;\r\n transform: rotate(180deg);\r\n \r\n }\r\n #fast-simon-upsell-1724942580610 .fs-recommendation-product-info{\r\n min-height: unset !important;\r\n }\r\n @media (min-width: 1920px) {\r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .editor-recommendation-widget-container,\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .editor-recommendation-widget-container {\r\n margin: 0 auto !important;\r\n max-width: 1400px !important;\r\n }\r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main,\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main {\r\n margin: 0 auto !important;\r\n max-width: 1400px !important;\r\n }\r\n }\r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .dotsContainer ,#fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .dotsContainer{ display: none !important; }\r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .editor-recommendation-widget-container,\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .editor-recommendation-widget-container{\r\n margin: 0px !important;\r\n }\r\n \r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .fs-recommendation-product-image ,\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .fs-recommendation-product-image{\r\n object-fit: cover!important;\r\n }\r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper ,\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .fs-recommendation-product-name-wrapper{\r\n font-weight: 700 !important;\r\n letter-spacing: 1px;\r\n line-height: 13px !important;\r\n font-size: 12px !important;\r\n letter-spacing: 0px;\r\n }\r\n \r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .fs-recommendation-product-price ,\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .fs-recommendation-product-price{\r\n font-size: 14px !important;\r\n letter-spacing: 1px !important;\r\n line-height: 14px !important;\r\n font-weight: 700 !important;\r\n }\r\n \r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .fs-recommendation-product-compare-price {\r\n font-size: 14px !important;\r\n letter-spacing: 1px !important;\r\n line-height: 14px !important;\r\n font-weight: 400 !important;\r\n\t margin-right: 20px;\r\n }\r\n \r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .fs-recommendation-widget-title ,\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .fs-recommendation-widget-title{\r\n \tposition: relative;\r\n display: block;\r\n width: 100%;\r\n font-weight: 600 !important;\r\n letter-spacing: normal !important;\r\n font-size: 13px !important;\r\n text-transform: uppercase !important;\r\n margin-bottom: 0;\r\n text-align: left !important;\r\n }\r\n \r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"],\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"] {\r\n \tposition: absolute;\r\n top: 20px !important;\r\n display: block;
13692\r\n width: 20px;\r\n right: 50px;\r\n height: 20px;\r\n z-index: 2;\r\n padding: 0;\r\n }\r\n \r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .arrow-visibility{\r\n visibility: visible;\r\n }\r\n \r\n \r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .arrow-visibility{\r\n visibility: visible;\r\n pointer-events: none;\r\n }\r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"] ,\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"]{\r\n \tposition: absolute;\r\n right: 0px;\r\n top: 20px !important;\r\n display: block;\r\n width: 20px;\r\n height: 20px;\r\n z-index: 2;\r\n padding: 0;\r\n }\r\n \r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .fs-recommendation-widget-title ,\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .fs-recommendation-widget-title{\r\n margin-left: 0px !important;\r\n }\r\n \r\n \r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .editor-recommendation-widget-container,\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .editor-recommendation-widget-container {\r\n width: 100% !important;\r\n }\r\n \r\n \r\n @media (max-width: 486px) {\r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"] {\r\n top: 15px !important;\r\n }\r\n \r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"]{\r\n top: 15px !important; \r\n }\r\n #fast-simon-upsell-1724942580610 .fs-recommendation-product-title {\r\n min-height: 36px;\r\n }\r\n }\r\n #fast-simon-upsell-1720186422314 #fs-recommendation-widget-main .fs-recommendation-left-arrow ,\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main .fs-recommendation-left-arrow{\r\n transform: rotate(180deg);\r\n }\r\n /* Cart Widget end */\r\n@media (min-width: 768px) {\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"] {\r\n top: 11px !important;\r\n }\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"] {\r\n top: 11px !important;\r\n }\r\n}\r\n@media (min-width: 768px) and (max-width: 768px){\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"] {\r\n top: 23px !important;\r\n }\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"] {\r\n top: 23px !important;\r\n }\r\n}\r\n@media (min-width: 1920px) {\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Left Arrow\"] {\r\n top: 23px !important;\r\n }\r\n #fast-simon-upsell-1724942580610 #fs-recommendation-widget-main button.fs-recommendation-button[aria-label=\"Right Arrow\"] {\r\n top: 23px !important;\r\n }\r\n}\r\n\r\n#fast-simon-new-upsell-1737668013555714 .fs-recommendation-product-compare-price,\r\n#fast-simon-new-upsell-17376680884788867 .fs-recommendation-product-compare-price,\r\n#fast-simon-new-upsell-1737665695397439 .fs-recommendation-product-compare-price {\r\n letter-spacing: 2px !important;\r\n line-height: 37px !important;\r\n}\r\n\r\n#fast-simon-new-upsell-1737668013555714 .fs-recommendation-compare-price-container,\r\n#fast-simon-new-upsell-17376680884788867 .fs-recommendation-compare-price-container,\r\n#fast-simon-new-upsell-1737665695397439 .fs-recommendation-compare-price-container {\r\n align-items: unset !important;\r\n}\r\n\r\n/*.fs-recommendation-compare-price-container {padding-top:5px !important;}*/\r\n\r\n@media (max-width: 770px) {\r\n .fs-recommendation-compare-price-container {\r\n padding-top: 0px !important;\r\n }\r\n #fast-simon-new-upsell-17278681013727029 .fs-recommendation-product-info\r\n {\r\n grid-template-columns: auto auto !important;\r\n grid-template-rows: max-content;\r\n }\r\n}\r\n.fs-widget-style-it-list .fs-recommendation-widget-title {\r\n font-size: 0 !important;\r\n}\r\n.fs-widget-style-it-list .fs-recommendation-widget-container {\r\n width: 100%;\r\n}\r\n/* Style by Style Name*/\r\n/*HP WITH HEADER*/\r\n#fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-promo-text{\r\n display: block !important;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-widget-title {\r\n display: block !important;\r\n text-align: left;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-hp-header-new .editor-recommendation-widget-container{\r\n max-width: unset !important;\r\n margin: 0 !important;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-product-title{\r\n line-height: 0 !important;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-hp-header-new{\r\n max-width: unset !important;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-promo-text {\r\n font-size: 14px !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n color: #b20000 !important;\r\n }\r\n#fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-product-price {\r\n font-size: 14px !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n }\r\n#fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-product-name-wrapper {\r\n font-size: 16px !important;\r\n color: #000000 !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n }\r\n#fs-recommendation-widget-main.fs-widget-style-hp-header-new .editor-fs-recommendation-product-image {\r\n mix-blend-mode: unset !important;\r\n}\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .add_wish_class {\r\n grid-area: add;\r\n display: block !important;
13692\r\n align-content: center;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .info-container {\r\n min-height: unset;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-product-info {\r\n grid-template-areas:\r\n \"title title title title\"\r\n \"price price price add\";\r\n grid-template-columns: auto 1fr 1fr auto !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-product-has-compare-price .fs-recommendation-product-info {\r\n grid-template-areas:\r\n \"title title title title\"\r\n \"compare price price add\";\r\n grid-template-columns: auto 1fr 1fr auto !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .quick_add_btnn {\r\n border: none;\r\n background: none;\r\n font-weight: 600;\r\n font-size: 14px;\r\n font-family: acumin-pro, sans-serif;\r\n text-align: right;\r\n color: #000;\r\n cursor: pointer;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-widget-title {\r\n font-size: 65px !important;\r\n color: #000;\r\n width: 95vw;\r\n font-weight: 700 !important;\r\n margin: 0 0 10px 70px;\r\n overflow: unset;\r\n font-family: acumin-pro-extra-condensed, sans-serif !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs_header_cont_cstm {\r\n display: flex;\r\n width: 97vw;\r\n align-items: center;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs_cta_btn_cstm {\r\n color: #000;\r\n text-decoration: none;\r\n white-space: nowrap;\r\n border: 3px solid #000;\r\n height: fit-content;\r\n padding: 5px 10px;\r\n font-weight: 700;\r\n font-family: acumin-pro-extra-condensed, sans-serif;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new {\r\n margin: 30px 0 0 0;\r\n }\r\n #fast-upsell-crossell-widget-17415975212443040 .info-container {\r\n min-height: unset;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-product-has-compare-price .fs-recommendation-price-container {\r\n margin-left: 10px;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-product-compare-price {\r\n color: #000 !important;\r\n font-weight: 700;\r\n font-size: 14px !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-product-has-compare-price .fs-recommendation-product-price {\r\n color: #b20000 !important;\r\n align-items: flex-start;\r\n }\r\n @media only screen and (min-width: 1920px) {\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs_header_cont_cstm {\r\n margin-bottom: 35px;\r\n }\r\n }\r\n @media only screen and (max-width: 480px) {\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-product-container {\r\n flex: 1 0 calc(100%/2 - 10px - 2*0px - 2*0px) !important;\r\n margin: 5px !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .details_right_wrap{ \r\n display: flex\r\n }\r\n }\r\n @media only screen and (max-width: 770px) {\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-product-container:not(.fs-product-has-compare-price) .fs-recommendation-price-container{\r\n align-items: flex-start;\r\n }\r\n \r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-promo-text {\r\n font-size: 11px !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-widget-title {\r\n font-size: 35px !important;\r\n margin-left: 70px;\r\n margin-bottom: 10px;\r\n word-break: normal;\r\n text-align: left !important;\r\n font-family: acumin-pro-extra-condensed, sans-serif !important;\r\n } \r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-product-name-wrapper {\r\n font-size: 11px !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-product-price {\r\n font-size: 11px !important;\r\n padding: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-product-compare-price {\r\n font-size: 11px !important;\r\n padding: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .quick_add_btnn {\r\n font-size: 11px !important;\r\n font-family: acumin-pro, sans-serif;\r\n text-align: right;\r\n color: #000;\r\n cursor: pointer;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-product-name-wrapper {\r\n font-size: 11px!important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .quick_add_btnn {\r\n font-size: 11px !important;\r\n font-family: acumin-pro, sans-serif;\r\n text-align: right;\r\n color: #000;\r\n cursor: pointer;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-product-has-compare-price .fs-recommendation-price-container {\r\n margin-left: 5px;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-widget-container {\r\n width: 100%;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-button[aria-label=\"Previous Slide\"] {\r\n padding: 3px;\r\n padding-right: 3px;\r\n transform: translateY(-100%);\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-button[aria-label=\"Next Slide\"] {\r\n padding: 3px;\r\n padding-left: 3px;\r\n transform: translateY(-100%);\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-button[aria-label=\"Previous Slide\"] svg {\r\n -webkit-transform: rotate(270deg)\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-header-new .fs-recommendation-button[aria-label=\"Next Slide\"] svg {\r\n -webkit-transform: rotate(90deg)\r\n }\r\n }\r\n /* END HP WITH HEADER*/\r\n /*HP NO HEADER*/\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-promo-text{\r\n display: block !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-title{\r\n line-height: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .editor-recommendation-widget-container{\r\n max-width: unset !important;\r\n margin: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new{\r\n max-width: unset !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-promo-text {\r\n font-size: 14px !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n color: #b20000 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-price {\r\n font-size: 14px !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-name-wrapper {\r\n font-size: 16px !important;\r\n color: #000000 !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .editor-fs-recommendation-product-image {\r\n mix-blend-mode: unset !important;\r\n}\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .add_wish_class {\r\n grid-area: add;\r\n display: block !important;
13692\r\n align-content: center;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-product-has-compare-price .fs-recommendation-product-price {\r\n color: #b20000 !important;\r\n align-items: flex-start;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .info-container {\r\n min-height: unset;\r\n }\r\n #fast-upsell-crossell-widget-17416180047297013 {\r\n margin: 30px 0 20px 0;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-info {\r\n grid-template-areas:\r\n \"title title title title\"\r\n \"price price price add\";\r\n grid-template-columns: auto 1fr 1fr auto !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-product-has-compare-price .fs-recommendation-product-info {\r\n grid-template-areas:\r\n \"title title title title\"\r\n \"compare price price add\";\r\n grid-template-columns: auto 1fr 1fr auto !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .quick_add_btnn {\r\n border: none;\r\n background: none;\r\n font-weight: 600;\r\n font-size: 14px;\r\n font-family: acumin-pro, sans-serif;\r\n text-align: right;\r\n color: #000;\r\n cursor: pointer;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-widget-title {\r\n font-size: 0px !important;\r\n line-height: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .info-container {\r\n min-height: unset;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new {\r\n margin: 20px 0 0 0;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-product-has-compare-price .fs-recommendation-price-container {\r\n margin-left: 10px;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-compare-price {\r\n color: #000 !important;\r\n font-weight: 700;\r\n font-size: 14px !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n }\r\n @media (max-width: 480px) {\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-container {\r\n flex: 1 0 calc(100%/2 - 10px - 2*0px - 2*0px) !important;\r\n margin: 5px !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .details_right_wrap{ \r\n display: flex\r\n }\r\n }\r\n @media (max-width: 770px) {\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-container:not(.fs-product-has-compare-price) .fs-recommendation-price-container{\r\n align-items: flex-start;\r\n }\r\n \r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-promo-text {\r\n font-size: 11px !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-name-wrapper {\r\n font-size: 11px !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-price {\r\n font-size: 11px !important;\r\n align-items: start;\r\n padding: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-compare-price {\r\n font-size: 11px !important;\r\n padding: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .quick_add_btnn {\r\n font-size: 11px !important;\r\n font-family: acumin-pro, sans-serif;\r\n text-align: right;\r\n color: #000;\r\n cursor: pointer;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-name-wrapper {\r\n font-size: 11px!important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-price {\r\n font-size: 11px!important;\r\n padding: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-product-compare-price {\r\n font-size: 11px!important;\r\n color: #000 !important;\r\n font-weight: 700;\r\n padding: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .quick_add_btnn {\r\n font-size: 11px !important;\r\n font-family: acumin-pro, sans-serif;\r\n text-align: right;\r\n color: #000;\r\n cursor: pointer;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-product-has-compare-price .fs-recommendation-price-container {\r\n margin-left: 5px;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-widget-container {\r\n width: 100%;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-button[aria-label=\"Previous Slide\"] {\r\n padding: 3px;\r\n padding-right: 3px;\r\n transform: translateY(-100%);\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-button[aria-label=\"Next Slide\"] {\r\n padding: 3px;\r\n padding-left: 3px;\r\n transform: translateY(-100%);\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-button[aria-label=\"Previous Slide\"] svg {\r\n -webkit-transform: rotate(270deg)\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-button[aria-label=\"Next Slide\"] svg {\r\n -webkit-transform: rotate(90deg)\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new .fs-recommendation-price-container,\r\n #fs-recommendation-widget-main.fs-widget-style-hp-no-header-new.fs-recommendation-compare-price-container {\r\n display: flex;\r\n align-items: flex-start;\r\n }\r\n }\r\n /*END HP NO HEADER*/\r\n /*IT LIST NEW*/\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-promo-text{\r\n display: block !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-title{\r\n line-height: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .editor-recommendation-widget-container{\r\n max-width: unset !important;\r\n margin: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new{\r\n max-width: unset !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-name-wrapper {\r\n font-size: 16px !important;\r\n color: #000000 !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-compare-price {\r\n color: #000 !important;\r\n font-weight: 700;\r\n font-size: 14px !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-product-has-compare-price .fs-recommendation-product-price {\r\n color: #b20000 !important;
13692\r\n align-items: flex-start;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-price {\r\n font-size: 14px !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-promo-text {\r\n font-size: 14px !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n color: #b20000 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-name-wrapper {\r\n font-size: 16px !important;\r\n color: #000000 !important;\r\n font-family: acumin-pro, sans-serif !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-widget-container {\r\n width: 95%;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .info-container {\r\n min-height: unset;\r\n }\r\n\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .add_wish_class {\r\n grid-area: add;\r\n display: block !important;\r\n align-content: center;\r\n }\r\n #fast-upsell-crossell-widget-17417004077846479 {\r\n margin: 30px 0 20px 0;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-info {\r\n grid-template-areas:\r\n \"title title title title\"\r\n \"price price price add\";\r\n grid-template-columns: auto 1fr 1fr auto !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-info {\r\n grid-template-areas:\r\n \"title title title title\"\r\n \"compare price price add\";\r\n grid-template-columns: auto 1fr 1fr auto !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .quick_add_btnn {\r\n border: none;\r\n background: none;\r\n font-weight: 600;\r\n font-size: 14px;\r\n font-family: acumin-pro, sans-serif;\r\n text-align: right;\r\n color: #000;\r\n cursor: pointer;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-widget-title {\r\n display: none !important;\r\n font-size: 20px !important;\r\n font-family: acumin-pro,sans-serif !important;\r\n padding-left: 30px;\r\n margin: 0 auto;\r\n font-weight: 400 !important;\r\n text-transform: none !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .info-container {\r\n min-height: unset;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-product-has-compare-price .fs-recommendation-price-container {\r\n margin-left: 10px;\r\n }\r\n @media (max-width: 480px) {\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-container {\r\n flex: 1 0 calc(100%/2 - 10px - 2*0px - 2*0px) !important;\r\n margin: 5px !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .details_right_wrap{ \r\n display: flex\r\n }\r\n }\r\n @media (max-width: 770px) {\r\n \r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-promo-text {\r\n font-size: 11px !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-name-wrapper {\r\n font-size: 11px!important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-widget-title {\r\n text-align: left !important;\r\n padding-left: 0;\r\n font-size: 14px !important;\r\n font-family: acumin-pro-extra-condensed,sans-serif;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-price {\r\n font-size: 11px!important;\r\n padding: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-compare-price {\r\n font-size: 11px!important;\r\n color: #000 !important;\r\n font-weight: 700;\r\n padding: 0 !important;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .quick_add_btnn {\r\n font-size: 11px !important;\r\n font-family: acumin-pro, sans-serif;\r\n text-align: right;\r\n color: #000;\r\n cursor: pointer;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-product-has-compare-price .fs-recommendation-price-container {\r\n margin-left: 5px;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-price-container,\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-compare-price-container {\r\n display: flex !important;\r\n align-items: flex-start;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-product-container:not(.fs-product-has-compare-price) .fs-recommendation-price-container{\r\n align-items: flex-start;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-widget-container {\r\n width: 100%;\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-button[aria-label=\"Previous Slide\"] {\r\n padding: 3px;\r\n padding-right: 3px;\r\n transform: translateY(-100%);\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-button[aria-label=\"Next Slide\"] {\r\n padding: 3px;\r\n padding-left: 3px;\r\n transform: translateY(-100%);\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-button[aria-label=\"Previous Slide\"] svg {\r\n -webkit-transform: rotate(270deg)\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-button[aria-label=\"Next Slide\"] svg {\r\n -webkit-transform: rotate(90deg)\r\n }\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-price-container,\r\n #fs-recommendation-widget-main.fs-widget-style-it-list-new .fs-recommendation-compare-price-container {\r\n display: flex;\r\n align-items: flex-start;\r\n }\r\n }\r\n /*END IT LIST NEW*/\r\n /*MINI CART NEW*/\r\n #fs-recommendation-widget-main.fs-widget-style-mini-cart-new .editor-fs-recommendation-product-image {\r\n mix-blend-mode: unset !important;\r\n}\r\n #fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-product-compare-price {\r\n line-height: unset !important;\r\n font-weight: 700 !important;\r\n font-size: 11px !important;\r\n color: #000 !important;\r\n}\r\n #fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-widget-container {\r\n width: 100% !important;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-product-info{\r\n min-height: unset !important;\r\n align-items: center;\r\n grid-template-areas: \"title title title title\" \"price price price price\" \"addToCart addToCart addToCart addToCart\"; \r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-product-has-compare-price .fs-recommendation-product-info{\r\n grid-template-areas: \"title title title title\" \"compare price price price\" \"addToCart addToCart addToCart addToCart\" !important; \r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .editor-recommendation-widget-container{\r\n margin: 0px !important;\r\n width: 100% !important;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-product-image{\r\n object-fit: cover!important;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-product-name-wrapper{\r\n font-weight: 700 !important;\r\n letter-spacing: 1px;\r\n line-height: 13px !important;\r\n font-size: 11px !important;\r\n letter-spacing: 0px;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-product-has-compare-price .fs-recommendation-product-price{\r\n color: #b20000 !important;\r\n align-items: flex-start;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-widget-products-container .fs-recommendation-button{\r\n position: absolute;\r\n z-index: 9999999999;
13692\r\n top: calc(50% - 10px);\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-widget-products-container .fs-recommendation-button[aria-label=\"Next Slide\"]{\r\n right: -20px;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-widget-products-container .fs-recommendation-button[aria-label=\"Previous Slide\"]{\r\n left: -20px;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-product-price{\r\n font-size: 11px !important;\r\n letter-spacing: 1px !important;\r\n line-height: 14px !important;\r\n font-weight: 700 !important;\r\n align-items: start;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-widget-title{\r\n position: relative;\r\n display: block;\r\n width: 100%;\r\n font-weight: 600 !important;\r\n letter-spacing: normal !important;\r\n font-size: 13px !important;\r\n text-transform: uppercase !important;\r\n margin-bottom: 0;\r\n text-align: left !important;\r\n margin-left: 0px !important;\r\n margin: 0;\r\n line-height: unset !important;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .add_wish_class{\r\n grid-area: addToCart;\r\n min-height: 35px;\r\n margin-top: 5px;\r\n height: 100%;\r\n display: block !important;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-product-container{\r\n margin: 3px;\r\n flex: 1 0 calc(100% / 2 - 6px - 2 * 0px - 2 * 0px);\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .quick_add_btnn{\r\n font-weight: 700;\r\n font-family: 'acumin-pro', sans-serif;\r\n font-size: 0;\r\n background-color: #000;\r\n width: 100%;\r\n height: 30px;\r\n position: relative;\r\n cursor: pointer;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-promo-text{\r\n display: none !important;\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .quick_add_btnn::after {\r\n content: \"ADD TO CART\";\r\n font-size: 11px; /* Set the desired size */\r\n font-weight: 700;\r\n font-family: acumin-pro, sans-serif;\r\n color: #fff;\r\n cursor: pointer;\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n text-align: center;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-product-title {\r\n min-height: 42px;\r\n}\r\n@media (max-width: 770px) {\r\n #fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-product-title {\r\n min-height: 33px;\r\n }\r\n}\r\n\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-button .fs-recommendation-right-arrow svg {\r\n -webkit-transform: rotate(90deg);\r\n}\r\n#fs-recommendation-widget-main.fs-widget-style-mini-cart-new .fs-recommendation-button .fs-recommendation-left-arrow svg {\r\n -webkit-transform: rotate(270deg);\r\n}\r\n/*END MINI CART NEW*/\r\n/*shop the look*/\r\n@media (min-width: 770px) {\r\n .fs-widget-style-dpd-similar-products .fs-recommendation-widget-title {\r\n width: 95%;\r\n padding-left: 80px;\r\n }\r\n}\r\n.fs-widget-style-dpd-similar-products .container.upsell-cross-sell-image-container {\r\n background-color: #f0f0f0;\r\n}\r\n.fs-widget-style-dpd-similar-products .container.upsell-cross-sell-image-container .fs-recommendation-product-image.editor-fs-recommendation-product-image {\r\n object-fit: contain !important;\r\n mix-blend-mode: darken;\r\n}\r\n\r\n\r\n@media (min-width: 770px) {\r\n [class*=\"fs-widget-style-dpd-similar-products\"] .fs-recommendation-widget-title {\r\n width: 95%;\r\n padding-left: 80px;\r\n }\r\n}\r\n[class*=\"fs-widget-style-dpd-similar-products\"] .container.upsell-cross-sell-image-container {\r\n background-color: #f0f0f0;\r\n}\r\n[class*=\"fs-widget-style-dpd-similar-products\"] .container.upsell-cross-sell-image-container .fs-recommendation-product-image.editor-fs-recommendation-product-image {\r\n object-fit: contain !important;\r\n mix-blend-mode: darken;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n","customIcons": {"Heart-filled": "<svg width=\"25\" height=\"23\" viewBox=\"0 0 25 23\" fill=\"#000\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M24.5 7.44672V7.44815C24.5 9.16497 23.8321 10.7762 22.6167 11.9916C22.6167 11.9917 22.6166 11.9917 22.6166 11.9918L12.6427 21.9285L12.642 21.9292C12.6041 21.9671 12.5486 21.9895 12.4921 21.9895C12.4452 21.9895 12.3867 21.9684 12.3421 21.9239L2.3888 11.9706C1.17234 10.7541 0.500056 9.14775 0.500058 7.43226L0.500054 7.43082C0.495137 5.71498 1.1627 4.10414 2.3782 2.88864C3.5883 1.67853 5.19955 1.0105 6.91121 1.0105C8.62752 1.0105 10.2443 1.68337 11.4601 2.89924L12.1544 3.59353L12.508 3.94709L12.8615 3.59353
13692L13.5452 2.90984C14.7607 1.69437 16.372 1.0264 18.0888 1.0264C19.8063 1.0264 21.4121 1.68948 22.6272 2.90454C23.842 4.11934 24.5049 5.72989 24.5 7.44672Z\" stroke=\"black\"/>\n</svg>","Wishlist": "<svg viewBox=\"0 0 24 24\" data-at=\"love_icon_large\" aria-hidden=\"true\" class=\"css-psp8z9 e65zztl0\" data-comp=\"Icon StyledComponent \"><path d=\"M22 3.1c2.7 2.2 2.6 7.2.1 9.7-2.2 2.8-7.4 8.1-9.3 9.6-.5.4-1.1.4-1.6 0-1.8-1.5-7-6.8-9.2-9.6-2.6-2.6-2.7-7.6 0-9.7C4.6.5 9.7.7 12 4.2 14.3.8 19.3.5 22 3.1zm-.7.8c-2.4-2.4-7.2-2-8.9 1.5-.1.3-.4.4-.7.2-.1 0-.2-.1-.2-.2-1.6-3.5-6.5-4-8.9-1.5C.4 5.6.5 10 2.7 12.2c2.2 2.7 7.3 8 9.1 9.4.1.1.2.1.3 0 1.8-1.4 6.9-6.7 9.1-9.5 2.3-2.1 2.4-6.5.1-8.2z\"></path></svg>","Wishlist Added": "<svg viewBox=\"0 0 24 24\" data-at=\"love_icon_large\" aria-hidden=\"true\" class=\"css-psp8z9 e65zztl0\" data-comp=\"Icon StyledComponent \"><path d=\"M22 3.1c2.7 2.2 2.6 7.2.1 9.7-2.2 2.8-7.4 8.1-9.3 9.6-.5.4-1.1.4-1.6 0-1.8-1.5-7-6.8-9.2-9.6-2.6-2.6-2.7-7.6 0-9.7C4.6.5 9.7.7 12 4.2 14.3.8 19.3.5 22 3.1z\"></path></svg>","heart": "<svg width=\"25\" height=\"23\" viewBox=\"0 0 25 23\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M24.5 7.44672V7.44815C24.5 9.16497 23.8321 10.7762 22.6167 11.9916C22.6167 11.9917 22.6166 11.9917 22.6166 11.9918L12.6427 21.9285L12.642 21.9292C12.6041 21.9671 12.5486 21.9895 12.4921 21.9895C12.4452 21.9895 12.3867 21.9684 12.3421 21.9239L2.3888 11.9706C1.17234 10.7541 0.500056 9.14775 0.500058 7.43226L0.500054 7.43082C0.495137 5.71498 1.1627 4.10414 2.3782 2.88864C3.5883 1.67853 5.19955 1.0105 6.91121 1.0105C8.62752 1.0105 10.2443 1.68337 11.4601 2.89924L12.1544 3.59353L12.508 3.94709L12.8615 3.59353
13692L13.5452 2.90984C14.7607 1.69437 16.372 1.0264 18.0888 1.0264C19.8063 1.0264 21.4121 1.68948 22.6272 2.90454C23.842 4.11934 24.5049 5.72989 24.5 7.44672Z\" stroke=\"black\"/>\n</svg>","left arrow": "<svg width=\"75px\" height=\"75px\" viewBox=\"0 -4.5 20 20\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" fill=\"#000000\" transform=\"rotate(270)\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"></g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke=\"#CCCCCC\" stroke-width=\"0.12\"></g><g id=\"SVGRepo_iconCarrier\"> <title>arrow_up [#050505]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"> <g id=\"Dribbble-Light-Preview\" transform=\"translate(-140.000000, -6683.000000)\" fill=\"#0d0d0d\"> <g id=\"icons\" transform=\"translate(56.000000, 160.000000)\"> <path d=\"M84,6532.61035 L85.4053672,6534 L94.0131154,6525.73862 L94.9311945,6526.61986 L94.9261501,6526.61502 L102.573446,6533.95545 L104,6532.58614 C101.8864,6530.55736 95.9854722,6524.89321 94.0131154,6523 C92.5472155,6524.40611 93.9757869,6523.03486 84,6532.61035\" id=\"arrow_up-[#050505]\"> </path> </g> </g> </g> </g></svg>","related-arrow-left": "<svg width=\"75px\" height=\"75px\" viewBox=\"0 -4.5 20 20\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" fill=\"#000000\" transform=\"rotate(270)\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"></g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke=\"#CCCCCC\" stroke-width=\"0.12\"></g><g id=\"SVGRepo_iconCarrier\"> <title>arrow_up [#050505]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"> <g id=\"Dribbble-Light-Preview\" transform=\"translate(-140.000000, -6683.000000)\" fill=\"#0d0d0d\"> <g id=\"icons\" transform=\"translate(56.000000, 160.000000)\"> <path d=\"M84,6532.61035 L85.4053672,6534 L94.0131154,6525.73862 L94.9311945,6526.61986 L94.9261501,6526.61502 L102.573446,6533.95545 L104,6532.58614 C101.8864,6530.55736 95.9854722,6524.89321 94.0131154,6523 C92.5472155,6524.40611 93.9757869,6523.03486 84,6532.61035\" id=\"arrow_up-[#050505]\"> </path> </g> </g> </g> </g></svg>","related-arrow-right": "<svg width=\"75px\" height=\"75px\" viewBox=\"0 -4.5 20 20\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" fill=\"#000000\" transform=\"rotate(90)\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"></g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke=\"#CCCCCC\" stroke-width=\"0.12\"></g><g id=\"SVGRepo_iconCarrier\"> <title>arrow_up [#050505]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"> <g id=\"Dribbble-Light-Preview\" transform=\"translate(-140.000000, -6683.000000)\" fill=\"#0d0d0d\"> <g id=\"icons\" transform=\"translate(56.000000, 160.000000)\"> <path d=\"M84,6532.61035 L85.4053672,6534 L94.0131154,6525.73862 L94.9311945,6526.61986 L94.9261501,6526.61502 L102.573446,6533.95545 L104,6532.58614 C101.8864,6530.55736 95.9854722,6524.89321 94.0131154,6523 C92.5472155,6524.40611 93.9757869,6523.03486 84,6532.61035\" id=\"arrow_up-[#050505]\"> </path> </g> </g> </g> </g></svg>","right arrow": "<svg width=\"75px\" height=\"75px\" viewBox=\"0 -4.5 20 20\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" fill=\"#000000\" transform=\"rotate(90)\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"></g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke=\"#CCCCCC\" stroke-width=\"0.12\"></g><g id=\"SVGRepo_iconCarrier\"> <title>arrow_up [#050505]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"> <g id=\"Dribbble-Light-Preview\" transform=\"translate(-140.000000, -6683.000000)\" fill=\"#0d0d0d\"> <g id=\"icons\" transform=\"translate(56.000000, 160.000000)\"> <path d=\"M84,6532.61035 L85.4053672,6534 L94.0131154,6525.73862 L94.9311945,6526.61986 L94.9261501,6526.61502 L102.573446,6533.95545 L104,6532.58614 C101.8864,6530.55736 95.9854722,6524.89321 94.0131154,6523 C92.5472155,6524.40611 93.9757869,6523.03486 84,6532.61035\" id=\"arrow_up-[#050505]\"> </path> </g> </g> </g> </g></svg>","right-arrow-minicart": "<svg width=\"75px\" height=\"75px\" viewBox=\"0 -4.5 20 20\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" fill=\"#000000\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"></g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke=\"#CCCCCC\" stroke-width=\"0.12\"></g><g id=\"SVGRepo_iconCarrier\"> <title>arrow_up [#050505]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"> <g id=\"Dribbble-Light-Preview\" transform=\"translate(-140.000000, -6683.000000)\" fill=\"#0d0d0d\"> <g id=\"icons\" transform=\"translate(56.000000, 160.000000)\"> <path d=\"M84,6532.61035 L85.4053672,6534 L94.0131154,6525.73862 L94.9311945,6526.61986 L94.9261501,6526.61502 L102.573446,6533.95545 L104,6532.58614 C101.8864,6530.55736 95.9854722,6524.89321 94.0131154,6523 C92.5472155,6524.40611 93.9757869,6523.03486 84,6532.61035\" id=\"arrow_up-[#050505]\"> </path> </g> </g> </g> </g></svg>
13692","scroll_to_top": "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" id=\"scrollToTopArrow\" x=\"0px\" y=\"0px\" width=\"20px\" height=\"20px\" viewBox=\"0 0 429.658 429.658\" style=\"enable-background: new 0 0 429.658 429.658\" xml:space=\"preserve\" aria-hidden=\"true\" focusable=\"false\">\n <title>Go Top</title>\n <g>\n <g>\n <path fill=\"#ffffff\" d=\"M235.252,13.406l-0.447-0.998c-3.417-7.622-11.603-12.854-19.677-12.375l-0.3,0.016l-0.302-0.016 \n C214.194,0.011,213.856,0,213.524,0c-7.706,0-15.386,5.104-18.674,12.413l-0.452,0.998L13.662,176.079 \n c-6.871,6.183-6.495,12.657-4.971,16.999c2.661,7.559,10.361,13.373,18.313,13.82l1.592,0.297c0.68,0.168,1.356,0.348,2.095,0.427 \n c23.036,2.381,45.519,2.876,64.472,3.042l5.154,0.048V407.93c0,11.023,7.221,15.152,11.522,16.635l0.967,0.33l0.77,0.671 \n c3.105,2.717,7.02,4.093,11.644,4.093h179.215c4.626,0,8.541-1.376,11.639-4.093l0.771-0.671l0.965-0.33 \n c4.307-1.482,11.532-5.611,11.532-16.635V210.706l5.149-0.048c18.961-0.17,41.446-0.666,64.475-3.042 \n c0.731-0.079,1.407-0.254,2.082-0.422l1.604-0.302c7.952-0.447,15.65-6.262,18.312-13.82c1.528-4.336,1.899-10.811-4.972-16.998 \n L235.252,13.406z M344.114,173.365c-11.105,0.18-22.216,0.254-33.337,0.254c-5.153,0-9.363,1.607-12.507,4.768 \n c-3.372,3.4-5.296,8.48-5.266,13.932l0.005,0.65l-0.157,0.629c-0.437,1.767-0.64,3.336-0.64,4.928v194.001H137.458V198.526 \n c0-1.597-0.201-3.161-0.638-4.928l-0.157-0.629l0.005-0.65c0.031-5.456-1.892-10.537-5.271-13.937 \n c-3.141-3.161-7.353-4.763-12.507-4.768c-11.124,0-22.224-0.074-33.337-0.254l-13.223-0.218L214.834,44.897l142.503,128.249 \n L344.114,173.365z\"></path>\n </g>\n </g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n <g></g>\n </svg>"},"customSwatchesCss": {"arctic_blue": "{background: #00ffff;}","aruba_blue": "{background: blue;}","b.bluewht": "{background: conic-gradient(#b4cfed 50%, white 0 100%);}","baby_blue": "{background: #89cff0;}","baby_blue_patent": "{background: #89cff0;}","baby_blue_suede": "{background: #c2daee;}","ballet_pink": "{background: pink;}","bb_blu_mul": "{background: #89cff0;}","bb_bluegold": "{background: conic-gradient(#f5a623d1 50%, #a4dff7 0 100%);}","bb_pnk_satin": "{background: #ffe9f0;}","beige_almond": "{background: beige;}","beige_combo": "{background: #F5F5DC;}","beige_leather": "{background: #F5F5DC;}","beige_multi": "{background: #F5F5DC;}","beige_rain": "{background: #F5F5DC;}","beige_suede": "{background: #F5F5DC;}","beigebeige": "{background: #fffad9;}","beigedark_brown": "{background: conic-gradient(#8B4513 50%, #F5F5DC 0 100%);}","beigekhaki": "{background: conic-gradient(#79866a 50%, #d4c1b4 0 100%);}","black_box": "{background: #000000;}","black_combo": "{background: #000000;}","black_croco": "{background: #000000;}","black_croco_patent": "{background: #000000;}","black_crystal": "{background: #000000;}","black_fabric": "{background: black;}","black_fur": "{background: black;}","black_glitter": "{background: #000000;}","black_gold_multi": "{background: conic-gradient(#000000 50%, #c7b34e 0 100%);}","black_grey_multi": "{background: conic-gradient(#0d0d0d 50%, grey 0 100%);}","black_leather": "{background: #000000;}","black_lizard": "{background: #000000;}","black_mesh": "{background: #000000;}","black_micro": "{background: black;}","black_multi": "{background: #000000;}","black_nubuck": "{background: #000000;}","black_paris": "{background: black;}","black_patent": "{background: #000000;}","black_pewter": "{background: #000000;}","black_purple": "{background: conic-gradient(#000000 50%, purple 0 100%);}","black_rain": "{background: #000000;}","black_satin": "{background: #000000;}","black_sequins": "{background: black;}","black_silver": "{background: conic-gradient(#000000 50%, silver 0 100%);}","black_snake": "{background: #000000;}","black_suede": "{background: #000000;}","black_velvet": "{background: black;}","black_velvet_multi": "{background: black;}
13692","black_with_studs": "{background: conic-gradient(#8f8c8c 50%, black 0 100%);}","blackblack": "{background: #000000;}","blackblue": "{background: conic-gradient(#0036ff 50%, #050505 0 100%);}","blackbone": "{background: conic-gradient(#E3DAC9 50%, #000000 0 100%);}","blackbrown": "{background: conic-gradient(#8B4513 50%, #000000 0 100%);}","blackclear": "{background: conic-gradient(white 50%, #0a0a0a 0 100%);}","blackcream": "{background: conic-gradient(#fffdd0 50%, #000000 0 100%);}","blackdark_navy": "{background: conic-gradient(#0c0c0c 50%, navy 0 100%);}","blackfuchsia": "{background: conic-gradient(#ff00ff 50%, #000000 0 100%);}","blackgold": "{background: conic-gradient(#d4af37 50%, #000000 0 100%);}","blackgreen": "{background: conic-gradient(#008000 50%, #000000 0 100%);}","blackgrey": "{background: conic-gradient(#808080 50%, #000000 0 100%);}","blackgum": "{background: conic-gradient(#fde67d 50%, #090909 0 100%);}","blackivory": "{background: conic-gradient(#fffff0 50%, #0c0c0c 0 100%);}","blacklime": "{background: conic-gradient(#6eeb09 50%, #000000 0 100%);}","blacknavy": "{background: conic-gradient(#265c87 50%, #000000 0 100%);}","blackoff_white": "{background: conic-gradient(#F8F0E3 50%, #000000 0 100%);}","blackred": "{background: conic-gradient(#d0021b 50%, #000000 0 100%);}","blacksilver": "{background: conic-gradient(#d0cece 50%, #070707 0 100%);}","blackstone": "{background: #000000;}","blacktan_snake": "{background: #000000;}","blacktaupe": "{background: conic-gradient(#756A61 50%, #000000 0 100%);}","blackteal": "{background: conic-gradient(#55ffd1 50%, #000000 0 100%);}","blackwhite": "{background: conic-gradient(#FFFFFF 50%, #000000 0 100%);}","blackwhte": "{background: conic-gradient(white 50%, #000000 0 100%);}","blk_action_leather": "{background: #0e0000;}","blk_denim": "{background: conic-gradient(#1ca8e6 50%, #000000 0 100%);}","blk_irides_snk": "{background: #000000;}","blk_lace": "{background-image: url(https://www.bridalfabrics.com/cdn/shop/articles/Black_lace_fabric_online.jpg?v=1617991791);background-position: center;background-size: cover;}","blk_rhinestone": "{background: #000000;}","blkblush": "{background: conic-gradient(#000000 50%, #e6caca 0 100%);}","blkbronze": "{background: conic-gradient(#B06C28 50%, #000000 0 100%);}","blkfus": "{background: conic-gradient(#ec1887 33%, #f9fc5e 0 66%, #000000 0);}","blkgold": "{background: conic-gradient(#c4bf86 50%, #0e0e0e 0 100%);}","blkgrn": "{background: conic-gradient(#22c709 50%, #000000 0 100%);}","blkleop": "{background-image: url(https://media.istockphoto.com/vectors/leopard-print-seamless-pattern-vector-id1127135841);background-position: center;background-size: cover;}","blkred": "{background: conic-gradient(#f70909 50%, #000000 0 100%);}","blksil": "{background: conic-gradient(#c0bfbf 50%, #000000 0 100%);}","blksil_studs": "{background: #000000;}","blktan": "{background: conic-gradient(#B68E6B 50%, #000000 0 100%);}","blkwhtslv": "{background: #ffffff;}","blkylw": "{background: conic-gradient(#ffff00 50%, #000000 0 100%);}","blue_denim": "{background: #0000ff99;}","blue_iridescent": "{background: #0000CD;}","blue_iris": "{background: blue;}","blue_leath": "{background: #0000CD;}","blue_mirror": "{background: blue;}","blue_multi": "{background: blue;}","blue_navy": "{background: navy;}","blue_patent": "{background: #0000CD;}","blue_satin": "{background: #0000CD;}","bluebone": "{background: #2c49a9;}","bluegrey": "{background: conic-gradient(#918e8e 50%, #150af3 0 100%);}","bluepink": "{background: conic-gradient(#ff96cdde 50%, #4a90e2 0 100%);}","bluered": "{background: conic-gradient(#d0021b 50%, #4a90e2 0 100%);}","bluesilver": "{background: conic-gradient(#9b9b9b 50%, #4a90e2 0 100%);}","blueturquoise": "{background: conic-gradient(#40e0d0 50%, #1c09f8 0 100%);}","bluewhite": "{background: conic-gradient(#FFFFFF 50%, #0000CD 0 100%);}","bluing": "{background: #eeeeff;}","blush_iridescent": "{background: #f9c7e1;}","blush_leather": "{background: #E8C7C8;}","blush_multi": "{background: #E8C7C8;}","blush_patent": "{background: #E8C7C8;}","blush_satin": "{background: #E8C7C8;}","blush_suede": "{background: #E8C7C8;}","blushblush": "{background: #f6d1d1;}","blushbone": "{background: conic-gradient(#fff1fc 33%, #f3cde1 0 66%, #ece4e9 0);}","blushsilver": "{background: conic-gradient(#d0d0d0 50%, #fee9d5 0 100%);}","blusilver": "{background: conic-gradient(#9b9b9ba6 50%, #4a90e2 0 100%);}","bone_action_leather": "{background: #d8ceb6;}","bone_croco": "{background: #E3DAC9;}","bone_leather": "{background: #E3DAC9;}","bone_multi": "{background: #E3DAC9;}","bone_patent": "{background: #E3DAC9;}","bone_suede": "{background: #E3DAC9;}","boneblack": "{background: conic-gradient(#000000 50%, #E3DAC9 0 100%);}","boneblue": "{background: conic-gradient(#0000CD 50%, #E3DAC9 0 100%);}","bonebone": "{background: conic-gradient(#E3DAC9 50%, #E3DAC9 0 100%);}","bonecamel": "{background: conic-gradient(#e1a655 50%, #ffffff 0 100%);}","bonegold": "{background: conic-gradient(#FFD700 50%, #E3DAC9 0 100%);}","bonegum": "{background: conic-gradient(#d49b54 50%, #e3dac9 0 100%);}","bonelime": "{background: conic-gradient(#a2ef58 50%, #faf2d1 0 100%);}","bonepeach": "{background: conic-gradient(#f19e79 50%, #f0e5db 0 100%);}","bonesilver": "{background: conic-gradient(#b5aeae 50%, #fdfcf2 0 100%);}","bonesnake": "{background-image: url(https://www.bing.com/images/search?view=detailV2&ccid=Cnr1qQHZ&id=AD33874724BA75F4F2C943149C9E6240583ACF6C&thid=OIP.Cnr1qQHZ_wVtS_6-vI8tzAAAAA&mediaurl=https%3A%2F%2Fdebenhams.scene7.com%2Fis%2Fimage%2FDebenhams%2F61131_32DB647&cdnurl=https%3A%2F%2Fth.bing.com%2Fth%2Fid%2FR.0a7af5a901d9ff056d4bfebebc8f2dcc%3Frik%3DbM86WEBinpwUQw%26pid%3DImgRaw%26r%3D0&exph=399&expw=400&q=witte+slangen+
13692print&simid=608053926790395734&form=IRPRST&ck=3FDDEBEB0B0F69C1DC196D9E208AF15A&selectedindex=11&itb=0&ajaxhist=0&ajaxserp=0&vt=0&sim=11);background-position: center;background-size: cover;}","bonetaupe": "{background: conic-gradient(#483c32 50%, #e3dac9 0 100%);}","boneyellow": "{background: conic-gradient(#f8e71c 50%, #f6eddb 0 100%);}","bright_fuchsia": "{background: #FF5BFC;}","bright_orange": "{background: orange;}","brn_croco": "{background: #483623;}","brn_leobk": "{background: #8b572a;}","bronze_metallic": "{background: #B06C28 ;}","brown_croco": "{background: #483623;}","brown_leather": "{background: #b1743e;}","brown_metal": "{background: #8b572a;}","brown_multi": "{background: brown;}","brown_paris": "{background: brown;}","brown_patent": "{background: #8b4513;}","brown_suede": "{background: #483623;}","browntan": "{background: conic-gradient(#ebc462 50%, #b86e2b 0 100%);}","bsh_action_leather": "{background: #e6d2d2;}","burcream": "{background: conic-gradient(#FFFDD0 50%, #FFFAEC 0 100%);}","burgndy_box_leather": "{background: #861010;}","burgundy_leather": "{background: #730507 ;}","burgundy_multi": "{background: #730507 ;}","burgundy_suede": "{background: #800020;}","camel_leather": "{background: #C19A6B ;}","camel_patent": "{background: #C19A6B ;}","camel_suede": "{background: #c19a6b;}","camelblack": "{background: conic-gradient(#000000 50%, #b88152 0 100%);}","camelbone": "{background: conic-gradient(#f1e6dd 50%, #8b572a 0 100%);}","caramel": "{background: #ffd59a;}","champ_satin": "{background: #E3D6CC ;}","champ_satn": "{background: #e3d6cc;}","chestnut_suede": "{background: #954535;}","citron": "{background: #DDD06A ;}","clearred": "{background: conic-gradient(#FF0000 50%, #FFFFFF 0 100%);}","cobalt_blue": "{background: #0047AB;}","cog_action_leather": "{background: #c97730;}","cogcog": "{background: #cc8445;}","cognac": "{background: #B98563 ;}","cognac_leather": "{background: #B98563 ;}","cognac_multi": "{background: #B98563;}","cognac_patent": "{background: #B98563;}","cognac_snake": "{background: #9a463d;}","cognac_suede": "{background: #B98563;}","comic_prt": "{background-image: url(https://th.bing.com/th/id/OIP.-2ttqnJnPCCQsuwaooRJngHaHa?pid=ImgDet&rs=1);background-position: center;background-size: cover;}","coral_multi": "{background: #FD8535 ;}","coral_suede": "{background: #FD8535 ;}","cork": "{background-image: url(https://cdn.webshopapp.com/shops/281552/files/381549023/512x512x2/image.jpg);background-position: center;background-size: cover;}","cranberry": "{background: #861f1f;}","cream_rose_gld": "{background: conic-gradient(#d49a9a 50%, #fbede1 0 100%);}","crystal": "{background: #a7d8de;}","dark_beige_rain": "{background: #946B45 ;}","dark_blue": "{background: darkblue;}","dark_blush_patent": "{background: #8B3D54 ;}","dark_brown": "{background: #5C4033 ;}","dark_green": "{background: darkgreen;}","dark_grey": "{background: #5D5C5B ;}","dark_greyblack": "{background: conic-gradient(#000000 50%, #4a4a4a 0 100%);}","dark_khaki": "{background: #857153 ;}","dark_khakiblack": "{background: conic-gradient(#000000 50%, #857153 0 100%);}","dark_mauve": "{background: #874c62;}","dark_purple": "{background: #301934 ;}","dark_red": "{background: darkred;}","dark_silver": "{background: #AFAFAF ;}","dark_taupe": "{background: #342C25 ;}","dark_teal": "{background: teal;}","denim_fabric": "{background: #1560bd;}","denim_multi": "{background-image: url(https://images.freecreatives.com/wp-content/uploads/2016/03/Amazing-Denim-Pattern-For-Free.jpg);background-position: center;background-size: cover;}","dk_grey_leather": "{background: grey;}","dk_lavender_paris": "{background: #89437d;}","dk_lt_grey": "{background: grey;}","dk_navy_suede": "{background: navy;}","drk_browndrk_brown": "{background: brown;}","drk_cognac": "{background: #B98563;}","dusty_pink": "{background: #C291A4 ;}","dusty_rose": "{background: #f4b0b0;}","electric_violet": "{background: #8F00FF ;}","emerald_leather": "{background: #52a480;}","emerald_multi": "{background: #4a964a;}","emerald_satin": "{background: #4c8e63;}","emeraldbsh": "{background: conic-gradient(#ffeaea 50%, #1c9366 0 100%);}","fire_red": "{background: red;}","flamingo": "{background: #e70675;}","flamingo_pink": "{background: pink;}","floral_multi": "{background: conic-gradient(#f1d15c 33%, #e8b3e5 0 66%, #8fdcde 0);}","fuchs_vel": "{background: #da3ed3;}","fuchsia": "{background: #ec1887;}","fuchsia_leather": "{background: #ef4077;}","fuchsia_ombre": "{background: fuchsia;}","fuchsia_patent": "{background: #f22ea2;}","fuchsia_satin": "{background: fuchsia;}
13692","fuchsia_snake": "{background: fuchsia;}","fuchsiayel": "{background: conic-gradient(#f8e71c 50%, #f61cad 0 100%);}","fusch_croc": "{background: #FF00FF;}","fuschia_satin": "{background: #FF00FF;}","fuschia_snake": "{background: #FF00FF;}","fuswhtgld": "{background: conic-gradient(#ffffff 33%, #e6b156 0 66%, #db1aa8 0);}","geo_green": "{background: #008000;}","glitter_multi": "{background-image: url(https://cdn.shopify.com/s/files/1/2306/9893/products/techno-glitter-in-hologram-silver-a-decorative-glitter-for-your-cakes-cupcakes-and-dessertssprinklesck-productsart-is-in-cakes-bakery-supplyold-style-43-1876-859494_1200x1200.jpg?v=1594427100);background-position: center;background-size: cover;}","gold_croco": "{background: gold;}","gold_glitter": "{background: gold;}","gold_leather": "{background: #E0C170;}","gold_mirror": "{background: gold;}","gold_multi": "{background: gold;}","gold_snake": "{background: gold;}","goldblack": "{background: conic-gradient(#000000 50%, #f5a623 0 100%);}","goldred": "{background: conic-gradient(#d0021b 50%, #f5a623 0 100%);}","green_apple": "{background: #8DB600 ;}","green_blue": "{background: conic-gradient(#7ed321 50%, blue 0 100%);}","green_multi": "{background: #008000;}","green_olive": "{background: olive;}","green_patent": "{background: #008000;}","green_satin": "{background: #008000;}","green_snake": "{background: green;}","green_suede": "{background: green;}","greenmulti": "{background: #008000;}","greige": "{background: #ccc3b9;}","greige_leather": "{background: #d0c9c9;}","greigeblack": "{background: conic-gradient(#000000 50%, #ccc3b9 0 100%);}","greigeorg": "{background: conic-gradient(#f5a623 50%, #e0d6d6 0 100%);}","grey_camo": "{background: grey;}","grey_leather": "{background: #ACADAC ;}","grey_multi": "{background: #ACADAC ;}","grey_patent": "{background: #ACADAC ;}","grey_sage": "{background: conic-gradient(#b4d0da 50%, #c8c2c2 0 100%);}","grey_snake": "{background: grey;}","grey_suede": "{background: grey;}","greyblack": "{background: conic-gradient(#000000 50%, #ACADAC 0 100%);}","greyblue": "{background: conic-gradient(#0000CD 50%, #ACADAC 0 100%);}","greydk_grey": "{background: grey;}","greygrey": "{background: #ACADAC ;}","greynatural": "{background: conic-gradient(#FFFAF0 50%, #ACADAC 0 100%);}","greypink": "{background: conic-gradient(#ec5595 50%, #4a4a4ad9 0 100%);}","greyred": "{background: conic-gradient(#d0021b 50%, #4a4a4a 0 100%);}","greysilver": "{background: conic-gradient(#9b9b9b 50%, #c9c8c8 0 100%);}","greywhite": "{background: conic-gradient(#FFFFFF 50%, #ACADAC 0 100%);}","greyyellow": "{background: conic-gradient(#f8e71c 50%, #e1e1e1 0 100%);}","grn_action_leather": "{background: #edeea8;}","gun_metal": "{background: #5C5D5B;}","hot_pink": "{background: #FF69B4 ;}","houndstooth": "{background-image: url(https://th.bing.com/th/id/R.4d94a83b9778554858f4615642ae3817?rik=QFSU8NDJXO3Sgg&riu=http%3a%2f%2f1.bp.blogspot.com%2f-stzq6B-P9Ho%2fVZPtWx4Cx2I%2fAAAAAAAAAKY%2fHXtR7zseBjI%2fw1200-h630-p-k-no-nu%2fHoundstoothPattern_InDesign.png&ehk=WHjglSL1bQUA2N5Dxx5TEr9BC7JX0Q%2fx6ziRkONEiFw%3d&risl=&pid=ImgRaw&r=0);background-position: center;background-size: cover;}","irides_croco": "{background: white;}","iridescent": "{background-image: url(https://th.bing.com/th/id/R.c8908cdac39579c6b95f49efd29d1f7a?rik=hqkfd9oZdmcV7A&pid=ImgRaw&r=0);background-position: center;background-size: cover;}","ivory_satin": "{background: #f6f6de;}","jet_black": "{background: #000000;}","jolly_grn": "{background: white;}","keylime": "{background: #8fce00;}","khaki_suede": "{background: #6A5A39 ;}","khakiblack": "{background: conic-gradient(#0a0808 50%, #879a6f 0 100%);}","lavender_blooms": "{background: lavender;}","lavender_canvas": "{background: #A887A4;}","lavender_leather": "{background: #babada;}","lavender_metallic": "{background: #c68dcd;}","lavender_suede": "{background: #b57edc;}","lavenderwht": "{background: #e6e6fa;}","leopard_multi": "{background-image: url(https://th.bing.com/th/id/R.1ba2978d2699bf2c21b49e62ff45f8d5?rik=y1tqWCAPMVsBFQ&pid=ImgRaw&r=0);background-position: center;background-size: cover;}","leopard_velvet": "{background-image: url(https://media.istockphoto.com/vectors/seamless-pattern-of-leopard-skin-vector-id1142326418);background-position: center;background-size: cover;}","light_blue": "{background: #add8e6;}","light_bluelila": "{background: conic-gradient(#C8A2C8 50%, #add8e6 0 100%);}","light_brown": "{background: #a52a2aa8;}","light_green": "{background: #65fe65;}","light_grey": "{background: #ACADAC ;}","light_grey_melange": "{background: grey;}
13692","light_grey_rain": "{background: #acadac;}","light_grey_suede": "{background: #c6bbbb;}","light_pink": "{background: #E8B9CD ;}","light_slate_blue": "{background: #B3CCF5;}","light_yellow": "{background: #F7F1AF ;}","lila": "{background: #C8A2C8;}","lila_leather": "{background: #C8A2C8;}","lilac_multi": "{background: #c290f2;}","lilac_patent": "{background: #e5d1f6;}","lime_leather": "{background: #92f692;}","lime_metallic": "{background: #80c370;}","lime_patent": "{background: #a7cf25;}","lime_satin": "{background: #8ff68f;}","limneonpnk": "{background: conic-gradient(#e259a5 50%, #d7f62b 0 100%);}","lt._beige_snake": "{background: beige;}","lt_blue_floral": "{background: conic-gradient(#a7d973 33%, #ebe05e 0 66%, #a2ebf6 0);}","lt_gold": "{background: #ffd7007d;}","lt_pink": "{background: #E8B9CD ;}","lt_taupewhite": "{background: conic-gradient(#FFFFFF 50%, #756A61 0 100%);}","lt_yelsand": "{background: conic-gradient(#dbc29d 50%, #fdf382 0 100%);}","luggage": "{background: #b3791f;}","luminous_pnk": "{background: #e34486;}","magenta_leather": "{background: #cd3b89;}","magenta_patent": "{background: magenta;}","magenta_satin": "{background: magenta;}","marble": "{background-image: url(https://th.bing.com/th/id/R.5d7bdb20fe5f476c526b7c605500fcf8?rik=b8j9t3Xv6XxdDQ&pid=ImgRaw&r=0);background-position: center;background-size: cover;}","marlin_blue": "{background: #4f7592;}","mauve": "{background: #C6A4A4;}","mauve_white": "{background: conic-gradient(white 50%, #9f3454 0 100%);}","metallic_red": "{background: #e62a2a;}","mint": "{background: #B3DCD6 ;}","mint_green": "{background: #B3DCD6 ;}","mint_multi": "{background: #B3DCD6 ;}","mintgrey": "{background: conic-gradient(#9b9b9b 50%, #68f1e0 0 100%);}","multi_snake": "{background-image: url(https://i.pinimg.com/originals/10/02/6b/10026b5fa858bf0377384918bd15c253.jpg);background-position: center;background-size: cover;}","nat_raffia": "{background: #FFFAF0;}","natl_lace": "{background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHCBYWFRgWFhYYGRgaHB4cGhwaGh4aHBoeHhwcHiEcHhwcIS4lHB4rIRoeJjgnKy8xNTU1HiQ7QDs0Py40NTEBDAwMEA8QHxISHjQrISs0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDY0NDQ2NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NP/AABEIAOEA4QMBIgACEQEDEQH/xAAZAAADAQEBAAAAAAAAAAAAAAAAAQIDBAf/xAAxEAABAwIEBQQCAwADAQEBAAABAAIRITFBUWHwA3GBkaESsdHhwfETIjJCYpJSghT/xAAXAQEBAQEAAAAAAAAAAAAAAAAAAQID/8QAIBEBAQEBAAIDAQEBAQAAAAAAAAERITFBAlFxYRKhgf/aAAwDAQACEQMRAD8A9YLQTIj4gIcMrYRlW/dBBA88ppCIgDUz4/SjqXFuDmFXDcYoDRNpwpRQBWZiEX1jZ9u3NTIqYpGwlxLSLZ5b1WbXRyxRJOL9ExBMHPGyRcJrlFr5HRSXGb76pAEnewi59qYyDJIwjXLkrFHDeJUPBneFJVPvyA9v0ql6zi+94roY4nAgb8LNxkT3zpjySYMzfCvfwoXsaPcJFd1+UnRQEY4KOLM1H2k1xtJ0+EM4v0EGZmM1NDQZyKW0UB5T4bccB50RczytraYSRbRBH9SEcMH1VwSBivdETw3QZhdAdStMK2+yseIN7xVMGEyR+orRD5d6Zx5zzv5SIBJiQQMOSyJrW6pxMXOqH+VFsAzjuUnNDraDLqoL7fSprSBzryjHyi5inClPGdJ9lPEwKpoodY+/yhpwMZ6YongcJ2AGq0Jp0mt/oLGDOWKp3+ZFfMZ3qhZ0dfdCz9SEaxsIBjSDvFI8QZU3gjicOTM4VUubjvUozMU5tJ/SptaE/PNSxsD3wCixqZ5IeeLte2eWYOYKTWNNp6W9lYAcN03dQ2jTnMIk/wCnxIoRyzClpkgG2lFLTAqP6ndFoypBsAIrdF8QNeAM4t19kg8G4jedwl6IvEW5pOZh5QyKc2DQ337qyJEz27pEGKGMp/Hys2Pi6J5UXYO/eoyKprAK1PNHGZScvKh9gNAUWd8HxKGPcSUhUEnkEA2kGRbNNrCWnCTMIeFHiDK969ENg4Qd91AbhIm/JDW1rghkNtMeelvyrc2sjHsdFHFBz5570VcNwtvkiX7TLTj88jmrawClZPdSW1GRKh5JdS6Lm+C9XLsFo2BB79dVEzMCpocuyt3DmK4QhcDni0U3gggEThvDNT6cq4c1XCb59kOYrhnAn7StnHtqszepkaLUEOBvvH8Il4n1tzH/AJKEf/z/APbwhU59gNNSDaYQHWom1gg1ocZpCCSRvwoLaKR96rPiNtAScK17pTjNUWT2GUBnNU9wBpUG4RAtc45I4sA41i0Qh5qXPgxlb5T9czOAHQ/aguBrBHlVBrPQyhkWQRjMkYIBmcP1dMiIvS045pGZ1hEWQCsHtqYG/wBpjtCbRhKLJigRScvwoBFomKjYuFo0CaClq4z7rMuAwOIw7IQN4pme6YkxgTPbcqBGEg7otGskib41qhcMkihrTJDcO189+E6g0ualTWLURPK3AVMYG4j9LBoqCqpmmAMTQd0WcUYhSX0mIJobqy0QSRrS4WRc3InG/wAIQxxDEAZRvVUG1MGIPO6hoynWVqxl48FEuRIdamN1bfvPwpmlLDHqpdhPfRDNVxWjLHko4YiZQedlUDmTbJF8QvVoP/J+U1XpGndCJxg10XtlvqtogZjtenUrB0zktJoO/k1Rr5RT2gCtSfCgNFEyYJ/d1XDaCKi53CJ4iRj2SIcei19IFee95JAkWCGkWCOl8ZyUPNhGAr7+VctjCfMqTIgATSTvJUhMMwMcDl9LUgyBbXxbqucLW5Nc9MfpQ+UPiBsx3KgNFUg+lluGDIfaHhmCQBpVIMMgmy0LYpW877eFBcYE2tqhL9Kc0Aiwr0WJNbR4Wzg0kAR0WTicoCHxacOtRfHXXRUBMzQYiZsseEbnQpm05FCzoIadMkFogQm2pFOa19AOXRC3Gb3HDHBNjK1FcMkOnC4gb7Jeqv8AaBSgwQ9cKAPVFba81DXQd7yVmKkVi0bsofOIhFjVogSKjK0fKZaAKycAMlm005k/gJkwQcxzRML0iioUMhPhi
13692ZMcpt2VegCowOHshay9Oo8oV+ob/SEOpkGp19qJkyJ+45d0vTIgYV5lUWQABXFDhPaTBGW/wkxxtMJtdFP3gj0XNDlWiH8q3uppn1yUB8zFDGOeibxIEXyzPysg7HEIScbUJFp0w+VDnwaYUGilzD+dUBudB78kJIsEDA4Y2kYJ2I3O5ScyYOxCfEFbU+EGbmEStWPxLum/dTMiJr8IDfTFL3qhe+VOfBqM5G+qXqtBHXLCZS4rMbj2+lDa0z3KEkxrAqQoa+aEXvzUekqmiL39tUMU2KATnM45EIAkEJs4cOJytvqoqKwdzmh+EJEYLYG9Z+N4KHCbb+k23ItlXG3dC9HqqRsGqC68xHft1WZbF8cc0XHJDI0dAAjGnMKQQb4QKZKAw5K2tpAPPI5BDwZMg6Ui/UdknNkA9FTWQNTHhS0xf7xQ/AwkUmN+FoXUzpewlR6MaHqqiW5HcdELiJG/0hT/ABu/+d90IvGh4kHlT9qC459MFoQCaZd0i3oY9sESYJBHLD7TYQDH30Ta2nxfFZEQZAjmhO8W4RXuPY6FU101gb1SY6W15Gm+SkCjhrPRE/Te71CcvZTwx/YcpGSTWkQQamysNgy4g8sEXxxI4lCBvkgPOJn36KgwXFa52Scztl+UOG8AxrjMeMlTCCLV1Q8UrWcliHFqEmxZd6aXy+NQqL4EwOlEcWCOlPCzeJjKAOqJMp8UVnA2ylDaA84TY0igI1OqYAAg4458lV30R4hMVQx+B7580/RpIjO6GtrfCkqHMIiJ01v0wVkA2+x9qeI3Q0S4b6gYb/KHrQH4EC/SeS0LwDFK9lDrg613uyhzJJmmKGSkWmuYvnCsvj08p1RUi4A1VEAwP3yQt+0Oec1TXAg5jDD6CCzSMBWyfDbvGiFzCaQDUfmEObFRH4I+FDhFQD1WnDfIPwhftH8mnk/KFr/GP/nx9pomz6ZUIJN6/Sr0kRkPCGuEHuRvBKKAz8WQWHgU5KOJUgblS4wc981PrFoRZPamUkbyT4rjORTDgaWA7lHGdURFsgUPbN7jJ6j8KhNZM0hL1mJNRy9k4ArWCiqLRT033MpgGYKHOFNYjIJFtanKpRlfrG5WThMlIu65IDhNQaIsmeFscaRl3j3Uh5rBwJ3qtWOkyeQhZOeQaR2CJJtQxxz1WgigOs9VJJNCL6V0VtIBAM0zRaA2pjl9JtMVrh5uiZMVGZxKkil6/KItzxF87fayAiCguGSprwKgV8IuYouMGizc4xfH8LUmhrW9bZwsvWbDwN0QhNk47FlqPSSZ8rNonQjILRjhW/6Q+RNaYGV45qg6OtZUgSPxhdS42MziieVcQzY4z8XUtoTuykvGS0aRYUBuTyRcyJg5+XfKFp/IP+ySJ/4wBIOq2pAIMT+jdZPbBhWR4v3NEavVud/xGsqfVpZJ5h3b2V8K3XQQieIlt/xohvCnHeq0ce+t678qC29USUy7+ttNOazeCbaUVFxAgi4hBbMVwpTHFFnEMdFDbHea2MAwTTJc7Wyd9Vsz/XOvkofIOcTWKDBIHS+izDjELpGWmBuELxkG0pn5QGRBv7dFbjWnPtPx5UBpgQZrZE1T3QRQ519li4HpnotS6SJEQfhQ5pqScYNEX48VwTNDhY5Kg4CpMmoGwsmC/bmSqP8Ak80LOmXHHFI5EQjhmSKrcbrI5aoW4xcwkivX2+FTGwYrXvRDh8b7JAEEm9KononGSYpaOiyIIK1mZNiR4xWb2xHJGvj9NQaTY46lMuigviVHpp55WQ8xHJEzoBwiqYNaUOCrhYyfx1VuPyJ3ZEtZekZeT8IR6ufj4Qh0mugTqfa4RMiTeYnz8qgyaQBSipzbAECO/ZVbYgtkA2wUNgXE+FVq71VNbQxM7xUNN7qewG6qQ6aG9qH3ToRBuMceeoUeg5dRZCYpvEGVO881m9194K+Jw4v3uk0CRFTrQfaLM8xTnkc6T2sU3GCOnnZQ1gNciZTc2ZMjvuETiHMiSnw3DKvYfZSmKEZ5K4IiJ2UPSXuM3qEFw1peDmm5oNRTdtCkzhmRSAhzB/IK0UcM1G8EOZGnlU0RMCRifpF5nAx8kDC0flNtZGe/dWGAGaVsoLNQUTYhzYWrHZCN+ApkG99PaFUwTMwc7fSF6j11OIx1T9eNa2nskWZdsR8hMcMwadEOE5wICTHUPMXUhoz8fa1Y2wgAGYRbkgDpBnc4eyQbI5JlkCJCRBFd2yKJ+IEA2laE0yGV/OaGgGoncdkCoggz5hCo/kQn/GM/BTRdg4jjM4Uj6UEb3itP5K1phMWREgVm9780SXA1xIr3Qx9afE6qmimzjks+I03zQmXi+I2ki4xt0CGPoSZMJcJ39eRR6bg0kyPhE/lSHeoRjcaoa2COWePMILRQY3PbBUABMfMhF/GYJsfP5SBioWodOYk97JuAvrsIaTzn1F53ZPhuJEKi3Lrjvkud4hCZeNeICKiRN/tD3wBmd76qnf2HMfCz9Mxagg1wzCJP6ZE174RrJSbYxnhlVNrWk6WG93TmBQUPvqi/xnM9KKuGTMb5qwZscLZIa0TzG/ZC1L3R+NFoKiu8EntJyjCiy4bv7BDNihIMSb0qm7iQ7QXTcDQ5HfVSWCpuMK46ocvknMvlh8RdDyachylMBsSa2yxTL6wcMY8qmsz71WnDJgzynFPC8icU2N8fXdQt4gPrTyLq3Mke2nXNRxGm5OiOCaEIXxsT6j/28oW/8n/Ydj8oRP8AX8S0mDTPupLRSN/CTOJOU4HX5VAUtXWlYQ8H68lDjJBIt3QWm4ERvNT/AGRZFBtJsNjonxGO55IDiSZwFAp4rwSEJuk9hkxXlXuhsQY2EHhECd81TjGUm9M69kN9LdWJEDH8ckmwDS3sguke+f6TMXjoPhEIPOXYlRnS6bmuHVJrndkX8WGGQJim+aj0msiJB3yVMdFTia52ssvTJohNBbFxTwtWn/MDeMqRwyDnNEeuDSCPn8oXqy0EmenygGLaeEvVUG4wi30U/ThEzrTVE/SdxDFt/KQbMQKhIh3ZHqdHNFz6X6TBg9FDmGItXEqnuABEZR8rNjJ5IT7ERcFbMJk03ks2tuDFM9U2cTAwhemGiAcd4J+v4jqhouDfElL0k2ERr9on6TnTFLddhMNuRbZUf27qwSSAbZIvgejfqPyhT/Mch2QidQ6i1LxAkV+DZQ5kn+tlThHIRGt6o1cuG5xJg0iyTWk46KeJ/roNMP2r4bwB76omc4A381ByQ0NrMbyVvNNjxuykgV5U3miaKwdmFm5tppu6v0mIBkJGJrlBv0IRYza6CtvVWgrXvn7qG8MzXDW+gVN/1vMofLKkmazXfhV6DmsQMF0MeDQeyLeJ9PSsb3iiRAi+Gc/Cp1++ONfpTAphX2Rk+JNOeAxWT2gTpgtKzJrCj0iwiZpe2XNF+PD4LonEfCoPgUAvX8QkxsD7qBmkR/U88tULlo9NgMVXoOh6rPhuAIJXQ18zpu6F2MyBSbX77lUCJpGuSTscaz0qiKn0mDCIRBkz1/CydC0IoZxx1FuilzZtoDE3+EWVTXf1g8hp9qi6YFhcKXNgfm8mlFPEw5flDJVBprWyfpM1xMUNkuG4DDeXhaudTn0RLanr5+kLPsmhibDz0NFQsNT4j9JgVgmZFcwgvac/wi6G1FRUKGyDQxmrc3EfjpVMCQZjn+UNLiGBzx3dQ10UwxVzFDEeNQUfxjA/nyhM9o/kM8u3hSTJ1K14rRTHCvyoZUxbMhFlmaH5cusUVcQ15R7V9gmHCK4HndHqBOM76IgcBExdLhk2m9q7oggg0/CotkA0GyfHyhrPiGsRCYee1prsqj/YQaH21GY0TbwwKkyENmdZDiHujhis5XVPABIgc0CoJtkLBF9cHC/1y9kMd2KtzgM6/pINBtveaIniCFbZN6xhvFJs2p9/hU8QZEckS/TH1Vne6qnPPehsmQDWR88xmqHDEETU7si2xkXkwm0Unt0x8pSMgtBQiTM4Y10RbxLLE5kff5VNrQ72EFzbVICHNpIRECZpRW40m84/rBNgJvHhIH00wzjHXQoaz9W6oWnpbk3/ANIRf9T6HEYSd0hQ5uOGm7KxNbECRXGEBwp1nrdEloYKRecP2pkg1pyWzRSqy4jRSEJercA5vtzUMMAnWN7wRwzAPNN8DUHcofxm11INvZWwy4RgInuk5wmMB5Kr1zOgnKChUBkXtZJzTZXUXg16jcKgZmM/MIbQ4HnGJ3dRw3RfqtnAHea53tqYQ+PeNeM3HK6niGgGYkqgQYnEb9lIIsf+OP4KIQcKE3HnnKYaS085SHEEyR9DRVJMRcz4xRakNPW45JNFcRCsug1Athim2scv1+ENqeIDeL33kq4bpgTv9JvaDJ9vdYsuChOxZbUZEqXOPqnJamuNQoLhUi5p+ZQiSRWMcMjzuqfwyY5QhvEgQBWmHdODMCwwOosqnYkt+4zVcIecEBwpgZw7LRgUW3jAggiaZLWhBr8yp4jALZqeFih5mj+A6eUKv5NPJ+EIm0cK3U+yDZvIoQqe2vDu7p7LN3+hy/JQhRJ5ScOfwoKEI1BxP9FV/wAXc/lCEX6acTDm1I3PX2QhGWjP8jeKxb/y5n3KEIkI49PwkzHkfZCEa9Jbj1Wrbt5fKEIvyVieXwpGHNvshCrLTj2PL4WZsN4IQofHwgpG3X8IQjUNlxzWnCu7mPcoQkT5EP8AI5lWy/8A+U0IlTxrjmfwo4mPP8FCFSeGqEIUV//Z);background-position: center;background-size: cover;}","natorg": "{background: #efe4c4;}","natsil": "{background: conic-gradient(#9b9b9b 50%, #cfbb98 0 100%);}","natural_leather": "{background: #FFFAF0;}","natural_multi": "{background: #f0ebc3;}","natural_patent": "{background: #FFFAF0;}","natural_snake": "{background-image: url(https://i.pinimg.com/736x/db/e3/6c/dbe36c6dced5289f0084a8a8e70c803d.jpg);background-position: center;background-size: cover;}","navy_multi": "{background: navy;}","navy_satin": "{background: navy;}","navy_suede": "{background: #253568 ;}","navyblack": "{background: conic-gradient(#000000 50%, #244a9d 0 100%);}","navygrey": "{background: conic-gradient(#9b9b9b 50%, #1d62a8 0 100%);}","navywhite": "{background: conic-gradient(white 50%, #295bb9 0 100%);}","neon_apricot": "{background: #F19035 ;}","neon_green": "{background: #85f65b;}","neon_lime": "{background: lime;}","neon_multi": "{background: conic-gradient(#e8e28c 25%, #f245a0 0 50%, #ffa84b 0 75%, #9be092 0);}","neon_pink": "{background: #f22faf;}","nude_gold": "{background: conic-gradient(#e69acb 50%, #ecb457 0 100%);}","nude_leather": "{background: #e0cbb8;}","nude_multi": "{background: #F5DEB3;}","nude_patent": "{background: #f5deb3;}","nude_satin": "{background: #F5DEB3;}","oatmeal_suede": "{background: #f7f5d3;}","ocean_wave": "{background: #0A99C3;}","off_white": "{background: #f7f7cb;}","off_white_multi": "{background: #fefdf5;}","off_whtbeige": "{background: conic-gradient(#f2e4ab 50%, #f6f4f4 0 100%);}","off_whtbeige_gry": "{background: conic-gradient(#ffffff 50%, #d4c6ad 0 100%);}","offwhite": "{background: #EDE4D9;}","olive_multi": "{background: #808000;}","olive_suede": "{background: #808000;}","orange_leather": "{background: #ff6600;}","orange_patent": "{background: #FF8C00;}","orange_satin": "{background: orange;}","orangecobalt": "{background: conic-gradient(#043D9C 50%, #FF8C00 0 100%);}","orangemagenta": "{background: conic-gradient(#ff00ff 50%, #ffa500 0 100%);}","orangemulti": "{background: conic-gradient(#f67c01 33%, #f9e6db 0 66%, #ea1f0b 0);}","orangesilver": "{background: conic-gradient(#D7DAD9 50%, #FF8C00 0 100%);}","org_multi": "{background: conic-gradient(#de8216 33%, #efcdb0 0 66%, #e50621 0);}","org_neon": "{background: #ff8200e8;}","orgbne": "{background: conic-gradient(#f6f6f6 50%, #f5a623 0 100%);}","pale_pink": "{background: pink;}","pale_yellow": "{background: #FFFFA7;}","pastel_multi": "{background: conic-gradient(#abe1ef 25%, #f5f795 0 50%, #cad0ea 0 75%, #ffd1dc 0);}","pastel_suede": "{background: conic-gradient(#8bd3e6 25%, #e9ec6b 0 50%, #b1a2ca 0 75%, #ffd1dc 0);}","pastelmulti": "{background: conic-gradient(#b1a2ca 25%, #8bd3e6 0 50%, #e9ec6b 0 75%, #ffd1dc 0);}","petal_pink": "{background: #ED83AA;}","pine_green": "{background: conic-gradient(#cdcacf 50%, #406e3e 0 100%);}","pink_candy": "{background: #ED83AA;}","pink_croco": "{background-image: url(https://m.media-amazon.com/images/I/51KyslVJn-L._AC_.jpg);background-position: center;background-size: cover;}","pink_glo": "{background: pink;}","pink_leather": "{background: #ED83AA;}","pink_magenta": "{background: magenta;}","pink_metallic": "{background: pink;}","pink_mirror": "{background: pink;}","pink_multi": "{background: #ED83AA;}","pink_patent": "{background: #ED83AA;}","pink_satin": "{background: #ED83AA;}","pink_snake": "{background: #ED83AA;}","pink_suede": "{background: #ED83AA;}","pinkblack": "{background: conic-gradient(#000000 50%, #f170ca 0 100%);}","pinkblue": "{background: conic-gradient(#1e57db 50%, #e66edd 0 100%);}","pinkmagenta": "{background: #f110d9;}","pinkorange": "{background: conic-gradient(#ffa500 50%, #ffc0cb 0 100%);}","pinkred": "{background: conic-gradient(#d0021b 50%, #f67ee0 0 100%);}","pinksilver": "{background: conic-gradient(#9b9b9b 33%, #cbc4c4 0 66%, #f2e1ec 0);}","pinkwhite": "{background: conic-gradient(white 50%, #f172cd 0 100%);}","pnk_action_leather": "{background: #e669ea;}","pnk_flora": "{background: conic-gradient(#f33b3b 25%, #cc97b6 0 50%, #e666c5 0 75%, #ecc949 0);}","pnkpnk": "{background: conic-gradient(#c9c7c7 50%, #feb5e5 0 100%);}","pristine_ivory": "{background: ivory;}","purblue": "{background: conic-gradient(#3e36f6 50%, #9013fe 0 100%);}","purpfuch": "{background: #bc17f2;}","purple": "{background: #9D3FAE;}","purple_dove": "{background: purple;}","purple_iridescent": "{background: purple;}","purple_leather": "{background: #9D3FAE;}","purple_multi": "{background: conic-gradient(#edc6c6 25%, #eff692 0 50%, #8db1c4 0 75%, #e5c7e5 0);}","purple_rose": "{background: purple;}","purple_satin": "{background: purple;}","purple_smoke": "{background: purple;}","raffia": "{background-image: url(https://www.luxurybynature.nl//Files/4/13000/13520/ProductPhotos/Source/1135933896.jpg);background-position: center;background-size: cover;}","rainbow_multi": "{background-image: url(https://th.bing.com/th/id/OIP.KbE-oVElu_6y-3KEjVMLBgHaFe?pid=ImgDet&rs=1);background-position: center;background-size: cover;}","rainbow_ombre": "{background-image: url(https://pixabay.com/static/uploads/photo/2014/03/26/15/03/rainbow-298752_960_720.jpg);background-position: center;background-size: cover;}","rainbow_tie_dye": "{background-image: url(https://pixabay.com/static/uploads/photo/2014/03/26/15/03/rainbow-298752_960_720.jpg);background-position: center;background-size: cover;}","red_leather": "{background: #ea0b0b;}","red_patent": "{background: #FF0000;}","red_satin": "{background: #FF0000;}","rhinestone": "{background: white;}","rose_gold": "{background: #CCABAF;}","rose_gold_multi": "{background: #CCABAF;}","rose_leather": "{background: #CCABAF;}","rubyfus": "{background: conic-gradient(#ff00b5 50%, #934e4e 0 100%);}","sage": "{background: #A7AE9E;}","sage_multi": "{background: #A7AE9E;}","sand_fab": "{background: #e2bea1;}","sand_multi": "{background: conic-gradient(#ede2d0 50%, #e5e2e2 0 100%);}","sand_suede": "{background: #AA9881;}
13692","sea_foam": "{background: #96efdb;}","sea_glass": "{background: #929f98;}","sea_glass_metallic": "{background: #a4d5b5;}","shock_yellow": "{background: #EFCF50;}","sil_action_lea": "{background: #9b9b9b;}","silver_croco": "{background: silver;}","silver_glitter": "{background: silver;}","silver_iridescent": "{background: silver;}","silver_leather": "{background: silver;}","silver_metallic": "{background: #D7DAD9;}","silver_multi": "{background: #D7DAD9;}","silver_sequins": "{background: silver;}","silver_stones": "{background: silver;}","silverrainbow": "{background: conic-gradient(#86d7e2 25%, #ec80dc 0 50%, #ebe176 0 75%, #c2bcbc 0);}","silverwhite": "{background: conic-gradient(#FFFFFF 50%, #D7DAD9 0 100%);}","sky_blue": "{background: skyblue;}","slate_blue": "{background: slateblue;}","snake": "{background-image: url(https://i.pinimg.com/originals/10/02/6b/10026b5fa858bf0377384918bd15c253.jpg);background-position: center;background-size: cover;}","soft_lime": "{background: lime;}","summer_greige": "{background: #e0cbb3;}","sunset_orange": "{background: orange;}","surplus": "{background: #8A865D;}","tan_croco": "{background: #B68E6B ;}","tan_leather": "{background: #B68E6B ;}","tan_multi": "{background: tan;}","tan_multi_leather": "{background: tan;}","tan_nubuck": "{background: #B68E6B ;}","tan_patent": "{background: #B68E6B ;}","tan_suede": "{background: #B68E6B ;}","tanblack": "{background: conic-gradient(#e4a670 50%, #000000 0 100%);}","tanbone": "{background: conic-gradient(#f5f1f1 50%, #b99674 0 100%);}","tantan": "{background: #d2b48c;}","tanwhite": "{background: conic-gradient(#FFFFFF 50%, #B68E6B 0 100%);}","taupe_multi": "{background: conic-gradient(#e7c3a3 50%, #a59587 0 100%);}","taupe_nubuck": "{background: #B68E6B ;}","taupe_suede": "{background: #483c32;}","taupebrown": "{background: #a52a2a;}","taupeorg": "{background: conic-gradient(#f57423 50%, #99897d 0 100%);}","teal_multi": "{background: teal;}","teal_patent": "{background: #58bed5;}","teal_velvet": "{background: teal;}","tealcream": "{background: conic-gradient(#fffdd0 50%, white 0 100%);}","tealpurple": "{background: conic-gradient(#8e62f6 50%, #008080 0 100%);}","tealtaupe": "{background: conic-gradient(#483c32 50%, #008080 0 100%);}","turq_iris": "{background: #18e7b5;}","turquoise_multi": "{background: conic-gradient(white 50%, #40e0d0 0 100%);}","wavewht_peach": "{background: conic-gradient(white 33%, #feca71 0 66%, #93c5ff 0);}","white_action_leather": "{background: white;}","white_croco": "{background: #FFFFFF;}","white_fuschia": "{background: conic-gradient(#ec1887 50%, white 0 100%);}","white_grey": "{background: conic-gradient(white 50%, grey 0 100%);}","white_leather": "{background: #FFFFFF;}","white_mesh": "{background: #FFFFFF;}","white_multi": "{background: #FFFFFF;}","white_nubuck": "{background: #FFFFFF;}","white_patent": "{background: #FFFFFF;}","white_rainbow": "{background: #FFFFFF;}","white_satin": "{background: white;}","white_silver": "{background: conic-gradient(white 50%, silver 0 100%);}","white_yellow": "{background: conic-gradient(white 50%, #efcf50 0 100%);}","whitebeige": "{background: conic-gradient(#fef3da 50%, white 0 100%);}","whiteblack": "{background: conic-gradient(#000000 50%, #FFFFFF 0 100%);}","whiteblackemerald": "{background: conic-gradient(#000000 33%, #589d80 0 66%, white 0);}","whitecognac": "{background: conic-gradient(#c18018 50%, white 0 100%);}","whiteemerald": "{background: conic-gradient(#63c390 50%, white 0 100%);}","whitegold": "{background: conic-gradient(white 50%, #dcd799 0 100%);}","whitegreen": "{background: conic-gradient(white 50%, #409a73 0 100%);}","whitegrey": "{background: #FFFFFF;}","whitegum": "{background: conic-gradient(#efebe0 50%, white 0 100%);}","whitelavender": "{background: conic-gradient(#e6e6fa 50%, white 0 100%);}","whitelila": "{background: conic-gradient(#da8dfb 50%, white 0 100%);}","whitelime": "{background: conic-gradient(#53f14d 50%, white 0 100%);}","whitenavy": "{background: conic-gradient(#3d6ebc 50%, white 0 100%);}","whiteorange": "{background: conic-gradient(#f76d06 50%, white 0 100%);}","whitepeach": "{background: conic-gradient(#ffc36f 50%, white 0 100%);}","whitepink": "{background: conic-gradient(#ED83AA 50%, #FFFFFF 0 100%);}","whitesand": "{background: conic-gradient(#f2e19f 50%, white 0 100%);}","whitesil": "{background: conic-gradient(#D7DAD9 50%, #FFFFFF 0 100%);}","whitetan": "{background: conic-gradient(#fcdcad 50%, white 0 100%);}","whitewhite": "{background: #FFFFFF;}","whiteyellow": "{background: conic-gradient(#EFCF50 50%, #FFFFFF 0 100%);}","wht_lace": "{background: #ffffff;}","wht_pastel": "{background: white;}","wht_snake": "{background: #FFFFFF;}","whtblkblue": "{background: conic-gradient(#000000 33%, #3ea5e5 0 66%, white 0);}","whtblue": "{background: conic-gradient(#4a90e2 50%, white 0 100%);}","whtdenim": "{background: conic-gradient(#4a90e2 50%, #ffffff 0 100%);}","whtlt_blue": "{background: conic-gradient(white 50%, blue 0 100%);}","whtnvy": "{background: conic-gradient(#253568 50%, #FFFFFF 0 100%);}","whtorg": "{background: conic-gradient(#ef6e0e 50%, white 0 100%);}","whtpink": "{background: conic-gradient(white 50%, #ed83aa 0 100%);}","whtsil": "{background: conic-gradient(#9b9b9bbd 50%, white 0 100%);}","whttan": "{background: conic-gradient(#d2a465 50%, white 0 100%);}","wine_croco": "{background: #801e1e;}","wine_patent": "{background: #6c2828;}","wine_satin": "{background: #6e2020;}","yellow": "{background: #EFCF50;}","yellow_fabric": "{background: #EFCF50 ;}","yellow_leather": "{background: #efcf50;}","yellow_multi": "{background: #EFCF50 ;}","yellow_patent": "{background: #EFCF50;}","yellow_satin": "{background: yellow;}","yellow_suede": "{background: #EFCF50;}","zebra": "{background-image: url(https://dbdzm869oupei.cloudfront.net/img/sticker/preview/23975.png);background-position: center;background-size: cover;}","zebra_velvet": "{background-image: url(https://th.bing.com/th/id/OIP.PegF7OTswpp8URrnT6kKfQHaHa?pid=ImgDet&rs=1);background-position: center;background-size: cover;}"},"domain": "stevemadden.co.uk","kind": "Shopify","language": "en","personalization": {"17254446502103735": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17254446502106690": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17254446502107848": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17327158104838655": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17327159138378246": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"1732715954744761": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17327159860034164": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17363284690111172": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"173978502597181": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17416896823231142": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17419490572788725": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17419490766224338": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17419490909463699": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17419491051065976": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17419491283541543": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17419491462561887": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17419491585077630": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17591416626841723": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17593962588962361": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"1763555459363767": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17701237817655872": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17709082449173073": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17803419514178883": {"hasPersonalization": false,"widgetOrVariationHasPersonalization": false},"1780597424815162": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17809888833155019": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true},"17810986352395040": {"hasPersonalization": true,"widgetOrVariationHasPersonalization": true}},"pricing": {"avoidPricesForNonLoginUsers": false,"currencyConversionRate": "1.00","currencySymbolPosition": "auto","priceRangeFormat": "from_min","showPriceWithoutDecimals": false},"settings": {"product": {"addToCart": {"addToCartPosition": {"1781098635235": "product bottom","1789022658411": "product bottom","defaultValue": "product bottom"},"addToCartType": {"1781098635235": "product level","1789022658411": "product level","defaultValue": "product level"},"ajaxAnimation": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"backgroundColor": {"1781098635235": "#000000","1789022658411": "#000000","defaultValue": "#000000"},"backgroundColorOnHover": {"1781098635235": "none","1789022658411": "none","defaultValue": "none"},"border": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"borderColorOnHover": {"1781098635235": "none","1789022658411": "none","defaultValue": "none"},"borderRadius": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"changeColorsOnHover": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"color": {"1781098635235": "#ffffff","1789022658411": "#ffffff","defaultValue": "#ffffff"},"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"font": {"1781098635235": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "12px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "12px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"textAlign": "left"},"1789022658411": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "12px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "12px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"textAlign": "left"},"defaultValue": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "12px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "12px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"gridPosition": {"1759141662667": {"areaName": "addToCart","numOfCols": 3,"row": 5},"1759396258877": {"areaName": "addToCart","numOfCols": 3,"row": 5},"1781098635235": {"areaName": "addToCart","numOfCols": 3,"row": 5},"1789022658411": {"areaName": "addToCart","numOfCols": 3,"row": 5},"areaName": "addToCart","defaultValue": {"areaName": "addToCart","numOfCols": 3,"row": 5},"numOfCols": 3,"row": 5},"isActive": {"1759141662667": false,"1759396258877": false,"1781098635235": false,"1789022658411": false,"defaultValue": false},"margin": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"quantitySelector": {"1781098635235": false,"1789022658411": false,"defaultValue": false}
13692,"quickAddBackgroundColor": {"1781098635235": "#1976d2","1789022658411": "#1976d2","defaultValue": "#1976d2"},"quickAddColor": {"1781098635235": "#000000","1789022658411": "#000000","defaultValue": "#000000"},"quickAddText": {"1781098635235": "+ Quick Shop","1789022658411": "+ Quick Shop","defaultValue": "+ Quick Shop"},"shadow": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"showOnHover": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"showQuickAddBtn": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"text": {"1781098635235": "ADD TO CART","1789022658411": "ADD TO CART","defaultValue": "ADD TO CART"},"textColorsOnHover": {"1781098635235": "none","1789022658411": "none","defaultValue": "none"}},"backgroundColor": {"1781098635235": "none","1789022658411": "none","defaultValue": "none"},"border": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"borderRadius": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"colorSwatches": {"changeVariantOnHover": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"enableOutOfStockSwatches": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"gridPosition": {"1759141662667": {"areaName": "colorSwatches","numOfCols": 3,"row": 6},"1759396258877": {"areaName": "colorSwatches","numOfCols": 3,"row": 6},"1781098635235": {"areaName": "colorSwatches","numOfCols": 3,"row": 6},"1789022658411": {"areaName": "colorSwatches","numOfCols": 3,"row": 6},"areaName": "colorSwatches","defaultValue": {"areaName": "colorSwatches","numOfCols": 3,"row": 6},"numOfCols": 3,"row": 6},"isActive": {"1781098635235": {"desktop": false,"mobile": false,"tablet": false},"1789022658411": {"desktop": false,"mobile": false,"tablet": false},"defaultValue": {"desktop": false,"mobile": false,"tablet": false}},"margin": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"maxSwatches": {"1781098635235": "3","1789022658411": "3","defaultValue": "3"},"swatchesType": {"1781098635235": "Color","1789022658411": "Color","defaultValue": "Color"}},"compare": {"color": {"1781098635235": "#000000","1789022658411": "#000000","defaultValue": "#000000"},"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"font": {"1781098635235": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"textAlign": "left"},"1789022658411": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"textAlign": "left"},"defaultValue": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"gridPosition": {"1759141662667": {"areaName": "compare","numOfCols": 1,"row": 2},"1759396258877": {"areaName": "compare","numOfCols": 1,"row": 2},"1781098635235": {"areaName": "compare","numOfCols": 1,"row": 2},"1789022658411": {"areaName": "compare","numOfCols": 1,"row": 2},"areaName": "compare","defaultValue": {"areaName": "compare","numOfCols": 1,"row": 2},"numOfCols": 1,"row": 2},"isActive": {"1781098635235": true,"1789022658411": true,"defaultValue": true},"margin": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"shadow": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"}},"description": {"color": {"1781098635235": "#000000","1789022658411": "#000000","defaultValue": "#000000"},"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"font": {"1759141662667": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1759396258877": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1781098635235": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1789022658411": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"defaultValue": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"gridPosition": {"1759141662667": {"areaName": "description","numOfCols": 3,"row": 4},"1759396258877": {"areaName": "description","numOfCols": 3,"row": 4},"1781098635235": {"areaName": "description","numOfCols": 3,"row": 4},"1789022658411": {"areaName": "description","numOfCols": 3,"row": 4},"areaName": "description","defaultValue": {"areaName": "description","numOfCols": 3,"row": 4},"numOfCols": 3,"row": 4},"isActive": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"margin": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"numberOfLines": {"1781098635235": "2","1789022658411": "2","defaultValue": "2"},"saveSpaceForLineClamp": {"1781098635235": true,"1789022658411": true,"defaultValue": true},"shadow": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"}},"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"imageCarousel": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"imageRatio": {"102910a78171": {"imageFit": "contain","imageRatio": 1},"1694414521794": {"desktop": {"imageFit": "contain","imageRatio": 1},"mobile": {"imageFit": "contain","imageRatio": 1},"tablet": {"imageFit": "contain","imageRatio": 1}},"1736240076595": {"imageFit": "contain","imageRatio": 1},"1759141662667": {"imageFit": "contain","imageRatio": 1},"1759396258877": {"imageFit": "contain","imageRatio": 1},"1781098635235": {"imageFit": "cover","imageRatio": 0.75},"1789022658411": {"imageFit": "cover","imageRatio": 0.75},"63c9ecd99862": {"imageFit": "contain","imageRatio": 1},"a4fc715451aa": {"imageFit": "cover","imageRatio": 0.75},"defaultValue": {"e9e17ed240e5": {"imageFit": "cover","imageRatio": 0.75},"imageFit": "cover","imageRatio": 0.75},"e9e17ed240e5": {"imageFit": "cover","imageRatio": 0.75},"imageFit": "cover","imageRatio": 0.75},"info": {"grid": {"1781098635235": {"desktop": {"gridAreas": "\"title title title title\" \"compare price price price\" ","gridAreasObj": [{"h": 1,"i": "price","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 3,"x": 1,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 1,"x": 0,"y": 1}
13692,{"h": 1,"i": "title","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 4,"x": 0,"y": 0}]},"gridAreas": "\"title title title title\" \"price price price price\" \"compare compare compare compare\"","gridAreasObj": [{"h": 1,"i": "title","maxH": 1,"maxW": 4,"w": 4,"x": 0,"y": 0},{"h": 1,"i": "price","maxH": 1,"maxW": 4,"w": 4,"x": 0,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"w": 4,"x": 1,"y": 2}],"mobile": {"gridAreas": "\"title title title title\" \"compare price price price\" ","gridAreasObj": [{"h": 1,"i": "title","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 4,"x": 0,"y": 0},{"h": 1,"i": "price","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 3,"x": 1,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 1,"x": 0,"y": 1}]},"tablet": {"gridAreas": "\"title title title title\" \"compare price price price\" ","gridAreasObj": [{"h": 1,"i": "price","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 3,"x": 1,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 1,"x": 0,"y": 1},{"h": 1,"i": "title","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 4,"x": 0,"y": 0}]}},"1789022658411": {"desktop": {"gridAreas": "\"title title title title\" \"compare price price price\" ","gridAreasObj": [{"h": 1,"i": "price","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 3,"x": 1,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 1,"x": 0,"y": 1},{"h": 1,"i": "title","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 4,"x": 0,"y": 0}]},"gridAreas": "\"title title title title\" \"price price price price\" \"compare compare compare compare\"","gridAreasObj": [{"h": 1,"i": "title","maxH": 1,"maxW": 4,"w": 4,"x": 0,"y": 0},{"h": 1,"i": "price","maxH": 1,"maxW": 4,"w": 4,"x": 0,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"w": 4,"x": 1,"y": 2}],"mobile": {"gridAreas": "\"title title title title\" \"compare price price price\" ","gridAreasObj": [{"h": 1,"i": "title","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 4,"x": 0,"y": 0},{"h": 1,"i": "price","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 3,"x": 1,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 1,"x": 0,"y": 1}]},"tablet": {"gridAreas": "\"title title title title\" \"compare price price price\" ","gridAreasObj": [{"h": 1,"i": "price","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 3,"x": 1,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 1,"x": 0,"y": 1},{"h": 1,"i": "title","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 4,"x": 0,"y": 0}]}},"defaultValue": {"desktop": {"gridAreas": "\"title title title title\" \"compare price price price\" ","gridAreasObj": [{"h": 1,"i": "price","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 3,"x": 1,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 1,"x": 0,"y": 1},{"h": 1,"i": "title","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 4,"x": 0,"y": 0}]},"gridAreas": "\"title title title title\" \"price price price price\" \"compare compare compare compare\"","gridAreasObj": [{"h": 1,"i": "title","maxH": 1,"maxW": 4,"w": 4,"x": 0,"y": 0},{"h": 1,"i": "price","maxH": 1,"maxW": 4,"w": 4,"x": 0,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"w": 4,"x": 1,"y": 2}],"mobile": {"gridAreas": "\"title title title title\" \"compare price price price\" ","gridAreasObj": [{"h": 1,"i": "title","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 4,"x": 0,"y": 0},{"h": 1,"i": "price","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 3,"x": 1,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 1,"x": 0,"y": 1}]},"tablet": {"gridAreas": "\"title title title title\" \"compare price price price\" ","gridAreasObj": [{"h": 1,"i": "price","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 3,"x": 1,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 1,"x": 0,"y": 1}
13692,{"h": 1,"i": "title","maxH": 1,"maxW": 4,"moved": false,"static": false,"w": 4,"x": 0,"y": 0}]}},"gridAreas": "\"title title title title\" \"price price price price\" \"compare compare compare compare\"","gridAreasObj": [{"h": 1,"i": "title","maxH": 1,"maxW": 4,"w": 4,"x": 0,"y": 0},{"h": 1,"i": "price","maxH": 1,"maxW": 4,"w": 4,"x": 0,"y": 1},{"h": 1,"i": "compare","maxH": 1,"maxW": 4,"w": 4,"x": 1,"y": 2}]},"padding": {"1781098635235": "0px","1789022658411": "0px","defaultValue": "0px"}},"lazyLoadingImage": {"1759141662667": false,"1759396258877": true,"1781098635235": false,"1789022658411": false,"defaultValue": false,"e9e17ed240e5": true},"padding": {"1781098635235": "0px","1789022658411": "0px","defaultValue": "0px"},"price": {"alignIfCompare": {"1781098635235": "left","1789022658411": "left","defaultValue": "left"},"color": {"1781098635235": "#000000","1789022658411": "#000000","defaultValue": "#000000"},"colorIfCompareEnable": {"1781098635235": "#b20000","1789022658411": "#b20000","defaultValue": "#b20000"},"currency": {"1781098635235": "auto","1789022658411": "auto","defaultValue": "auto"},"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"font": {"1781098635235": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"textAlign": "left"},"1789022658411": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"textAlign": "left"},"defaultValue": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"gridPosition": {"1759141662667": {"areaName": "price","numOfCols": 1,"row": 2},"1759396258877": {"areaName": "price","numOfCols": 1,"row": 2},"1781098635235": {"areaName": "price","numOfCols": 1,"row": 2},"1789022658411": {"areaName": "price","numOfCols": 1,"row": 2},"areaName": "price","defaultValue": {"areaName": "price","numOfCols": 1,"row": 2},"numOfCols": 1,"row": 2},"isActive": {"1781098635235": true,"1789022658411": true,"defaultValue": true},"margin": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"shadow": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"}},"quickView": {"attributes": {"1781098635235": [],"1789022658411": [],"defaultValue": []},"backgroundColor": {"1781098635235": "none","1789022658411": "none","defaultValue": "none"},"border": {"1781098635235": "1px solid #000000","1789022658411": "1px solid #000000","defaultValue": "1px solid #000000"},"borderRadius": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"color": {"1781098635235": "#000000","1789022658411": "#000000","defaultValue": "#000000"},"defaultStoreQuickview": {"1781098635235": true,"1789022658411": true,"defaultValue": true},"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"font": {"1759141662667": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1759396258877": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1781098635235": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1789022658411": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"defaultValue": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"gridPosition": {"1759141662667": {"areaName": "quickView","numOfCols": 3,"row": 1},"1759396258877": {"areaName": "quickView","numOfCols": 3,"row": 1},"1781098635235": {"areaName": "quickView","numOfCols": 3,"row": 1},"1789022658411": {"areaName": "quickView","numOfCols": 3,"row": 1},"areaName": "quickView","defaultValue": {"areaName": "quickView","numOfCols": 3,"row": 1},"numOfCols": 3,"row": 1},"isActive": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"margin": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"text": {"1781098635235": "Quick View","1789022658411": "Quick View","defaultValue": "Quick View"},"theme": {"1781098635235": "modern","1789022658411": "modern","defaultValue": "modern"}},"reviews": {"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"font": {"1759141662667": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1759396258877": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1781098635235": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1789022658411": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"defaultValue": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"gridPosition": {"1759141662667": {"areaName": "reviews","numOfCols": 3,"row": 3},"1759396258877": {"areaName": "reviews","numOfCols": 3,"row": 3},"1781098635235": {"areaName": "reviews","numOfCols": 3,"row": 3},"1789022658411": {"areaName": "reviews","numOfCols": 3,"row": 3},"areaName": "reviews","defaultValue": {"areaName": "reviews","numOfCols": 3,"row": 3},"numOfCols": 3,"row": 3},"isActive": {"1781098635235": {"desktop": false,"mobile": false,"tablet": false},"1789022658411": {"desktop": false,"mobile": false,"tablet": false},"defaultValue": {"desktop": false,"mobile": false,"tablet": false}},"margin": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"noReviewsStarsColor": {"1781098635235": "#9F9F9F","1789022658411": "#9F9F9F","defaultValue": "#9F9F9F"},"reviewsCount": {"1781098635235": true,"1789022658411": true,"defaultValue": true},"reviewsCountAvg": {"1781098635235": true,"1789022658411": true,"defaultValue": true},"reviewsCountColor": {"1781098635235": "#9F9F9F","1789022658411": "#9F9F9F","defaultValue": "#9F9F9F"},"reviewsStarsColor": {"1781098635235": "#ffb518","1789022658411": "#ffb518","defaultValue": "#ffb518"},"shadow": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"widgetForNoReview": {"1781098635235": true,"1789022658411": true,"defaultValue": true}},"shadow": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"showBorderOnHover": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"sku": {"color": {"1781098635235": "#000000","1789022658411": "#000000","defaultValue": "#000000"},"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"font": {"1759141662667": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1759396258877": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1781098635235": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1789022658411": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"defaultValue": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"gridPosition": {"1759141662667": {"areaName": "description","numOfCols": 3,"row": 4},"1759396258877": {"areaName": "description","numOfCols": 3,"row": 4},"1781098635235": {"areaName": "description","numOfCols": 3,"row": 4},"1789022658411": {"areaName": "description","numOfCols": 3,"row": 4},"areaName": "description","defaultValue": {"areaName": "description","numOfCols": 3,"row": 4},"numOfCols": 3,"row": 4},"isActive": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"margin": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"shadow": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"}},"title": {"color": {"1781098635235": "#000000","1789022658411": "#000000","defaultValue": "#000000"},"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"font": {"1781098635235": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "1.5","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "1.5","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "1.5","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "15px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "1.5","textAlign": "left"},"textAlign": "left"},"1789022658411": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "1.5","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "1.5","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "1.5","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "15px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "1.5","textAlign": "left"},"textAlign": "left"},"defaultValue": {"desktop": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "1.5","textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "1.5","mobile": {"font": "acumin-pro, sans-serif","fontSize": "11px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "1.5","textAlign": "left"},"tablet": {"font": "acumin-pro, sans-serif","fontSize": "15px","fontWeight": "700","letterSpacing": "0.25px","lineHeight": "1.5","textAlign": "left"},"textAlign": "left"},"font": "Arial","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "1.5","textAlign": "left"},"gridPosition": {"1759141662667": {"areaName": "title","numOfCols": 3,"row": 1},"1759396258877": {"areaName": "title","numOfCols": 3,"row": 1},"1781098635235": {"areaName": "title","numOfCols": 3,"row": 1},"1789022658411": {"areaName": "title","numOfCols": 3,"row": 1},"areaName": "title","defaultValue": {"areaName": "title","numOfCols": 3,"row": 1},"numOfCols": 3,"row": 1},"isActive": {"1781098635235": {"desktop": true,"mobile": true,"tablet": true},"1789022658411": {"desktop": true,"mobile": true,"tablet": true},"defaultValue": {"desktop": true,"mobile": true,"tablet": true}},"margin": {"1781098635235": "auto","1789022658411": "auto","defaultValue": "auto"},"numberOfLines": {"1781098635235": "2","1789022658411": "2","defaultValue": "2"},"saveSpaceForLineClamp": {"1781098635235": true,"1789022658411": true,"defaultValue": true}},"wishList": {"checkedColor": {"1781098635235": "#ff1493","1789022658411": "#ff1493","defaultValue": "#ff1493"},"checkedIconName": {"1781098635235": "","1789022658411": "","defaultValue": ""},"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"font": {"1759141662667": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1759396258877": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1781098635235": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1789022658411": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"defaultValue": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpaci
13692ng": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"gridPosition": {"1759141662667": {"areaName": "wishlist","numOfCols": 1,"row": 1},"1759396258877": {"areaName": "wishlist","numOfCols": 1,"row": 1},"1781098635235": {"areaName": "wishlist","numOfCols": 1,"row": 1},"1789022658411": {"areaName": "wishlist","numOfCols": 1,"row": 1},"areaName": "wishlist","defaultValue": {"areaName": "wishlist","numOfCols": 1,"row": 1},"numOfCols": 1,"row": 1},"isActive": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"isCustomIcon": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"location": {"1781098635235": "on-image","1789022658411": "on-image","defaultValue": "on-image"},"margin": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"notCheckedColor": {"1781098635235": "#ff1493","1789022658411": "#ff1493","defaultValue": "#ff1493"},"notCheckedIconName": {"1781098635235": "","1789022658411": "","defaultValue": ""},"padding": {"1781098635235": "10px","1789022658411": "10px","defaultValue": "10px"},"position": {"1781098635235": "top-left","1789022658411": "top-left","defaultValue": "top-left"},"size": {"1781098635235": "30px","1789022658411": "30px","defaultValue": "30px"}}},"quickViewModal": {"animationDuration": {"1781098635235": 400,"1789022658411": 400,"defaultValue": 400},"animationInX": {"1781098635235": 0,"1789022658411": 0,"defaultValue": 0},"animationInY": {"1781098635235": -200,"1789022658411": -200,"defaultValue": -200},"animationOutX": {"1781098635235": 0,"1789022658411": 0,"defaultValue": 0},"animationOutY": {"1781098635235": -100,"1789022658411": -100,"defaultValue": -100},"closeButtonCustomIconName": {"1781098635235": "","1789022658411": "","defaultValue": ""},"height": {"1781098635235": "70%","1789022658411": "70%","defaultValue": "70%"},"imagesBar": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"imagesInside": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"imagesPosition": {"1781098635235": "left","1789022658411": "left","defaultValue": "left"},"isCustomIconClose": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"openingDirection": {"1781098635235": "top to bottom","1789022658411": "top to bottom","defaultValue": "top to bottom"},"quantityBorder": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"quantityBorderRadius": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"quantityFont": {"font": {"1781098635235": "acumin-pro, sans-serif","1789022658411": "acumin-pro, sans-serif","defaultValue": "acumin-pro, sans-serif"},"fontSize": {"1781098635235": "14px","1789022658411": "14px","defaultValue": "14px"},"fontWeight": {"1781098635235": "400","1789022658411": "400","defaultValue": "400"},"letterSpacing": {"1781098635235": "0.25px","1789022658411": "0.25px","defaultValue": "0.25px"},"lineHeight": {"1781098635235": "auto","1789022658411": "auto","defaultValue": "auto"},"textAlign": {"1781098635235": "left","1789022658411": "left","defaultValue": "left"}},"quantityFontColor": {"1781098635235": "#000000","1789022658411": "#000000","defaultValue": "#000000"},"quantityLayout": {"1781098635235": "classic","1789022658411": "classic","defaultValue": "classic"},"quantityTitle": {"1781098635235": "Qty","1789022658411": "Qty","defaultValue": "Qty"},"theme": {"1781098635235": "classic","1789022658411": "classic","defaultValue": "classic"},"width": {"1781098635235": "70%","1789022658411": "70%","defaultValue": "70%"}},"recommendationGeneral": {"backgroundColor": {"1781098635235": "none","1789022658411": "none","defaultValue": "none"},"border": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"borderColorOnHover": {"1781098635235": "none","1789022658411": "none","defaultValue": "none"},"borderRadius": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"collections": [],"currentProgressBarIcon": {"1781098635235": "","1789022658411": "","defaultValue": ""},"emptyProgressBarIcon": {"1781098635235": "","1789022658411": "","defaultValue": ""},"font": {"1759141662667": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1759396258877": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1781098635235": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1789022658411": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"defaultValue": {"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "acumin-pro, sans-serif","fontSize": "14px","fontWeight": "400","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"gridColumnGap": {"1781098635235": "1px","1789022658411": "1px","defaultValue": "1px"},"gridRowGap": {"1781098635235": "3px","1789022658411": "3px","defaultValue": "3px"},"isCustomCarouselIcons": {"1781098635235": {"desktop": true,"mobile": true,"tablet": true},"1789022658411": {"desktop": true,"mobile": true,"tablet": true},"defaultValue": {"desktop": true,"mobile": true,"tablet": true}},"isCustomProgressBarIcon": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"layout": {"1781098635235": "horizontal","1789022658411": "horizontal","defaultValue": "horizontal"},"leftArrowIcon": {"1759141662667": {"desktop": "related-arrow-left","mobile": "related-arrow-left","tablet": "related-arrow-left"},"1759396258877": {"desktop": "related-arrow-left","mobile": "related-arrow-left","tablet": "related-arrow-left"},"1781098635235": "related-arrow-left","1789022658411": {"desktop": "related-arrow-left","mobile": "related-arrow-left","tablet": "related-arrow-left"},"defaultValue": "related-arrow-left"},"loadMore": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"maxSuggestionsProducts": 15,"mobileExpandLimitProducts": {"1781098635235": false,"1789022658411": false,"defaultValue": false},"numberOfColumns": {"1781098635235": "3","1789022658411": "3","defaultValue": "3"},"numberOfRows": {"1781098635235": "3","1789022658411": "3","defaultValue": "3"}
13692,"padding": {"1781098635235": {"desktop": "0px","mobile": "0px","tablet": "0px"},"1789022658411": {"desktop": "0px","mobile": "0px","tablet": "0px"},"defaultValue": {"desktop": "0px","mobile": "0px","tablet": "0px"}},"productsPerArrowClick": {"1781098635235": {"desktop": "1","mobile": "1","tablet": "1"},"1789022658411": {"desktop": "1","mobile": "1","tablet": "1"},"defaultValue": {"desktop": "1","mobile": "1","tablet": "1"}},"productsPerSlide": {"102910a78171": {"desktop": "3","mobile": "2","tablet": "3"},"1694414521794": {"desktop": "5","mobile": "2","tablet": "2"},"1694414540936": "2","1736240076595": {"desktop": "5","mobile": "2","tablet": "3"},"1759141662667": {"desktop": "6","mobile": "2","tablet": "5"},"1759396258877": {"desktop": "3","mobile": "2","tablet": "2"},"1780342283845": "5","1781098635235": {"desktop": "5","mobile": "2","tablet": "3"},"1789022658411": {"desktop": "5","mobile": "2","tablet": "3"},"63c9ecd99862": {"desktop": "6","mobile": "2","tablet": "3"},"a4fc715451aa": {"desktop": "5","mobile": "2","tablet": "3"},"defaultValue": "4","e9e17ed240e5": {"desktop": "3","mobile": "2","tablet": "2"},"style1": {"desktop": "3","mobile": "2","tablet": "3"},"widget1": {"desktop": "5","mobile": "2","tablet": "3"}},"progressBarColor": {"1781098635235": "#571eae","1789022658411": "#571eae","defaultValue": "#571eae"},"rightArrowIcon": {"1759141662667": "related-arrow-right","1759396258877": "related-arrow-right","1781098635235": "related-arrow-right","1789022658411": "related-arrow-right","defaultValue": "related-arrow-right"},"sourceType": {"1759141662667": "recommended","1759396258877": "recommended","1789022658411": "recommended","defaultValue": null},"sources": ["similar_products","related_views","related_top_products"]},"recommendationTitle": {"color": {"1781098635235": {"desktop": "#000000","mobile": "#000000","tablet": "#6a6a6a"},"1789022658411": {"desktop": "#000000","mobile": "#000000","tablet": "#6a6a6a"},"defaultValue": {"desktop": "#000000","mobile": "#000000","tablet": "#6a6a6a"}},"dimensions": {"1759141662667": {"height": "auto","width": "auto","x": "0","y": "0"},"1759396258877": {"height": "auto","width": "auto","x": "0","y": "0"},"1781098635235": {"height": "auto","width": "auto","x": "0","y": "0"},"1789022658411": {"height": "auto","width": "auto","x": "0","y": "0"},"defaultValue": {"height": "auto","width": "auto","x": "0","y": "0"},"height": "auto","width": "auto","x": "0","y": "0"},"font": {"102910a78171": {"font": "Arial","fontSize": "0px","fontWeight": "bold","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1736240076595": {"desktop": {"font": "Arial","fontSize": "0px","fontWeight": "bold","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "center"},"mobile": {"font": "Arial","fontSize": "0px","fontWeight": "bold","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "center"},"tablet": {"font": "Arial","fontSize": "0px","fontWeight": "bold","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "center"}},"1759141662667": {"font": "Arial","fontSize": "0px","fontWeight": "bold","letterSpacing": "0","lineHeight": "auto","textAlign": "left"},"1759396258877": {"font": "Arial","fontSize": "0px","fontWeight": "bold","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1780342283845": {"font": "Arial","fontSize": "14px","fontWeight": "bold","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "center"},"1781098635235": {"font": "Arial","fontSize": "0px","fontWeight": "bold","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"1789022658411": {"font": "Arial","fontSize": "0px","fontWeight": "bold","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"a4fc715451aa": {"font": "acumin-pro-extra-condensed, sans-serif ","fontSize": "24px","fontWeight": "600","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"defaultValue": {"font": "Arial","fontSize": "0px","fontWeight": "bold","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"font": "Arial","fontSize": "35px","fontWeight": "bold","letterSpacing": "0.25px","lineHeight": "auto","style1": {"font": "Arial","fontSize": "0px","fontWeight": "bold","letterSpacing": "0.25px","lineHeight": "auto","textAlign": "left"},"textAlign": "center"},"innerText": "You Might Also Like...","isActive": {"1781098635235": true,"1789022658411": true,"defaultValue": true},"margin": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"},"numberOfLines": {"1781098635235": {"desktop": "1","mobile": "2","tablet": "1"},"1789022658411": {"desktop": "1","mobile": "2","tablet": "1"},"defaultValue": {"desktop": "1","mobile": "2","tablet": "1"}},"shadow": {"1781098635235": "unset","1789022658411": "unset","defaultValue": "unset"}}},"textBadges": [],"translationProvider": "","unifiedBadges": [],"variationWidgetConfig": {},"widgetUiConfig": {"17254446502103735": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1694414540936","styleName": "cart mini widget","title": "Complete Your Order"},"17254446502106690": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "widget1","styleName": "default widget","title": "YOU MAY ALSO LIKE..."},"17254446502107848": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1694414521794","styleName": "cart widget","title": "Complete Your Order"},"17327158104838655": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1736240076595","styleName": "Home page","title": "Newly Arrived Items"},"17327159138378246": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1736240076595","styleName": "Home page","title": "You Might Want to Consider..."},"1732715954744761": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1736240076595","styleName": "Home page","title": "You Might Want to Consider..."},"17327159860034164": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1736240076595","styleName": "Home page","title": "You Might Want to Consider..."},"17363284690111172": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1736240076595","styleName": "Home page","title": "You Might Want to Consider..."},"173978502597181": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "e9e17ed240e5","styleName": "It list","t
13692itle": "Products You Might Find Interesting..."},"17416896823231142": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "e9e17ed240e5","styleName": "It list","title": "You Might Want to Consider..."},"17419490572788725": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "63c9ecd99862","styleName": "HP No-Header NEW","title": "You Might Want to Consider..."},"17419490766224338": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1736240076595","styleName": "Home page","title": "You Might Want to Consider..."},"17419490909463699": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1736240076595","styleName": "Home page","title": "You Might Want to Consider..."},"17419491051065976": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1736240076595","styleName": "Home page","title": "You Might Want to Consider..."},"17419491283541543": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "102910a78171","styleName": "IT List NEW","title": "Products You Might Find Interesting..."},"17419491462561887": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "e9e17ed240e5","styleName": "It list","title": "Products You Might Find Interesting..."},"17419491585077630": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "e9e17ed240e5","styleName": "It list","title": "Products You Might Find Interesting..."},"17591416626841723": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1759141662667","styleName": "Landing Page Widget_1759141662667","title": "You Might Want to Consider..."},"17593962588962361": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1759396258877","styleName": "It list_1759396258877","title": "You might be interested in..."},"1763555459363767": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1759396258877","styleName": "It list_1759396258877","title": "Trending Products..."},"17701237817655872": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "a4fc715451aa","styleName": "DPD-similar-products","title": "Shop the Look..."},"17709082449173073": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "style1","styleName": "default style","title": "Newly Arrived Items"},"17803419514178883": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1781098635235","styleName": "PDP YMAL Global","title": "Recently Viewed Products"},"1780597424815162": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1780342283845","styleName": "new_pdp","title": "You May Also Like"},"17809888833155019": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1789022658411","styleName": "PDP YMAL Global_1789022658411","title": "You Might Also Like..."},"17810986352395040": {"displayType": "embed","isMiniCart": false,"miniCartConfig": {},"popupTrigger": "add-to-cart","style": "1781098635235","styleName": "PDP YMAL Global","title": "Recently Viewed Products"}},"wishlistProvider": "swym"};</script>
13692 13693 13694<div 13695 id="upsell-v2-template--27271378010492__fs_upsell_new_v2_pzJ3Hg" 13696 class="upsell-v2" 13697 data-src-a="https://static-recommendations.fastsimon.com/no-code-recommendations/fs-recommendations-init.js?uuid=16b43087-68f1-46c5-9574-21edd1c0367b&store_id=8339030082&platform=Shopify&widgetId=17809888833155019" data-src-b="https://static-recommendations.fastsimon.com/no-code-recommendations/fs-recommendations-init.js?uuid=16b43087-68f1-46c5-9574-21edd1c0367b&store_id=8339030082&platform=Shopify&widgetId=17803419514178883"><div class="upsell-v2__titles" role="tablist"> 13698 <button 13699 type="button" 13700 class="upsell-v2__title is-active" 13701 data-target="a" 13702 id="upsell-v2-template--27271378010492__fs_upsell_new_v2_pzJ3Hg-tab-a" 13703 role="tab" 13704 aria-selected="true" 13705 aria-controls="upsell-v2-template--27271378010492__fs_upsell_new_v2_pzJ3Hg-panel-a" 13706 >YOU MAY LIKE</button> 13707 <button 13708 type="button" 13709 class="upsell-v2__title" 13710 data-target="b" 13711 id="upsell-v2-template--27271378010492__fs_upsell_new_v2_pzJ3Hg-tab-b" 13712 role="tab" 13713 aria-selected="false" 13714 aria-controls="upsell-v2-template--27271378010492__fs_upsell_new_v2_pzJ3Hg-panel-b" 13715 >RECENTLY VIEWED</button> 13716 </div><div 13717 class="upsell-v2__panel" 13718 data-panel="a" 13719 id="upsell-v2-template--27271378010492__fs_upsell_new_v2_pzJ3Hg-panel-a" role="tabpanel" aria-labelledby="upsell-v2-template--27271378010492__fs_upsell_new_v2_pzJ3Hg-tab-a"> 13720 <div class="fast-simon-new-upsell-17809888833155019" data-settings="FAST_UPSELL_CONFIG" style="display:block;height:100%;"></div> 13721 </div><div 13722 class="upsell-v2__panel" 13723 data-panel="b" 13724 id="upsell-v2-template--27271378010492__fs_upsell_new_v2_pzJ3Hg-panel-b" 13725 role="tabpanel" 13726 aria-labelledby="upsell-v2-template--27271378010492__fs_upsell_new_v2_pzJ3Hg-tab-b" 13727 hidden 13728 > 13729 <div class="fast-simon-new-upsell-17803419514178883" data-settings="FAST_UPSELL_CONFIG" style="display:block;height:100%;"></div> 13730 </div></div> 13731
13732<script> 13733 (function () { 13734 var root = document.getElementById('upsell-v2-template--27271378010492__fs_upsell_new_v2_pzJ3Hg'); 13735 if (!root || root.dataset.init) return; 13736 root.dataset.init = '1'; 13737 13738 var booted = {}; 13739 // Inject a widget's FS loader once. A freshly created
13739<script> executes on 13740 // insert, so the loader scans the page and renders into its matching div. 13741 function boot(key) { 13742 if (booted[key]) return; 13743 var src = key === 'a' ? root.dataset.srcA : root.dataset.srcB; 13744 if (!src) return; 13745 booted[key] = true; 13746 var s = document.createElement('script'); 13747 s.src = src; 13748 s.async = true; 13749 root.appendChild(s); 13750 } 13751 13752 var titles = [].slice.call(root.querySelectorAll('.upsell-v2__title[data-target]')); 13753 var panels = [].slice.call(root.querySelectorAll('.upsell-v2__panel')); 13754 13755 function select(key) { 13756 // Reveal the chosen panel BEFORE booting so the widget measures a real width. 13757 panels.forEach(function (p) { p.hidden = p.dataset.panel !== key; }); 13758 titles.forEach(function (t) { 13759 var on = t.dataset.target === key; 13760 t.classList.toggle('is-active', on); 13761 t.setAttribute('aria-selected', on ? 'true' : 'false'); 13762 }); 13763 boot(key); 13764 } 13765 13766 titles.forEach(function (t) { 13767 t.addEventListener('click', function () { select(t.dataset.target); }); 13768 }); 13769 13770 // Lazy-mount widget A when the section nears the viewport. 13771 if ('IntersectionObserver' in window) { 13772 var io = new IntersectionObserver(function (entries, obs) { 13773 if (entries[0].isIntersecting) { obs.disconnect(); boot('a'); } 13774 }, { rootMargin: '400px' }); 13775 io.observe(root); 13776 } else { 13777 boot('a'); 13778 } 13779 })(); 13780</script>
13780 13781 13782<style data-shopify> 13783 #upsell-v2-template--27271378010492__fs_upsell_new_v2_pzJ3Hg { position: relative; } 13784 #upsell-v2-template--27271378010492__fs_upsell_new_v2_pzJ3Hg .upsell-v2__titles { 13785 display: flex; 13786 width: 90vw; 13787 justify-content: flex-start; 13788 align-items: center; 13789 gap: 16px; 13790 margin: 20px auto 12px; 13791 padding-left: 5px; 13792 } 13793 #upsell-v2-template--27271378010492__fs_upsell_new_v2_pzJ3Hg .upsell-v2__title { 13794 appearance: none; 13795 -webkit-appearance: none; 13796 background: none; 13797 border: 0; 13798 padding: 0; 13799 margin: 0; 13800 font-family: var(--font-primary) !important; 13801 font-size: 1.4rem; 13802 font-weight: 400; 13803 text-transform: uppercase; 13804 letter-spacing: 0.02em; 13805 color: #000; 13806 line-height: 1; 13807 } 13808 #upsell-v2-template--27271378010492__fs_upsell_new_v2_pzJ3Hg button.upsell-v2__title { cursor: pointer; text-align: left; } 13809 #upsell-v2-template--27271378010492__fs_upsell_new_v2_pzJ3Hg .upsell-v2__title.is-active { 13810 text-decoration: underline; 13811 text-underline-offset: 4px; 13812 } 13813 #upsell-v2-template--27271378010492__fs_upsell_new_v2_pzJ3Hg .upsell-v2__panel[hidden] { display: none; } 13814</style> 13815 13816 13817<style> #shopify-section-template--27271378010492__fs_upsell_new_v2_pzJ3Hg .fs-recommendation-right-arrow > svg {transform: rotate(90deg);} </style></div><section id="shopify-section-template--27271378010492__1781566738a2adb377" class="shopify-section section"> 13818<div class=" scroll-trigger animate--slide-in"><div id="shopify-block-AcURmeEE1bXNLUDZYd__yotpo_product_reviews_reviews_c6m6DH" class="shopify-block shopify-app-block"> 13819 13820 13821 13822 13823 13824 13825 13826 13827 13828<div 13829 class="yotpo yotpo-main-widget" 13830 data-product-id="7155729268873" 13831 data-name="STEVE MADDEN UK DIGITAL GIFT CARD" 13832 data-url="https://stevemadden.co.uk/products/giftcard" 13833 data-price="50.00" 13834 data-currency="GBP" 13835 data-image-url="https://stevemadden.co.uk/cdn/shop/files/DigitalGiftCard-2_1_large.png%3Fv=1704279165" 13836 data-description="<p data-mce-fragment="1">Steve Madden online gift cards have you covered for every occasion, budget, and style. Make gifting easy for everyone with this fully digital gift card.</p> 13837<p data-mce-fragment="1">Please note: the Steve Madden online gift card is only valid on our website in the original currency purchased.</p> 13838<p data-mce-fragment="1">Your gift card will be emailed directly to you, the purchaser. Then you can forward it to your favourite shopaholic. Theyâll know youâve got great taste when the gift card shows up in their inbox directly from you.</p> 13839<p data-mce-fragment="1">Please allow up to 24 hours to receive the email confirmation for your gift card order.</p> 13840<p>For more information on digital gift cards, click <a href="https://help.stevemadden.co.uk/hc/en-gb/sections/32198859485458-Gift-Cards" title="Digital Gift Card FAQ">here</a>.</p>"> 13841</div> 13842 13843 13844 13845 13846 13847 <div id="yotpo-reviews-section-data" style="margin-top:4px; font-size:11px; line-height:1.35; color:#555; max-height:220px; overflow:auto; padding:6px 8px; border:1px solid #eee; border-radius:4px; background:#fafafa;"> <section id="yotpo-reviews-overall-rating"> <p><strong>Overall rating:</strong> 0.0 / 5 from 0 reviews.</p> </section> <section id="yotpo-reviews-ai-summary"> <h3>AI Generated Review Summary</h3> <p></p> </section> <section id="yotpo-reviews-summary-topics"> <h3>Summary topics</h3> <ul> </ul> </section> <section id="yotpo-reviews-review-topics"> <p><strong>Review topics:</strong> [].</p> </section> <section id="yotpo-reviews-highlights"> <h3>Review highlights</h3> <ul> </ul> </section> <section id="yotpo-reviews-individual-reviews"> <h3>Reviews</h3> </section> <section id="yotpo-reviews-qa"> <h3>Q&A</h3> <dl> </dl> </section> </div> 13848 13849 13850 13851 13852</div> 13853</div> 13854 13855 13856</section><div id="shopify-section-template--27271378010492__product_main_seo_kRerMU" class="shopify-section">
13856<script type="application/ld+json"> 13857 {"@context":"http:\/\/schema.org\/","@id":"\/products\/giftcard#product","@type":"ProductGroup","brand":{"@type":"Brand","name":"Steve Madden"},"category":"Gift Cards","description":"Steve Madden online gift cards have you covered for every occasion, budget, and style. Make gifting easy for everyone with this fully digital gift card.\nPlease note: the Steve Madden online gift card is only valid on our website in the original currency purchased.\nYour gift card will be emailed directly to you, the purchaser. Then you can forward it to your favourite shopaholic. Theyâll know youâve got great taste when the gift card shows up in their inbox directly from you.\nPlease allow up to 24 hours to receive the email confirmation for your gift card order.\nFor more information on digital gift cards, click here.","hasVariant":[{"@id":"\/products\/giftcard?variant=41141787885705#variant","@type":"Product","gtin":"5045650415069","image":"https:\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165\u0026width=1920","name":"STEVE MADDEN UK DIGITAL GIFT CARD - 50","offers":{"@id":"\/products\/giftcard?variant=41141787885705#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"50.00","priceCurrency":"GBP","url":"https:\/\/stevemadden.co.uk\/products\/giftcard?variant=41141787885705"},"sku":"cltchg_50"},{"@id":"\/products\/giftcard?variant=41141787918473#variant","@type":"Product","gtin":"5045650415083","image":"https:\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165\u0026width=1920","name":"STEVE MADDEN UK DIGITAL GIFT CARD - 100","offers":{"@id":"\/products\/giftcard?variant=41141787918473#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"100.00","priceCurrency":"GBP","url":"https:\/\/stevemadden.co.uk\/products\/giftcard?variant=41141787918473"},"sku":"cltchg_100"},{"@id":"\/products\/giftcard?variant=41141787984009#variant","@type":"Product","gtin":"5045650415106","image":"https:\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165\u0026width=1920","name":"STEVE MADDEN UK DIGITAL GIFT CARD - 200","offers":{"@id":"\/products\/giftcard?variant=41141787984009#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"200.00","priceCurrency":"GBP","url":"https:\/\/stevemadden.co.uk\/products\/giftcard?variant=41141787984009"},"sku":"cltchg_200"}],"name":"STEVE MADDEN UK DIGITAL GIFT CARD","productGroupID":"7155729268873","url":"https:\/\/stevemadden.co.uk\/products\/giftcard"} 13858</script>
13858 13859</div><div id="shopify-section-template--27271378010492__old_custom_html_ajcUw3" class="shopify-section"><section class="custom-html"> 13860 <style> 13861button[aria-label="Close"]{ 13862z-index: 100;} 13863</style> 13864 </section> 13865 13866 </div> 13867 </main> 13868 13869 <!-- BEGIN sections: footer-group --> 13870<div id="shopify-section-sections--25334352019836__product_qa_modal_tmQqyF" class="shopify-section shopify-section-group-footer-group">
13870<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/alp-cart.js?v=85786252445276562861786360325" defer></script>
13870 13871
13872<script> 13873 document.addEventListener('alpine:init', () => {Alpine.store('quickAdd', { 13874 open: false, 13875 loading: false, 13876 error: '', 13877 product: null, 13878 selectedVariant: null, 13879 _lastFocus: null, 13880 13881 // Fetch the chosen product as the shared store JSON and populate THIS store. 13882 // Same contract as $store.product.load() â just a different store. 13883 async openFor(handle) { 13884 if (!handle) return; 13885 // Keep the ORIGINAL opener as the focus-return target across in-modal swaps. 13886 if (!this.open) this._lastFocus = document.activeElement; 13887 this.open = true; 13888 this.loading = true; 13889 this.error = ''; 13890 this.product = null; 13891 this.selectedVariant = null; 13892 document.documentElement.classList.add('overflow-hidden'); 13893 try { 13894 const res = await fetch(`/products/${handle}?view=alpine-data`); 13895 if (!res.ok) throw new Error('alpine-data ' + res.status); 13896 const data = await res.json(); 13897 this.product = data.product; 13898 // Default selection = server-resolved variant (matches the PDP). 13899 this.selectedVariant = data.selectedVariant; 13900 } catch (e) { 13901 console.error('[quickAdd] load failed', e); 13902 this.error = "Sorry, we couldn't load this product."; 13903 } finally { 13904 this.loading = false; 13905 } 13906 }, 13907 13908 // In-modal product swap (driven by scoped product-selector blocks via 13909 // $store.product.load). Unlike openFor it keeps the CURRENT product visible 13910 // during the fetch â no spinner, no body unmount â then patches in the new one, 13911 // the same smooth in-place swap the main PDP store's load() does. 13912 async swap(handle) { 13913 if (!handle) return; 13914 try { 13915 const res = await fetch(`/products/${handle}?view=alpine-data`); 13916 if (!res.ok) throw new Error('alpine-data ' + res.status); 13917 const data = await res.json(); 13918 this.product = data.product; 13919 this.selectedVariant = data.selectedVariant; 13920 } catch (e) { 13921 console.error('[quickAdd] swap failed', e); 13922 } 13923 }, 13924 13925 // Mirror $store.selectedVariant.select(): copy the full variant object so the 13926 // price/availability bindings read straight off selectedVariant. 13927 select(variantId) { 13928 if (!this.product) return; 13929 const v = (this.product.variants || []).find(x => x.id === variantId); 13930 this.selectedVariant = v ? { ...v } : { id: variantId }; 13931 }, 13932 13933 close() { 13934 this.open = false; 13935 document.documentElement.classList.remove('overflow-hidden'); 13936 const f = this._lastFocus; 13937 this._lastFocus = null; 13938 if (f && typeof f.focus === 'function') f.focus(); 13939 }, 13940 });Alpine.data('quickAddScope', () => ({ 13941 init() { 13942 this.$root.setAttribute('data-product-scope', ''); 13943 this.$root.__ctx = this; 13944 }, 13945 get product() { 13946 const p = Alpine.store('quickAdd').product; 13947 if (!p) return p; 13948 // Expose load(handle) so scoped product-selector blocks ($store.product.load) 13949 // SWAP the modal product instead of navigating the page. 13950 return Object.assign({}, p, { load: (handle) => Alpine.store('quickAdd').swap(handle) }); 13951 }, 13952 get selectedVariant() { 13953 const qa = Alpine.store('quickAdd'); 13954 const v = qa.selectedVariant || {}; 13955 return Object.assign({}, v, { select: (id) => qa.select(id) }); 13956 }, 13957 }));document.addEventListener('cart:added', () => { 13958 const qa = Alpine.store('quickAdd'); 13959 if (!qa.open) return; 13960 document.dispatchEvent(new CustomEvent('quickadd:added', { 13961 detail: { 13962 handle: qa.product && qa.product.handle, 13963 variantId: qa.selectedVariant && qa.selectedVariant.id, 13964 price: qa.product && qa.product.priceRaw, 13965 title: qa.product && qa.product.title, 13966 }, 13967 })); 13968 qa.close(); 13969 }); 13970 }); 13971</script>
13971<div x-data class="quick-add-modal" x-cloak><div 13972 x-show="$store.quickAdd.open" 13973 x-transition.opacity 13974 @click.self="$store.quickAdd.close()" 13975 @keydown.escape.window="$store.quickAdd.close()" 13976 class="fixed inset-0 z-[100] flex items-center justify-center bg-black/50 p-4" 13977 ><div 13978 x-show="$store.quickAdd.open" 13979 x-trap.inert="$store.quickAdd.open" 13980 x-transition 13981 role="dialog" 13982 aria-modal="true" 13983 aria-labelledby="quick-add-heading" 13984 class="flex max-h-[90vh] w-full max-w-[95%] flex-col overflow-hidden rounded-lg bg-white shadow-xl md:max-w-[1000px] relative" 13985 ><button 13986 type="button" 13987 @click="$store.quickAdd.close()" 13988 aria-label="Close" 13989 class="flex h-8 w-8 items-center justify-center text-2xl leading-none text-gray-400 hover:text-black absolute top-4 right-4" 13990 >×</button><div x-show="$store.quickAdd.loading" class="flex h-40 items-center justify-center"> 13991 <span class="h-6 w-6 animate-spin rounded-full border-2 border-gray-300 border-t-black" aria-label="Loading"></span> 13992 </div><p 13993 x-show="$store.quickAdd.error && !$store.quickAdd.loading" 13994 x-text="$store.quickAdd.error" 13995 class="py-8 text-center text-sm text-red-600" 13996 role="status" 13997 aria-live="polite" 13998 ></p><template x-if="$store.quickAdd.product && !$store.quickAdd.loading"> 13999 <div 14000 x-data="quickAddScope()" 14001 data-product-scope 14002 class="flex min-h-0 flex-1 flex-col overflow-y-auto md:flex-row md:overflow-hidden" 14003 ><div class="md:min-h-0 md:w-1/2 md:overflow-y-auto md:pr-1"><div 14004 x-data="{ 14005 index: 0, 14006 update() { 14007 const el = this.$refs.scroller; 14008 if (!el) return; 14009 const w = el.clientWidth; 14010 if (w > 0) this.index = Math.round(el.scrollLeft / w); 14011 }, 14012 go(i) { 14013 const el = this.$refs.scroller; 14014 if (el) el.scrollTo({ left: el.clientWidth * i, behavior: 'smooth' }); 14015 } 14016 }" 14017 class="relative" 14018 x-effect="$store.quickAdd.product.galleryMedia.length; $nextTick(() => { const el = $refs.scroller; if (el) el.scrollLeft = 0; index = 0; })" 14019 > 14020 <div x-ref="scroller" @scroll="update()" class="flex snap-x snap-mandatory overflow-x-auto scrollbar-hide no-scrollbar"> 14021 <template x-for="(m, i) in $store.quickAdd.product.galleryMedia" :key="m.id"> 14022 <div class="min-w-full w-full shrink-0 snap-center aspect-[1/1] bg-[rgb(240,240,240)]"> 14023 <template x-if="m.type === 'image'"><img class="h-full w-full object-contain" :src="m.src" :srcset="m.srcset" sizes="(min-width: 768px) 40vw, 90vw" :alt="m.alt" width="800" height="1000" :width="m.width" :height="m.height" :loading="i === 0 ? 'eager' : 'lazy'" decoding="async"></template><template x-if="m.type === 'video'"><video class="h-full w-full object-contain" :src="m.sources && m.sources[0] && m.sources[0].url" :poster="m.poster" autoplay muted loop playsinline preload="auto" :width="m.width" :height="m.height"></video></template> 14024 </div> 14025 </template> 14026 </div> 14027 14028 <div x-show="$store.quickAdd.product.galleryMedia.length > 1" class="flex justify-center gap-2 py-3 absolute bottom-[10px] left-1/2 -translate-x-1/2 "> 14029 <template x-for="(m, i) in $store.quickAdd.product.galleryMedia" :key="'dot-' + m.id"> 14030 <button 14031 type="button" 14032 @click="go(i)" 14033 :aria-label="'Go to image ' + (i + 1)" 14034 :aria-current="i === index ? 'true' : 'false'" 14035 class="block h-2 w-2 rounded-full transition-colors" 14036 :class="i === index ? 'bg-gray-800' : 'bg-gray-300'" 14037 ></button> 14038 </template> 14039 </div> 14040 </div></div><div class="flex min-w-0 flex-col md:min-h-0 md:w-1/2 md:overflow-y-auto p-4"> 14041 <div id="shopify-block-AaVBDV1g0N1pkdk5ZU__product_title_WeVEC3" class="shopify-block"> 14042 14043<H2 14044 class="primary-product-title font-secondary text-primary uppercase font-bold leading-none" 14045 x-text="$store.product.title" 14046>steve madden uk digital gift card 14047</H2> 14048 14049<style data-shopify> 14050 14051 14052 14053 14054 14055 #shopify-block-AaVBDV1g0N1pkdk5ZU__product_title_WeVEC3 > * { 14056 padding: 0; 14057 } 14058 14059 14060@media (min-width: 768px){ 14061 14062 #shopify-block-AaVBDV1g0N1pkdk5ZU__product_title_WeVEC3 > * { 14063 padding: 0; 14064 } 14065 14066 14067} 14068 14069 14070 #shopify-block-AaVBDV1g0N1pkdk5ZU__product_title_WeVEC3 H2.primary-product-title { 14071 font-size: 25px; 14072 } 14073 @media (max-width: 767px){ 14074 #shopify-block-AaVBDV1g0N1pkdk5ZU__product_title_WeVEC3 H2.primary-product-title { 14075 font-size: 25px; 14076 } 14077 } 14078</style> 14079 14080 14081 14082</div> 14083<div id="shopify-block-AQm9PQnovTTlvaXRaR__price_TeKizi" class="shopify-block w-fit"> 14084 14085 14086 14087 14088 14089<div x-data="{ 14090 get sv() { return $store.selectedVariant || {}; }, 14091 // When variants differ in price / compare-at, the SELECTED variant's pricing is 14092 // authoritative; otherwise every variant matches the product-level price. 14093 get useVariant() { return !!($store.product.priceVaries || $store.product.compareAtPriceVaries); }, 14094 get price() { 14095 return (this.useVariant && this.sv.price) ? this.sv.price : $store.product.price; 14096 }, 14097 get priceRaw() { 14098 return (this.useVariant && this.sv.priceRaw != null) ? this.sv.priceRaw : $store.product.priceRaw; 14099 }, 14100 // Compare-at comes from the variant ONLY (even when null â not on sale); falling 14101 // back to the product here would leak another variant's sale onto this one. 14102 get compareAtPrice() { 14103 return this.useVariant ? this.sv.compareAtPrice : $store.product.compareAtPrice; 14104 }, 14105 get compareAtPriceRaw() { 14106 return this.useVariant ? this.sv.compareAtPriceRaw : $store.product.compareAtPriceRaw; 14107 }, 14108 get onSale() { 14109 const c = this.compareAtPriceRaw, p = this.priceRaw; 14110 return c != null && c !== '' && Number(c) > Number(p); 14111 }, 14112 get discountPercent() { 14113 const c = this.compareAtPriceRaw, p = this.priceRaw; 14114 if (!c || c <= p) return null; 14115 return `${Math.round((1 - p / c) * 100)}% off`; 14116 } 14117}">
14118 <div class="flex items-center gap-2"> 14119 14120 <span 14121 x-text="compareAtPrice" 14122 x-show="onSale" 14123 14124 x-cloak 14125 14126 class="line-through font-primary text-secondary text-base " 14127 >£0.00</span> 14128 14129 <div class="font-primary text-primary text-base "> 14130 <span 14131 x-text="price" 14132 :class="onSale ? 'font-primary text-tertiary text-base ' : 'font-primary text-primary text-base '" 14133 >£50.00</span> 14134 </div> 14135 14136 </div> 14137</div> 14138 14139<style data-shopify> 14140 14141 14142 14143 14144 14145 #shopify-block-AQm9PQnovTTlvaXRaR__price_TeKizi > * { 14146 padding: 0; 14147 } 14148 14149 14150@media (min-width: 768px){ 14151 14152 #shopify-block-AQm9PQnovTTlvaXRaR__price_TeKizi > * { 14153 padding: 0; 14154 } 14155 14156 14157} 14158 14159 14160</style> 14161 14162 14163 14164</div> 14165<div id="shopify-block-AdU9rTXZ5QmFjVlpxR__selector_variant_TCYqnB" class="shopify-block w-full"><div 14166 class="relative w-full" 14167 x-data="{ 14168 ready: false, 14169 canLeft: false, 14170 canRight: false, 14171 fullSizesOnly: true, 14172 // 'all' | 'only' (keep only options ending in 'W') | 'hide' (drop options ending in 'W'). 14173 widthFilter: 'all', 14174 // 'never' | 'any' (1+ size low) | 'selected' (the chosen size is low) â gates the low-stock message. 14175 lowStockTextMode: 'never', 14176 // Reactive list, optionally without half sizes (any value containing '.5', 14177 // e.g. 'UK 6.5' / '6.5') and/or filtered by the width suffix 'W'. Mirrors the 14178 // SSR filters below so the list is the same before and after hydration. 14179 get variants() { 14180 let list = $store.product.variants || []; 14181 if (this.fullSizesOnly) list = list.filter(v => !String(v.name ?? '').includes('.5')); 14182 if (this.widthFilter === 'only') list = list.filter(v => String(v.name ?? '').trim().endsWith('W')); 14183 else if (this.widthFilter === 'hide') list = list.filter(v => !String(v.name ?? '').trim().endsWith('W')); 14184 return list; 14185 }, 14186 get hasLowStock() { 14187 return this.variants.some(v => v.low_stock && !v.out_of_stock); 14188 }, 14189 // Is the currently-selected variant low (but still purchasable)? Reads the 14190 // selected variant directly, falling back to the product list if its flags 14191 // aren't carried on the selection object. 14192 get selectedLowStock() { 14193 const sv = $store.selectedVariant; 14194 if (!sv || !sv.id) return false; 14195 let v = sv; 14196 if (v.low_stock === undefined) { 14197 v = ($store.product.variants || []).find(x => x.id === sv.id) || {}; 14198 } 14199 return !!(v.low_stock && !v.out_of_stock); 14200 }, 14201 // Low-stock message visibility per the block's low_stock_text_mode setting. 14202 get showLowStockText() { 14203 if (this.lowStockTextMode === 'never') return false; 14204 if (this.lowStockTextMode === 'selected') return this.selectedLowStock; 14205 return this.hasLowStock; 14206 }, 14207 update() { 14208 const el = this.$refs.scroller; 14209 if (!el) return; 14210 this.canLeft = el.scrollLeft > 1; 14211 this.canRight = el.scrollLeft + el.clientWidth < el.scrollWidth - 1; 14212 }, 14213 scrollByDir(dir) { 14214 const el = this.$refs.scroller; 14215 if (el) el.scrollBy({ left: el.clientWidth * 0.8 * dir, behavior: 'smooth' }); 14216 }, 14217 init() { 14218 this.$nextTick(() => { this.ready = true; this.update(); }); 14219 } 14220 }" 14221 x-effect="$store.product.variants.length; $nextTick(() => update())" 14222 @resize.window.debounce.150ms="update()" 14223 x-show="$store.product.variants.length > 1" 14224 14225> 14226 <div x-ref="scroller" @scroll="update" class="w-full gap-2 no-scrollbar grid grid-cols-[repeat(auto-fill,minmax(45px,1fr))] md:grid md:grid-cols-[repeat(auto-fill,minmax(55px,1fr))] md:overflow-visible md:snap-none"><div x-show="!ready" class="contents"><button class="block border border-black aspect-square min-w-[45px] min-h-[45px] md:min-w-[55px] md:min-h-[55px] max-w-[65px] max-h-[65px] relative w-full md:w-full md:shrink ">
14227 <span class="text-sm text-black"></span> 14228 </button><button class="block border border-black aspect-square min-w-[45px] min-h-[45px] md:min-w-[55px] md:min-h-[55px] max-w-[65px] max-h-[65px] relative w-full md:w-full md:shrink "> 14229 <span class="text-sm text-black"></span> 14230 </button><button class="block border border-black aspect-square min-w-[45px] min-h-[45px] md:min-w-[55px] md:min-h-[55px] max-w-[65px] max-h-[65px] relative w-full md:w-full md:shrink "> 14231 <span class="text-sm text-black"></span> 14232 </button></div><div x-show="ready" x-cloak class="contents"> 14233 <template x-for="variant in variants" :key="variant.id"> 14234 <button x-on:click="$store.selectedVariant.select(variant.id, { remember: true })" 14235 class="alp-selector block border border-black aspect-square min-w-[45px] min-h-[45px] md:min-w-[55px] md:min-h-[55px] max-w-[65px] max-h-[65px] relative w-full md:w-full md:shrink " 14236 :class="$store.selectedVariant.id === variant.id ? 'active' : ''" 14237 :data-ship-data="variant.date" 14238 :data-stock="String(variant.out_of_stock)" 14239 :data-available="String(variant.available)"><span x-text="variant.name" class="text-sm text-black"></span></button> 14240 </template> 14241 </div> 14242 </div><button type="button" x-show="canLeft" x-cloak @click="scrollByDir(-1)" aria-label="Scroll left" 14243 class="absolute inset-y-0 left-0 z-10 flex items-center justify-center w-9 bg-gradient-to-r from-white via-white to-transparent"> 14244 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 14245 <path d="M15 6l-6 6 6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 14246 </svg> 14247 </button> 14248 <button type="button" x-show="canRight" x-cloak @click="scrollByDir(1)" aria-label="Scroll right" 14249 class="absolute inset-y-0 right-0 z-10 flex items-center justify-center w-9 bg-gradient-to-l from-white via-white to-transparent"> 14250 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"> 14251 <path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 14252 </svg> 14253 </button> 14254 <span class="low-stock-message pt-2" x-show="showLowStockText" x-cloak> 14255 <div class="w-[10px] h-[10px] bg-[#ff6700] rounded-full opacity-80" style="transform: translateY(-3px);"> 14256 </div> 14257 <span class="text-xs font-primary text-black">Limited stock remaining</span> 14258 </span> 14259</div> 14260 14261<style data-shopify> 14262 14263 14264 14265 14266 14267 #shopify-block-AdU9rTXZ5QmFjVlpxR__selector_variant_TCYqnB > * { 14268 padding: 0; 14269 } 14270 14271 14272@media (min-width: 768px){ 14273 14274 #shopify-block-AdU9rTXZ5QmFjVlpxR__selector_variant_TCYqnB > * { 14275 padding: 0; 14276 } 14277 14278 14279} 14280 14281 14282 .low-stock-message { 14283 display: flex; 14284 align-items: center; 14285 gap: 5px; 14286 } 14287 .alp-selector.active, .width-btn.active { 14288 background-color: black; 14289 color: white !important; 14290 } 14291 .alp-selector.active span { 14292 color: white !important; 14293 } 14294 [data-available="false"]{ 14295 background-color: #d0d0d0; 14296 opacity: 0.6; 14297 } 14298 .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } 14299 .no-scrollbar::-webkit-scrollbar { display: none; } 14300</style> 14301 14302 14303</div> 14304<div id="shopify-block-AaUFua3lmeXNMbGdFR__selector_product_fs_FTz8cW" class="shopify-block w-full"><div 14305 data-sibling-container 14306 data-fs-source 14307 data-l-node-data-active-handle="product.handle" 14308 :data-active-handle="$store.product.handle" 14309 data-active-handle="giftcard" 14310 data-image-mode="featured" 14311 data-handle-strip="" 14312 data-circle-swatches="false" 14313 data-smaller-swatches="false" 14314 data-fs-uuid="16b43087-68f1-46c5-9574-21edd1c0367b" 14315 data-fs-store-id="8339030082" 14316 data-fs-sku="cltchg_50" 14317 data-fs-family-group="#VALUE!" 14318 data-fs-use-family-group="true" 14319 data-fs-region="en_uk" 14320 data-fs-scroll-mobile 14321 14322 x-data="fsSiblingSwatches()" 14323 x-effect="highlight($store.product.handle); refreshIfChanged()" 14324 @click="onSwatchClick($event)" 14325 style="grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));" 14326 class="grid gap-2 w-full text-left " 14327></div> 14328
14329<script> 14330/* Alpine component factory for the FS swatch selector. Defined as a window 14331 global (not via alpine:init) so it exists before Alpine â which is `defer` â 14332 evaluates x-data. On the legacy page (no Alpine) this is just an unused 14333 global. Ported from the Live injector in sections/product-main.liquid, with 14334 Live.navigate â $store.product.load and the Live.signals re-highlight â the 14335 x-effect above. */ 14336window.fsSiblingSwatches = function () { 14337 return { 14338 /* Current product's FS identity, preferring the reactive store ($store.product â 14339 routed to the MODAL product inside a [data-product-scope]) over the SSR data-* 14340 attributes, which are baked from the HOST page's product at render time. */ 14341 fsIdentity() { 14342 var c = this.cfg(); 14343 var p = this.$store.product; 14344 return { 14345 useFamilyGroup: c.useFamilyGroup, 14346 familyGroup: (p && p.fsFamilyGroup) || c.familyGroup || '', 14347 sku: (p && p.fsSku) || c.sku || '', 14348 }; 14349 }, 14350 14351 queryFor(id) { 14352 return (id.useFamilyGroup && id.familyGroup) ? ('"' + id.familyGroup + '"') : id.sku; 14353 }, 14354 14355 /* Initial load + refresh, driven by the root x-effect: runs on mount and again 14356 whenever the scoped product changes to a DIFFERENT family/sku (e.g. the quick-add 14357 modal swaps products). Siblings share the key, so sibling clicks never reload. 14358 el._fsLoadedQuery is a non-reactive DOM expando, so comparing against it can't 14359 re-trigger the effect. */ 14360 refreshIfChanged() { 14361 var c = this.cfg(); 14362 if (!c.uuid || !c.storeId) return; 14363 var query = this.queryFor(this.fsIdentity()); 14364 if (query && query !== this.$el._fsLoadedQuery) this.loadSwatches(); 14365 }, 14366 14367 cfg() { 14368 var d = this.$el.dataset; 14369 return { 14370 uuid: d.fsUuid, 14371 storeId: d.fsStoreId, 14372 region: d.fsRegion, 14373 familyGroup: d.fsFamilyGroup, 14374 useFamilyGroup: d.fsUseFamilyGroup === 'true', 14375 sku: d.fsSku, 14376 imageMode: d.imageMode, 14377 handleStrip: d.handleStrip || '', 14378 circleSwatches: d.circleSwatches === 'true', 14379 smallerSwatches: d.smallerSwatches === 'true', 14380 }; 14381 }, 14382 14383 loadSwatches() { 14384 var el = this.$el; 14385 var c = this.cfg(); 14386 if (!c.uuid || !c.storeId) return; 14387 var query = this.queryFor(this.fsIdentity()); 14388 if (!query) return; 14389 el._fsLoadedQuery = query; 14390 14391 var baseUrl = 'https://api.fastsimon.com/full_text_search?products_per_page=50&page_num=1&sort_by=relevency&with_product_attributes=true';
14392 if (c.region === 'en_uk') { 14393 baseUrl += '&m=1&disable_semantics=1&disable_merchandising=1&disable_strategies=1&disable_turbolinks=1&disable_merchandising_rules=1'; 14394 } 14395 var url = baseUrl + '&uuid=' + c.uuid + '&store_id=' + c.storeId + '&q=' + encodeURIComponent(query); 14396 var sizeClass = c.smallerSwatches ? 'w-32 h-32' : 'w-[100px] h-[100px]'; 14397 var imgDim = c.smallerSwatches ? '80' : '160'; 14398 var activeHandle = (this.$store.product && this.$store.product.handle) || el.dataset.activeHandle; 14399 14400 fetch(url) 14401 .then(function (res) { return res.json(); }) 14402 .then(function (data) { 14403 if (typeof data === 'string') data = JSON.parse(data); 14404 var items = data.items; 14405 if (!items || !items.length || !items[0].alt) return; 14406 14407 var html = ''; 14408 items[0].alt.forEach(function (alt) { 14409 var colorName = alt[0]; 14410 var handle = String(alt[1]).replace('/products/', ''); 14411 var info = alt[3] || {}; 14412 var isSoldOut = info.iso === true; 14413 var isActive = handle === activeHandle; 14414 var imgSrc = ''; 14415 if (c.imageMode === 'color_swatch') { 14416 imgSrc = handle.replace(c.handleStrip, '').toUpperCase() + '.jpg'; 14417 } else if (info.t && info.t[0]) { 14418 imgSrc = info.t[0] + '&width=100'; 14419 } 14420 14421 html += '<a href="/products/' + handle + '"' 14422 + ' data-product-handle="' + handle + '"' 14423 + (isSoldOut ? ' hidden' : '') 14424 + (isActive ? ' data-active' : '') 14425 + ' class="dv-w-20 dv-h-20 ' + sizeClass + ' flex items-center justify-center border cursor-pointer' 14426 + ' text-lg text-gray-700 uppercase hover:border-black transition-colors overflow-hidden' 14427 + (c.circleSwatches ? ' dv-swatch-circle' : '') 14428 + ' border-gray-300 data-[active]:border-black data-[active]:bg-black data-[active]:text-white' 14429 + ' bj-rounded-md data-[active]:bj-border-brand data-[active]:bj-border-[2px]' 14430 + '">' 14431 + '<img src="' + imgSrc + '" alt="' + colorName + '"' 14432 + ' class="object-scale-down bg-[rgb(240,240,240)] dv-w-20 dv-h-20 ' + sizeClass + '"' 14433 + ' width="' + imgDim + '" height="' + imgDim + '" loading="lazy" />' 14434 + '</a>'; 14435 }); 14436 14437 el.innerHTML = html; 14438 activeHandle = (this.$store.product && this.$store.product.handle) || activeHandle; 14439 this.highlight(activeHandle); 14440 }.bind(this)) 14441 .catch(function () { /* leave the container empty on failure */ }); 14442 }, 14443 14444 /* Move the [data-active] marker to the swatch matching the current handle. 14445 Driven by x-effect on $store.product.handle, so back/forward and any 14446 store-level product swap re-highlight without a click here. */ 14447 highlight(handle) { 14448 if (!handle) return; 14449 this.$el.querySelectorAll('[data-product-handle]').forEach(function (a) { 14450 if (a.dataset.productHandle === handle) a.setAttribute('data-active', ''); 14451 else a.removeAttribute('data-active'); 14452 }); 14453 }, 14454 14455 onSwatchClick(e) { 14456 var a = e.target.closest('[data-product-handle]'); 14457 if (!a || !this.$el.contains(a)) return; 14458 e.preventDefault(); 14459 var handle = a.dataset.productHandle; 14460 if (!handle) return; 14461 14462 this.highlight(handle); // instant feedback 14463 14464 // Inside a [data-product-scope] (quick-add modal / bundle slot) the swatch SWAPS 14465 // the scoped product: no pushState, no full-nav fallback. On the main page it 14466 // client-side-navs exactly as before. 14467 var scoped = !!(this.$el.closest && this.$el.closest('[data-product-scope]')); 14468 var store = this.$store.product; 14469 if (store && typeof store.load === 'function') { 14470 if (!scoped) { try { history[window.PDP_COLOR_HISTORY_MODE === 'variant' ? 'replaceState' : 'pushState']({}, '', '/products/' + handle); } catch (err) {} } 14471 store.load(handle).catch(function () { if (!scoped) window.location.href = '/products/' + handle; }); 14472 } else if (!scoped) { 14473 window.location.href = '/products/' + handle; 14474 } 14475 }, 14476 }; 14477}; 14478</script>
14478 14479 14480<style data-shopify> 14481 /* Grid mode (the default, wrapping layout): square swatches that fill the 14482 auto-fill columns â same min-width square ratio as the variant selector. 14483 The swatches are injected by JS with fixed w-32/h-32, so we override their 14484 sizing here. Scoped per breakpoint to where horizontal scroll is NOT 14485 enabled, so scroll mode keeps the injected fixed-size row. */ 14486 @media (max-width: 767px) { 14487 [data-fs-source]:not([data-fs-scroll-mobile]) > a { 14488 width: 100%; 14489 height: auto; 14490 max-width: 120px; 14491 aspect-ratio: 1 / 1; 14492 } 14493 [data-fs-source]:not([data-fs-scroll-mobile]) > a > img { 14494 width: 100%; 14495 height: 100%; 14496 } 14497 } 14498 @media (min-width: 768px) { 14499 [data-fs-source]:not([data-fs-scroll-desktop]) > a { 14500 width: 100%; 14501 height: auto; 14502 max-width: 120px; 14503 aspect-ratio: 1 / 1; 14504 } 14505 [data-fs-source]:not([data-fs-scroll-desktop]) > a > img { 14506 width: 100%; 14507 height: 100%; 14508 } 14509 } 14510 14511 14512 /* Scroll mode: a single no-wrap row whose intrinsic width is wider than its 14513 column. Its grid/flex ancestors default to min-width:auto (and the PDP's 14514 `1fr` grid track to an `auto` minimum), so that width would propagate up 14515 and spill into a full-page horizontal scroll. min-width:0 on the container 14516 and every ancestor lets them shrink so overflow-x scrolls inside instead. */ 14517 [data-fs-source][data-fs-scroll-desktop], 14518 .shopify-block:has([data-fs-source][data-fs-scroll-desktop]), 14519 [data-grid-area]:has([data-fs-source][data-fs-scroll-desktop]) { 14520 min-width: 0; 14521 max-width: 100%; 14522 } 14523 14524 @media (max-width: 767px) { 14525 [data-fs-source][data-fs-scroll-mobile], 14526 .shopify-block:has([data-fs-source][data-fs-scroll-mobile]), 14527 [data-grid-area]:has([data-fs-source][data-fs-scroll-mobile]) { 14528 min-width: 0; 14529 max-width: 100%; 14530 } 14531 [data-fs-source][data-fs-scroll-mobile] { 14532 display: flex; 14533 flex-wrap: nowrap; 14534 overflow-x: auto; 14535 scroll-snap-type: x mandatory; 14536 -ms-overflow-style: none; 14537 scrollbar-width: none; 14538 } 14539 [data-fs-source][data-fs-scroll-mobile]::-webkit-scrollbar { display: none; } 14540 [data-fs-source][data-fs-scroll-mobile] > a { 14541 flex-shrink: 0; 14542 scroll-snap-align: start; 14543 } 14544 } 14545 14546 14547 14548 14549 14550 14551 #shopify-block-AaUFua3lmeXNMbGdFR__selector_product_fs_FTz8cW { 14552 padding: 10px 0; 14553 } 14554 14555 14556 @media (min-width: 768px){ 14557 #shopify-block-AaUFua3lmeXNMbGdFR__selector_product_fs_FTz8cW { 14558 padding: 10px 0; 14559 } 14560 } 14561 14562</style> 14563 14564 14565</div> 14566<div id="shopify-block-AMXJpek5CUlRiOVk0N__add_to_cart_FQNPbi" class="shopify-block w-full add-to-cart-container"><div 14567 class="relative w-full" 14568 id="ProductInfo" 14569 data-add-to-cart-form 14570 data-label-add="Add to cart" 14571 data-label-sold="Sold out" 14572 data-label-adding="Addingâ¦" 14573 data-label-notify="Notify When Back in Stock" 14574 data-msg-added="Added to cart" 14575 data-msg-error="Sorry, that couldnât be added" 14576 x-data="{ 14577 adding: false, 14578 message: '', 14579 open: false, 14580 notifyEmail: '', 14581 notifyMsg: '', 14582 notifyMsgKind: '', 14583 notifySubmitting: false, 14584 notifyEnabled: false, 14585 cfg: {}, 14586 init() { 14587 const d = this.$el.dataset; 14588 this.cfg = { 14589 add: d.labelAdd, sold: d.labelSold, adding: d.labelAdding, notify: d.labelNotify, 14590 disable: d.labelDisable || d.labelSold, 14591 disableTag: d.notifyDisableTag || '', 14592 service: d.notifyService || 'event', 14593 klaviyoCompanyId: d.notifyKlaviyoCompanyId || '', 14594 eventName: d.notifyEventName || 'notify-me:submit', 14595 successText: d.notifySuccessText || '', 14596 errorText: d.notifyErrorText || '', 14597 }; 14598 }, 14599 get selected() { 14600 return ($store.product.variants || []).find(v => v.id === $store.selectedVariant.id); 14601 }, 14602 get available() { 14603 return this.selected ? !!this.selected.available : false; 14604 },
14605 get hasDisableTag() { 14606 if (!this.cfg.disableTag) return false; 14607 const tags = $store.product.tags; 14608 return Array.isArray(tags) && tags.indexOf(this.cfg.disableTag) !== -1; 14609 }, 14610 get notifyActive() { 14611 return this.notifyEnabled && !this.available && !this.hasDisableTag; 14612 }, 14613 get disabled() { 14614 return this.adding || (!this.available && !this.notifyActive); 14615 }, 14616 get label() { 14617 if (this.adding) return this.cfg.adding; 14618 if (this.available) return this.cfg.add; 14619 if (this.notifyActive) return this.cfg.notify; 14620 // Unavailable + notify enabled but disable-tag present â its own label. 14621 if (this.hasDisableTag) return this.cfg.disable; 14622 return this.cfg.sold; 14623 }, 14624 get variantTitle() { 14625 const v = this.selected || $store.selectedVariant; 14626 if (!v) return ''; 14627 return [v.option1, v.option2, v.option3].filter(Boolean).join(' / '); 14628 }, 14629 onSubmit() { 14630 if (this.notifyActive) { this.toggleDropdown(); return; } 14631 this.addToCart(); 14632 }, 14633 toggleDropdown() { 14634 this.open = !this.open; 14635 if (this.open) { 14636 this.notifyMsg = ''; 14637 this.$nextTick(() => { const el = this.$refs.notifyEmail; if (el) el.focus(); }); 14638 } 14639 }, 14640 async addToCart() { 14641 if (this.adding || !this.available) return; 14642 this.adding = true; 14643 this.message = ''; 14644 try { 14645 // Shared helper (alp-cart.js): POST /cart/add.js â refresh mini-cart â open drawer. 14646 await window.alpAddToCart({ id: $store.selectedVariant.id, quantity: 1 }); 14647 this.message = this.$el.dataset.msgAdded; 14648 } catch (e) { 14649 this.message = this.$el.dataset.msgError; 14650 } finally { 14651 this.adding = false; 14652 } 14653 }, 14654 async notifySubmit() { 14655 const email = (this.notifyEmail || '').trim(); 14656 if (!email) return; 14657 this.notifyMsg = ''; 14658 this.notifySubmitting = true; 14659 try { 14660 const variantId = $store.selectedVariant.id; 14661 if (this.cfg.service === 'klaviyo') { 14662 await this.submitKlaviyo(email, variantId); 14663 } else { 14664 await this.dispatchNotifyEvent(email, variantId); 14665 } 14666 this.notifyMsg = this.cfg.successText || 'Thanks!'; 14667 this.notifyMsgKind = 'success'; 14668 this.notifyEmail = ''; 14669 setTimeout(() => { this.open = false; }, 1500); 14670 } catch (e) { 14671 console.error('[notify-me]', e); 14672 this.notifyMsg = this.cfg.errorText || 'Something went wrong'; 14673 this.notifyMsgKind = 'error'; 14674 } finally { 14675 this.notifySubmitting = false; 14676 } 14677 }, 14678 submitKlaviyo(email, variantId) { 14679 const companyId = this.cfg.klaviyoCompanyId; 14680 if (!companyId) return Promise.reject(new Error('Klaviyo company_id not configured on this block')); 14681 return fetch('https://a.klaviyo.com/client/back-in-stock-subscriptions/?company_id=' + encodeURIComponent(companyId), { 14682 method: 'POST', 14683 headers: { 'Content-Type': 'application/json', 'revision': '2024-10-15' }, 14684 body: JSON.stringify({ 14685 data: { 14686 type: 'back-in-stock-subscription', 14687 attributes: { 14688 profile: { data: { type: 'profile', attributes: { email: email } } }, 14689 channels: ['EMAIL'], 14690 }, 14691 relationships: { 14692 variant: { data: { type: 'catalog-variant', id: '$shopify:::$default:::' + variantId } }, 14693 }, 14694 }, 14695 }), 14696 }).then(res => { if (!res.ok) throw new Error('Klaviyo error ' + res.status); }); 14697 }, 14698 dispatchNotifyEvent(email, variantId) { 14699 let deferred = null; 14700 const detail = { 14701 email: email, 14702 productId: $store.product.id, 14703 variantId: variantId, 14704 productHandle: $store.product.handle || '', 14705 productTitle: $store.product.title || '', 14706 variantTitle: this.variantTitle, 14707 image: $store.product.featuredImage || '', 14708 blockId: 'AMXJpek5CUlRiOVk0N__add_to_cart_FQNPbi', 14709 respondWith(p) { deferred = p; }, 14710 }; 14711 this.$el.dispatchEvent(new CustomEvent(this.cfg.eventName, { detail: detail, bubbles: true, cancelable: true })); 14712 return deferred || Promise.resolve(); 14713 } 14714 }" 14715><div class="sm-addtocart-btn" @submit.prevent.stop="onSubmit" style="margin: 0;"> 14716 <form method="post" action="/cart/add" id="add-to-cart-form-main" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /> 14717 <input type="hidden" name="id" value="41141787885705" :value="$store.selectedVariant.id"> 14718 <input type="hidden" name="quantity" value="1"><button 14719 type="submit" 14720 name="add" 14721 class="min-h-[56px] min-w-[200px] w-full font-wide flex justify-center align-center items-center px-4 text-white font-semibold uppercase tracking-widest transition-colors disabled:opacity-50 disabled:cursor-not-allowed " 14722 :class="notifyActive ? 'bg-gray-700 hover:bg-gray-900 cursor-pointer' : 'bg-black'" 14723 14724 data-observer-id="main" 14725 x-intersect="$store.atc && $store.atc.set($el.dataset.observerId, 'in-view')" 14726 x-intersect:leave="$store.atc && $store.atc.set($el.dataset.observerId, $el.getBoundingClientRect().top < 0 ? 'above' : 'below')" 14727 x-init="$nextTick(() => { if (!$store.atc) return; const r = $el.getBoundingClientRect(); $store.atc.set($el.dataset.observerId, (r.bottom > 0 && r.top < window.innerHeight) ? 'in-view' : (r.top < 0 ? 'above' : 'below')); })" 14728 :disabled="disabled" 14729 :aria-busy="adding" 14730 x-text="label" 14731 >Add to cart</button>
14731<p class="sr-only" role="status" aria-live="polite" x-text="message"></p> 14732 <input type="hidden" name="product-id" value="7155729268873" /><input type="hidden" name="section-id" value="sections--25334352019836__product_qa_modal_tmQqyF" /></form> 14733 </div></div> 14734 14735<style data-shopify> 14736 14737 14738 14739 #shopify-block-AMXJpek5CUlRiOVk0N__add_to_cart_FQNPbi > div { 14740 padding: 0 0 5px 0; 14741 } 14742 14743 14744 @media (min-width: 768px){ 14745 #shopify-block-AMXJpek5CUlRiOVk0N__add_to_cart_FQNPbi > div { 14746 padding: 0 0 5px 0; 14747 } 14748 } 14749 14750 14751</style> 14752 14753 14754</div> 14755<div id="shopify-block-AWndTcFp2bkZ3YmVUU__buy_it_now_rKacpq" class="shopify-block w-full"> 14756 14757<div 14758 data-quick-buy 14759 x-data="{ 14760 get selected() { return ($store.product.variants || []).find(v => v.id === $store.selectedVariant.id); }, 14761 get available() { return this.selected ? !!this.selected.available : false; } 14762 }" 14763 x-show="available" 14764 x-collapse 14765> 14766 <form method="post" action="/cart/add" id="add-to-cart-form" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-add-to-cart-form=""><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="â" /> 14767 <input type="hidden" name="id" value="41141787885705" data-variant-id-input :value="$store.selectedVariant.id" /> 14768 <div data-shopify="payment-button" class="shopify-payment-button"> <shopify-accelerated-checkout recommended="{"supports_subs":true,"supports_def_opts":false,"name":"shop_pay","wallet_params":{"shopId":8339030082,"merchantName":"Steve Madden UK","personalized":true}}" fallback="{"supports_subs":true,"supports_def_opts":true,"name":"buy_it_now","wallet_params":{}}" access-token="bd0e6d30489da1fb1a8b5e5ca911c1cb" buyer-country="GB" buyer-locale="en" buyer-currency="GBP" variant-params="[{"id":41141787885705,"requiresShipping":true},{"id":41141787918473,"requiresShipping":true},{"id":41141787984009,"requiresShipping":true}]" shop-id="8339030082" enabled-flags="["1172c16a","a1d1f9a1","f5afabb3","370070f3"]" > <div class="shopify-payment-button__button" role="button" disabled aria-hidden="true" style="background-color: transparent; border: none"> <div class="shopify-payment-button__skeleton"> </div> </div> <div class="shopify-payment-button__more-options shopify-payment-button__skeleton" role="button" disabled aria-hidden="true"> </div> </shopify-accelerated-checkout> </div> 14769 <input type="hidden" name="product-id" value="7155729268873" /><input type="hidden" name="section-id" value="sections--25334352019836__product_qa_modal_tmQqyF" /></form> 14770</div> 14771 14772<style data-shopify> 14773 [data-quick-buy] shopify-accelerated-checkout { 14774 --shopify-accelerated-checkout-button-block-size: 55px; 14775 --shopify-accelerated-checkout-button-border-radius: 0px; 14776 } 14777 14778 14779 14780 14781 #shopify-block-AWndTcFp2bkZ3YmVUU__buy_it_now_rKacpq { 14782 padding: 0 0 5px 0; 14783 } 14784 14785 14786 @media (min-width: 768px){ 14787 #shopify-block-AWndTcFp2bkZ3YmVUU__buy_it_now_rKacpq { 14788 padding: 0 0 5px 0; 14789 } 14790 } 14791 14792</style> 14793 14794 14795 14796</div> 14797 14798 14799 <a 14800 :href="$store.quickAdd.product.url" 14801 class="text-sm uppercase tracking-wide text-gray-500 underline font-primary text-center" 14802 >View product</a> 14803 </div> 14804 </div> 14805 </template> 14806 </div> 14807 </div> 14808</div> 14809 14810<style data-shopify> 14811.quick-add-modal[x-cloak] { 14812 display: none !important; 14813 } 14814</style> 14815 14816 14817<style> #shopify-section-sections--25334352019836__product_qa_modal_tmQqyF more-payment-options-link {display: none !important;} </style></div><div id="shopify-section-sections--25334352019836__footer" class="shopify-section shopify-section-group-footer-group"> 14818 14819 14820 14821 14822<link href="//stevemadden.co.uk/cdn/shop/t/961/assets/section-footer.css?v=1411550780535386141777361887" rel="stylesheet" type="text/css" media="all" /> 14823<link href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-newsletter.css?v=134817665044473173751772526933" rel="stylesheet" type="text/css" media="all" /> 14824<link href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-list-menu.css?v=151968516119678728991772526935" rel="stylesheet" type="text/css" media="all" /> 14825<link href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-list-payment.css?v=69253961410771838501772526936" rel="stylesheet" type="text/css" media="all" /> 14826<link href="//stevemadden.co.uk/cdn/shop/t/961/assets/component-list-social.css?v=24056175497000629011772526928" rel="stylesheet" type="text/css" media="all" /> 14827 14828 14829<style data-shopify>.footer { 14830 margin-top: 0px; 14831 } 14832 14833 .section-sections--25334352019836__footer-padding { 14834 padding-top: 30px; 14835 padding-bottom: 30px; 14836 } 14837 14838 @media screen and (min-width: 750px) { 14839 .footer { 14840 margin-top: 0px; 14841 } 14842 14843 .section-sections--25334352019836__footer-padding { 14844 padding-top: 40px; 14845 padding-bottom: 40px; 14846 } 14847 }</style><footer id="footer-main-new" class="footer color-scheme-2 gradient section-sections--25334352019836__footer-padding"> 14848 <button id="ot-sdk-btn" class="ot-sdk-show-settings" style="display: none;">Cookies Settings</button>
14848<div class="footer__content-top page-width"><div 14849 class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet grid--4-col-desktop scroll-trigger animate--slide-in" 14850 14851 data-cascade 14852 14853 ><div 14854 class="footer-block grid__item scroll-trigger animate--slide-in" 14855 14856 14857 data-cascade 14858 style="--animation-order: 1;" 14859 14860 ><div class="footer_pas_logo"> 14861 14862 14863 </div><div class="footer-block__details-content footer-block-image left"><div 14864 class="footer-block__image-wrapper" 14865 style="max-width: min(100%, 110px);" 14866 > 14867 <img 14868 srcset="//stevemadden.co.uk/cdn/shop/files/stevemadden_logo_10_bd6d0d1f-ac7c-4cef-9aaf-682a0428dc70.png?v=1687251681&width=110, //stevemadden.co.uk/cdn/shop/files/stevemadden_logo_10_bd6d0d1f-ac7c-4cef-9aaf-682a0428dc70.png?v=1687251681&width=220 2x" 14869 src="//stevemadden.co.uk/cdn/shop/files/stevemadden_logo_10_bd6d0d1f-ac7c-4cef-9aaf-682a0428dc70.png?v=1687251681&width=760" 14870 alt="" 14871 loading="lazy" 14872 width="480" 14873 height="83" 14874 > 14875 </div></div> 14876 14877 14878 14879 14880 14881<ul class="list-unstyled list-social footer__list-social" role="list"><li class="list-social__item" aria-label="instagram"> 14882 <a href="https://www.instagram.com/stevemaddenuk" class="link list-social__link" ><svg aria-hidden="false" focusable="true" class="icon icon-instagram" viewBox="0 0 20 20" role="img" tabindex="0" aria-labelledby="inID"> 14883 <title id="inID">Social Icon</title> 14884 <path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" clip-rule="evenodd"/> 14885</svg> 14886<span class="visually-hidden">Instagram</span> 14887 </a> 14888 </li><li class="list-social__item" aria-label="tiktok"> 14889 <a href="https://www.tiktok.com/@stevemaddenuk" class="link list-social__link" ><svg aria-hidden="false" focusable="true" class="icon icon-tiktok" viewBox="0 0 20 20" role="img" tabindex="0" aria-labelledby="ttID"> 14890 <title id="ttID">Social Icon</title> 14891 <path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205L10.51 1.705Z"/> 14892</svg> 14893<span class="visually-hidden">TikTok</span> 14894 </a> 14895 </li></ul> 14896 14897</div><div 14898 class="footer-block grid__item footer-block--menu need-help scroll-tr
14898igger animate--slide-in" 14899 14900 14901 data-cascade 14902 style="--animation-order: 2;" 14903 14904 ><h2 class="footer-block__heading inline-richtext accordion-footer">NEED HELP?</h2><ul class="footer-block__details-content list-unstyled panel"><li> 14905 <a 14906 href="https://help.stevemadden.co.uk/hc/en-gb" 14907 class="link link--text list-menu__item list-menu__item--link" 14908 > 14909 Need Help? 14910 </a> 14911 </li><li> 14912 <a 14913 href="/pages/returns" 14914 class="link link--text list-menu__item list-menu__item--link" 14915 > 14916 Get Return Label 14917 </a> 14918 </li><li> 14919 <a 14920 href="/pages/shoe-size-chart" 14921 class="link link--text list-menu__item list-menu__item--link" 14922 > 14923 Shoe Size Chart 14924 </a> 14925 </li><li> 14926 <a 14927 href="/pages/contact-us" 14928 class="link link--text list-menu__item list-menu__item--link" 14929 > 14930 Contact Us 14931 </a> 14932 </li></ul></div><div 14933 class="footer-block grid__item footer-block--menu accounts scroll-trigger animate--slide-in" 14934 14935 14936 data-cascade 14937 style="--animation-order: 3;" 14938 14939 ><h2 class="footer-block__heading inline-richtext accordion-footer">ACCOUNTS</h2><ul class="footer-block__details-content list-unstyled panel"><li> 14940 <a 14941 href="/account" 14942 class="link link--text list-menu__item list-menu__item--link" 14943 > 14944 My Account 14945 </a> 14946 </li><li> 14947 <a 14948 href="/account/register" 14949 class="link link--text list-menu__item list-menu__item--link" 14950 > 14951 Join Steve Madden 14952 </a> 14953 </li><li> 14954 <a 14955 href="/account/login#reset_password" 14956 class="link link--text list-menu__item list-menu__item--link" 14957 > 14958 Reset Password 14959 </a> 14960 </li><li> 14961 <a 14962 href="https://connect.studentbeans.com/v4/hosted/steve-madden/uk" 14963 class="link link--text list-menu__item list-menu__item--link" 14964 > 14965 Student Discount 14966 </a> 14967 </li></ul></div><div 14968 class="footer-block grid__item footer-block--menu shipping-delivery scroll-trigger animate--slide-in" 14969 14970 14971 data-cascade 14972 style="--animation-order: 4;" 14973 14974 ><h2 class="footer-block__heading inline-richtext accordion-footer">SHIPPING & DELIVERY</h2><ul class="footer-block__details-content list-unstyled panel"><li> 14975 <a 14976 href="https://help.stevemadden.co.uk/hc/en-gb/sections/32061975905170-Delivery-Options" 14977 class="link link--text list-menu__item list-menu__item--link" 14978 > 14979 Shipping & Delivery 14980 </a> 14981 </li><li> 14982 <a 14983 href="https://help.stevemadden.co.uk/hc/en-gb/sections/32061938493842-Returns-Refunds" 14984 class="link link--text list-menu__item list-menu__item--link" 14985 > 14986 Returns & Refunds 14987 </a> 14988 </li></ul></div><div 14989 class="footer-block grid__item footer-block--menu about-the-company scroll-tr
14989igger animate--slide-in" 14990 14991 14992 data-cascade 14993 style="--animation-order: 5;" 14994 14995 ><h2 class="footer-block__heading inline-richtext accordion-footer">ABOUT THE COMPANY</h2><ul class="footer-block__details-content list-unstyled panel"><li> 14996 <a 14997 href="/pages/more-about-steve" 14998 class="link link--text list-menu__item list-menu__item--link" 14999 > 15000 About Steve Madden 15001 </a> 15002 </li><li> 15003 <a 15004 href="https://help.stevemadden.co.uk/hc/en-gb/articles/32402585567250-Cookies-Privacy-Policy" 15005 class="link link--text list-menu__item list-menu__item--link" 15006 > 15007 Cookies & Privacy 15008 </a> 15009 </li><li> 15010 <a 15011 href="https://help.stevemadden.co.uk/hc/en-gb/articles/32402228931090-Terms-Conditions" 15012 class="link link--text list-menu__item list-menu__item--link" 15013 > 15014 Terms & Conditions 15015 </a> 15016 </li><li> 15017 <a 15018 href="/pages/sustainability" 15019 class="link link--text list-menu__item list-menu__item--link" 15020 > 15021 Sustainability 15022 </a> 15023 </li><li> 15024 <a 15025 href="https://help.stevemadden.co.uk/hc/en-gb/sections/32198859485458-Gift-Cards" 15026 class="link link--text list-menu__item list-menu__item--link" 15027 > 15028 Gift Card 15029 </a> 15030 </li> 15031 15032</ul></div><div 15033 class="footer-block grid__item footer-block--menu store-locator scroll-trigger animate--slide-in" 15034 15035 15036 data-cascade 15037 style="--animation-order: 6;" 15038 15039 ><h2 class="footer-block__heading inline-richtext accordion-footer">STORE LOCATOR</h2><ul class="footer-block__details-content list-unstyled panel"><li> 15040 <a 15041 href="/apps/store-locator" 15042 class="link link--text list-menu__item list-menu__item--link" 15043 > 15044 Locations 15045 </a> 15046 </li></ul></div><div 15047 class="footer-block grid__item scroll-trigger animate--slide-in" 15048 15049 15050 data-cascade 15051 style="--animation-order: 7;" 15052 15053 ><div class="footer_pas_logo"> 15054 15055 15056 </div><div class="footer-block__details-content rte"> 15057 15058 </div> 15059 <div 15060 class="footer-block--newsletter scroll-trigger animate--slide-in" 15061 15062 data-cascade 15063 15064 ><div class="footer-block__newsletter"> 15065 15066 15067 15068 15069 15070 15071 15072 15073 15074 <h2 class="klaviyo-header">BECOME A MEMBER AND GET 10% OFF YOUR NEXT ORDER</h2> 15075 15076 15077 15078 <p class="klaviyo-subheader">First looks. Early access. Never miss a sale.</p> 15079 15080 <div class='klaviyo-form-JsYGxZ'></div> 15081 15082 15083 15084 15085 15086 15087 15088 15089 </div></div></div></div> 15090 </div><div 15091 class="footer__content-bottom scroll-trigger animate--slide-in" 15092 15093 data-cascade 15094 15095 >
15096 <div class="footer__content-bottom-wrapper page-width"> 15097 <div class="footer__column footer__localization isolate"></div> 15098 <div class="footer__column footer__column--info"></div> 15099 </div> 15100 15101 </div> 15102 15103 <div class="footerContact "> 15104 15105 15106 15107 15108 <div class="clearboth"> 15109 <div class="bottom-footer-container"> 15110 <h3></h3> 15111 <h3></h3> 15112 <a class="mailto-anchor" href="mailto:"></a> 15113 15114 15115 </div> 15116 <div class="footer_paymnet_gatway"> 15117 15118 </div> 15119 </div> 15120 15121 </div> 15122 <div class="mobBottomLinks showOnSmall text-center clearboth"> 15123 15124 15125 15126 15127 <h3></h3> 15128 <div class="footer_paymnet_gatway"> 15129 15130 </div><div class="mob-bottom-footer"> 15131 15132 15133 15134 </div> 15135 15136 <p class="copyright"></p> 15137 15138 </div> 15139 15140 15141</footer> 15142 15143 15144
15145<script> 15146 var DV = false; 15147 var SM = true; 15148 15149 function runaccordionForMobile() { 15150 if (window.innerWidth < 767) { 15151 var acc = document.getElementsByClassName('accordion-footer'); 15152 var i; 15153 15154 for (i = 0; i < acc.length; i++) { 15155 acc[i].addEventListener('click', function () { 15156 this.classList.toggle('active'); 15157 var panel = this.nextElementSibling; 15158 if (panel.style.display === 'block') { 15159 panel.style.display = 'none'; 15160 } else { 15161 panel.style.display = 'block'; 15162 } 15163 }); 15164 if (DV) { 15165 15166 // Check if it's the last accordion-footer 15167 if (i === acc.length - 1) { 15168 // Display the panel of the last accordion-footer 15169 var panel = acc[i].nextElementSibling; 15170 panel.style.display = 'block'; 15171 // Remove "accordion-footer" class from the last accordion-footer 15172 acc[i].classList.remove('accordion-footer'); 15173 } 15174 15175 } 15176 } 15177 } 15178 } 15179 15180 // Call the function when the page loads 15181 window.onload = function () { 15182 runaccordionForMobile(); 15183 }; 15184 15185 jQuery('#ContactFooter').on('submit',function(e){ 15186 e.preventDefault(); 15187 let email = jQuery(this).find('input[name="contact[email]"]').val(); 15188 window.dataLayer.push({ 15189 event: "submit_form", 15190 form_id: "ContactFooter", 15191 email: email, 15192 _clear:true, 15193 }); 15194 // jQuery(this).submit(); 15195 }); 15196</script>
15196 15197 15198 15199 15200<style> 15201 .one-trust-ca #ot-sdk-btn { 15202 font-size: 0 !important; 15203 background-color: transparent; 15204 } 15205 15206 .one-trust-ca #ot-sdk-btn:after { 15207 content: "Translation missing: en.general.footer.footer_one_trust"; 15208 font-size: calc(var(--font-heading-scale)* 1.4rem); 15209 } 15210</style></div> 15211<!-- END sections: footer-group --> 15212 15213 15214
15214<script id="sm-personalization-tracker-data" type="application/json"> 15215{ 15216 "handle": "giftcard", 15217 "id": 7155729268873, 15218 "tags": ["dontpublish","giftcard","holiday-2024","no-returns","Steve Madden"] 15219} 15220</script>
vendor: 1 bytes, line 15220
15220
15221<script> 15222(function () { 15223 var STORAGE_KEY = 'sm:pdp_history'; 15224 var MAX_ITEMS = 10; 15225 15226 var node = document.getElementById('sm-personalization-tracker-data'); 15227 if (!node) return; 15228 15229 var entry; 15230 try { entry = JSON.parse(node.textContent || '{}'); } catch (e) { return; } 15231 if (!entry || !entry.handle) return; 15232 15233 entry.ts = Date.now(); 15234 15235 var history; 15236 try { 15237 var raw = localStorage.getItem(STORAGE_KEY); 15238 history = raw ? JSON.parse(raw) : []; 15239 if (!Array.isArray(history)) history = []; 15240 } catch (e) { history = []; } 15241 15242 history = history.filter(function (e) { return e && e.handle !== entry.handle; }); 15243 history.unshift(entry); 15244 if (history.length > MAX_ITEMS) history.length = MAX_ITEMS; 15245 15246 try { localStorage.setItem(STORAGE_KEY, JSON.stringify(history)); } catch (e) {} 15247})(); 15248</script>
15248 15249 15250 15251 <div class="overlay"></div> 15252 <div class="product_quickview"></div> 15253 15254 <ul hidden> 15255 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> 15256 <li id="a11y-new-window-message">Opens in a new window.</li> 15257 </ul> 15258 15259 15260 15261
15261<script 15262 defer 15263 > 15264 window.shopUrl = 'https://stevemadden.co.uk'; 15265 window.routes = { 15266 cart_add_url: '/cart/add', 15267 cart_change_url: '/cart/change', 15268 cart_update_url: '/cart/update', 15269 cart_url: '/cart', 15270 predictive_search_url: '/search/suggest', 15271 }; 15272 15273 15274 window.promoText = [{"currency":"£","discount_percentage":null,"math_required_pdp":false,"math_required_plp":false,"product_tag":"PROMOEXCLUSION","promo_text_plp_search":"EXCLUDED FROM STUDENT DISCOUNT","promo_text_plp_search_alt":"","promo_text_pdp_primary":"EXCLUDED FROM STUDENT DISCOUNT","promo_text_pdp_primary_alt":"","promo_text_pdp_secondary":"","promo_text_pdp_secondary_alt":"","promo_type":"percent-off","promo_name":"Excluded","text_color":"","timing":{"always":true,"start_date_time":"2025-11-11T00:00:00.000Z","end_date_time":"2025-11-21T00:00:00.000Z"},"timer":{"show_timer":false,"timer_message_primary":"Hurry Ends in","timer_message_secondary":"Hurry Ends In"},"visibility":{"desktop":true,"mobile":true,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{"data":[],"type":"Shopify_category"}},"text_styling":{"coupon_code":"","coupon_icon":{},"pdp":{"promo_text_url_pdp":{"title":"","href":""},"font_size":{"mobile_font_size":12,"desktop_font_size":12},"underline":false,"bold":false,"italic":false,"center":false},"plp":{"promo_text_url_plp":{"title":"","href":""},"font_size":{"mobile_font_size":12,"desktop_font_size":12},"underline":false,"bold":false,"italic":false,"center":false}}},{"currency":null,"discount_percentage":null,"math_required_pdp":true,"math_required_plp":true,"product_tag":"AUTUMNOFFERS","promo_text_plp_search":"","promo_text_plp_search_alt":"","promo_text_pdp_primary":"","promo_text_pdp_primary_alt":"","promo_text_pdp_secondary":"","promo_text_pdp_secondary_alt":"","promo_type":null,"promo_name":"Autumn Offers","text_color":"","timing":{"always":false,"start_date_time":null,"end_date_time":null},"timer":{"show_timer":false,"timer_message_primary":"","timer_message_secondary":""},"visibility":{"desktop":true,"mobile":true,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{}},"text_styling":{"coupon_code":"","coupon_icon":{},"pdp":{"promo_text_url_pdp":{"title":"","href":""},"font_size":{"mobile_font_size":null,"desktop_font_size":null},"underline":false,"bold":false,"italic":false,"center":false},"plp":{"promo_text_url_plp":{"title":"","href":""},"font_size":{"mobile_font_size":null,"desktop_font_size":null},"underline":false,"bold":false,"italic":false,"center":false}}}]; 15275 window.badgeText = [{"math":true,"pdp":{"badge_text_pdp_primary":" ","badge_text_pdp_primary_alt":"","badge_style_pdp":"no-border","badge_pdp_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":" ","plp_search_badge_details_alt":"","badge_styling_plp_search":"no-border","badge_plp_search_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":null},"product_tag":["OFFERS"],"product_metafield":[],"timing":{"always":true,"start_date_time":"2025-12-16T00:00:21.000Z","end_date_time":"2026-01-26T06:00:00.000Z"},"active":true,"text_color":"#a82e23","badge_color":"#00000000","visibility":{"desktop":true,"mobile":true,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{"data":[],"type":"Shopify_category"}}},{"math":true,"pdp":{"badge_text_pdp_primary":" ","badge_text_pdp_primary_alt":"","badge_style_pdp":"no-border","badge_pdp_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":" ","plp_search_badge_details_alt":"","badge_styling_plp_search":"no-border","badge_plp_search_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":null},"product_tag":["AUTUMNOFFERS"],"product_metafield":[],"timing":{"always":true,"start_date_time":"2025-12-16T00:00:21.000Z","end_date_time":"2026-01-26T06:00:00.000Z"},"active":true,"text_color":"#a82e23","badge_color":"#00000000","visibility":{"desktop":true,"mobile":true,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{"data":[],"type":"Shopify_category"}}},{"math":false,"pdp":{"badge_text_pdp_primary":"NEW","badge_text_pdp_primary_alt":"","badge_style_pdp":"no-border","badge_pdp_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":"NEW","plp_search_badge_details_alt":"","badge_styling_plp_search":"no-border","badge_plp_search_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":null},"product_tag":["NEW IN"],"product_metafield":[],"timing":{"always":true,"start_date_time":"2025-12-16T00:00:21.000Z","end_date_time":"2026-01-26T06:00:00.000Z"},"active":true,"text_color":"black","badge_color":"#00000000","visibility":{"desktop":true,"mobile":true,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{"data":[],"type":"Shopify_category"}}},{"math":true,"pdp":{"badge_text_pdp_primary":"BACK IN STOCK","badge_text_pdp_primary_alt":"","badge_style_pdp":"no-border","badge_pdp_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":"BACK IN STOCK","plp_search_badge_details_alt":"","badge_styling_plp_search":"no-border","badge_plp_search_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":null},"product_tag":["BACK IN STOCK"],"product_metafield":[],"timing":{"always":true,"start_date_time":"2025-12-16T00:00:21.000Z","end_date_time":"2026-01-26T06:00:00.000Z"},"active":true,"text_color":"black","badge_color":"#F0F0F0","visibility":{"desktop":true,"mobile":true,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{"data":[],"type":"Shopify_category"}}},{"math":false,"pdp":{"badge_text_pdp_primary":"COMING SOON","badge_text_pdp_primary_alt":"","badge_style_pdp":"no-border","badge_pdp_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":"COMING SOON","plp_search_badge_details_alt":"","badge_styling_plp_search":"no-border","badge_plp_search_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":"top-right"},"product_tag":["COMING SOON"],"product_metafield":[],"timing":{"always":true,"start_date_time":"2026-02-19T09:35:23.000Z","end_date_time":null},"active":true,"text_color":"BLACK","badge_color":"#00000000","visibility":{"desktop":true,"mobile":true,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{"data":[],"type":"Shopify_category"}}},{"math":false,"pdp":{"badge_text_pdp_primary":"Exclusive","badge_text_pdp_primary_alt":"","badge_style_pdp":null,"badge_pdp_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":"Steve Madden Exclusive","plp_search_badge_details_alt":"","badge_styling_plp_search":null,"badge_plp_search_url":{"title":"","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":null},"product_tag":["online-exclusive"],"product_metafield":[],"timing":{"always":true,"start_date_time":null,"end_date_time":null},"active":true,"text_color":"","badge_color":"","visibility":{"desktop":false,"mobile":false,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{}}},{"math":false,"pdp":{"badge_text_pdp_primary":"Kids Sizes","badge_text_pdp_primary_alt":"Kids Sizes","badge_style_pdp":null,"badge_pdp_url":{"title":"Kids Sizes","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":"Kids Sizes","plp_search_badge_details_alt":"","badge_styling_plp_search":null,"badge_plp_search_url":{"title":"Kids Sizes","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":null},"product_tag":["kids-sizes"],"product_metafield":[],"timing":{"always":true,"start_date_time":null,"end_date_time":null},"active":true,"text_color":"","badge_color":"","visibility":{"desktop":false,"mobile":false,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{}}},{"math":false,"pdp":{"badge_text_pdp_primary":"LARGER SIZES: 36-45","badge_text_pdp_primary_alt":"","badge_style_pdp":null,"badge_pdp_url":{"title":"LARGER SIZES: 36-45","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_pdp":null},"plp":{"badge_text_plp_search":"LARGER SIZES: 36-45","plp_search_badge_details_alt":"","badge_styling_plp_search":null,"badge_plp_search_url":{"title":"LARGER SIZES: 36-45","href":""},"desktop_badge_image":null,"mobile_badge_image":null,"badge_image_alignment_plp_search":null},"product_tag":["show_larger_size"],"product_metafield":[],"timing":{"always":true,"start_date_time":null,"end_date_time":null},"active":true,"text_color":"","badge_color":"","visibility":{"desktop":false,"mobile":false,"show_in_app_only":false,"hide_in_app_only":false,"hide_for_non_users":false,"hide_for_logged_in_users":false,"utm_parameters":[],"shopify_collection":{}}}]; 15276 15277 window.cartStrings = { 15278 error: `There was an error while updating your cart. Please try again.`, 15279 quantityError: `You can only add [quantity] of this item to your cart.`, 15280 adding: `Adding...`, 15281 added: `Added!`, 15282 }; 15283 15284 window.variantStrings = { 15285 addToCart: `Add to cart`, 15286 add: `ADD+`, 15287 soldOut: `Sold out`, 15288 unavailable: `Unavailable`, 15289 unavailable_with_option: `[value] - Unavailable`, 15290 preOrder: `Pre-order`, 15291 }; 15292 15293 window.quickOrderListStrings = { 15294 itemsAdded: `[quantity] items added`, 15295 itemAdded: `[quantity] item added`, 15296 itemsRemoved: `[quantity] items removed`, 15297 itemRemoved: `[quantity] item removed`, 15298 viewCart: `View cart`, 15299 each: `[money]/ea`, 15300 }; 15301 15302 window.accessibilityStrings = { 15303 imageAvailable: `Image [index] is now available in gallery view`, 15304 shareSuccess: `Link copied to clipboard`, 15305 pauseSlideshow: `Pause slideshow`, 15306 playSlideshow: `Play slideshow`, 15307 recipientFormExpanded: `Gift card recipient form expanded`, 15308 recipientFormCollapsed: `Gift card recipient form collapsed`, 15309 countrySelectorSearchCount: `[count] countries/regions foun
15309d`, 15310 }; 15311 15312 window.currencyStrings = { 15313 currency: 'GBP', 15314 moneyFormat: '£{{amount}}', 15315 moneyWithCurrencyFormat: '{{amount}} GBP', 15316 } 15317 15318 window.timerStrings = { 15319 days: "Translation missing: en.general.promo_timer.day", 15320 hours: "Translation missing: en.general.promo_timer.hour", 15321 minutes: "Translation missing: en.general.promo_timer.minute", 15322 seconds: "Translation missing: en.general.promo_timer.second" 15323 }; 15324 </script>
15324 15325
15325<script 15326 async 15327 > 15328 15329 if (document.body.classList.contains('section-template--15095770841154__main-padding')) { 15330 var w = window.innerWidth; 15331 const desk_element = document.getElementById('desktop_insta_section'); 15332 const mob_element = document.getElementById('mobile_insta_section'); 15333 const desk_review_element = document.getElementById('desktop_review_section'); 15334 const mob_review_element = document.getElementById('mobile_review_section'); 15335 if (w > 767) { 15336 mob_element.remove(); 15337 mob_review_element.remove(); 15338 } else { 15339 desk_element.remove(); 15340 desk_review_element.remove(); 15341 } 15342 } 15343 15344 var Taggstar_test = function () { 15345 var variation_names = ['a:1', 'b:0']; 15346 var cookie_name = 'Taggstar_test'; 15347 var ab_condition = document.cookie.match('(^|;)\\s*' + cookie_name + '\\s*=\\s*([^;]+)')?.pop() || ''; 15348 15349 if (variation_names.indexOf(ab_condition) < 0) { 15350 ab_condition = variation_names[Math.round(Math.random() * 1000) % variation_names.length]; 15351 } 15352 15353 var d = new Date(); 15354 d.setTime(d.getTime() + 1000 * 60 * 60 * 24 * 35); // 35 days from now 15355 var expires = 'expires=' + d.toGMTString(); 15356 document.cookie = cookie_name + '=' + ab_condition + '; ' + expires + '; path=/'; 15357 15358 return ab_condition; 15359 }; 15360 15361 15362 function cartUpsellitems() { 15363 var dataLayerUpsellProducts = []; 15364 15365 15366 15367 15368 if (settings.upsell_collection !== null && settings.upsell_collection !== undefined) { 15369 var limit = settings.upsell_collection_limit; 15370 var product_list = collections[settings.upsell_collection]; 15371 15372 for (var i = 0; i < limit && i < product_list.products.length; i++) { 15373 var product = product_list.products[i]; 15374 var current_variant = product.selected_or_first_available_variant; 15375 15376 var objUpsell = { 15377 index: i, 15378 price: product.price, 15379 vendor: product.vendor, 15380 category: product.collections.map(function(collection) { 15381 return collection.handle; 15382 }), 15383 hasNoVariants: product.variants.length > 0, 15384 id: product.id, 15385 isInStock: current_variant.inventory_policy === "continue" || current_variant.inventory_quantity > 0, 15386 title: product.title, 15387 numVariants: product.variants.length, 15388 sku: current_variant.sku, 15389 stockQty: current_variant.inventory_quantity, 15390 tags: product.tags, 15391 type: product.type, 15392 color: current_variant.options[0], 15393 variantId: current_variant.id, 15394 imageUrl: product.featured_image.src, 15395 style: current_variant.sku, 15396 compareAtPrice: product.compare_at_price, 15397 additionalData: { 15398 barcode: product.barcode, 15399 body_html_safe: product.description, 15400 brand: product.vendor, 15401 can_order: current_variant.inventory_policy === "continue" || current_variant.inventory_quantity > 0, 15402 collection_ids: product.collections.map(function(collection) { 15403 return collection.id; 15404 }), 15405 compare_at_price: product.compare_at_price, 15406 created_at: product.created_at, 15407 grams: current_variant.weight * 453.592, 15408 handle: product.handle, 15409 id: product.id, 15410 image: product.featured_image, 15411 index: i, 15412 inventory_available: current_variant.inventory_policy === "continue" || current_variant.inventory_quantity > 0, 15413 inventory_management: current_variant.inventory_management, 15414 inventory_management_shopify: 0, 15415 inventory_policy: current_variant.inventory_policy, 15416 inventory_quantity: current_variant.inventory_quantity, 15417 named_tags_names: product.options, 15418 objectID: current_variant.id, 15419 option1: current_variant.options[0], 15420 option2: current_variant.options[1], 15421 option3: current_variant.options[2], 15422 option_names: product.options, 15423 position: i, 15424 price: product.price, 15425 price_range: product.price_varies, 15426 productPosition: i, 15427 product_image: product.featured_image, 15428 product_type: product.type, 15429 published_at: product.published_at, 15430 requires_shipping: product.requires_selling_plan, 15431 sku: product.sku, 15432 tags: product.tags, 15433 taxable: current_variant.taxable, 15434 template_suffix: product.template_suffix, 15435 title: product.title, 15436 variant_title: current_variant.title, 15437 variants_count: product.variants.length, 15438 variants_inventory_count: current_variant.inventory_quantity, 15439 variants_max_price: product.price_max, 15440 variants_min_price: product.price_min,
15441 vendor: product.vendor, 15442 weight: current_variant.weight 15443 } 15444 }; 15445 15446 dataLayerUpsellProducts.push(objUpsell); 15447 } 15448 } 15449 15450 if (dataLayerUpsellProducts.length !== 0) { 15451 window.dataLayer.push({ 15452 event: "Cart Upsell Items Displayed", 15453 productList: { 15454 name: settings.upsell_collection_title, 15455 products: dataLayerUpsellProducts, 15456 }, 15457 _clear: true, 15458 }); 15459 } 15460 } 15461 15462 document.addEventListener('DOMContentLoaded', function () { 15463 const url = new URL(window.location.href); 15464 const refinementList = url.searchParams.get('refinementList%5Bnamed_tags.Type%5D%5B0%5D'); 15465 15466 if (refinementList) { 15467 const newUrl = new URL(url); 15468 newUrl.searchParams.delete('refinementList%5Bnamed_tags.Type%5D%5B0%5D'); 15469 newUrl.searchParams.set('filters', 'TYPE,TYPE:' + refinementList); 15470 15471 window.location.replace(newUrl.toString()); 15472 } 15473 }); 15474 15475 document.querySelector('#CartDrawer-Overlay').addEventListener('click', function (params) { 15476 document.querySelector('cart-drawer').close(); 15477 }); 15478 15479 15480 15481 function getDiscountValue(wrapper) { 15482 return { 15483 title: wrapper.querySelector('.title').textContent, 15484 value: wrapper.querySelector('.value').textContent, 15485 }; 15486 } 15487 15488 async function updatecart() { 15489 15490 15491 const locale_prefix = "" 15492 const res = await fetch(`${locale_prefix}/?render_id=header-minicart`); 15493 const text = await res.text(); 15494 // Parse INERTLY: a DOMParser document has no custom-element registry, so the 15495 // header's web components (header-menu, predictive-search, slideshow-component, 15496 // etc.) are NOT upgraded â no bound handlers/intervals/listeners, nothing 15497 // retained. (A live `div.innerHTML = text` upgraded them and leaked the header.) 15498 const html = new DOMParser().parseFromString(text, "text/html"); 15499 const newcart = html.querySelector("#CartDrawer").querySelector(".drawer__inner cart-drawer-items").innerHTML 15500 const newPrice = html.querySelector("#CartDrawer").querySelector(".drawer__footer").querySelector(".cart-drawer__footer").innerHTML; 15501 document?.querySelector(".drawer__inner-empty")?.remove(); 15502 document.querySelector("#CartDrawer").querySelector(".drawer__inner cart-drawer-items").innerHTML = newcart; 15503 document.querySelector("#CartDrawer").querySelector(".drawer__footer").querySelector(".cart-drawer__footer").innerHTML = newPrice; 15504 const count = html.querySelector(".cart-count-bubble").innerHTML; 15505 if(document.querySelectorAll(".cart-count-bubble").length > 0) { 15506 document.querySelector(".cart-count-bubble").innerHTML = count; 15507 } else { 15508 let cart_count_build = document.createElement('div'); 15509 cart_count_build.classList.add('cart-count-bubble') 15510 cart_count_build.innerHTML = count 15511 document.querySelector("#cart-icon-bubble").appendChild(cart_count_build); 15512 15513 } 15514 15515 document.querySelector("cart-drawer.drawer").classList.remove("is-empty"); 15516 document.querySelector(".drawer__inner cart-drawer-items").classList.remove("is-empty"); 15517 document.querySelector("#CartDrawer-Checkout").removeAttribute('disabled'); 15518 15519 const discounts = html.querySelector("#cart-discounts"); 15520 const olddiscounts = document.querySelector("#cart-discounts"); 15521 let discountCodeValue = document.querySelector('#applied-discount-code .applied-discount-code-value'); 15522 if (discounts && olddiscounts && discountCodeValue) { 15523 const cartDiscounts = discounts.querySelectorAll(".discount-cart"); 15524 const productDiscounts = discounts.querySelectorAll(".discount-product"); 15525 15526 // Display discount details from the backend response 15527 if (cartDiscounts.length > 0) { 15528 const discountValue = getDiscountValue(cartDiscounts[0]); 15529 discountCodeValue.innerHTML = (discountValue.title + ' (-' + discountValue.value + ')' ); 15530 } 15531 if (productDiscounts.length > 0) { 15532 const discountValue = getDiscountValue(productDiscounts[0]); 15533 discountCodeValue.innerHTML = (discountValue.title + ' (-' + discountValue.value + ')' ); 15534 } 15535 olddiscounts.innerHTML = discounts.innerHTML; 15536 } 15537 } 15538 15539 (function wishListUpdateClick() { 15540 if(document.querySelectorAll("[aria-labelledby] .swym-wishlist-image-wrapper").length > 0) { 15541 wishListData = JSON.parse(localStorage.getItem("swym-products")); 15542 wishListData.all.forEach(val => { 15543 let elTemp = document.querySelector(`[aria-labelledby="${val.dt}"]`); 15544 elTemp.querySelector(".swym-wishlist-image-wrapper").addEventListener("click",function(e) { 15545 e.preventDefault(); 15546 e.stopPropagation(); 15547 window.location.href = val.du 15548 }) 15549 elTemp.querySelector("button.swym-is-button > .swym-title").addEventListener("click",function(e) { 15550 e.preventDefault(); 15551 e.stopPropagation(); 15552 window.location.href = val.du 15553 }) 15554 elTemp.querySelector(".swym-variant-title.swym-text").addEventListener("click",function(e) { 15555 e.preventDefault(); 15556 e.stopPropagation(); 15557 window.location.href = val.du 15558 }) 15559 }); 15560 } else { 15561 setTimeout(() => { 15562 wishListUpdateClick(); 15563 }, 500); 15564 } 15565 })();document.addEventListener('DOMContentLoaded', function () {
15566 // Select all the anchor elements within the multicolumn-card div 15567 const links = document.querySelectorAll('.multicolumn-card a'); 15568 15569 // Loop through each anchor element and add a click event listener 15570 links.forEach(function (link) { 15571 link.addEventListener('click', function (event) { 15572 // Prevent the default action (navigation) if needed 15573 // event.preventDefault(); 15574 15575 // Get the data-filter attribute value 15576 const dataFilter = link.getAttribute('data-filter'); 15577 var cleanedDataFilterValue = dataFilter.replace(/"/g, ''); 15578 15579 // Extract the part after '?' 15580 let filterValue = cleanedDataFilterValue ? cleanedDataFilterValue.split('?')[1] : null; 15581 15582 if (filterValue) { 15583 // filterValue = filterValue.slice(0, -1); 15584 15585 // Parse the filter value 15586 const filterParams = new URLSearchParams(filterValue); 15587 15588 // Extract the 'filters' parameter and process it 15589 const filters = filterParams.get('filters'); 15590 if (filters) { 15591 const [key, value] = filters.split(','); 15592 const newNarrow = new Set([value]); 15593 15594 // Dispatch the custom event 15595 document.dispatchEvent( 15596 new CustomEvent('send-fast-simon-params', { 15597 detail: { 15598 narrow: { 15599 [key]: newNarrow, 15600 }, 15601 }, 15602 }) 15603 ); 15604 } 15605 } 15606 }); 15607 }); 15608 }); 15609 15610 //toggle menu 15611 const initProfileToggle = () => { 15612 const elements = { 15613 link: document.getElementById('myprofile-link'), 15614 profile: document.getElementById('profile'), 15615 accountBlock: document.querySelector('.wrap_account_block'), 15616 cancelBtn: document.querySelector('.cancle_profile'), 15617 }; 15618 15619 if (!elements.link || !elements.profile || !elements.accountBlock) return; 15620 15621 const toggleProfile = (show) => { 15622 elements.profile.style.display = show ? 'block' : 'none'; 15623 elements.accountBlock.style.display = show ? 'none' : 'block'; 15624 }; 15625 15626 elements.link.addEventListener('click', (e) => { 15627 e.preventDefault(); 15628 toggleProfile(true); 15629 }); 15630 15631 if (elements.cancelBtn) { 15632 elements.cancelBtn.addEventListener('click', (e) => { 15633 e.preventDefault(); 15634 toggleProfile(false); 15635 }); 15636 } 15637 }; 15638 15639 document.readyState === 'loading' 15640 ? document.addEventListener('DOMContentLoaded', initProfileToggle) 15641 : initProfileToggle(); 15642 15643 15644 15645 15646 </script>
15646<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/predictive-search.js?v=113986194326628093291783412679" defer="defer"></script>
15646 15647 15648 15649 15650
15650<script src="//stevemadden.co.uk/cdn/shop/t/961/assets/instant-page.js?v=93360279510738364221755523919" type="module" defer></script>
15650 15651 15652 15653 15654 15655 15656 15657 15658 15659 15660 15661
15661<script> 15662 function swymCallbackFn(swat) { 15663 // your API calls go here 15664 attachNotifyMeEvents(); 15665 initVariantWatcher(); 15666 15667 function attachNotifyMeEvents() { 15668 var swymNotifyMeBtn = document.querySelectorAll(".swym-custom-watchlist"); 15669 swymNotifyMeBtn.forEach(function(btn) { 15670 btn.addEventListener("click", addToWatchlist); 15671 btn.classList.add("swym-loaded"); 15672 }); 15673 } 15674 15675 function addToWatchlist(eventObj) { 15676 eventObj.preventDefault(); 15677 var productId = +eventObj.target.getAttribute("data-product-id"); 15678 var variantId = +eventObj.target.getAttribute("data-variant-id"); 15679 var du = eventObj.target.getAttribute("data-url"); 15680 var params = { 15681 empi: productId, 15682 epi: variantId, 15683 du: du 15684 }; 15685 swat.getProductDetails(params, function(productJSON) { 15686 productJSON.variants.forEach(function(v) { 15687 if (v.id == variantId) { 15688 params.pr = SwymUtils.formatProductPrice(v.price); 15689 params.iu = productJSON.featured_image; 15690 params.et = 8; 15691 swat.addToWatchList(eventObj, params, function(e) { 15692 console.log("Subscribed to product!", e); 15693 }); // Shows Subscribe me. 15694 return; 15695 } 15696 }); 15697 }); 15698 } 15699 15700 function initVariantWatcher() { 15701 // Wait for DOM to be ready before initializing 15702 if (document.readyState === 'loading') { 15703 document.addEventListener('DOMContentLoaded', function() { 15704 setTimeout(updateSwymButtonVisibility, 200); 15705 }); 15706 } else { 15707 setTimeout(updateSwymButtonVisibility, 200); 15708 } 15709 15710 // Listen for variant changes 15711 document.addEventListener('change', function(e) { 15712 if (e.target.matches('select[name="desk_size"], input[name^="option-"], select[name^="id"]')) { 15713 setTimeout(updateSwymButtonVisibility, 100); // Small delay to ensure variant data is updated 15714 } 15715 }); 15716 15717 // Listen for custom variant change events 15718 document.addEventListener('swym:variant-change', updateSwymButtonVisibility); 15719 15720 // Listen for the existing theme's variant change events if they exist 15721 if (typeof PUB_SUB_EVENTS !== 'undefined' && PUB_SUB_EVENTS.variantChange) { 15722 document.addEventListener(PUB_SUB_EVENTS.variantChange, updateSwymButtonVisibility); 15723 } 15724 15725 // Also add a mutation observer to catch any DOM changes that might affect variant selection 15726 const observer = new MutationObserver(function(mutations) { 15727 mutations.forEach(function(mutation) { 15728 if (mutation.type === 'attributes' && 15729 (mutation.attributeName === 'data-selected-variant' || 15730 mutation.attributeName === 'data-variant-id')) { 15731 updateSwymButtonVisibility(); 15732 } 15733 }); 15734 }); 15735 15736 const variantContainer = document.querySelector('variant-selects'); 15737 if (variantContainer) { 15738 observer.observe(variantContainer, { attributes: true, subtree: true }); 15739 } 15740 } 15741 15742 function updateSwymButtonVisibility() { 15743 const watchlistContainer = document.getElementById('swym-watchlist-container'); 15744 const watchlistButton = document.querySelector('.swym-custom-watchlist'); 15745 15746 if (!watchlistContainer || !watchlistButton) return; 15747 15748 // Get current selected variant 15749 const currentVariant = getCurrentVariant(); 15750 15751 if (currentVariant) { 15752 // Update the button's variant ID 15753 watchlistButton.setAttribute('data-variant-id', currentVariant.id); 15754 15755 // Show button only if variant is out of stock 15756 if (!currentVariant.available) { 15757 watchlistContainer.style.display = 'block'; 15758 } else { 15759 watchlistContainer.style.display = 'none'; 15760 } 15761 } else { 15762 // No variant selected, hide button 15763 watchlistContainer.style.display = 'none'; 15764 } 15765 } 15766 15767 function getCurrentVariant() { 15768 // Try to get variant from variant-selects element 15769 const variantSelectsElement = document.querySelector('variant-selects'); 15770 if (variantSelectsElement && variantSelectsElement.currentVariant) { 15771 return variantSelectsElement.currentVariant; 15772 } 15773 15774 // Fallback: get variant from selected options 15775 let productJson = document.querySelector('script[type="application/json"][id*="ProductJSON"]'); 15776 if (!productJson) { 15777 productJson = document.querySelector('script[type="application/json"][id*="ProductJson"]'); 15778 } 15779 if (!productJson) { 15780 productJson = document.querySelector('script[type="application/json"].currprod'); 15781 } 15782 if (!productJson) return null; 15783 15784 let product;
15785 try { 15786 product = JSON.parse(productJson.textContent); 15787 } catch (e) { 15788 console.warn('Could not parse product JSON'); 15789 return null; 15790 } 15791 15792 if (!product || !product.variants) return null; 15793 15794 // Get selected options 15795 const selectedOptions = []; 15796 15797 // Check for size selector (primary method) 15798 const sizeSelect = document.querySelector('select[name="desk_size"]'); 15799 if (sizeSelect && sizeSelect.value) { 15800 const selectedOption = sizeSelect.options[sizeSelect.selectedIndex]; 15801 const variantId = selectedOption.getAttribute('data-variant-fbid'); 15802 if (variantId) { 15803 return product.variants.find(v => v.id == variantId); 15804 } 15805 } 15806 15807 // Check for variant ID input (alternative method) 15808 const variantIdInput = document.getElementById('variant-id-input'); 15809 if (variantIdInput && variantIdInput.value) { 15810 return product.variants.find(v => v.id == variantIdInput.value); 15811 } 15812 15813 // Check for other option inputs 15814 const optionInputs = document.querySelectorAll('input[name^="option-"]:checked'); 15815 optionInputs.forEach(input => { 15816 selectedOptions.push(input.value); 15817 }); 15818 15819 // Find matching variant 15820 if (selectedOptions.length > 0) { 15821 return product.variants.find(variant => { 15822 return selectedOptions.every((option, index) => { 15823 return variant.options[index] === option; 15824 }); 15825 }); 15826 } 15827 15828 // Return first available variant as fallback 15829 return product.variants.find(v => v.available) || product.variants[0]; 15830 } 15831 } 15832 15833 if (!window.SwymCallbacks) { 15834 window.SwymCallbacks = []; 15835 } 15836 window.SwymCallbacks.push(swymCallbackFn); 15837</script>
15837 15838 15839 15840 15841 15842 15843 15844 15845 15846 15847 15848 15849 <div id="shopify-block-ATFB4NXZCamU0OXhUd__11769318291717542005" class="shopify-block shopify-app-block"><div class="banner-root" id="kinn-banner-root"> 15850 <div class="banner-placement" onclick="navigateToStore(`https://apps.apple.com/us/app/steve-madden-uk/id6476522342`, `https://play.google.com/store/apps/details?id=stevemadden.android.app`)"> 15851 <img 15852 src="https://kinntech.blob.core.windows.net/kinn-brand-assets/8dfd9766-980a-429a-a7f5-21a2f9dd9086/6de3aa9d-dbd9-4d3f-81fe-dd67d15777d2.jpg" 15853 id="kinn-banner-image" 15854 class="banner-image" 15855 alt="" 15856 height=40 15857 width=40 15858 /> 15859 <div class="banner-text-section"> 15860 <div class="banner-text-clamp banner-text-bold">Download our app</div> 15861 <div class="banner-text-clamp">Get exclusive offers and content</div> 15862 </div> 15863 <div> 15864 <button 15865 class="banner-button" 15866 id="kinn-banner-button"> 15867 GET 15868 </button> 15869 </div> 15870 <button class="banner-x" id="kinn-banner-close-button" onclick="onCloseBanner(event)"> 15871 ✕ 15872 </button> 15873 </div> 15874</div> 15875 15876 15877 15878</div><div id="shopify-block-ASXJCWWEvMUE5L1VWd__5946647744298494267" class="shopify-block shopify-app-block"> 15879 15880 15881<!-- BEGIN app snippet: swymVersion -->
15881<script>var __SWYM__VERSION__ = '7.0.7';</script>
15881<!-- END app snippet --> 15882<!-- BEGIN app snippet: swymCustomCss --> 15883 15884 15885 15886 15887<style id="swym-custom-css"> 15888 15889</style> 15890 15891<!-- END app snippet --> 15892 15893 15894 15895 15896 15897 15898 15899 15900 15901 15902 15903
15904<script> 15905 (function () { 15906 // Get CompanyLocation Metadata for B2B customer scenerios (SFS) 15907 15908 15909 // Put metafields in window variable 15910 const commonCustomizationSettings = ''; 15911 try { 15912 const parsedSettings = JSON.parse(commonCustomizationSettings); 15913 if (parsedSettings) { 15914 window.SwymWishlistCommonCustomizationSettings = parsedSettings[window.Shopify.theme.schema_name] || parsedSettings['global-settings']; 15915 } else { 15916 window.SwymWishlistCommonCustomizationSettings = {}; 15917 } 15918 } catch (e) { 15919 window.SwymWishlistCommonCustomizationSettings = {}; 15920 } 15921 15922 let enabledCommonFeatures = '{"multiple-wishlist":false}'; 15923 try { 15924 enabledCommonFeatures = JSON.parse(enabledCommonFeatures) || {}; 15925 } catch (e) { 15926 enabledCommonFeatures = {}; 15927 } 15928 // Storing COMMON FEATURES data in the window object for potential use in the storefront JS code. 15929 window.SwymEnabledCommonFeatures = enabledCommonFeatures; 15930 15931 // Ghost-Intent Configuration 15932 // Defaults to disabled (false). Only enabled when metafields explicitly set to "true". 15933 try { 15934 let ghostIntentConfig = { 15935 isExplicitConsentNeeded: false, 15936 isExplicitConsentNeededEvenForLocalStorage: false, 15937 askForPermissionOnFirstClick: true 15938 }; 15939 15940 15941 15942 window.SwymGhostIntentConfig = ghostIntentConfig; 15943 } catch(e) { 15944 window.SwymGhostIntentConfig = { 15945 isExplicitConsentNeeded: false, 15946 isExplicitConsentNeededEvenForLocalStorage: false, 15947 askForPermissionOnFirstClick: true 15948 }; 15949 } 15950 15951 // Education Layer Configuration 15952 // Reads from common enabled-features metafield first. Falls back to old standalone metafield for backward compatibility. 15953 15954 15955 window.SwymEducationLayerEnabled = enabledCommonFeatures?.["education-layer"] ?? true; 15956 15957 // Login Nudge Configuration 15958 // Reads from common enabled-features metafield first. Falls back to old standalone metafield for backward compatibility. 15959 15960 15961 window.SwymLoginNudgeEnabled = enabledCommonFeatures?.["login-nudge"] ?? true; 15962 15963 // Initialize or ensure SwymViewProducts exists 15964 if (!window.SwymViewProducts) { 15965 window.SwymViewProducts = {}; 15966 } 15967 15968 try { 15969 const socialCountMap = { "https://stevemadden.co.uk/products/giftcard": { "socialCount": 22, "empi": 7155729268873 } }; 15970 // Integrate social count data into existing SwymViewProducts structure 15971 Object.keys(socialCountMap).forEach(function(key) { 15972 if (!window.SwymViewProducts[key]) { 15973 window.SwymViewProducts[key] = {}; 15974 } 15975 15976 window.SwymViewProducts[key] = socialCountMap[key]; 15977 }); 15978 } catch (e) { 15979 // Silent error handling 15980 } 15981 15982 })(); 15983</script>
15983 15984 15985<!-- BEGIN app snippet: swymLoadConsentManager -->
15986<script> 15987 (function () { 15988 if (document.querySelector("script[data-swym-consent-manager]")) return; 15989 var swymConsentManagerScript = document.createElement("script"); 15990 swymConsentManagerScript.src = "https:\/\/cdn.shopify.com\/extensions\/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8\/swym-relay-839\/assets\/swym-consent-manager.js"; 15991 swymConsentManagerScript.async = false; // run in insertion order once fetched, instead of whenever fetch resolves 15992 swymConsentManagerScript.setAttribute("data-swym-consent-manager", "true"); 15993 document.head.appendChild(swymConsentManagerScript); 15994 })(); 15995</script>
15995 15996<!-- END app snippet --> 15997
15998<script 15999 16000 id="wishlist-embed-init" 16001 defer 16002 async 16003> 16004 (function () { 16005 window.swymWishlistEmbedLoaded = true; 16006 var fullAssetUrl = "https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/apps.bundle.js"; 16007 var assetBaseUrl = fullAssetUrl?.substring(0, fullAssetUrl.lastIndexOf('/') + 1); 16008 var swymJsPath = '//premcdn.swymrelay.com/code/swym-shopify.js'; 16009 var baseJsPath = swymJsPath?.substring(0, swymJsPath.lastIndexOf('/') + 1); 16010 window.SwymCurrentJSPath = baseJsPath; 16011 window.SwymAssetBaseUrl = assetBaseUrl; 16012 16013 window.SwymCurrentStorePath = "//swymstore-v3premium-01.swymrelay.com"; 16014 16015 function loadSwymShopifyScript() { 16016 var element = ""; 16017 var scriptSrc = ""; 16018 16019 16020 element = "swym-ext-shopify-script"; 16021 window.SwymShopifyCdnInUse = true; 16022 scriptSrc = "https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/swym-ext-shopify.js"; 16023 16024 16025 if (document.getElementById(element)) { 16026 return; 16027 } 16028 16029 var s = document.createElement("script"); 16030 s.id = element; 16031 s.type = "text/javascript"; 16032 s.async = true; 16033 s.defer = true; 16034 s.src = scriptSrc; 16035 16036 s.onerror = function() { 16037 console.warn("Failed to load Swym Shopify script: ", scriptSrc, " Continuing with default"); 16038 // Fallback logic here 16039 element = `swym-ext-shopify-script-${__SWYM__VERSION__}`; 16040 var fallbackJsPathVal = "\/\/premcdn.swymrelay.com\/code\/swym-shopify.js"; 16041 var fallbackJsPathWithExt = fallbackJsPathVal.replace("swym-shopify", "swym-ext-shopify"); 16042 scriptSrc = fallbackJsPathWithExt + '?shop=' + encodeURIComponent(window.Shopify.shop) + '&v=' + __SWYM__VERSION__; 16043 16044 var fallbackScript = document.createElement("script"); 16045 fallbackScript.id = element; 16046 fallbackScript.type = "text/javascript"; 16047 fallbackScript.async = true; 16048 fallbackScript.defer = true; 16049 fallbackScript.src = scriptSrc; 16050 var y = document.getElementsByTagName("script")[0]; 16051 y.parentNode.insertBefore(fallbackScript, y); 16052 }; 16053 16054 var x = document.getElementsByTagName("script")[0]; 16055 x.parentNode.insertBefore(s, x); 16056 } 16057 16058 var consentAPICallbackInvoked = false; 16059 function checkConsentAndLoad() { 16060 // Allow app to load in design mode (theme editor) regardless of consent 16061 if (window.Shopify?.designMode) { 16062 loadSwymShopifyScript(); 16063 return; 16064 } 16065 16066 // Ghost-Intent: If merchant enabled explicit consent, block SDK until 16067 // consent is given through our Ghost-Intent flow (sync nudge accept). 16068 // This works on any store regardless of region (EU or non-EU). 16069 var ghostConfig = window.SwymGhostIntentConfig || {}; 16070 if (ghostConfig.isExplicitConsentNeeded || ghostConfig.isExplicitConsentNeededEvenForLocalStorage) { 16071 try { 16072 var consentKey = 'swym-ghost-consent-' + (window.Shopify && window.Shopify.shop || ''); 16073 if (localStorage.getItem(consentKey) === 'true') { 16074 // Consent was given through our flow â load SDK 16075 loadSwymShopifyScript(); 16076 return; 16077 } 16078 } catch(e) {} 16079 16080 // Check if Shopify native cookie consent was given via the cookie banner. 16081 // If user accepted cookies through Shopify's banner, load SDK normally 16082 // (Ghost-Intent is only needed when NO consent mechanism has been used). 16083 var shopifyConsentGiven = window.Shopify?.customerPrivacy?.preferencesProcessingAllowed?.(); 16084 if (shopifyConsentGiven) { 16085 loadSwymShopifyScript(); 16086 return; 16087 } 16088 16089 console.warn("[Swym Ghost-Intent] SDK blocked until explicit consent is given"); 16090 return; 16091 } 16092 16093 var isCookieBannerVisible = window.Shopify?.customerPrivacy?.shouldShowBanner?.(); 16094 if(!isCookieBannerVisible) { 16095 loadSwymShopifyScript(); 16096 return; 16097 } 16098 var shouldLoadSwymScript = window.Shopify?.customerPrivacy?.preferencesProcessingAllowed?.(); 16099 if (shouldLoadSwymScript) { 16100 loadSwymShopifyScript(); 16101 } else { 16102 console.warn("No customer consent to load Swym Wishlist Plus"); 16103 } 16104 } 16105 function initialiseConsentCheck() { 16106 document.addEventListener("visitorConsentCollected", (event) => { checkConsentAndLoad(); }); 16107 window.Shopify?.loadFeatures?.( 16108 [{name: 'consent-tracking-api', version: '0.1'}], 16109 error => { 16110 consentAPICallbackInvoked = true; 16111 if (error) { 16112 if(!window.Shopify?.customerPrivacy) { 16113 loadSwymShopifyScript(); 16114 return; 16115 } 16116 } 16117 checkConsentAndLoad(); 16118 } 16119 ); 16120 } 16121 function consentCheckFallback(retryCount) { 16122 if(!consentAPICallbackInvoked) { 16123 if (window.Shopify?.customerPrivacy) { 16124 checkConsentAndLoad(); 16125 } else if (retryCount >= 1) { 16126 console.warn("Shopify.loadFeatures unsuccessful on site, refer - https://shopify.dev/docs/api/customer-privacy#loading-the-customer-privacy-api. Proceeding with normal Swym Wishlist Plus load"); 16127 // Ghost-Intent: route through checkConsentAndLoad so SDK block is respected 16128 checkConsentAndLoad(); 16129 } else { 16130 setTimeout(() => consentCheckFallback(retryCount + 1), 1000); 16131 } 16132 } 16133 } 16134 if (document.readyState === "loading") { 16135 document.addEventListener("DOMContentLoaded", initialiseConsentCheck); 16136 window.addEventListener("load", () => consentCheckFallback(0)); 16137 } else { 16138 initialiseConsentCheck(); 16139 } 16140 16141 })(); 16142</script>
16142 16143 16144<!-- BEGIN app snippet: swymSnippet -->
16144<script defer> 16145 (function () { 16146 const currentSwymJSPath = '//premcdn.swymrelay.com/code/swym-shopify.js'; 16147 const currentSwymStorePath = 'https://swymstore-v3premium-01.swymrelay.com'; 16148 const dnsPrefetchLink = `<link rel="dns-prefetch" href="${currentSwymStorePath}" crossorigin>`; 16149 const dnsPrefetchLink2 = `<link rel="dns-prefetch" href="${currentSwymJSPath}">`; 16150 const preConnectLink = `<link rel="preconnect" href="${currentSwymJSPath}">`; 16151 const swymSnippet = document.getElementById('wishlist-embed-init'); 16152 if(dnsPrefetchLink) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink);} 16153 if(dnsPrefetchLink2) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink2);} 16154 if(preConnectLink) {swymSnippet.insertAdjacentHTML('afterend', preConnectLink);} 16155 })() 16156</script>
vendor: 1 bytes, line 16156
16156
16157<script id="swym-snippet" type="text"> 16158 window.swymLandingURL = document.URL; 16159 window.swymCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"GBP","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; 16160 window.swymPageLoad = function() { 16161 window.SwymProductVariants = window.SwymProductVariants || {}; 16162 window.SwymHasCartItems = 0 > 0; 16163 window.SwymPageData = {}, window.SwymProductInfo = {};var variants = []; 16164 window.SwymProductInfo.product = {"id":7155729268873,"title":"STEVE MADDEN UK DIGITAL GIFT CARD","handle":"giftcard","description":"\u003cp data-mce-fragment=\"1\"\u003eSteve Madden online gift cards have you covered for every occasion, budget, and style. Make gifting easy for everyone with this fully digital gift card.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003ePlease note: the Steve Madden online gift card is only valid on our website in the original currency purchased.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eYour gift card will be emailed directly to you, the purchaser. Then you can forward it to your favourite shopaholic. Theyâll know youâve got great taste when the gift card shows up in their inbox directly from you.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003ePlease allow up to 24 hours to receive the email confirmation for your gift card order.\u003c\/p\u003e\n\u003cp\u003eFor more information on digital gift cards, click \u003ca href=\"https:\/\/help.stevemadden.co.uk\/hc\/en-gb\/sections\/32198859485458-Gift-Cards\" title=\"Digital Gift Card FAQ\"\u003ehere\u003c\/a\u003e.\u003c\/p\u003e","published_at":"2026-07-03T10:23:50+01:00","created_at":"2023-02-15T18:37:26+00:00","vendor":"Steve Madden","type":"GIFT CARD","tags":["dontpublish","giftcard","holiday-2024","no-returns","Steve Madden"],"price":5000,"price_min":5000,"price_max":20000,"available":true,"price_varies":true,"compare_at_price":0,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41141787885705,"title":"50","option1":"50","option2":null,"option3":null,"sku":"cltchg_50","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"STEVE MADDEN UK DIGITAL GIFT CARD - 50","public_title":"50","options":["50"],"price":5000,"weight":0,"compare_at_price":0,"inventory_management":null,"barcode":"5045650415069","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":41141787918473,"title":"100","option1":"100","option2":null,"option3":null,"sku":"cltchg_100","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"STEVE MADDEN UK DIGITAL GIFT CARD - 100","public_title":"100","options":["100"],"price":10000,"weight":0,"compare_at_price":0,"inventory_management":null,"barcode":"5045650415083","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":41141787984009,"title":"200","option1":"200","option2":null,"option3":null,"sku":"cltchg_200","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"STEVE MADDEN UK DIGITAL GIFT CARD - 200","public_title":"200","options":["200"],"price":20000,"weight":0,"compare_at_price":0,"inventory_management":null,"barcode":"5045650415106","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165","\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-1.png?v=1704279165","\/\/stevemadden.co.uk\/cdn\/shop\/files\/OPT1FRONT_2x_c618f343-c234-4091-bd48-f1d5f5b5a67c.png?v=1704279166"],"featured_image":"\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165","options":["Amount"],"media":[{"alt":null,"id":44929551466841,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1000,"width":1000,"src":"\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165"},"aspect_ratio":1.0,"height":1000,"media_type":"image","src":"\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165","width":1000},{"alt":null,"id":44929551434073,"position":2,"preview_image":{"aspect_ratio":1.0,"height":1000,"width":1000,"src":"\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-1.png?v=1704279165"},"aspect_ratio":1.0,"height":1000,"media_type":"image","src":"\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-1.png?v=1704279165","width":1000},{"alt":null,"id":44929551499609,"position":3,"preview_image":{"aspect_ratio":1.486,"height":1536,"width":2282,"src":"\/\/stevemadden.co.uk\/cdn\/shop\/files\/OPT1FRONT_2x_c618f343-c234-4091-bd48-f
161641d5f5b5a67c.png?v=1704279166"},"aspect_ratio":1.486,"height":1536,"media_type":"image","src":"\/\/stevemadden.co.uk\/cdn\/shop\/files\/OPT1FRONT_2x_c618f343-c234-4091-bd48-f1d5f5b5a67c.png?v=1704279166","width":2282}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp data-mce-fragment=\"1\"\u003eSteve Madden online gift cards have you covered for every occasion, budget, and style. Make gifting easy for everyone with this fully digital gift card.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003ePlease note: the Steve Madden online gift card is only valid on our website in the original currency purchased.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eYour gift card will be emailed directly to you, the purchaser. Then you can forward it to your favourite shopaholic. Theyâll know youâve got great taste when the gift card shows up in their inbox directly from you.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003ePlease allow up to 24 hours to receive the email confirmation for your gift card order.\u003c\/p\u003e\n\u003cp\u003eFor more information on digital gift cards, click \u003ca href=\"https:\/\/help.stevemadden.co.uk\/hc\/en-gb\/sections\/32198859485458-Gift-Cards\" title=\"Digital Gift Card FAQ\"\u003ehere\u003c\/a\u003e.\u003c\/p\u003e"}; 16165 window.SwymProductInfo.variants = window.SwymProductInfo.product.variants; 16166 var piu = "\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?crop=center\u0026height=620\u0026v=1
16166704279165\u0026width=620"; 16167 16168 16169 SwymProductVariants[41141787885705] = { 16170 empi: window.SwymProductInfo.product.id,epi:41141787885705, 16171 dt: "STEVE MADDEN UK DIGITAL GIFT CARD", 16172 du: "https://stevemadden.co.uk/products/giftcard", 16173 iu: piu , 16174 stk: 1 , 16175 pr: 5000/100, 16176 ct: window.SwymProductInfo.product.type, 16177 16178 op: 0/100, 16179 16180 variants: [{ "50" : 41141787885705}] 16181 }; 16182 SwymProductVariants[41141787918473] = { 16183 empi: window.SwymProductInfo.product.id,epi:41141787918473, 16184 dt: "STEVE MADDEN UK DIGITAL GIFT CARD", 16185 du: "https://stevemadden.co.uk/products/giftcard", 16186 iu: piu , 16187 stk: 1 , 16188 pr: 10000/100, 16189 ct: window.SwymProductInfo.product.type, 16190 16191 op: 0/100, 16192 16193 variants: [{ "100" : 41141787918473}] 16194 }; 16195 SwymProductVariants[41141787984009] = { 16196 empi: window.SwymProductInfo.product.id,epi:4114
161961787984009, 16197 dt: "STEVE MADDEN UK DIGITAL GIFT CARD", 16198 du: "https://stevemadden.co.uk/products/giftcard", 16199 iu: piu , 16200 stk: 1 , 16201 pr: 20000/100, 16202 ct: window.SwymProductInfo.product.type, 16203 16204 op: 0/100, 16205 16206 variants: [{ "200" : 41141787984009}] 16207 };window.SwymProductInfo.currentVariant = 41141787885705; 16208 var product_data = { 16209 et: 1, empi: window.SwymProductInfo.product.id, epi: window.SwymProductInfo.currentVariant, 16210 dt: "STEVE MADDEN UK DIGITAL GIFT CARD", du: "https://stevemadden.co.uk/products/giftcard", 16211 ct: window.SwymProductInfo.product.type, pr: 5000/100, 16212 iu: piu , 16213 variants: [{ "50" : 41141787885705 }], 16214 stk: 1 16215 16216 ,op:0/100 16217 16218 }; 16219 window.SwymPageData = product_data; 16220 16221 window.SwymPageData.uri = window.swymLandingURL; 16222 }; 16223 if(window.selectCallback){ 16224 (function(){ 16225 var originalSelectCallback = window.selectCallback; 16226 window.selectCallback = function(variant){ 16227 originalSelectCallback.apply(this, arguments); 16228 try{ 16229 if(window.triggerSwymVariantEvent){ 16230 window.triggerSwymVariantEvent(variant.id); 16231 } 16232 }catch(err){ 16233 console.warn("Swym selectCallback", err); 16234 } 16235 };})();} 16236 window.swymCustomerId =null; 16237 window.swymCustomerExtraCheck = 16238 null; 16239 var swappName = ("Wishlist" || "Wishlist"); 16240 var swymJSObject = { 16241 pid: "ZGlkD+reu0kD+uyl8anvLT94k+BU2BFzmxZBSUqU1yg=", 16242 interface: "/apps/swym" + swappName + "/interfaces/interfaceStore.php?appname=" + swappName 16243 }; 16244 window.swymJSShopifyLoad = function(){ 16245 if(window.swymPageLoad) swymPageLoad(); 16246 if(!window._swat) { 16247 (function (s, w, r, e, l, a, y) { 16248 r['SwymRetailerConfig'] = s; 16249 r[s] = r[s] || function (k, v) { 16250 r[s][k] = v; 16251 }; 16252 })('_swrc', '', window); 16253 _swrc('RetailerId', swymJSObject.pid); 16254 _swrc('Callback', function(){initSwymShopify();}); 16255 }else if(window._swat.postLoader){ 16256 _swrc = window._swat.postLoader; 16257 _swrc('RetailerId', swymJSObject.pid); 16258 _swrc('Callback', function(){initSwymShopify();}); 16259 }else{ 16260 initSwymShopify();} 16261 } 16262 if(!window._SwymPreventAutoLoad) { 16263 swymJSShopifyLoad(); 16264 } 16265</script>
16265 16266 16267<style id="safari-flasher-pre"></style>
16268<script> 16269 if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) { 16270 document.getElementById("safari-flasher-pre").innerHTML = '' + '#swym-plugin,#swym-hosted-plugin{display: none;}' + '.swym-button.swym-add-to-wishlist{display: none;}' + '.swym-button.swym-add-to-watchlist{display: none;}' + '#swym-plugin #swym-notepad, #swym-hosted-plugin #swym-notepad{opacity: 0; visibility: hidden;}' + '#swym-plugin #swym-notepad, #swym-plugin #swym-overlay, #swym-plugin #swym-notification,' + '#swym-hosted-plugin #swym-notepad, #swym-hosted-plugin #swym-overlay, #swym-hosted-plugin #swym-notification' + '{-webkit-transition: none; transition: none;}' + ''; 16271 window.SwymCallbacks = window.SwymCallbacks || []; 16272 window.SwymCallbacks.push(function(tracker) { 16273 tracker.evtLayer.addEventListener(tracker.JSEvents.configLoaded, function() { 16274 var x = function() { 16275 SwymUtils.onDOMReady(function() { 16276 var d = document.createElement("div"); 16277 d.innerHTML = "<style id='safari-flasher-post'>" + "#swym-plugin:not(.swym-ready),#swym-hosted-plugin:not(.swym-ready){display: none;}" + ".swym-button.swym-add-to-wishlist:not(.swym-loaded){display: none;}" + ".swym-button.swym-add-to-watchlist:not(.swym-loaded){display: none;}" + "#swym-plugin.swym-ready #swym-notepad, #swym-plugin.swym-ready #swym-overlay, #swym-plugin.swym-ready #swym-notification," + "#swym-hosted-plugin.swym-ready #swym-notepad, #swym-hosted-plugin.swym-ready #swym-overlay, #swym-hosted-plugin.swym-ready #swym-notification" + "{-webkit-transition: opacity 0.3s, visibility 0.3ms, -webkit-transform 0.3ms !important;-moz-transition: opacity 0.3s, visibility 0.3ms, -moz-transform 0.3ms !important;-ms-transition: opacity 0.3s, visibility 0.3ms, -ms-transform 0.3ms !important;-o-transition: opacity 0.3s, visibility 0.3ms, -o-transform 0.3ms !important;transition: opacity 0.3s, visibility 0.3ms, transform 0.3ms !important;}" + "</style>"; 16278 document.head.appendChild(d); 16279 });}; 16280 setTimeout(x, 10); 16281 });});} 16282 window.SwymOverrideMoneyFormat = "£{{amount}}"; 16283</script>
16283 16284<style id="swym-product-view-defaults"> .swym-button.swym-add-to-wishlist-view-product:not(.swym-loaded) { display: none; } </style><!-- END app snippet --> 16285
16286<script 16287 16288 id="swymSnippetCheckAndActivate" 16289> 16290 (function () { 16291 var duplicateProneIds = ['safari-flasher-pre', 'swym-product-view-defaults', 'swym-wrap-login-handler']; 16292 16293 function removeDuplicateIdNodes(id) { 16294 var nodes = document.querySelectorAll('#' + id); 16295 nodes.forEach(function (node, index) { 16296 if (index > 0) { 16297 node.remove(); 16298 } 16299 }); 16300 } 16301 16302 function cleanupDuplicateSnippetNodes(activeScript) { 16303 if (!activeScript) { 16304 return; 16305 } 16306 var allSwymSnippets = document.querySelectorAll('script#swym-snippet'); 16307 allSwymSnippets.forEach(function (scriptNode) { 16308 if (scriptNode !== activeScript) { 16309 scriptNode.remove(); 16310 } 16311 }); 16312 } 16313 16314 function cleanupDuplicateActivationGuards() { 16315 var guardScripts = document.querySelectorAll('script#swymSnippetCheckAndActivate'); 16316 guardScripts.forEach(function (scriptNode, index) { 16317 if (index > 0) { 16318 scriptNode.removeAttribute('id'); 16319 } 16320 }); 16321 } 16322 16323 function postDomLoad() { 16324 var activeScript = document.querySelector('script#swym-snippet:not([type="text"])'); 16325 if (!activeScript) { 16326 var inactiveScript = document.querySelector('script#swym-snippet[type="text"]'); 16327 if (inactiveScript) { 16328 inactiveScript.type = 'text/javascript'; 16329 new Function(inactiveScript.textContent)(); 16330 activeScript = inactiveScript; 16331 } 16332 } 16333 16334 cleanupDuplicateSnippetNodes(activeScript); 16335 cleanupDuplicateActivationGuards(); 16336 duplicateProneIds.forEach(removeDuplicateIdNodes); 16337 } 16338 16339 if (document.readyState === 'loading') { 16340 document.addEventListener('DOMContentLoaded', postDomLoad); 16341 } else { 16342 postDomLoad(); 16343 } 16344 })(); 16345</script>
16345 16346 16347 16348
16349<script> 16350 (function () { 16351 const themeSchemaName = window.Shopify.theme.schema_name; 16352 16353 if (!window.SwymCallbacks) { 16354 window.SwymCallbacks = []; 16355 } 16356 window.SwymCallbacks.push(swat => { 16357 if (!swat) { 16358 return; 16359 } 16360 16361 // Ghost-Intent: Sync local wishlist items to cloud when SDK loads after consent 16362 if (window.SwymLocalWishlist && window.SwymLocalWishlist.getSyncableItems().length > 0) { 16363 window.SwymLocalWishlist.syncToCloud(swat); 16364 } 16365 16366 if (window._SwymSDKOnlyMode) { 16367 return; 16368 } 16369 16370 // ENABLE COMMON FEATURES 16371 let swymEnabledCommonFeatures = window.SwymEnabledCommonFeatures; 16372 Object.keys(swymEnabledCommonFeatures).forEach(key => { 16373 if (!swymEnabledCommonFeatures[key]) return; 16374 16375 switch (key) { 16376 case 'add-to-wishlist-collections-button': 16377 // Check if app block is already handling the collections button 16378 if (window.SwymCollectionsConfig) { 16379 return; 16380 } 16381 16382 // Check if v2 default collections is handling it 16383 if (window.SwymAdvancedCollectionsWishlistConfig) { 16384 return; 16385 } 16386 16387 // Fallback to old v1 behavior if v2 config is not present 16388 swat?.collectionsApi?.setDefaultCustomizationOptions(); 16389 swat?.collectionsApi?.initializeCollections(swat, false, themeSchemaName); 16390 16391 break; 16392 case 'add-to-wishlist-pdp-button': 16393 // Check if app block is already handling the PDP button 16394 if (window.swymATWButtonConfig?.shopifyExtensionType === 'appblock') { 16395 return; 16396 } 16397 16398 if (!(window.SwymPageData && window.SwymPageData.et === 1)) { 16399 // Not initiating pdp button as it is not a product page 16400 return; 16401 } 16402 16403 // Inject addtowishlist.css into the document's <head> 16404 var head = document.head; 16405 var pdpButtonStylesheet = "https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/addtowishlistbutton.css"; 16406 var pdpButtonStylesheetTag = document.createElement('link'); 16407 pdpButtonStylesheetTag.id = `swym-pdp-button-stylesheet`; 16408 pdpButtonStylesheetTag.rel = 'stylesheet'; 16409 pdpButtonStylesheetTag.href = pdpButtonStylesheet; 16410 16411 if (!document.getElementById('swym-pdp-button-stylesheet')) { 16412 head.appendChild(pdpButtonStylesheetTag); 16413 } 16414 16415 var x = document.getElementsByTagName('script')[0]; 16416 function createAndInsertScript(id, src, onLoadCallback) { 16417 var scriptTag = document.createElement('script'); 16418 scriptTag.id = id; 16419 scriptTag.type = 'text/javascript'; 16420 scriptTag.src = src; 16421 scriptTag.onload = onLoadCallback; 16422 x.parentNode.insertBefore(scriptTag, x); 16423 } 16424 16425 var pdpButtonScript = "https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/addtowishlistbutton.js"; 16426 createAndInsertScript(`swym-pdp-button-script`, pdpButtonScript, function () { 16427 const pdpBtnApi = window.WishlistPlusPDPButtonAPI; 16428 if (pdpBtnApi) { 16429 pdpBtnApi.setDefaultCustomizationOptions(swat); 16430 pdpBtnApi.initializePDPButton(swat, true); 16431 } 16432 }); 16433 break; 16434 default: 16435 return; 16436 } 16437 }); 16438 }); 16439 })(); // IIFE to prevent polluting global scope 16440</script>
16440 16441 16442 16443
16444<script> 16445 (function () { 16446 // Get the settings from Shopify's Liquid variables and create the styles 16447 const isControlCentreEnabledFromMetafield = window?.SwymEnabledCommonFeatures?.["control-centre"]; 16448 const isCommonCustomizationEnabledFromMetafield = window?.SwymWishlistCommonCustomizationSettings && 16449 Object.keys(window.SwymWishlistCommonCustomizationSettings).length > 0; 16450 const isControlCentreEnabledFromBlockSettings = false; 16451 16452 if (!(isControlCentreEnabledFromMetafield && isCommonCustomizationEnabledFromMetafield) && !isControlCentreEnabledFromBlockSettings) { 16453 // Don't enable control centre if this is disabled and block settings are not enabled 16454 return; 16455 } 16456 16457 let borderRadius = 6; 16458 let drawerWidth = window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutDrawerWidth || 400; 16459 16460 // Check if block settings exist, use them, otherwise fall back to common settings 16461 let primaryBgColor = isControlCentreEnabledFromBlockSettings ? 16462 "#000000" : 16463 window.SwymWishlistCommonCustomizationSettings.primaryColor; 16464 16465 let primaryTextColor = isControlCentreEnabledFromBlockSettings ? 16466 "#ffffff" : 16467 window.SwymWishlistCommonCustomizationSettings.secondaryColor; 16468 16469 let secondaryBgColor = isControlCentreEnabledFromBlockSettings ? 16470 "#F4F8FE" : null; 16471 let secondaryTextColor = isControlCentreEnabledFromBlockSettings ? 16472 "#333333" : null; 16473 16474 // Only use color adjustment functions if we're using common settings 16475 if (!secondaryBgColor || !secondaryTextColor) { 16476 function adjustOpacity(color, opacity) { 16477 if (color[0] === '#') { 16478 color = color.slice(1); 16479 } 16480 16481 if (color.length === 3) { 16482 color = color.split('').map(char => char + char).join(''); 16483 } 16484 16485 const r = parseInt(color.slice(0, 2), 16); 16486 const g = parseInt(color.slice(2, 4), 16); 16487 const b = parseInt(color.slice(4, 6), 16); 16488 16489 return `rgba(${r}, ${g}, ${b}, ${opacity})`; 16490 } 16491 16492 function hexToRgb(color) { 16493 if (color[0] === '#') { 16494 color = color.slice(1); 16495 } 16496 if (color.length === 3) { 16497 color = color.split('').map(c => c + c).join(''); 16498 } 16499 16500 return { 16501 r: parseInt(color.slice(0, 2), 16), 16502 g: parseInt(color.slice(2, 4), 16), 16503 b: parseInt(color.slice(4, 6), 16) 16504 }; 16505 } 16506 16507 function getLuminance({ r, g, b }) { 16508 return 0.299 * r + 0.587 * g + 0.114 * b; 16509 } 16510 16511 function generateSecondaryColors(primaryBgColor, primaryTextColor) { 16512 const secondaryBgOpacity = 0.2; 16513 const secondaryTextOpacity = 0.8; 16514 16515 const secondaryBgColor = adjustOpacity(primaryBgColor, secondaryBgOpacity); 16516 16517 const bgRgb = hexToRgb(primaryBgColor); 16518 const bgLuminance = getLuminance(bgRgb); 16519 16520 // Determine whether to use dark or light text for contrast 16521 const lightText = adjustOpacity(primaryTextColor, secondaryTextOpacity); 16522 const darkText = adjustOpacity(primaryBgColor, secondaryTextOpacity); 16523 16524 const secondaryTextColor = bgLuminance > 186 ? darkText : lightText; 16525 16526 return { 16527 secondaryBgColor, 16528 secondaryTextColor 16529 }; 16530 } 16531 16532 const generatedColors = generateSecondaryColors(primaryBgColor, primaryTextColor); 16533 secondaryBgColor = secondaryBgColor || generatedColors.secondaryBgColor; 16534 secondaryTextColor = secondaryTextColor || generatedColors.secondaryTextColor; 16535 } 16536 16537 // Create the CSS rule 16538 let styles = ` 16539 .swym-storefront-layout-root-component { 16540 --swym-storefront-layout-ui-border-radius: ${borderRadius}px; 16541 --swym-storefront-layout-button-border-radius: ${borderRadius}px; 16542 --swym-storefront-layout-side-drawer-width: ${drawerWidth}px; 16543 --swym-storefront-layout-button-color-bg-primary: ${primaryBgColor}; 16544 --swym-storefront-layout-button-color-text-primary: ${primaryTextColor}; 16545 --swym-storefront-layout-button-color-bg-secondary: ${secondaryBgColor}; 16546 --swym-storefront-layout-button-color-text-secondary: ${secondaryTextColor}; 16547 } 16548 `; 16549 16550 // Create a <style> element and append the styles 16551 let styleSheet = document.createElement("style"); 16552 styleSheet.type = "text/css"; 16553 styleSheet.innerText = styles; 16554 document.head.appendChild(styleSheet); 16555 16556 if (typeof window.SwymStorefrontLayoutContext === 'undefined') { 16557 window.SwymStorefrontLayoutContext = {}; 16558 } 16559 if (typeof window.SwymStorefrontLayoutExtensions === 'undefined'){ 16560 window.SwymStorefrontLayoutExtensions = {}; 16561 } 16562 16563 // Expose block settings toggle state so ThemeCSSMapping can respect it. 16564 // When true, theme editor color pickers take priority over inherited theme CSS variables. 16565 SwymStorefrontLayoutContext.BlockSettingsEnabled = isControlCentreEnabledFromBlockSettings; 16566 16567 if (isControlCentreEnabledFromBlockSettings) { 16568 // If block settings are enabled, use them 16569 SwymStorefrontLayoutContext.Settings = { 16570 EnableStorefrontLayoutOnLauncher: true, 16571 EnableStorefrontLayoutNotification: window?.SwymWishlistCommonCustomizationSettings?.enableStorefrontLayoutNotification ?? true, 16572 StorefrontLayoutType: window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutType || "as-drawer", 16573 StorefrontLayoutDrawerPosition: "left", 16574 StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container", 16575 StorefrontLayoutAsSectionPageURL: "/pages/swym-wishlist", 16576 EnableStorefrontLayoutVariantSelector: true, 16577 StorefrontLayoutNotificationPosition: "left", 16578 StorefrontLayoutActionPopupPosition: "left", 16579 StorefrontLayoutNotificationDuration: 5000 16580 }; 16581 } else { 16582 // If only metafield is enabled but no block settings, use common settings 16583 SwymStorefrontLayoutContext.Settings = { 16584 EnableStorefrontLayoutOnLauncher: true, 16585 EnableStorefrontLayoutNotification: window?.SwymWishlistCommonCustomizationSettings?.enableStorefrontLayoutNotification ?? true, 16586 StorefrontLayoutType: window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutType || "as-drawer", 16587 StorefrontLayoutDrawerPosition: "left", 16588 StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container", 16589 StorefrontLayoutAsSectionPageURL: "/pages/swym-wishlist", 16590 EnableStorefrontLayoutVariantSelector: true, 16591 StorefrontLayoutNotificationPosition: "left", 16592 StorefrontLayoutActionPopupPosition: "left", 16593 StorefrontLayoutNotificationDuration: 5000 16594 }; 16595 } 16596 const storefrontLayoutCallback = (swat) =>{ 16597 SwymStorefrontLayoutContext.swat = swat; 16598 let isStoreOnPaidPlan = swat.getApp('Wishlist')?.['is-paid']; 16599 let isWishlistEnabled = swat.getApp('Wishlist')?.['enabled']; 16600 SwymStorefrontLayoutContext.Settings = { 16601 ...SwymStorefrontLayoutContext?.Settings, 16602 EnableStorefrontLayoutCollection: window?.SwymEnabledCommonFeatures?.["multiple-wishlist"] ?? false, 16603 EnableStorefrontLayout: isWishlistEnabled && (isControlCentreEnabledFromBlockSettings || isControlCentreEnabledFromMetafield), 16604 } 16605 16606 if(SwymStorefrontLayoutContext?.Settings?.EnableStorefrontLayout){ 16607 if(SwymStorefrontLayoutContext?.CustomEvents?.LayoutInitialized){ 16608 var event = new CustomEvent(SwymStorefrontLayoutContext.CustomEvents.LayoutInitialized, { 16609 detail: { settings: SwymStorefrontLayoutContext?.Settings } 16610 }); 16611 document.dispatchEvent(event); 16612 }else{ 16613 swat.utils.warn(`LayoutInitialized event is not defined.`); 16614 } 16615 }else{ 16616 swat.utils.warn(`Storefront Layout is disabled.`); 16617 document.getElementById("swym-storefront-layout-container")?.remove(); 16618 document.getElementById("swym-storefront-extention-render-container")?.remove(); 16619 } 16620 } 16621 16622 if (!window.SwymCallbacks) { 16623 window.SwymCallbacks = []; 16624 } 16625 window.SwymCallbacks.push(storefrontLayoutCallback); 16626 16627 SwymStorefrontLayoutContext.SwymCustomerData = { 16628 16629 name: null, 16630 email: null 16631 16632 };
16633 SwymStorefrontLayoutContext.isShopperLoggedIn = !!SwymStorefrontLayoutContext?.SwymCustomerData?.email; 16634 })(); 16635</script>
16635 16636 16637 16638 16639 16640</div>
16640<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
16640 16641</body> 16642 16643 16644 16645 16646 16647 16648 16649 16650 16651 16652
16652<script 16653 type="text/javascript" 16654 defer 16655 > 16656 16657 16658 16659 16660 16661 16662 16663 16664 16665 16666 16667 16668 16669 16670 16671 16672 16673 const GetDate =(quantity, qtyRange, isNotInRange)=> { 16674 let dateRange = '',maxAllowedQty = 0; 16675 for (i = 0; i < qtyRange.length; i++) { 16676 let minQty = parseInt(qtyRange[i].minimum_qty), maxQty = parseInt(qtyRange[i].maximum_qty); 16677 if(i == 0 && minQty==1 && maxQty>1) 16678 16679 minQty=0; 16680 16681 let condition1 = false, condition2 = false; 16682 quantity = Math.abs(quantity); 16683 if (quantity >= minQty) { condition1 = true; } 16684 if (maxQty == "max") { condition2 = true; } 16685 else if (quantity <= maxQty) { condition2 = true; } 16686 16687 if (condition1 && condition2) { 16688 dateRange = qtyRange[i].order_date; 16689 isNotInRange = false; 16690 } 16691 maxAllowedQty = maxQty; 16692 } 16693 return [dateRange, isNotInRange, maxAllowedQty]; 16694 } 16695 16696 const decodeHtml = (value) => { 16697 const txt = document.createElement('textarea'); 16698 txt.innerHTML = value; 16699 return txt.value; 16700 }; 16701 16702 const preorderArray = '' || '[]'; 16703 16704 const preOrderBackOrderData = { 16705 'id': 7155729268873, 16706 'metaField' : JSON.parse(preorderArray), 16707 'variantsInventoryPolicy':{ 16708 16709 41141787885705: "deny", 16710 16711 41141787918473: "deny", 16712 16713 41141787984009: "deny" 16714 16715 }, 16716 'variantsInventoryQty':{ 16717 16718 41141787885705: -9, 16719 16720 41141787918473: -9, 16721 16722 41141787984009: -2 16723 16724 }, 16725 'variantsInventoryMngmt':{ 16726 16727 41141787885705: null, 16728 16729 41141787918473: null, 16730 16731 41141787984009: null 16732 16733 }, 16734 'variantsAvailable':{ 16735 16736 41141787885705: true, 16737 16738 41141787918473: true, 16739 16740 41141787984009: true 16741 16742 } 16743 16744 }; 16745 let addToCartBtn = document.querySelector('#addToCartBtn'); 16746 const isAppExclusiveFlag = addToCartBtn?.dataset?.appExclusive === 'true'; 16747 let stickyAddToCartBtn = document.querySelector('#sticky-add-to-cart-btn'); 16748 16749 function formatPreorderDateByLocale(dateStr) { 16750 if (!dateStr) return ''; 16751 16752 const parts = dateStr.split('/'); 16753 if (parts.length !== 3) return dateStr; 16754 16755 const [month, day, year] = parts; 16756 const isFrench = 'en'.toLowerCase().startsWith('fr'); 16757 return isFrench ? `${day}/${month}/${year}` : dateStr; 16758 } 16759 16760 const UpdatePreOrder =(variantId) => { 16761 $('.preOrderDate').remove(); 16762 $('.preorder-notify-link').remove(); 16763 //$('.new-pro-form').find(".preproperties").remove(); 16764 let selectedVariantId = jQuery('input[name^=id]:checked, select[name^=id], input[name=id], hidden[name^=id]', jQuery('form[action="/cart/add"]')).val(); 16765 if(variantId) selectedVariantId = variantId; 16766 let pinventory_policy = preOrderBackOrderData.variantsInventoryPolicy[selectedVariantId]; 16767 let pinventory_mngmt = preOrderBackOrderData.variantsInventoryMngmt[selectedVariantId]; 16768 let pinventory_qty = preOrderBackOrderData.variantsInventoryQty[selectedVariantId]; 16769 let pavailable = preOrderBackOrderData.variantsAvailable[selectedVariantId]; 16770 let variantMetafieldObj = []; 16771 if (preOrderBackOrderData.metaField != null) 16772 variantMetafieldObj = jQuery.grep((preOrderBackOrderData.metaField), function (n, i) { return (n.variant_id == selectedVariantId); }); 16773 16774 let preorderDate = ''; 16775 let maxAllowedQty = ''; 16776 if(variantMetafieldObj.length != 0){ 16777 if(variantMetafieldObj[0].qty_range != undefined){ 16778 let rangeDate = GetDate(pinventory_qty,variantMetafieldObj[0].qty_range,true); 16779 preorderDate = rangeDate[0]; 16780 maxAllowedQty = rangeDate[2]; 16781 } 16782 else if (variantMetafieldObj[0].minimum_qty != undefined && variantMetafieldObj[0].order_date != undefined && Math.abs(pinventory_qty) <= variantMetafieldObj[0].minimum_qty){ 16783 preorderDate = variantMetafieldObj[0].order_date; 16784 } 16785 } 16786 16787 16788 preorderDate = formatPreorderDateByLocale(preorderDate); 16789 16790 if (pavailable == true){ 16791 if (pinventory_mngmt == 'shopify' && pinventory_policy == 'continue' && pinventory_qty <= 0 && preorderDate !='') { 16792 let _tag = variantMetafieldObj[0]?.pre_order_or_back_order; 16793 if (_tag == 'Back-Order') { 16794 window.backorderbuttontest === true ? _tag = 'Back-Order' : _tag = 'Add To Cart'; 16795 } 16796 let _tagProperty = variantMetafieldObj[0]?.pre_order_or_back_order == 'Pre-Order' ? "Pre-ordered items" : 'Back-ordered items'; 16797 if (!isAppExclusiveFlag) { 16798 addToCartBtn.value = _tag; 16799 addToCartBtn.innerHTML = _tag; 16800 stickyAddToCartBtn.value = _tag; 16801 stickyAddToCartBtn.innerHTML = _tag; 16802 } 16803 let pdatemeta = preorderDate; 16804 jQuery('#addToCartBtn').removeClass('hide'); 16805 jQuery('#add-to-cart-form').removeClass('hide'); 16806 jQuery('.back-in-stock-app-container').removeClass('show'); 16807 jQuery('#sticky-add-to-cart-btn').removeClass('hide'); 16808 jQuery('#in-stock-container').removeClass('hide'); 16809 16810 if ($(".preOrderDate").length > 0){ 16811 $(".preOrderDate").text('EXPECTED TO SHIP : ' + pdatemeta + '.'); 16812 $(".preOrderDate").attr('data-predate',pdatemeta); 16813 } 16814 else{ 16815 16816 16817 $('#promiseEddCalculator').remove(); 16818 $('#add-to-cart-form').before('<div style="color: #B20000" class="tooltiptext1 preOrderDate" data-predate="' + pdatemeta + '">EXPECTED TO SHIP : ' + pdatemeta + '.</div>') 16819 $('#sticky-add-to-cart-btn').after('<div style="color: #B20000; position: absolute;" class="tooltiptext1 preOrderDate" data-predate="' + pdatemeta + '">EXPECTED TO SHIP : ' + pdatemeta + '.</div>') 16820 jQuery('#in-stock-container').addClass('hide'); 16821 } 16822 16823 16824 if ($('#add-to-cart-form').find(".preproperties").length > 0){ 16825 $('#add-to-cart-form').find(".preproperties").html('<input type="hidden" value=' + pdatemeta + ' id="preordermessage" name="properties[EXPECTED TO SHIP]"/> <input type="hidden" value="1" id="preorderprop" name="properties[' + _tagProperty + ']" />'); 16826 $('#sticky-add-to-cart-form').find(".preproperties").html('<input type="hidden" value=' + pdatemeta + ' id="preordermessage" name="properties[EXPECTED TO SHIP]"/> <input type="hidden" value="1" id="preorderprop" name="properties[' + _tagProperty + ']" />'); 16827 } 16828 else{ 16829 $('#add-to-cart-form').append('<div id="preproperties" class="preproperties"> <input type="hidden" value=' + pdatemeta + ' id="preordermessage" name="properties[EXPECTED TO SHIP]"/> <input type="hidden" value="1" id="preorderprop" name="properties[' + _tagProperty + ']" /></div>'); 16830 $('#sticky-add-to-cart-form').append('<div id="preproperties" class="preproperties"> <input type="hidden" value=' + pdatemeta + ' id="preordermessage" name="properties[EXPECTED TO SHIP]"/> <input type="hidden" value="1" id="preorderprop" name="properties[' + _tagProperty + ']" /></div>'); 16831 } 16832 } else { 16833 $('#add-to-cart-form').find('#preproperties').remove(); 16834 $('#sticky-add-to-cart-form').find('#preproperties').remove(); 16835 $('.new-pro-form').find('#preOrderDate').remove(); 16836 $('.new-pro-form').find(".preproperties").remove(); 16837 if (!isAppExclusiveFlag) { 16838 const enableLowInventoryCta = false;
16839 const lowInventoryThreshold = 20; 16840 const lowInventoryCtaText = decodeHtml("Translation missing: en.products.product.get_it_before_its_gone"); 16841 const addToCartText = decodeHtml("Add to cart"); 16842 16843 if ( 16844 enableLowInventoryCta && 16845 pinventory_mngmt == 'shopify' && 16846 pinventory_qty > 0 && 16847 pinventory_qty <= lowInventoryThreshold 16848 ) { 16849 addToCartBtn.innerText = lowInventoryCtaText; 16850 stickyAddToCartBtn.innerText = lowInventoryCtaText; 16851 } else { 16852 addToCartBtn.innerText = addToCartText; 16853 stickyAddToCartBtn.innerText = addToCartText; 16854 } 16855 } 16856 addToCartBtn.removeAttribute('disabled'); 16857 stickyAddToCartBtn.removeAttribute('disabled'); 16858 jQuery('#addToCartBtn').removeClass('hide'); 16859 jQuery('#add-to-cart-form').removeClass('hide'); 16860 jQuery('.back-in-stock-app-container').removeClass('show'); 16861 jQuery('#sticky-add-to-cart-btn').removeClass('hide'); 16862 jQuery('#in-stock-container').removeClass('hide'); 16863 } 16864 } else if(pinventory_mngmt == 'shopify' && pinventory_policy == 'deny' && pinventory_qty <= 0 && pavailable == false){ 16865 $('.new-pro-form').find('.tooltiptext1').remove(); 16866 $('.new-pro-form').find(".preproperties").remove(); 16867 if (!isAppExclusiveFlag) { 16868 addToCartBtn.innerText = 'Sold Out'; 16869 stickyAddToCartBtn.innerText = 'Sold Out'; 16870 } 16871 jQuery('#addToCartBtn').addClass('hide'); 16872 jQuery('#add-to-cart-form').addClass('hide'); 16873 jQuery('#sticky-add-to-cart-btn').addClass('hide'); 16874 jQuery('.back-in-stock-app-container').addClass('show'); 16875 jQuery('#in-stock-container').addClass('hide'); 16876 } 16877 if(addToCartBtn.classList.contains('disable_btn')){ 16878 addToCartBtn.disabled = true; 16879 stickyAddToCartBtn.disabled = true; 16880 }else{ 16881 addToCartBtn.disabled = false; 16882 } 16883 } 16884 16885 16886 function syncPdpSelectAndInput() { 16887 const pdpSelectElement = document.querySelector('select[name="desk_size"]'); 16888 const pdpInputElements = document.querySelectorAll('input[name^="option-"]'); 16889 const pdpVariantIdInput = document.getElementById('variant-id-input'); 16890 pdpInputElements.forEach(pdpInputElement => { 16891 pdpInputElement.addEventListener('change', event => { 16892 const selectedValue = event.target.value; 16893 const matchingOption = pdpSelectElement.querySelector(`option[value="${selectedValue}"]`); 16894 if (matchingOption) { 16895 matchingOption.selected = true; 16896 const variantId = matchingOption.getAttribute('data-variant-fbid'); 16897 pdpVariantIdInput.value = variantId; 16898 UpdatePreOrder(variantId); 16899 } 16900 }); 16901 }); 16902 } 16903 16904 syncPdpSelectAndInput(); 16905 </script>
16905 16906 16907 16908 16909 <style> 16910 #backInStockDiv { 16911 width: 100%; 16912 } 16913 #backInStockDiv button { 16914 height: 63px; 16915 margin-bottom: 6%; 16916 } 16917 /* Inline form CSS */ 16918 .backInStock_custom__form__card { 16919 padding: 10px; 16920 } 16921 .backInStock_form__card__header { 16922 padding: 10px; 16923 background-color: #423e3e; 16924 color: white; 16925 font-size: 1.5rem; 16926 } 16927 .backInStock_form__content { 16928 padding: 10px; 16929 background-color: ghostwhite; 16930 margin-top: 20px; 16931 } 16932 .backInStock_form__content input { 16933 width: 95%; 16934 height: 30px; 16935 } 16936 .backInStock_form__content button { 16937 width: 100%; 16938 margin-top: 15px; 16939 height: 50px; 16940 border: none; 16941 color: white; 16942 background-color: green; 16943 text-transform: uppercase; 16944 font-weight: 600; 16945 font-size: 1.5rem; 16946 } 16947 .backInStock_footer { 16948 text-align: center; 16949 font-size: small; 16950 color: gray; 16951 background-color: ghostwhite; 16952 padding: 10px; 16953 } 16954 .backInStock_subscribe_popup_btn { 16955 max-width: 100%; 16956 margin: 0; 16957 border: none; 16958 color: white; 16959 background-color: black; 16960 text-transform: uppercase; 16961 font-weight: 600; 16962 font-size: 1.5rem; 16963 } 16964 .wishlist_atc .back-in-stock-app-container { 16965 width: 100% !important; 16966 } 16967 .wishlist_atc .backInStock_subscribe_popup_btn { 16968 width: 100% !important; 16969 } 16970 16971 .sticy_bar_inner .back-in-stock-app-container { 16972 width: fit-content; 16973 } 16974 .sticy_bar_inner .backInStock_subscribe_popup_btn { 16975 width: fit-content; 16976 } 16977 16978 @media only screen and (max-width: 768px) { 16979 .sticy_bar_inner .back-in-stock-app-container { 16980 width: 100% !important; 16981 height: 66px !important; 16982 } 16983 .sticy_bar_inner .backInStock_subscribe_popup_btn { 16984 width: 100%; 16985 max-width: none; 16986 position: fixed; 16987 z-index: 0; 16988 left: 50%; 16989 transform: translateX(-50%); 16990 } 16991 } 16992 16993 .desk_sticky_bar .back-in-stock-app-container.show { 16994 display: none; 16995 background: none; 16996 border: none; 16997 height: 0; 16998 padding: 0; 16999 } 17000 .desk_sticky_bar.visible .back-in-stock-app-container.show { 17001 top: 100%; 17002 display: block; 17003 margin-top: -60px; 17004 } 17005 17006 @media only screen and (max-width: 768px) { 17007 .desk_sticky_bar.visible .back-in-stock-app-container.show { 17008 margin-top: -60px; 17009 position: fixed; 17010 } 17011 } 17012 17013 .backInStock_subscribeBack__btn { 17014 background-color: green; 17015 color: white; 17016 padding: 10px; 17017 text-align: center; 17018 } 17019 .backInStock_subscribeBack__btn:hover { 17020 background-color: #3a3737 !important; 17021 } 17022 .backInStock_footer { 17023 text-align: center; 17024 font-size: small; 17025 color: lightgray; 17026 margin-top: 10px; 17027 } 17028 </style> 17029 17030
17030<script> 17031 var backInStockPdPData = { 17032 'product': {}, 17033 'productList': {} 17034 };backInStockPdPData.product = { 17035 'id': 7155729268873, 17036 'sku': null, 17037 'name': "STEVE MADDEN UK DIGITAL GIFT CARD", 17038 'price': 50.0, 17039 'basePrice': 0.0, 17040 'url': "\/products\/giftcard", 17041 'featured_image': "\/\/stevemadden.co.uk\/cdn\/shop\/files\/DigitalGiftCard-2_1.png?v=1704279165", 17042 'type': "GIFT CARD", 17043 'tags': ["dontpublish","giftcard","holiday-2024","no-returns","Steve Madden"], 17044 'brand': "Steve Madden", 17045 'isInStock': true, 17046 'stockQty': null, 17047 'hasNoVariants': false, 17048 'numVariants': 3, 17049 'variantsInStock': 3, 17050 'category': ["All products","Put a bow on it!","Summer Shop"], 17051 'currentVariant': 41141787885705, 17052 'variants': [{ 17053 'id': 41141787885705, 17054 'style': "cltchg_50", // sku 17055 'name': "50", 17056 'inStock': true, 17057 'inventoryPolicy': "deny", 17058 'inventoryQuantity': -9, 17059 'Color': "50", 17060 'Size': null, 17061 'Color Code': null, 17062 'StockAlert': false 17063 17064 },{ 17065 'id': 41141787918473, 17066 'style': "cltchg_100", // sku 17067 'name': "100", 17068 'inStock': true, 17069 'inventoryPolicy': "deny", 17070 'inventoryQuantity': -9, 17071 'Color': "100", 17072 'Size': null, 17073 'Color Code': null, 17074 'StockAlert': false 17075 17076 },{ 17077 'id': 41141787984009, 17078 'style': "cltchg_200", // sku 17079 'name': "200", 17080 'inStock': true, 17081 'inventoryPolicy': "deny", 17082 'inventoryQuantity': -2, 17083 'Color': "200", 17084 'Size': null, 17085 'Color Code': null, 17086 'StockAlert': false 17087 17088 },] 17089 };</script>
17089 17090
17090<script 17091 type="text/javascript" 17092 defer 17093 > 17094 var backInStockSettingsUrl = "//stevemadden.co.uk/cdn/shop/t/961/assets/backinstock.json?v=154565449815993006451755523920", 17095 BackInStockSettings = { 17096 "WidgitType": "popup", 17097 "PopUpTitle": `Notify me if my size becomes available`, 17098 "PopUpBodyText": `Enter your email to receive a notification when this item comes back in stock.`, 17099 "EmailPlaceHolder": `Enter email address`, 17100 "InvalidEmailText": `Please enter a valid email address.`, 17101 "SubscribeButtonText": `SUBSCRIBE`, 17102 "PrivacyText": `By signing up, you agree to be updated on news and exclusive offers from Steve Madden.`, 17103 "SuccessfullSubscriptionText": `You're on the list! Keep your eyes on your inbox. If it becomes available, you'll be the first to know!`, 17104 "SuccessfullSubscriptionBtn": `Got It`, 17105 "SubscribeButtonColor": "#151414", 17106 "OnlineStoreLocationId": 3738075202, 17107 "themeId": 122579615810, 17108 "enable": true 17109 },variantId = null; 17110 17111 var bisCheckboxError= "Please check the box to confirm your subscription to our email list"; 17112 17113 17114 17115 function syncPdpSelectAndInput() { 17116 const pdpSelectElement = document.querySelector('select[name="desk_size"]'); 17117 const pdpInputElements = document.querySelectorAll('input[name^="option-"]'); 17118 const pdpVariantIdInput = document.getElementById('variant-id-input'); 17119 17120 pdpInputElements.forEach(pdpInputElement => { 17121 pdpInputElement.addEventListener('change', event => { 17122 const selectedValue = event.target.value; 17123 const matchingOption = pdpSelectElement.querySelector(`option[value="${selectedValue}"]`); 17124 if (matchingOption) { 17125 matchingOption.selected = true; 17126 const variantId = matchingOption.getAttribute('data-variant-fbid'); 17127 pdpVariantIdInput.value = variantId; 17128 BackInStockWidgit_Init(variantId); 17129 } 17130 }); 17131 }); 17132 } 17133 17134 syncPdpSelectAndInput(); 17135 17136 function getNotificationType(variantId) { 17137 const variant = (backInStockPdPData.product.variants || []) 17138 .find(v => String(v.id) === String(variantId)); 17139 17140 if (!variant) { 17141 return 'soldout'; 17142 } 17143 17144 const isPreorderOrBackorder = 17145 variant.inventoryPolicy === 'continue' && 17146 Number(variant.inventoryQuantity) <= 0; 17147 17148 return isPreorderOrBackorder 17149 ? 'preorder_or_backorder' 17150 : 'soldout'; 17151 } 17152 17153 (function setupBISTracking(){ 17154 if (window.__bisTrackingBound) return; 17155 window.__bisTrackingBound = true; 17156 17157 function getSelectedVariantId() { 17158 return jQuery( 17159 'input[name^=id]:checked, select[name^=id], input[name=id], hidden[name^=id]', 17160 jQuery('form[action="/cart/add"]') 17161 ).val() || backInStockPdPData?.product?.currentVariant; 17162 } 17163 17164 jQuery(document).on('click', '.backInStock_subscribe_popup_btn', function () { 17165 const variantId = getSelectedVariantId(); 17166 const type = getNotificationType(variantId); 17167 17168 window.dataLayer = window.dataLayer || []; 17169 window.dataLayer.push({ 17170 event: 'bis_notify_click', 17171 notification_type: type, 17172 productId: backInStockPdPData.product.id, 17173 variantId: variantId, 17174 style: (backInStockPdPData.product.variants || []).find(v => String(v.id) === String(variantId))?.style || null 17175 }); 17176 }); 17177 })(); 17178 17179 17180 17181 function BackInStockWidgit_Init(currentVariantID) { 17182 var currentVariant = currentVariantID; 17183 if (currentVariant == null) { 17184 currentVariant = jQuery( 17185 'input[name^=id]:checked, select[name^=id], input[name=id], hidden[name^=id]', 17186 jQuery('form[action="/cart/add"]') 17187 ).val(); 17188 } 17189 if (currentVariant == null) { 17190 currentVariant = backInStockPdPData.product.currentVariant; 17191 } 17192 BackInStockSettings.selectedvariantId = currentVariant; 17193 BackInStockSettings.currentVarHTML = $('<div class="cart__meta-text"></div>'); 17194 var enableWidget = false;
17195 for (var i = 0; i < backInStockPdPData.product.variants.length; i++) { 17196 if (backInStockPdPData.product.variants[i].id == currentVariant) { 17197 BackInStockSettings.currentVarHTML.empty(); 17198 enableWidget = backInStockPdPData.product.variants[i].StockAlert; 17199 if (backInStockPdPData.product.variants[i].Color != '') { 17200 BackInStockSettings.currentVarHTML.append( 17201 '<div class="table-cart"> <span style="">Colour:</span><span style="">' + 17202 backInStockPdPData.product.variants[i].Color + 17203 '</span></div>' 17204 ); 17205 } 17206 if (backInStockPdPData.product.variants[i].Size != '') { 17207 BackInStockSettings.currentVarHTML.append( 17208 '<div class="table-cart"> <span style="">Size:</span><span style="">' + 17209 backInStockPdPData.product.variants[i].Size + 17210 '</span></div>' 17211 ); 17212 } 17213 break; 17214 } 17215 } 17216 if (enableWidget && BackInStockSettings.enable == true) { 17217 var _html = BackInStockWidgit_Html(BackInStockSettings); 17218 if ($('#backInStockDiv').length == 0) { 17219 $('form[action = "/cart/add"] [type = "submit"][name = "add"]').before( 17220 '<div id="backInStockDiv">' + _html + '</div>' 17221 ); 17222 } else { 17223 $('#backInStockDiv').html(_html); 17224 } 17225 } else { 17226 $('#backInStockDiv').remove(); 17227 } 17228 } 17229 17230 function BackInStockWidgit_Html(settings) { 17231 var inline = 17232 '<div class="backInStock_custom__form__card">' + 17233 ' <div class="backInStock_form__card__header">' + 17234 settings.PopUpTitle + 17235 '</div>' + 17236 ' <div id="backInStock_form__content" class="backInStock_form__content">' + 17237 ' <p>' + 17238 settings.PopUpBodyText + 17239 '</p>' + 17240 ' <input id="backInStockEmail" type="email" placeholder="' + 17241 settings.EmailPlaceHolder + 17242 '" />' + 17243 ' <p style="color:red;display:none;" id="backInStockEmailError">' + 17244 settings.InvalidEmailText + 17245 '</p>' + 17246 ' <button type="button" id="btnSubmitBIS" onclick="BackInStockWidgit_SubscribeUser()" class="backInStock_subscribeBack__btn" style="background:' + 17247 settings.SubscribeButtonColor + 17248 '">' + 17249 settings.SubscribeButtonText + 17250 '</button>' + 17251 ' <p>' + 17252 settings.PrivacyText + 17253 '</p>' + 17254 ' </div>' + 17255 ' <div class="backInStock_footer">Powered By #dolcevita</div>' + 17256 ' </div>'; 17257 17258 var popupBtn = 17259 '<button type="button" onclick="BackInStockWidgit_OpenPopup()" class="backInStock_subscribe_popup_btn" style="background:' + 17260 settings.SubscribeButtonColor + 17261 '">' + 17262 settings.SubscribeButtonText + 17263 '</button>'; 17264 return settings.WidgitType == 'popup' ? popupBtn : inline; 17265 } 17266 17267 function BackInStockWidgit_PopupHtml(settings) { 17268 17269 17270 17271 17272 let popup = 17273 '<div id="backInStock_modal" class="backInStock_modal"><div class="backInStock_modal-content" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="back-in-stock-product"><div>' + 17274 ' <button type="button" class="close backInStock_modal-close" onclick="BackInStockWidgit_ClosePopup();" data-dismiss="modal">Ã</button>' + 17275 ' <h3 class="modal-title" id="back-in-stock-product" data-title-hide>' + 17276 settings.PopUpTitle + 17277 '</h3>' + 17278 ' <h3 class="modal-title" id="back-in-stock-product" data-title-show style="display: none;">' + 17279 settings.SuccessfullSubscriptionText + 17280 '</h3>' + 17281 ' <hr><div class="back-in-stock-product" data-product-html>' + 17282 ' <table><tbody><tr class="back-in-stock-item">' + 17283 ' <td class="cart__image-wrapper cart-flex-item"><a href="' + 17284 backInStockPdPData.product.url + 17285 '"><img class="cart__image" src="' + 17286 backInStockPdPData.product.featured_image + 17287 '" alt="' + 17288 backInStockPdPData.product.name + 17289 '"></a></td>' + 17290 ' <td class="cart__meta small--text-left cart-flex-item">' + 17291 ' <div class="list-view-item__title"><a href="#">
17291' + 17292 backInStockPdPData.product.name + 17293 '</a></div><div class="wrap_cart"><div class="cart__meta-text">' + 17294 BackInStockSettings.currentVarHTML.html() + 17295 '</div></div></td></tr></tbody>' + 17296 ' </table>' + 17297 ' </div>' + 17298 ' <p class="back-in-stock-description" data-desc-hide>' + 17299 17300 settings.PopUpBodyText 17301 + 17302 '</p>' + 17303 ' <p class="back-in-stock-description" data-desc-show style="display: none;"></p>' + 17304 ' <div class="form-horizontal clearfix" id="pdp_bis_form">' + 17305 ' <div class="form-group"><div>' + 17306 ' <span class="floating-label"> <input type="email" id="backInStockEmail" class="form-control input-lg" aria-describedby="backInStockEmailError" value="" placeholder="' +settings.EmailPlaceHolder + '">' + 17307 ' </span>' + 17308 ' </div>' + 17309 ' </div>' + 17310 ' <div class="control-group clearfix submit-container">' + 17311 ' <button id="btnSubmitBIS" type="button" class="btn btn-success btn-lg col-xs-12 backInStock_modal-submit" onclick=" BackInStockWidgit_SubscribeUser();">' + 17312 settings.SubscribeButtonText + 17313 '</button>' + 17314 ' </div>' + 17315 ' <div id="backInStockEmailError" class="error_message alert alert-danger"></div>' + 17316 ' <p id="confirmCheckboxError" style="color:red"></p>' + 17317 ' </div>' + 17318 ' <button type="button" class="btn btn-success btn-lg col-xs-12 backInStock_modal-got" style="display:none;" onclick="BackInStockWidgit_ClosePopup();">' + 17319 settings.SuccessfullSubscriptionBtn + 17320 '</button>' + 17321 ' <div class="backInStock_footer">' + 'Translation missing: en.products.product.powered_by ' + '#SteveMadden' + '</div>' + 17322 '</div></div></div>'; 17323 17324 return popup; 17325 } 17326 17327 function BackInStockWidgit_OpenPopup() { 17328 var popupHtml = BackInStockWidgit_PopupHtml(BackInStockSettings), 17329 modalPopup = document.getElementById('backInStock_modal'); 17330 if (typeof modalPopup == 'undefined' || modalPopup == null) { 17331 var elem = document.createElement('div'); 17332 elem.innerHTML = popupHtml; 17333 document.body.appendChild(elem); 17334 } 17335 var modalPopupNew = document.getElementById('backInStock_modal'); 17336 modalPopupNew.style.display = 'block'; 17337 } 17338 17339 function BackInStockWidgit_ClosePopup() { 17340 var modal = document.getElementById('backInStock_modal'); 17341 modal.remove(); 17342 } 17343 17344 function BackInStockWidgit_SubscribeUser() { 17345 var email = document.getElementById('backInStockEmail').value, 17346 re = 17347 /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; 17348 $('#backInStockEmailError').empty().hide(); 17349 if (email != '' && re.test(String(email).toLowerCase()) == true) { 17350 var subscribeObj = {}; 17351 subscribeObj.customerEmail = email; 17352 subscribeObj.productId = backInStockPdPData.product.id; 17353 subscribeObj.variantId = BackInStockSettings.selectedvariantId; 17354 subscribeObj.BrandName = 'stevemadden-uk.myshopify.com'; 17355 document.getElementById('btnSubmitBIS').disabled = true; 17356 const { protocol, hostname } = window.location; 17357 const baseDomain = hostname.replace(/^www\./, ""); 17358 const url = `${protocol}//services.${baseDomain}/BackInStock/Subscribe`; 17359 17360 17361 $.ajax({ 17362 type: 'POST', 17363 url: url, 17364 data: subscribeObj, 17365 error: function (jqXHR, textStatus, errorThrown) { 17366 console.log(errorThrown); 17367 }, 17368 success: function (s) { 17369 if (BackInStockSettings.WidgitType == 'popup') { 17370 // document.getElementById('backInStock_modal_body').innerHTML="<h1 style='text-align:center'>Subscribed Successfully</h1>"; 17371 $('.backInStock_modal').find('#backInStockEmail').attr('aria-invalid', 'false').val(''); 17372 $('.backInStock_modal').find('#pdp_bis_form').hide(); 17373 $('.backInStock_modal').find('[data-desc-hide]').hide(); 17374 $('.backInStock_modal').find('[data-title-hide]').hide(); 17375
17376 $('.backInStock_modal').find('.backInStock_modal-got').show(); 17377 $('.backInStock_modal').find('[data-title-show]').show(); 17378 $('.backInStock_modal') 17379 .find('[data-desc-show]') 17380 17381 .html('Your in stock notification email will be sent to ' + email) 17382 17383 .show(); 17384 } else { 17385 document.getElementById('backInStock_form__content').innerHTML = 17386 "<h1 style='text-align:center'>Subscribed Successfully</h1>"; 17387 } 17388 const currentVariantId = jQuery( 17389 'input[name^=id]:checked, select[name^=id], input[name=id], hidden[name^=id]', 17390 jQuery('form[action="/cart/add"]') 17391 ).val(); 17392 17393 const type = getNotificationType(currentVariantId); 17394 17395 const variant = (backInStockPdPData.product.variants || []) 17396 .find(v => String(v.id) === String(currentVariantId)); 17397 17398 window.dataLayer = window.dataLayer || []; 17399 window.dataLayer.push({ 17400 event: "subcribe_back_in_stock", 17401 notification_type: type, 17402 productId: subscribeObj.productId, 17403 variantId: currentVariantId, 17404 style: variant?.style || null, 17405 email: subscribeObj.customerEmail, 17406 }); 17407 }, 17408 }); 17409 } else { 17410 $('#backInStockEmailError').html(BackInStockSettings.InvalidEmailText).show(); 17411 } 17412 } 17413 function BackInStockWidgit_SubscribeUserCa() { 17414 var email = document.getElementById('backInStockEmail').value, 17415 re = 17416 /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; 17417 $('#backInStockEmailError').empty().hide(); 17418 if (email != '' && re.test(String(email).toLowerCase()) == true) { 17419 if (!document.getElementById('chkConfirmPrivacy').checked) { 17420 document.getElementById('confirmCheckboxError').innerHTML = 17421 bisCheckboxError; 17422 return false; 17423 } else { 17424 document.getElementById('chkConfirmPrivacy').innerHTML = ''; 17425 } 17426 var subscribeObj = {}; 17427 subscribeObj.customerEmail = email; 17428 subscribeObj.productId = backInStockPdPData.product.id; 17429 subscribeObj.variantId = BackInStockSettings.selectedvariantId; 17430 subscribeObj.sku='12345'; 17431 subscribeObj.title = backInStockPdPData.product.name; 17432 subscribeObj.upc='12345'; 17433 subscribeObj.locale = 'en-ca'; 17434 subscribeObj.BrandName = 'stevemadden-ca.myshopify.com'; 17435 var xhr = new XMLHttpRequest(); 17436 var url = 'https://backinstock.stevemadden.ca/StockService/Subscribe'; 17437 $.ajax({ 17438 type: 'POST', 17439 url: url, 17440 data: subscribeObj, 17441 error: function (jqXHR, textStatus, errorThrown) { 17442 console.log(errorThrown); 17443 }, 17444 success: function (s) { 17445 if (BackInStockSettings.WidgitType == 'popup') { 17446 // document.getElementById('backInStock_modal_body').innerHTML="<h1 style='text-align:center'>Subscribed Successfully</h1>"; 17447 $('.backInStock_modal').find('#backInStockEmail').attr('aria-invalid', 'false').val(''); 17448 $('.backInStock_modal').find('#pdp_bis_form').hide(); 17449 $('.backInStock_modal').find('[data-desc-hide]').hide(); 17450 $('.backInStock_modal').find('[data-title-hide]').hide(); 17451 17452 $('.backInStock_modal').find('.backInStock_modal-got').show(); 17453 $('.backInStock_modal').find('[data-title-show]').show(); 17454 $('.backInStock_modal') 17455 .find('[data-desc-show]') 17456 17457 .html('Your in stock notification email will be sent to ' + email) 17458 17459 .show(); 17460 } else { 17461 document.getElementById('backInStock_form__content').innerHTML = 17462 "<h1 style='text-align:center'>Subscribed Successfully</h1>"; 17463 } 17464 const currentVariantId = jQuery( 17465 'input[name^=id]:checked, select[name^=id], input[name=id], hidden[name^=id]', 17466 jQuery('form[action="/cart/add"]') 17467 ).val(); 17468 17469 const type = getNotificationType(currentVariantId); 17470 17471 const variant = (backInStockPdPData.product.variants || []) 17472 .find(v => String(v.id) === String(currentVariantId)); 17473 17474 window.dataLayer = window.dataLayer || []; 17475 window.dataLayer.push({ 17476 event: "subcribe_back_in_stock", 17477 notification_type: type, 17478 productId: subscribeObj.productId, 17479 variantId: currentVariantId, 17480 style: variant?.style || null, 17481 email: subscribeObj.customerEmail, 17482 }); 17483 }, 17484 }); 17485 } else { 17486 $('#backInStockEmailError').html(BackInStockSettings.InvalidEmailText).show(); 17487 document.getElementById('chkConfirmPrivacy').innerHTML = ''; 17488 } 17489 } 17490 </script>
17490 17491 17492 17493 17494 17495 17496 17497 17498 17499
17499<script 17500 type="text/javascript" 17501 defer 17502> 17503 const pushMainBannerToDataLayer = async (url, element) => { 17504 let data = {}; 17505 let banner = {}; 17506 if (element.dataset.layer) { 17507 data = JSON.parse(element.dataset.layer); 17508 banner = { 17509 promotionName: data.data_layer_name, 17510 promotionId: data.data_layer_id, 17511 promotionCreativeName: data.data_layer_creative, 17512 promotionPosition: data.data_layer_position, 17513 promotionIndex: data.data_layer_index, 17514 promotionType: data.data_layer_type, 17515 promotionButton: data.data_layer_button || element.dataset.promotionButton, 17516 } 17517 } else if (element?.dataset && element?.dataset?.promotionPosition == 'deals') { 17518 //Betsey Deals page 17519 banner = { 17520 promotionName: element.dataset.promotionName, 17521 promotionId: element.dataset.promotionId, 17522 promotionCreativeName: element.dataset.promotionCreative_name, 17523 promotionPosition: element.dataset.promotionPosition, 17524 promotionIndex: element.dataset.promotionIndex, 17525 promotionType: element.dataset.promotionType, 17526 promotionButton: element.dataset.promotionButton, 17527 } 17528 } else if (element.parentNode.dataset) { 17529 data = Object.assign({}, element.parentNode.dataset.layer ? JSON.parse(element.parentNode.dataset.layer) : element.parentNode.dataset); 17530 banner = data; 17531 banner.promotionButton = element.dataset.promotionButton; 17532 banner.promotionCreative = data.promotionCreative_name; 17533 delete banner.promotionCreative_name; 17534 } 17535 17536 window.dataLayer.push({ 17537 event: 'select_promotion', 17538 promotions: banner, 17539 _clear: true, 17540 }); 17541 window.location.href = url; 17542 }; 17543 const pushImpressionToDataLayer = async (element) => { 17544 var dataLayer = element.parentNode.dataset; 17545 data = Object.assign({}, dataLayer); 17546 console.log(data) 17547 banner = data; 17548 banner.promotionCreative = data.promotionCreative_name; 17549 delete banner.promotionCreative_name; 17550 window.dataLayer.push({ 17551 event: 'select_impressions', 17552 promotions: banner, 17553 _clear: true, 17554 }); 17555 } 17556</script>
17556 17557 17558 17559 17560
17560<script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script>
vendor: 1 bytes, line 17560
17560
17561<script> 17562 var klaviyo = klaviyo || []; 17563 klaviyo.init({ 17564 account:"JEsPAf", 17565 platform: "shopify", 17566 display_on_policy_continue: true 17567 }); 17568 klaviyo.enable("backinstock",{ 17569 trigger: { 17570 product_page_text: "Notify Me When Available", 17571 product_page_class: "btn", 17572 product_page_text_align: "center", 17573 product_page_margin: "0px", 17574 replace_anchor: false 17575 }, 17576 modal: { 17577 headline: '{product_name}', 17578 body_content: 'Join the waitlist! Register to receive a notification when this item comes in stock.', 17579 email_field_label: 'Email', 17580 17581 button_label: 'JOIN THE WAITLIST', 17582 subscription_success_label: 'You're in! We'll let you know when it's in stock.', 17583 17584 footer_content: '', 17585 close_label: 'Close', 17586 17587 additional_styles: "@import url('//stevemadden.co.uk/cdn/shop/t/961/assets/klaviyo-bis.css?v=3612627265904344051755523922');", 17588 font_family: '"TradeGothicLTStd-BdCn20", sans-serif;', 17589 17590 drop_background_color: '#000', 17591 background_color: '#fff', 17592 text_color: '#000', 17593 button_text_color: '#000', 17594 button_background_color: '#1FDCC0', 17595 close_button_color: '#ccc', 17596 error_background_color: '#fcd6d7', 17597 error_text_color: '#C72E2F', 17598 success_background_color: '#d3efcd', 17599 success_text_color: '#1B9500' 17600 } 17601 }); 17602</script>
17602 17603 17604 17605 17606 17607 17608 17609 17610 17611 17612</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.