{"id":86,"date":"2026-10-24T11:54:32","date_gmt":"2026-10-24T11:54:32","guid":{"rendered":"https:\/\/starlifeshoes-com.us.stackstaging.com\/?page_id=86"},"modified":"2026-10-26T15:07:01","modified_gmt":"2026-10-26T15:07:01","slug":"home","status":"publish","type":"page","link":"https:\/\/starlifeshoes.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"86\" class=\"elementor elementor-86\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa76ae8 e-con-full e-flex e-con e-parent\" data-id=\"aa76ae8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df0acff elementor-widget elementor-widget-html\" data-id=\"df0acff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<div class=\"starlife-full-video\">\r\n  <video\r\n    class=\"starlife-video\"\r\n    autoplay\r\n    muted\r\n    loop\r\n    playsinline\r\n    webkit-playsinline\r\n    preload=\"metadata\"\r\n    aria-label=\"Starlifeshoes footwear collection\"\r\n  >\r\n    <source\r\n      src=\"https:\/\/starlifeshoes-com.us.stackstaging.com\/wp-content\/uploads\/2026\/10\/starlife_logo_replaced-1.mp4\"\r\n      type=\"video\/mp4\"\r\n    >\r\n    Your browser does not support HTML5 video.\r\n  <\/video>\r\n<\/div>\r\n\r\n<style>\r\n\/* STARLIFESHOES FULL-WIDTH VIDEO BANNER *\/\r\n\r\n.starlife-full-video {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  height: auto !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  overflow: visible;\r\n  line-height: 0;\r\n  background: #f8f7f3;\r\n}\r\n\r\n.starlife-full-video .starlife-video {\r\n  display: block !important;\r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n  height: auto !important;\r\n  min-height: 0 !important;\r\n  max-height: none !important;\r\n  aspect-ratio: auto !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  object-fit: contain !important;\r\n  object-position: center center;\r\n  border: 0 !important;\r\n  border-radius: 0 !important;\r\n  box-shadow: none !important;\r\n}\r\n\r\n\/* Tablet and mobile: preserve the complete video *\/\r\n@media (max-width: 1024px) {\r\n  .starlife-full-video,\r\n  .starlife-full-video .starlife-video {\r\n    width: 100% !important;\r\n    height: auto !important;\r\n    min-height: 0 !important;\r\n    max-height: none !important;\r\n    aspect-ratio: auto !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  function initStarlifeVideo() {\r\n    document.querySelectorAll(\r\n      \".starlife-full-video .starlife-video\"\r\n    ).forEach(function (video) {\r\n      if (video.dataset.initialized === \"true\") return;\r\n      video.dataset.initialized = \"true\";\r\n\r\n      video.muted = true;\r\n      video.defaultMuted = true;\r\n      video.playsInline = true;\r\n\r\n      function startVideo() {\r\n        if (document.visibilityState !== \"visible\") return;\r\n\r\n        var playPromise = video.play();\r\n\r\n        if (playPromise && playPromise.catch) {\r\n          playPromise.catch(function () {\r\n            \/\/ Autoplay may be restricted by the browser.\r\n          });\r\n        }\r\n      }\r\n\r\n      video.addEventListener(\"loadedmetadata\", startVideo, {\r\n        once: true\r\n      });\r\n\r\n      if (video.readyState >= 1) {\r\n        startVideo();\r\n      }\r\n\r\n      document.addEventListener(\"visibilitychange\", function () {\r\n        if (document.visibilityState === \"visible\") {\r\n          startVideo();\r\n        } else {\r\n          video.pause();\r\n        }\r\n      });\r\n    });\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      initStarlifeVideo\r\n    );\r\n  } else {\r\n    initStarlifeVideo();\r\n  }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51a1dd2 e-con-full e-flex e-con e-parent\" data-id=\"51a1dd2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-386f458 elementor-widget elementor-widget-html\" data-id=\"386f458\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================\r\n     SL Announcement Ticker  (Elementor > HTML widget mein paste karein)\r\n     Text badalne ke liye neeche <span class=\"sl-tk__item\"> ka text edit karein.\r\n     Speed: data-speed (pixels per second).  Direction: data-direction=\"left\" ya \"right\".\r\n     ========================================================== -->\r\n<style>\r\n.sl-tk{--sl-tk-bg:#141414;--sl-tk-c:#ffffff;--sl-tk-h:46px;--sl-tk-fs:15px;--sl-tk-gap:66px;--sl-tk-dur:40s;\r\n  position:relative;display:flex;align-items:center;width:100%;height:var(--sl-tk-h);overflow:hidden;\r\n  background:var(--sl-tk-bg);color:var(--sl-tk-c);box-sizing:border-box}\r\n.sl-tk *,.sl-tk *::before,.sl-tk *::after{box-sizing:border-box}\r\n.sl-tk .sl-tk__track{display:flex;flex:0 0 auto;width:max-content;will-change:transform}\r\n.sl-tk.is-ready .sl-tk__track{animation:sl-tk-run var(--sl-tk-dur) linear infinite}\r\n.sl-tk[data-direction=\"right\"].is-ready .sl-tk__track{animation-direction:reverse}\r\n.sl-tk:hover .sl-tk__track{animation-play-state:paused}\r\n.sl-tk .sl-tk__group{display:flex;flex:0 0 auto;align-items:center}\r\n.sl-tk .sl-tk__item{display:inline-block;margin:0;padding:0 var(--sl-tk-gap) 0 0;white-space:nowrap;\r\n  font-family:inherit;font-size:var(--sl-tk-fs);font-weight:600;line-height:1;letter-spacing:-0.01em;\r\n  text-transform:uppercase;color:inherit}\r\n@keyframes sl-tk-run{from{transform:translateX(0)}to{transform:translateX(-50%)}}\r\n@media (max-width:767px){.sl-tk{--sl-tk-h:40px;--sl-tk-fs:13px;--sl-tk-gap:44px}}\r\n@media (prefers-reduced-motion:reduce){.sl-tk.is-ready .sl-tk__track{animation:none}}\r\n<\/style>\r\n\r\n<div class=\"sl-tk\" data-speed=\"55\" data-direction=\"left\" role=\"marquee\" aria-label=\"Sale announcements\">\r\n  <div class=\"sl-tk__track\">\r\n    <div class=\"sl-tk__group\">\r\n      <span class=\"sl-tk__item\">Walk in style, save more<\/span>\r\n      <span class=\"sl-tk__item\">Sale is live \u2013 up to 30% off<\/span>\r\n      <span class=\"sl-tk__item\">Your favorites, now on sale<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  function build(el) {\r\n    var track = el.querySelector('.sl-tk__track');\r\n    if (!track) { return; }\r\n    while (track.children.length > 1) { track.removeChild(track.lastChild); }\r\n    var group = track.firstElementChild;\r\n    if (!group.getAttribute('data-base')) { group.setAttribute('data-base', group.innerHTML); }\r\n    var base = group.getAttribute('data-base');\r\n    group.innerHTML = base;\r\n    var guard = 0;\r\n    while (group.getBoundingClientRect().width < el.clientWidth && guard++ < 30) { group.innerHTML += base; }\r\n    var clone = group.cloneNode(true);\r\n    clone.setAttribute('aria-hidden', 'true');\r\n    track.appendChild(clone);\r\n    var w = group.getBoundingClientRect().width;\r\n    var speed = parseFloat(el.getAttribute('data-speed')) || 55;\r\n    if (w > 0) { el.style.setProperty('--sl-tk-dur', (w \/ speed) + 's'); }\r\n    el.classList.add('is-ready');\r\n  }\r\n  function all() {\r\n    var list = document.querySelectorAll('.sl-tk');\r\n    for (var i = 0; i < list.length; i++) { build(list[i]); }\r\n  }\r\n  all();\r\n  var t;\r\n  window.addEventListener('resize', function () { clearTimeout(t); t = setTimeout(all, 200); });\r\n  window.addEventListener('load', all);\r\n  if (document.fonts && document.fonts.ready) { document.fonts.ready.then(all); }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9bb8563 e-con-full e-flex e-con e-parent\" data-id=\"9bb8563\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af0fce6 elementor-widget elementor-widget-shortcode\" data-id=\"af0fce6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style id=\"slps-css\"> .slps-wrap, .slps-modal, .slps-toast { --slps-red: #d9413a; --slps-ink: #111111; --slps-muted: #6b7280; --slps-tint: #fafafa; font-family: inherit; -webkit-font-smoothing: antialiased; } .slps-wrap, .slps-wrap *, .slps-wrap *::before, .slps-wrap *::after, .slps-modal, .slps-modal *, .slps-modal *::before, .slps-modal *::after { box-sizing: border-box; } .slps-wrap { width: 100%; max-width: 100%; color: var(--slps-ink); } .slps-wrap .slps-grid { display: grid !important; grid-template-columns: repeat(var(--slps-cols, 3), minmax(0, 1fr)) !important; gap: 34px; margin: 0; padding: 0; list-style: none; } @media (max-width: 1024px) { .slps-wrap .slps-grid { grid-template-columns: repeat(var(--slps-cols-t, 3), minmax(0, 1fr)) !important; gap: 28px 20px; } } @media (max-width: 767px) { .slps-wrap .slps-grid { grid-template-columns: repeat(var(--slps-cols-m, 2), minmax(0, 1fr)) !important; gap: 26px 10px; } } .slps-wrap .slps-empty { text-align: center; color: var(--slps-muted); margin: 30px 0; } .slps-wrap .slps-card { position: relative; display: flex; flex-direction: column; align-items: center; min-width: 0; margin: 0; padding: 0; text-align: center; background: transparent; border: 0; box-shadow: none; } .slps-wrap .slps-media { position: relative; width: 100%; aspect-ratio: 1 \/ 1; overflow: hidden; background: var(--slps-tint); } .slps-wrap .slps-media__link { display: block; width: 100%; height: 100%; margin: 0; padding: 0; line-height: 0; text-decoration: none; border: 0; } .slps-wrap .slps-media img.slps-img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0; padding: 0; object-fit: cover !important; border: 0; border-radius: 0; box-shadow: none; } .slps-wrap .slps-badge { position: absolute; top: 14px; left: 14px; z-index: 3; display: inline-flex; align-items: center; justify-content: center; height: 30px; padding: 0 16px; border-radius: 999px; background: var(--slps-ink); color: #fff; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: 0; text-transform: none; pointer-events: none; } .slps-wrap .slps-title { margin: 18px 0 0; padding: 0 4px; font-family: inherit; font-size: 15px; font-weight: 500; line-height: 1.4; letter-spacing: 0; text-transform: none; text-align: center; color: var(--slps-ink); } .slps-wrap .slps-title a, .slps-wrap .slps-title a:hover, .slps-wrap .slps-title a:focus { color: inherit; text-decoration: none; background: none; } .slps-wrap .slps-price, .slps-modal .slps-qv__price { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: 0 8px; line-height: 1.3; } .slps-wrap .slps-price { margin-top: 10px; font-size: 15px; } .slps-wrap .slps-sale, .slps-modal .slps-sale { color: var(--slps-red); font-weight: 600; text-decoration: none; } .slps-wrap .slps-now, .slps-modal .slps-now { color: var(--slps-ink); font-weight: 600; text-decoration: none; } .slps-wrap .slps-reg, .slps-modal .slps-reg { color: var(--slps-muted); font-weight: 500; text-decoration: line-through; background: none; } .slps-wrap .slps-price .woocommerce-Price-amount, .slps-wrap .slps-price bdi, .slps-modal .slps-qv__price .woocommerce-Price-amount, .slps-modal .slps-qv__price bdi { color: inherit; font-weight: inherit; text-decoration: inherit; background: none; } .slps-wrap .slps-swatches { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; margin-top: 14px; } :is(.slps-wrap, .slps-modal) button.slps-swatch, :is(.slps-wrap, .slps-modal) button.slps-swatch:hover, :is(.slps-wrap, .slps-modal) button.slps-swatch:focus { -webkit-appearance: none; appearance: none; display: inline-flex; width: 32px; height: 32px; min-width: 0; min-height: 0; margin: 0; padding: 3px; border: 2px solid transparent; border-radius: 50%; background: transparent; box-shadow: none; line-height: 0; cursor: pointer; transition: border-color 0.2s ease; } :is(.slps-wrap, .slps-modal) button.slps-swatch.is-active, :is(.slps-wrap, .slps-modal) button.slps-swatch.is-active:hover, :is(.slps-wrap, .slps-modal) button.slps-swatch.is-active:focus { border-color: var(--slps-ink); } :is(.slps-wrap, .slps-modal) button.slps-swatch:focus-visible { outline: 2px solid var(--slps-ink); outline-offset: 2px; } :is(.slps-wrap, .slps-modal) .slps-swatch__dot { display: block; width: 100%; height: 100%; border-radius: 50%; background: var(--slps-c, #ccc); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.14); } :is(.slps-wrap) .slps-quick, :is(.slps-wrap) button.slps-quick:hover, :is(.slps-wrap) button.slps-quick:focus { position: absolute; left: 7%; right: 7%; bottom: 12px; z-index: 4; display: flex; align-items: center; justify-content: center; width: auto; height: 46px; min-height: 0; margin: 0; padding: 0 16px; border: 0; border-radius: 999px; background: rgba(110, 110, 110, 0.92); color: #bdbdbd; box-shadow: none; font-family: inherit; font-size: 15px; font-weight: 500; line-height: 1; letter-spacing: 0; text-transform: none; text-decoration: none; cursor: pointer; -webkit-appearance: none; appearance: none; } .slps-wrap .slps-quick { opacity: 0; transform: translateY(8px); pointer-events: none; transition: opacity 0.25s ease, transform 0.25s ease; } @media (hover: hover) { .slps-wrap .slps-card:hover .slps-quick, .slps-wrap .slps-quick:focus-visible { opacity: 1; transform: none; pointer-events: auto; } } @media (hover: none) { .slps-wrap .slps-quick { display: none; } } .slps-wrap .slps-quick.is-loading { opacity: 1; pointer-events: none; } .slps-wrap .slps-actions { position: absolute; top: 10px; right: 10px; z-index: 4; display: flex; flex-direction: column; gap: 6px; } :is(.slps-wrap) .slps-icon, :is(.slps-wrap) button.slps-icon:hover, :is(.slps-wrap) button.slps-icon:focus, :is(.slps-wrap) a.slps-icon:hover { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 50%; background: #fff; color: var(--slps-ink); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12); line-height: 0; text-decoration: none; cursor: pointer; -webkit-appearance: none; appearance: none; transition: transform 0.2s ease; } .slps-wrap .slps-icon svg { display: block; width: 18px; height: 18px; fill: none; stroke: currentColor; pointer-events: none; } .slps-wrap .slps-heart.is-active svg { fill: var(--slps-red); stroke: var(--slps-red); } .slps-wrap .slps-icon.is-loading { opacity: 0.6; pointer-events: none; } .slps-wrap .slps-icon.is-done { color: #1b8a4b; } @media (hover: hover) { .slps-wrap .slps-actions { opacity: 0; transform: translateX(6px); transition: opacity 0.25s ease, transform 0.25s ease; } .slps-wrap .slps-card:hover .slps-actions, .slps-wrap .slps-actions:focus-within { opacity: 1; transform: none; } } @media (max-width: 767px) { .slps-wrap .slps-badge { top: 8px; left: 8px; } .slps-wrap .slps-actions { top: 8px; right: 8px; } :is(.slps-wrap) .slps-icon, :is(.slps-wrap) button.slps-icon:hover, :is(.slps-wrap) button.slps-icon:focus, :is(.slps-wrap) a.slps-icon:hover { width: 32px; height: 32px; } .slps-wrap .slps-icon svg { width: 16px; height: 16px; } .slps-wrap .slps-title { margin-top: 16px; } :is(.slps-wrap) button.slps-swatch, :is(.slps-wrap) button.slps-swatch:hover, :is(.slps-wrap) button.slps-swatch:focus { width: 36px; height: 36px; } } .slps-wrap .slps-pagination ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 36px 0 0; padding: 0; list-style: none; } .slps-wrap .slps-pagination li { margin: 0; padding: 0; } .slps-wrap .slps-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; border: 1px solid #dcdcdc; border-radius: 999px; background: #fff; color: var(--slps-ink); font-size: 14px; text-decoration: none; } .slps-wrap .slps-pagination .page-numbers.current { background: var(--slps-ink); border-color: var(--slps-ink); color: #fff; } .slps-wrap .slps-more { display: flex; justify-content: center; margin-top: 36px; } :is(.slps-wrap) button.slps-loadmore, :is(.slps-wrap) button.slps-loadmore:hover, :is(.slps-wrap) button.slps-loadmore:focus { height: 48px; min-width: 160px; padding: 0 28px; border: 0; border-radius: 999px; background: var(--slps-ink); color: #fff; box-shadow: none; font-family: inherit; font-size: 15px; font-weight: 500; text-transform: none; letter-spacing: 0; cursor: pointer; } :is(.slps-wrap) button.slps-loadmore:disabled { opacity: 0.6; cursor: default; } html.slps-lock { overflow: hidden !important; } .slps-modal { position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; padding: 24px; } .slps-modal[hidden] { display: none !important; } .slps-modal__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); animation: slps-fade 0.2s ease; } .slps-modal__dialog { position: relative; width: 100%; max-width: 1040px; height: min(520px, calc(100vh - 48px)); overflow: hidden; border-radius: 24px; background: #fff; color: var(--slps-ink); outline: none; box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35); animation: slps-pop 0.22s ease; } @keyframes slps-fade { from { opacity: 0; } to { opacity: 1; } } @keyframes slps-pop { from { opacity: 0; transform: translateY(10px) scale(0.985); } to { opacity: 1; transform: none; } } @media (prefers-reduced-motion: reduce) { .slps-modal__backdrop, .slps-modal__dialog { animation: none; } } :is(.slps-modal) button.slps-modal__close, :is(.slps-modal) button.slps-modal__close:hover, :is(.slps-modal) button.slps-modal__close:focus { position: absolute; top: 18px; right: 20px; z-index: 10; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #2b2b2b; box-shadow: none; line-height: 0; cursor: pointer; } .slps-modal__body { height: 100%; } .slps-modal__loading, .slps-modal__error { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; height: 100%; min-height: 220px; padding: 24px; text-align: center; } .slps-spinner { width: 34px; height: 34px; border: 3px solid #e3e3e3; border-top-color: var(--slps-ink); border-radius: 50%; animation: slps-spin 0.8s linear infinite; } @keyframes slps-spin { to { transform: rotate(360deg); } } .slps-modal .slps-qv { display: grid; grid-template-columns: 1fr 1fr; height: 100%; } .slps-modal .slps-qv__media { position: relative; height: 100%; background: #fff; overflow: hidden; } .slps-modal .slps-qv__media img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0; object-fit: cover !important; border: 0; border-radius: 0; } :is(.slps-modal) button.slps-qv__nav, :is(.slps-modal) button.slps-qv__nav:hover, :is(.slps-modal) button.slps-qv__nav:focus { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; min-width: 0; min-height: 0; margin: -17px 0 0; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.92); color: var(--slps-ink); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18); line-height: 0; cursor: pointer; } .slps-modal .slps-qv__nav--prev { left: 14px; } .slps-modal .slps-qv__nav--next { right: 14px; } .slps-modal .slps-qv__info { position: relative; height: 100%; overflow-y: auto; padding: 30px 44px 0 30px; scrollbar-width: thin; } .slps-modal .slps-badge { display: inline-flex; align-items: center; justify-content: center; height: 28px; padding: 0 14px; border-radius: 999px; background: var(--slps-ink); color: #fff; font-size: 14px; font-weight: 500; line-height: 1; } .slps-modal .slps-qv__title { margin: 14px 0 0; padding: 0 24px 0 0; font-family: inherit; font-size: 26px; font-weight: 500; line-height: 1.25; letter-spacing: 0; text-transform: none; color: var(--slps-ink); } .slps-modal .slps-qv__price { justify-content: flex-start; gap: 0 10px; margin-top: 26px; font-size: 28px; } .slps-modal .slps-qv__price .slps-reg { font-size: 20px; } .slps-modal .slps-qv__desc { margin-top: 24px; font-size: 16px; line-height: 1.65; color: #555; } .slps-modal .slps-qv__desc > :first-child { margin-top: 0; } .slps-modal .slps-qv__desc h1, .slps-modal .slps-qv__desc h2 { margin: 0 0 22px; font-family: inherit; font-size: 38px; font-weight: 500; line-height: 1.2; letter-spacing: 0; text-transform: none; color: var(--slps-ink); } .slps-modal .slps-qv__desc h3, .slps-modal .slps-qv__desc h4 { margin: 0 0 14px; font-family: inherit; font-size: 22px; font-weight: 500; line-height: 1.25; color: var(--slps-ink); } .slps-modal .slps-qv__desc p { margin: 0 0 14px; } .slps-modal .slps-qv__desc ul, .slps-modal .slps-qv__desc ol { margin: 0 0 14px; padding-left: 40px; } .slps-modal .slps-qv__desc li { margin: 0 0 12px; padding: 0; font-size: 16px; line-height: 1.65; color: #555; } .slps-modal .slps-qv__desc img { max-width: 100%; height: auto; } .slps-modal .slps-qv__form { margin: 8px 0 0; padding: 22px 0 28px; border-top: 1px solid #ececec; } .slps-modal .slps-qv__attr { margin: 0 0 18px; } .slps-modal .slps-qv__attr-head { margin: 0 0 10px; font-size: 15px; font-weight: 500; color: var(--slps-ink); } .slps-modal .slps-qv__attr-sel { margin-left: 6px; font-weight: 400; color: var(--slps-muted); } .slps-modal .slps-qv__opts { display: flex; flex-wrap: wrap; gap: 6px; } :is(.slps-modal) button.slps-opt, :is(.slps-modal) button.slps-opt:hover, :is(.slps-modal) button.slps-opt:focus { -webkit-appearance: none; appearance: none; min-width: 48px; height: 42px; margin: 0; padding: 0 16px; border: 1px solid #d8d8d8; border-radius: 999px; background: #fff; color: var(--slps-ink); box-shadow: none; font-family: inherit; font-size: 15px; font-weight: 500; line-height: 1; text-transform: none; letter-spacing: 0; cursor: pointer; transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease; } :is(.slps-modal) button.slps-opt:hover { border-color: var(--slps-ink); } :is(.slps-modal) button.slps-opt.is-active, :is(.slps-modal) button.slps-opt.is-active:hover, :is(.slps-modal) button.slps-opt.is-active:focus { border-color: var(--slps-ink); background: var(--slps-ink); color: #fff; } :is(.slps-modal) button.slps-opt:focus-visible { outline: 2px solid var(--slps-ink); outline-offset: 2px; } .slps-modal .slps-qv__row { display: flex; align-items: center; gap: 12px; margin-top: 4px; } .slps-modal .slps-qty { display: inline-flex; align-items: center; flex: 0 0 auto; height: 48px; border: 1px solid #d8d8d8; border-radius: 999px; background: #fff; overflow: hidden; } :is(.slps-modal) button.slps-qty__btn, :is(.slps-modal) button.slps-qty__btn:hover, :is(.slps-modal) button.slps-qty__btn:focus { width: 40px; height: 100%; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--slps-ink); box-shadow: none; font-size: 20px; line-height: 1; cursor: pointer; } .slps-modal input.slps-qty__input, .slps-modal input.slps-qty__input:focus { -moz-appearance: textfield; width: 44px; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; outline: none; text-align: center; font-family: inherit; font-size: 16px; font-weight: 500; color: var(--slps-ink); } .slps-modal input.slps-qty__input::-webkit-outer-spin-button, .slps-modal input.slps-qty__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } :is(.slps-modal) button.slps-qv__add, :is(.slps-modal) button.slps-qv__add:hover, :is(.slps-modal) button.slps-qv__add:focus { flex: 1 1 auto; height: 48px; min-width: 0; margin: 0; padding: 0 24px; border: 0; border-radius: 999px; background: var(--slps-ink); color: #fff; box-shadow: none; font-family: inherit; font-size: 15px; font-weight: 500; line-height: 1; text-transform: none; letter-spacing: 0; cursor: pointer; transition: opacity 0.2s ease; } :is(.slps-modal) button.slps-qv__add:hover { opacity: 0.88; } :is(.slps-modal) button.slps-qv__add.is-disabled, :is(.slps-modal) button.slps-qv__add.is-disabled:hover { background: #c9c9c9; color: #fff; opacity: 1; cursor: not-allowed; } :is(.slps-modal) button.slps-qv__add.is-loading { opacity: 0.7; cursor: progress; } .slps-modal .slps-qv__stock { margin-top: 12px; font-size: 14px; } .slps-modal .slps-qv__stock p { margin: 0; } .slps-modal .slps-qv__stock .in-stock { color: #1b8a4b; } .slps-modal .slps-qv__stock .out-of-stock { color: var(--slps-red); } .slps-modal .slps-qv__msg { margin-top: 12px; font-size: 14px; line-height: 1.5; color: var(--slps-red); } .slps-modal .slps-qv__msg.is-success { color: #1b8a4b; } .slps-modal .slps-qv__msg a { margin-left: 6px; color: var(--slps-ink); font-weight: 500; text-decoration: underline; } .slps-modal .slps-qv__msg:empty { display: none; } .slps-modal .slps-qv__fade { position: sticky; bottom: 0; left: 0; right: 0; height: 56px; margin: -56px 0 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 85%); pointer-events: none; } @media (max-width: 1024px) { .slps-modal .slps-qv__info { padding: 28px 36px 0 26px; } .slps-modal .slps-qv__desc h1, .slps-modal .slps-qv__desc h2 { font-size: 32px; } } @media (max-width: 767px) { .slps-modal { padding: 12px; } .slps-modal__dialog { height: auto; max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); overflow-y: auto; border-radius: 20px; -webkit-overflow-scrolling: touch; } .slps-modal__body { height: auto; } :is(.slps-modal) button.slps-modal__close, :is(.slps-modal) button.slps-modal__close:hover, :is(.slps-modal) button.slps-modal__close:focus { position: fixed; top: 22px; right: 22px; width: 34px; height: 34px; background: rgba(255, 255, 255, 0.92); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18); } .slps-modal .slps-qv { display: block; height: auto; } .slps-modal .slps-qv__media { height: auto; aspect-ratio: 1 \/ 1; } .slps-modal .slps-qv__info { height: auto; overflow: visible; padding: 20px 20px 0; } .slps-modal .slps-qv__title { font-size: 22px; padding-right: 0; } .slps-modal .slps-qv__price { font-size: 22px; margin-top: 16px; } .slps-modal .slps-qv__price .slps-reg { font-size: 16px; } .slps-modal .slps-qv__desc { margin-top: 18px; font-size: 15px; } .slps-modal .slps-qv__desc h1, .slps-modal .slps-qv__desc h2 { font-size: 26px; margin-bottom: 14px; } .slps-modal .slps-qv__desc ul, .slps-modal .slps-qv__desc ol { padding-left: 24px; } .slps-modal .slps-qv__fade { display: none; } .slps-modal .slps-qv__form { padding-bottom: 22px; } .slps-modal .slps-qv__row { flex-wrap: wrap; } :is(.slps-modal) button.slps-qv__add, :is(.slps-modal) button.slps-qv__add:hover, :is(.slps-modal) button.slps-qv__add:focus { flex: 1 1 140px; } } .slps-toast { position: fixed; left: 50%; bottom: 24px; z-index: 1000000; max-width: calc(100% - 32px); padding: 12px 20px; border-radius: 999px; background: var(--slps-ink); color: #fff; font-size: 14px; line-height: 1.4; text-align: center; transform: translateX(-50%); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25); } .slps-toast[hidden] { display: none !important; } .slps-toast a { margin-left: 8px; color: #fff; font-weight: 600; text-decoration: underline; } \/* ===================================================================== * Reference-match block (white section, borderless cards, black buttons) * ===================================================================== *\/ .slps-wrap { padding-left: var(--slps-side, 24px); padding-right: var(--slps-side, 24px); background: #ffffff; } .slps-wrap .slps-grid { gap: 40px 28px; } .slps-wrap .slps-card, .slps-wrap.slps-bordered .slps-card, .slps-wrap.slps-bordered .slps-grid .slps-card { padding: 0; background: #ffffff; border: 0; border-radius: 0; box-shadow: none; overflow: visible; transform: none; animation: slps-up .5s ease backwards; } .slps-wrap .slps-card:hover, .slps-wrap.slps-bordered .slps-card:hover, .slps-wrap.slps-bordered .slps-grid .slps-card:hover { border: 0; box-shadow: none; transform: none; } .slps-wrap .slps-grid .slps-card:nth-child(2) { animation-delay: .05s; } .slps-wrap .slps-grid .slps-card:nth-child(3) { animation-delay: .10s; } .slps-wrap .slps-grid .slps-card:nth-child(4) { animation-delay: .15s; } .slps-wrap .slps-grid .slps-card:nth-child(n+5) { animation-delay: .20s; } @keyframes slps-up { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } } .slps-wrap .slps-card .slps-media { background: #ffffff; border-radius: 0; aspect-ratio: 1 \/ 1; overflow: hidden; } .slps-wrap .slps-card .slps-media img.slps-img { object-fit: contain !important; background: #ffffff; transition: transform .5s ease; } .slps-wrap .slps-card:hover .slps-media img.slps-img { transform: scale(1.03); } .slps-wrap .slps-card .slps-media .slps-badge { top: 14px; left: 14px; height: 32px; padding: 0 16px; background: #111111; color: #ffffff; font-size: 14px; font-weight: 500; } .slps-wrap .slps-grid .slps-card .slps-title { margin-top: 18px; padding: 0 8px; font-size: 15px; font-weight: 500; line-height: 1.4; text-align: center; } .slps-wrap .slps-grid .slps-card:hover .slps-title a { text-decoration: underline; text-underline-offset: 4px; } .slps-wrap .slps-card .slps-price { margin-top: 10px; font-size: 15px; } .slps-wrap .slps-card .slps-swatches { gap: 6px; margin-top: 14px; } .slps-wrap .slps-card .slps-swatches button.slps-swatch, .slps-wrap .slps-card .slps-swatches button.slps-swatch:hover, .slps-wrap .slps-card .slps-swatches button.slps-swatch:focus { width: 34px; height: 34px; padding: 4px; border: 1px solid #dcdcdc; transition: transform .2s ease, border-color .2s ease; } .slps-wrap .slps-card .slps-swatches button.slps-swatch:hover { transform: scale(1.1); border-color: #111111; } .slps-wrap .slps-card .slps-swatches button.slps-swatch.is-active, .slps-wrap .slps-card .slps-swatches button.slps-swatch.is-active:hover { border-color: #111111; border-width: 1.5px; } \/* Swatches inside the theme's own product loop (shop \/ category \/ related) *\/ .slps-wrap.slps-loop { width: 100%; padding: 0; background: transparent; } .slps-wrap.slps-loop .slps-swatches { justify-content: center; gap: 6px; margin: 10px 0 0; } .slps-wrap.slps-loop .slps-swatches button.slps-swatch, .slps-wrap.slps-loop .slps-swatches button.slps-swatch:hover, .slps-wrap.slps-loop .slps-swatches button.slps-swatch:focus { width: 34px; height: 34px; padding: 4px; border: 1px solid #dcdcdc; transition: transform .2s ease, border-color .2s ease; } .slps-wrap.slps-loop .slps-swatches button.slps-swatch:hover { transform: scale(1.1); border-color: #111111; } .slps-wrap.slps-loop .slps-swatches button.slps-swatch.is-active, .slps-wrap.slps-loop .slps-swatches button.slps-swatch.is-active:hover { border-color: #111111; border-width: 1.5px; } .slps-wrap .slps-card .slps-media .slps-actions { top: 30px; right: 12px; gap: 8px; } .slps-wrap .slps-card .slps-media .slps-actions .slps-icon { width: 42px; height: 42px; background: #ffffff; color: #111111; box-shadow: 0 2px 10px rgba(0, 0, 0, .14); transition: background .2s, color .2s, transform .25s, box-shadow .25s, opacity .25s; } .slps-wrap .slps-card .slps-media .slps-actions .slps-icon svg { width: 18px; height: 18px; } .slps-wrap .slps-card .slps-media .slps-actions .slps-icon:hover { background: #000000; color: #ffffff; } .slps-wrap .slps-card .slps-media .slps-quick.slps-quick, .slps-wrap .slps-card .slps-media button.slps-quick.slps-quick:focus { left: 14px; right: 14px; bottom: 14px; height: 46px; border-radius: 999px; background: #000000; color: #ffffff; -webkit-backdrop-filter: none; backdrop-filter: none; font-size: 15px; font-weight: 500; box-shadow: none; opacity: 0; transform: translateY(calc(100% + 24px)); pointer-events: none; transition: transform .3s, opacity .3s, background .2s, color .2s; } .slps-wrap .slps-card .slps-media .slps-quick.slps-quick:hover, .slps-wrap .slps-card .slps-media .slps-quick.slps-quick:focus, .slps-wrap .slps-card .slps-media a.slps-quick.slps-quick:hover { background: #222222; color: #ffffff; transform: translateY(-2px); } .slps-wrap .slps-card:hover .slps-media .slps-quick.slps-quick, .slps-wrap .slps-card .slps-media .slps-quick.slps-quick:focus-visible, .slps-wrap .slps-card .slps-media .slps-quick.slps-quick.is-loading { opacity: 1; transform: none; pointer-events: auto; } .slps-wrap .slps-card .slps-media .slps-quick.slps-quick.is-loading { pointer-events: none; } @media (hover: hover) { .slps-wrap .slps-card .slps-media .slps-actions { opacity: 1; transform: none; } .slps-wrap .slps-card .slps-media .slps-actions .slps-icon { opacity: 0; transform: translateX(16px) scale(.8); pointer-events: none; } .slps-wrap .slps-card:hover .slps-media .slps-actions .slps-icon, .slps-wrap .slps-card:focus-within .slps-media .slps-actions .slps-icon { opacity: 1; transform: none; pointer-events: auto; } .slps-wrap .slps-card:hover .slps-media .slps-actions .slps-icon:nth-child(2) { transition-delay: .05s; } .slps-wrap .slps-card .slps-media .slps-actions .slps-icon:hover { transform: scale(1.12); box-shadow: 0 6px 16px rgba(0, 0, 0, .22); } } @media (hover: none) { .slps-wrap .slps-card .slps-media .slps-actions .slps-icon[data-slps-action=\"quick\"] { display: none; } .slps-wrap .slps-card .slps-media .slps-quick.slps-quick { display: flex; opacity: 1; transform: none; pointer-events: auto; height: 42px; font-size: 14px; } } @media (max-width: 767px) { .slps-wrap { padding-left: min(var(--slps-side, 24px), 14px); padding-right: min(var(--slps-side, 24px), 14px); } .slps-wrap .slps-grid { gap: 28px 10px; } .slps-wrap .slps-card .slps-media .slps-badge { top: 8px; left: 8px; height: 26px; padding: 0 12px; font-size: 12px; } .slps-wrap .slps-card .slps-media .slps-actions { top: 8px; right: 8px; } .slps-wrap .slps-card .slps-media .slps-actions .slps-icon { width: 34px; height: 34px; } .slps-wrap .slps-card .slps-media .slps-quick.slps-quick { left: 8px; right: 8px; bottom: 8px; } .slps-wrap .slps-grid .slps-card .slps-title { font-size: 14px; margin-top: 14px; } .slps-wrap .slps-card .slps-price { font-size: 14px; } .slps-wrap .slps-card .slps-swatches button.slps-swatch, .slps-wrap .slps-card .slps-swatches button.slps-swatch:hover, .slps-wrap .slps-card .slps-swatches button.slps-swatch:focus { width: 30px; height: 30px; padding: 3px; } } \/* --------------------------------------------------------------------- * Card size: 446px wide x 550px tall (image 446x446 + title\/price\/swatches) * ------------------------------------------------------------------- *\/ @media (min-width: 1025px) { .slps-wrap .slps-grid { grid-template-columns: repeat(var(--slps-cols, 3), minmax(0, 446px)) !important; justify-content: center; } } .slps-wrap .slps-grid .slps-card { width: 100%; max-width: 446px; margin-left: auto; margin-right: auto; justify-content: flex-start; } .slps-wrap .slps-card .slps-media { flex: 0 0 auto; } .slps-wrap .slps-grid .slps-card .slps-title { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } \/* Exact 550px height whenever the card is at its full 446px width *\/ @media (min-width: 1442px) { .slps-wrap .slps-grid .slps-card { height: 550px; } } @media (prefers-reduced-motion: reduce) { .slps-wrap .slps-card { animation: none !important; transition: none !important; } } <\/style>\r\n<div class=\"slps-modal\" id=\"slps-modal\" hidden aria-hidden=\"true\">\r\n\t<div class=\"slps-modal__backdrop\" data-slps-close><\/div>\r\n\t<div class=\"slps-modal__dialog\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"slps-qv-title\" tabindex=\"-1\">\r\n\t\t<button type=\"button\" class=\"slps-btn slps-modal__close\" data-slps-close aria-label=\"Close\">\r\n\t\t\t<svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 5l14 14M19 5L5 19\"\/><\/svg>\r\n\t\t<\/button>\r\n\t\t<div class=\"slps-modal__body\"><\/div>\r\n\t<\/div>\r\n<\/div>\r\n<div class=\"slps-toast\" id=\"slps-toast\" role=\"status\" aria-live=\"polite\" hidden><\/div>\r\n<script id=\"slps-js\">window.slpsConfig={\"ajaxUrl\":\"https:\\\/\\\/starlifeshoes.com\\\/wp-admin\\\/admin-ajax.php\",\"nonce\":\"18f8b21ccf\",\"cartUrl\":\"https:\\\/\\\/starlifeshoes.com\\\/index.php\\\/cart\\\/\",\"placeholder\":\"https:\\\/\\\/starlifeshoes.com\\\/wp-content\\\/uploads\\\/woocommerce-placeholder-1024x1024.webp\",\"i18n\":{\"addToCart\":\"Add to Cart\",\"adding\":\"Adding\\u2026\",\"added\":\"Added\",\"viewCart\":\"View cart\",\"close\":\"Close\",\"selectAll\":\"Please select all options before adding to cart.\",\"unavailable\":\"Sorry, this combination is unavailable.\",\"outOfStock\":\"Out of stock\",\"error\":\"Something went wrong. Please try again.\",\"loadFailed\":\"This product could not be loaded.\",\"addedToast\":\"Added to your cart.\",\"loadMore\":\"Load more\",\"loading\":\"Loading\\u2026\",\"quantity\":\"Quantity\",\"prev\":\"Previous image\",\"next\":\"Next image\",\"addedMessage\":\"Added to your cart.\"}};\r\n\/*\r\n * SL Product Section & Quick View\r\n * Vanilla JS, no globals except window.slpsConfig (localized by PHP).\r\n *\/\r\n(function () {\r\n\t'use strict';\r\n\r\n\tif (window.__slpsLoaded) { return; }\r\n\twindow.__slpsLoaded = true;\r\n\r\n\tvar cfg = window.slpsConfig || {};\r\n\tvar i18n = cfg.i18n || {};\r\n\tvar $ = window.jQuery;\r\n\r\n\tvar modal, dialog, bodyEl;\r\n\tvar lastFocus = null;\r\n\tvar state = null;\r\n\tvar requestId = 0;\r\n\tvar toastTimer = null;\r\n\tvar WL_KEY = 'slps_wishlist';\r\n\r\n\t\/* ------------------------------------------------------------ helpers *\/\r\n\r\n\tfunction qs(sel, ctx) { return (ctx || document).querySelector(sel); }\r\n\tfunction qsa(sel, ctx) { return Array.prototype.slice.call((ctx || document).querySelectorAll(sel)); }\r\n\r\n\tfunction esc(str) {\r\n\t\treturn String(str == null ? '' : str)\r\n\t\t\t.replace(\/&\/g, '&amp;').replace(\/<\/g, '&lt;').replace(\/>\/g, '&gt;')\r\n\t\t\t.replace(\/\"\/g, '&quot;').replace(\/'\/g, '&#039;');\r\n\t}\r\n\r\n\tfunction post(action, data) {\r\n\t\tvar fd = new FormData();\r\n\t\tfd.append('action', action);\r\n\t\tfd.append('nonce', cfg.nonce || '');\r\n\t\tObject.keys(data || {}).forEach(function (key) {\r\n\t\t\tif (data[key] !== undefined && data[key] !== null) { fd.append(key, data[key]); }\r\n\t\t});\r\n\t\treturn fetch(cfg.ajaxUrl, { method: 'POST', credentials: 'same-origin', body: fd })\r\n\t\t\t.then(function (res) {\r\n\t\t\t\treturn res.json().catch(function () { throw new Error('bad-json'); });\r\n\t\t\t});\r\n\t}\r\n\r\n\tfunction errMessage(res) {\r\n\t\treturn (res && res.data && res.data.message) ? res.data.message : (i18n.error || 'Error');\r\n\t}\r\n\r\n\tfunction toast(html, ms) {\r\n\t\tensureModal();\r\n\t\tvar el = qs('#slps-toast');\r\n\t\tif (!el) { return; }\r\n\t\tel.innerHTML = html;\r\n\t\tel.hidden = false;\r\n\t\tclearTimeout(toastTimer);\r\n\t\ttoastTimer = setTimeout(function () { el.hidden = true; }, ms || 3500);\r\n\t}\r\n\r\n\tfunction notifyCart(data, el) {\r\n\t\tif ($ && data) {\r\n\t\t\t$(document.body).trigger('added_to_cart', [data.fragments || {}, data.cart_hash || '', $(el)]);\r\n\t\t}\r\n\t}\r\n\r\n\t\/* ----------------------------------------------------------- wishlist *\/\r\n\r\n\tfunction wlGet() {\r\n\t\ttry { return JSON.parse(localStorage.getItem(WL_KEY) || '[]'); } catch (e) { return []; }\r\n\t}\r\n\tfunction wlSet(list) {\r\n\t\ttry { localStorage.setItem(WL_KEY, JSON.stringify(list)); } catch (e) { \/* storage unavailable *\/ }\r\n\t}\r\n\tfunction wlInit(root) {\r\n\t\tvar list = wlGet();\r\n\t\tqsa('.slps-heart', root || document).forEach(function (btn) {\r\n\t\t\tvar on = list.indexOf(String(btn.getAttribute('data-id'))) > -1;\r\n\t\t\tbtn.classList.toggle('is-active', on);\r\n\t\t\tbtn.setAttribute('aria-pressed', on ? 'true' : 'false');\r\n\t\t});\r\n\t}\r\n\tfunction wlToggle(btn) {\r\n\t\tvar id = String(btn.getAttribute('data-id'));\r\n\t\tvar list = wlGet();\r\n\t\tvar idx = list.indexOf(id);\r\n\t\tif (idx > -1) { list.splice(idx, 1); } else { list.push(id); }\r\n\t\twlSet(list);\r\n\t\tqsa('.slps-heart[data-id=\"' + id + '\"]').forEach(function (b) {\r\n\t\t\tvar on = list.indexOf(id) > -1;\r\n\t\t\tb.classList.toggle('is-active', on);\r\n\t\t\tb.setAttribute('aria-pressed', on ? 'true' : 'false');\r\n\t\t});\r\n\t}\r\n\r\n\t\/* ---------------------------------------------------- card interactions *\/\r\n\r\n\tfunction cardSwatch(btn) {\r\n\t\tvar card = btn.closest('.slps-card, li.product, .product');\r\n\t\tif (!card) { return; }\r\n\t\tqsa('.slps-swatch', card).forEach(function (s) {\r\n\t\t\ts.classList.remove('is-active');\r\n\t\t\ts.setAttribute('aria-pressed', 'false');\r\n\t\t});\r\n\t\tbtn.classList.add('is-active');\r\n\t\tbtn.setAttribute('aria-pressed', 'true');\r\n\r\n\t\tvar img = qs('.slps-media img.slps-img', card) ||\r\n\t\t\tqs('img.wp-post-image, img.attachment-woocommerce_thumbnail, img.attachment-woocommerce_single, img', card);\r\n\t\tif (!img) { return; }\r\n\t\tif (!img.hasAttribute('data-orig-src')) {\r\n\t\t\timg.setAttribute('data-orig-src', img.getAttribute('src') || '');\r\n\t\t\timg.setAttribute('data-orig-srcset', img.getAttribute('srcset') || '');\r\n\t\t}\r\n\t\tvar next = btn.getAttribute('data-image');\r\n\t\tif (next) {\r\n\t\t\timg.removeAttribute('srcset');\r\n\t\t\timg.setAttribute('src', next);\r\n\t\t} else {\r\n\t\t\timg.setAttribute('src', img.getAttribute('data-orig-src'));\r\n\t\t\tvar srcset = img.getAttribute('data-orig-srcset');\r\n\t\t\tif (srcset) { img.setAttribute('srcset', srcset); }\r\n\t\t}\r\n\t}\r\n\r\n\tfunction cardPreselect(card) {\r\n\t\tvar pre = {};\r\n\t\tvar active = card ? qs('.slps-swatch.is-active', card) : null;\r\n\t\tif (active) { pre[active.getAttribute('data-attr')] = active.getAttribute('data-value'); }\r\n\t\treturn pre;\r\n\t}\r\n\r\n\tfunction addDirect(btn) {\r\n\t\tvar id = btn.getAttribute('data-id');\r\n\t\tbtn.classList.add('is-loading');\r\n\t\tpost('sl_ps_add_to_cart', { product_id: id, quantity: 1 })\r\n\t\t\t.then(function (res) {\r\n\t\t\t\tbtn.classList.remove('is-loading');\r\n\t\t\t\tif (res && res.success) {\r\n\t\t\t\t\tbtn.classList.add('is-done');\r\n\t\t\t\t\tsetTimeout(function () { btn.classList.remove('is-done'); }, 1800);\r\n\t\t\t\t\tnotifyCart(res.data, btn);\r\n\t\t\t\t\ttoast(esc(i18n.addedToast) + (cfg.cartUrl ? ' <a href=\"' + esc(cfg.cartUrl) + '\">' + esc(i18n.viewCart) + '<\/a>' : ''));\r\n\t\t\t\t} else {\r\n\t\t\t\t\ttoast(esc(errMessage(res)), 4500);\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.catch(function () {\r\n\t\t\t\tbtn.classList.remove('is-loading');\r\n\t\t\t\ttoast(esc(i18n.error), 4500);\r\n\t\t\t});\r\n\t}\r\n\r\n\tfunction loadMore(btn) {\r\n\t\tvar wrap = btn.closest('.slps-wrap');\r\n\t\tvar grid = wrap ? qs('.slps-grid', wrap) : null;\r\n\t\tif (!wrap || !grid) { return; }\r\n\t\tvar page = parseInt(wrap.getAttribute('data-page') || '1', 10) + 1;\r\n\t\tbtn.disabled = true;\r\n\t\tbtn.textContent = i18n.loading;\r\n\t\tpost('sl_ps_load_more', {\r\n\t\t\tatts: wrap.getAttribute('data-atts'),\r\n\t\t\tsig: wrap.getAttribute('data-sig'),\r\n\t\t\tpage: page\r\n\t\t}).then(function (res) {\r\n\t\t\tif (!res || !res.success) { throw new Error('fail'); }\r\n\t\t\tgrid.insertAdjacentHTML('beforeend', res.data.html);\r\n\t\t\twrap.setAttribute('data-page', String(page));\r\n\t\t\twlInit(wrap);\r\n\t\t\tif (res.data.has_more) {\r\n\t\t\t\tbtn.disabled = false;\r\n\t\t\t\tbtn.textContent = i18n.loadMore;\r\n\t\t\t} else {\r\n\t\t\t\tbtn.parentNode.removeChild(btn);\r\n\t\t\t}\r\n\t\t}).catch(function () {\r\n\t\t\tbtn.disabled = false;\r\n\t\t\tbtn.textContent = i18n.loadMore;\r\n\t\t\ttoast(esc(i18n.error), 4500);\r\n\t\t});\r\n\t}\r\n\r\n\t\/* -------------------------------------------------------------- modal *\/\r\n\r\n\tfunction ensureModal() {\r\n\t\tvar all = document.querySelectorAll('#slps-modal');\r\n\t\tif (!all.length) { return false; }\r\n\t\tmodal = all[0];\r\n\t\tfor (var i = 1; i < all.length; i++) { all[i].parentNode.removeChild(all[i]); }\r\n\t\tif (modal.parentNode !== document.body) { document.body.appendChild(modal); }\r\n\t\tvar toasts = document.querySelectorAll('#slps-toast');\r\n\t\tfor (var j = 0; j < toasts.length; j++) {\r\n\t\t\tif (j > 0) { toasts[j].parentNode.removeChild(toasts[j]); }\r\n\t\t\telse if (toasts[j].parentNode !== document.body) { document.body.appendChild(toasts[j]); }\r\n\t\t}\r\n\t\tdialog = qs('.slps-modal__dialog', modal);\r\n\t\tbodyEl = qs('.slps-modal__body', modal);\r\n\t\treturn true;\r\n\t}\r\n\r\n\tfunction lockScroll(on) {\r\n\t\tvar html = document.documentElement;\r\n\t\tif (on) {\r\n\t\t\tvar sw = window.innerWidth - html.clientWidth;\r\n\t\t\thtml.classList.add('slps-lock');\r\n\t\t\tif (sw > 0) { html.style.paddingRight = sw + 'px'; }\r\n\t\t} else {\r\n\t\t\thtml.classList.remove('slps-lock');\r\n\t\t\thtml.style.paddingRight = '';\r\n\t\t}\r\n\t}\r\n\r\n\tfunction openModal() {\r\n\t\tmodal.hidden = false;\r\n\t\tmodal.setAttribute('aria-hidden', 'false');\r\n\t\tlockScroll(true);\r\n\t\tdialog.focus();\r\n\t}\r\n\r\n\tfunction closeModal() {\r\n\t\tif (!modal || modal.hidden) { return; }\r\n\t\trequestId++;\r\n\t\tmodal.hidden = true;\r\n\t\tmodal.setAttribute('aria-hidden', 'true');\r\n\t\tbodyEl.innerHTML = '';\r\n\t\tstate = null;\r\n\t\tlockScroll(false);\r\n\t\tif (lastFocus && typeof lastFocus.focus === 'function') { lastFocus.focus(); }\r\n\t}\r\n\r\n\tfunction openQuickView(id, pre) {\r\n\t\tif (!ensureModal()) { return; }\r\n\t\tlastFocus = document.activeElement;\r\n\t\tvar current = ++requestId;\r\n\t\tbodyEl.innerHTML = '<div class=\"slps-modal__loading\"><span class=\"slps-spinner\" aria-hidden=\"true\"><\/span><span class=\"screen-reader-text\" style=\"position:absolute;left:-9999px\">' + esc(i18n.loading) + '<\/span><\/div>';\r\n\t\topenModal();\r\n\r\n\t\tpost('sl_ps_quick_view', { product_id: id })\r\n\t\t\t.then(function (res) {\r\n\t\t\t\tif (current !== requestId) { return; }\r\n\t\t\t\tif (!res || !res.success) { throw new Error(errMessage(res)); }\r\n\t\t\t\trenderQuickView(res.data, pre || {});\r\n\t\t\t})\r\n\t\t\t.catch(function (err) {\r\n\t\t\t\tif (current !== requestId) { return; }\r\n\t\t\t\tvar msg = (err && err.message && err.message !== 'bad-json') ? err.message : i18n.loadFailed;\r\n\t\t\t\tbodyEl.innerHTML = '<div class=\"slps-modal__error\"><p>' + esc(msg) + '<\/p><\/div>';\r\n\t\t\t});\r\n\t}\r\n\r\n\tfunction renderQuickView(d, pre) {\r\n\t\tstate = { d: d, sel: {}, variation: null, index: 0 };\r\n\r\n\t\tvar html = '';\r\n\t\thtml += '<div class=\"slps-qv\">';\r\n\t\thtml += '<div class=\"slps-qv__media\"><img class=\"slps-qv__img\" alt=\"\" \/>';\r\n\t\tif (d.images.length > 1) {\r\n\t\t\thtml += '<button type=\"button\" class=\"slps-btn slps-qv__nav slps-qv__nav--prev\" aria-label=\"' + esc(i18n.prev) + '\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg><\/button>';\r\n\t\t\thtml += '<button type=\"button\" class=\"slps-btn slps-qv__nav slps-qv__nav--next\" aria-label=\"' + esc(i18n.next) + '\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9 18l6-6-6-6\"\/><\/svg><\/button>';\r\n\t\t}\r\n\t\thtml += '<\/div>';\r\n\t\thtml += '<div class=\"slps-qv__info\">';\r\n\t\tif (d.on_sale) { html += '<span class=\"slps-badge\">Sale<\/span>'; }\r\n\t\thtml += '<h2 class=\"slps-qv__title\" id=\"slps-qv-title\"><\/h2>';\r\n\t\thtml += '<div class=\"slps-qv__price\"><\/div>';\r\n\t\thtml += '<div class=\"slps-qv__desc\"><\/div>';\r\n\t\thtml += '<form class=\"slps-qv__form\" novalidate>';\r\n\r\n\t\td.attributes.forEach(function (attr, i) {\r\n\t\t\thtml += '<div class=\"slps-qv__attr\" data-name=\"' + esc(attr.name) + '\">';\r\n\t\t\thtml += '<div class=\"slps-qv__attr-head\"><span>' + esc(attr.label) + '<\/span><span class=\"slps-qv__attr-sel\"><\/span><\/div>';\r\n\t\t\thtml += '<div class=\"slps-qv__opts\" role=\"radiogroup\" aria-label=\"' + esc(attr.label) + '\">';\r\n\t\t\tattr.options.forEach(function (opt) {\r\n\t\t\t\tif (attr.type === 'color') {\r\n\t\t\t\t\thtml += '<button type=\"button\" class=\"slps-btn slps-swatch\" role=\"radio\" aria-checked=\"false\" title=\"' + esc(opt.label) + '\" aria-label=\"' + esc(opt.label) + '\" data-name=\"' + esc(attr.name) + '\" data-value=\"' + esc(opt.value) + '\" data-label=\"' + esc(opt.label) + '\" style=\"--slps-c:' + esc(opt.hex || '#ccc') + '\"><span class=\"slps-swatch__dot\"><\/span><\/button>';\r\n\t\t\t\t} else {\r\n\t\t\t\t\thtml += '<button type=\"button\" class=\"slps-btn slps-opt\" role=\"radio\" aria-checked=\"false\" data-name=\"' + esc(attr.name) + '\" data-value=\"' + esc(opt.value) + '\" data-label=\"' + esc(opt.label) + '\">' + esc(opt.label) + '<\/button>';\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\thtml += '<\/div><\/div>';\r\n\t\t});\r\n\r\n\t\tif (d.purchasable || d.type === 'variable') {\r\n\t\t\thtml += '<div class=\"slps-qv__row\">';\r\n\t\t\tif (!d.sold_individually) {\r\n\t\t\t\thtml += '<div class=\"slps-qty\">';\r\n\t\t\t\thtml += '<button type=\"button\" class=\"slps-btn slps-qty__btn\" data-step=\"-1\" aria-label=\"-\">&minus;<\/button>';\r\n\t\t\t\thtml += '<input class=\"slps-qty__input\" type=\"number\" inputmode=\"numeric\" value=\"' + esc(d.min_qty) + '\" min=\"' + esc(d.min_qty) + '\" aria-label=\"' + esc(i18n.quantity) + '\" \/>';\r\n\t\t\t\thtml += '<button type=\"button\" class=\"slps-btn slps-qty__btn\" data-step=\"1\" aria-label=\"+\">+<\/button>';\r\n\t\t\t\thtml += '<\/div>';\r\n\t\t\t}\r\n\t\t\thtml += '<button type=\"submit\" class=\"slps-btn slps-qv__add\">' + esc(i18n.addToCart) + '<\/button>';\r\n\t\t\thtml += '<\/div>';\r\n\t\t}\r\n\t\thtml += '<div class=\"slps-qv__stock\"><\/div>';\r\n\t\thtml += '<div class=\"slps-qv__msg\" role=\"status\" aria-live=\"polite\"><\/div>';\r\n\t\thtml += '<\/form>';\r\n\t\thtml += '<div class=\"slps-qv__fade\" aria-hidden=\"true\"><\/div>';\r\n\t\thtml += '<\/div><\/div>';\r\n\r\n\t\tbodyEl.innerHTML = html;\r\n\r\n\t\tqs('.slps-qv__title', bodyEl).textContent = d.title;\r\n\t\tqs('.slps-qv__desc', bodyEl).innerHTML = d.description || '';\r\n\t\tsetImage(0);\r\n\r\n\t\t\/\/ Initial selections: card colour > product defaults > single-option attributes.\r\n\t\td.attributes.forEach(function (attr) {\r\n\t\t\tvar value = pre[attr.name] || (d.defaults && d.defaults[attr.name]) || '';\r\n\t\t\tvar valid = attr.options.some(function (o) { return o.value === value; });\r\n\t\t\tif (!valid && attr.options.length === 1) { value = attr.options[0].value; valid = true; }\r\n\t\t\tif (valid) { state.sel[attr.name] = value; }\r\n\t\t});\r\n\r\n\t\tsyncOptionUI();\r\n\t\tupdate();\r\n\t}\r\n\r\n\tfunction setImage(index, src, alt) {\r\n\t\tvar img = qs('.slps-qv__img', bodyEl);\r\n\t\tif (!img || !state) { return; }\r\n\t\tvar images = state.d.images;\r\n\t\tif (src) {\r\n\t\t\timg.src = src;\r\n\t\t\timg.alt = alt || state.d.title;\r\n\t\t\tvar found = -1;\r\n\t\t\timages.forEach(function (im, i) { if (im.src === src) { found = i; } });\r\n\t\t\tif (found > -1) { state.index = found; }\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tstate.index = (index + images.length) % images.length;\r\n\t\timg.src = images[state.index].src || cfg.placeholder;\r\n\t\timg.alt = images[state.index].alt || state.d.title;\r\n\t\timg.onerror = function () {\r\n\t\t\timg.onerror = null;\r\n\t\t\tif (cfg.placeholder) { img.src = cfg.placeholder; }\r\n\t\t};\r\n\t}\r\n\r\n\tfunction syncOptionUI() {\r\n\t\tif (!state) { return; }\r\n\t\tqsa('.slps-qv__attr', bodyEl).forEach(function (group) {\r\n\t\t\tvar name = group.getAttribute('data-name');\r\n\t\t\tvar selected = state.sel[name] || '';\r\n\t\t\tvar label = '';\r\n\t\t\tqsa('.slps-swatch, .slps-opt', group).forEach(function (btn) {\r\n\t\t\t\tvar on = btn.getAttribute('data-value') === selected && selected !== '';\r\n\t\t\t\tbtn.classList.toggle('is-active', on);\r\n\t\t\t\tbtn.setAttribute('aria-checked', on ? 'true' : 'false');\r\n\t\t\t\tif (on) { label = btn.getAttribute('data-label'); }\r\n\t\t\t});\r\n\t\t\tvar out = qs('.slps-qv__attr-sel', group);\r\n\t\t\tif (out) { out.textContent = label; }\r\n\t\t});\r\n\t}\r\n\r\n\tfunction findVariation() {\r\n\t\tvar d = state.d;\r\n\t\tvar names = d.attributes.map(function (a) { return a.name; });\r\n\t\tfor (var i = 0; i < d.variations.length; i++) {\r\n\t\t\tvar v = d.variations[i];\r\n\t\t\tvar ok = names.every(function (n) {\r\n\t\t\t\tvar vv = v.attributes[n];\r\n\t\t\t\tif (vv === undefined || vv === '') { return true; }\r\n\t\t\t\treturn String(vv).toLowerCase() === String(state.sel[n] || '').toLowerCase();\r\n\t\t\t});\r\n\t\t\tif (ok) { return v; }\r\n\t\t}\r\n\t\treturn null;\r\n\t}\r\n\r\n\tfunction setMessage(text, kind, linkHtml) {\r\n\t\tvar el = qs('.slps-qv__msg', bodyEl);\r\n\t\tif (!el) { return; }\r\n\t\tel.classList.toggle('is-success', kind === 'success');\r\n\t\tel.textContent = text || '';\r\n\t\tif (text && linkHtml) { el.insertAdjacentHTML('beforeend', linkHtml); }\r\n\t}\r\n\r\n\tfunction setDisabled(disabled) {\r\n\t\tvar btn = qs('.slps-qv__add', bodyEl);\r\n\t\tif (!btn) { return; }\r\n\t\tbtn.classList.toggle('is-disabled', !!disabled);\r\n\t\tbtn.setAttribute('aria-disabled', disabled ? 'true' : 'false');\r\n\t}\r\n\r\n\tfunction update() {\r\n\t\tif (!state) { return; }\r\n\t\tvar d = state.d;\r\n\t\tvar priceEl = qs('.slps-qv__price', bodyEl);\r\n\t\tvar stockEl = qs('.slps-qv__stock', bodyEl);\r\n\t\tvar qtyEl = qs('.slps-qty__input', bodyEl);\r\n\t\tvar min = d.min_qty, max = d.max_qty;\r\n\r\n\t\tif (d.type !== 'variable') {\r\n\t\t\tpriceEl.innerHTML = d.price_html || '';\r\n\t\t\tstockEl.innerHTML = d.stock_html || '';\r\n\t\t\tsetDisabled(!d.purchasable);\r\n\t\t} else {\r\n\t\t\tvar complete = d.attributes.every(function (a) { return !!state.sel[a.name]; });\r\n\t\t\tvar match = complete ? findVariation() : null;\r\n\t\t\tstate.variation = match;\r\n\r\n\t\t\tpriceEl.innerHTML = match ? match.price_html : d.price_html;\r\n\t\t\tstockEl.innerHTML = match ? (match.availability_html || '') : '';\r\n\r\n\t\t\tif (match) {\r\n\t\t\t\tmin = match.min_qty; max = match.max_qty;\r\n\t\t\t\tif (match.image) { setImage(0, match.image); }\r\n\t\t\t}\r\n\r\n\t\t\tvar msg = '';\r\n\t\t\tvar blocked = false;\r\n\t\t\tif (complete && !match) { msg = i18n.unavailable; blocked = true; }\r\n\t\t\telse if (match && (!match.is_in_stock || !match.is_purchasable)) { msg = i18n.outOfStock; blocked = true; }\r\n\t\t\telse if (!complete) { blocked = true; }\r\n\t\t\tsetDisabled(blocked);\r\n\t\t\tsetMessage(complete ? msg : '', 'error');\r\n\t\t}\r\n\r\n\t\tif (qtyEl) {\r\n\t\t\tqtyEl.min = min;\r\n\t\t\tif (max !== '' && max !== null) { qtyEl.max = max; } else { qtyEl.removeAttribute('max'); }\r\n\t\t\tclampQty(qtyEl, min, max);\r\n\t\t}\r\n\t}\r\n\r\n\tfunction clampQty(input, min, max) {\r\n\t\tvar v = parseInt(input.value, 10);\r\n\t\tif (isNaN(v) || v < min) { v = min; }\r\n\t\tif (max !== '' && max !== null && v > max) { v = max; }\r\n\t\tinput.value = v;\r\n\t}\r\n\r\n\tfunction submitForm() {\r\n\t\tif (!state) { return; }\r\n\t\tvar d = state.d;\r\n\t\tvar btn = qs('.slps-qv__add', bodyEl);\r\n\t\tif (!btn || btn.classList.contains('is-loading')) { return; }\r\n\r\n\t\tif (d.type === 'variable') {\r\n\t\t\tvar complete = d.attributes.every(function (a) { return !!state.sel[a.name]; });\r\n\t\t\tif (!complete) { setMessage(i18n.selectAll, 'error'); return; }\r\n\t\t\tif (!state.variation) { setMessage(i18n.unavailable, 'error'); return; }\r\n\t\t\tif (btn.classList.contains('is-disabled')) { return; }\r\n\t\t} else if (btn.classList.contains('is-disabled')) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tvar qtyEl = qs('.slps-qty__input', bodyEl);\r\n\t\tvar qty = qtyEl ? parseInt(qtyEl.value, 10) || 1 : 1;\r\n\t\tvar data = { product_id: d.id, quantity: qty };\r\n\t\tif (d.type === 'variable') {\r\n\t\t\tdata.variation_id = state.variation.variation_id;\r\n\t\t\td.attributes.forEach(function (a) { data['variation[' + a.name + ']'] = state.sel[a.name]; });\r\n\t\t}\r\n\r\n\t\tvar label = btn.textContent;\r\n\t\tbtn.classList.add('is-loading');\r\n\t\tbtn.textContent = i18n.adding;\r\n\t\tsetMessage('', 'error');\r\n\r\n\t\tpost('sl_ps_add_to_cart', data)\r\n\t\t\t.then(function (res) {\r\n\t\t\t\tif (!state) { return; }\r\n\t\t\t\tbtn.classList.remove('is-loading');\r\n\t\t\t\tbtn.textContent = label;\r\n\t\t\t\tif (res && res.success) {\r\n\t\t\t\t\tvar link = res.data.cart_url ? '<a href=\"' + esc(res.data.cart_url) + '\">' + esc(i18n.viewCart) + '<\/a>' : '';\r\n\t\t\t\t\tsetMessage(res.data.message || i18n.addedMessage, 'success', link);\r\n\t\t\t\t\tnotifyCart(res.data, btn);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tsetMessage(errMessage(res), 'error');\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.catch(function () {\r\n\t\t\t\tif (!state) { return; }\r\n\t\t\t\tbtn.classList.remove('is-loading');\r\n\t\t\t\tbtn.textContent = label;\r\n\t\t\t\tsetMessage(i18n.error, 'error');\r\n\t\t\t});\r\n\t}\r\n\r\n\t\/* ----------------------------------------------------- event delegation *\/\r\n\r\n\tdocument.addEventListener('click', function (e) {\r\n\t\tvar t = e.target;\r\n\t\tif (!t || !t.closest) { return; }\r\n\t\tvar el;\r\n\r\n\t\t\/\/ Modal: close.\r\n\t\tif ((el = t.closest('[data-slps-close]'))) {\r\n\t\t\te.preventDefault();\r\n\t\t\tcloseModal();\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t\/\/ Modal: gallery arrows.\r\n\t\tif ((el = t.closest('.slps-qv__nav'))) {\r\n\t\t\tsetImage(state.index + (el.classList.contains('slps-qv__nav--next') ? 1 : -1));\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t\/\/ Modal: option \/ swatch selection.\r\n\t\tif ((el = t.closest('.slps-modal .slps-swatch, .slps-modal .slps-opt'))) {\r\n\t\t\tif (state) {\r\n\t\t\t\tstate.sel[el.getAttribute('data-name')] = el.getAttribute('data-value');\r\n\t\t\t\tsyncOptionUI();\r\n\t\t\t\tupdate();\r\n\t\t\t}\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t\/\/ Modal: quantity stepper.\r\n\t\tif ((el = t.closest('.slps-qty__btn'))) {\r\n\t\t\tvar input = qs('.slps-qty__input', bodyEl);\r\n\t\t\tif (input && state) {\r\n\t\t\t\tinput.value = (parseInt(input.value, 10) || 1) + parseInt(el.getAttribute('data-step'), 10);\r\n\t\t\t\tvar maxQ = input.max !== '' ? parseInt(input.max, 10) : '';\r\n\t\t\t\tclampQty(input, parseInt(input.min, 10) || 1, maxQ);\r\n\t\t\t}\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t\/\/ Cards.\r\n\t\tif ((el = t.closest('.slps-wrap .slps-swatch'))) {\r\n\t\t\tcardSwatch(el);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif ((el = t.closest('.slps-wrap .slps-heart'))) {\r\n\t\t\te.preventDefault();\r\n\t\t\twlToggle(el);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif ((el = t.closest('.slps-wrap [data-slps-action]'))) {\r\n\t\t\te.preventDefault();\r\n\t\t\tvar action = el.getAttribute('data-slps-action');\r\n\t\t\tvar id = el.getAttribute('data-id');\r\n\t\t\tif (action === 'add') {\r\n\t\t\t\taddDirect(el);\r\n\t\t\t} else {\r\n\t\t\t\topenQuickView(id, cardPreselect(el.closest('.slps-card')));\r\n\t\t\t}\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif ((el = t.closest('.slps-loadmore'))) {\r\n\t\t\te.preventDefault();\r\n\t\t\tloadMore(el);\r\n\t\t}\r\n\t});\r\n\r\n\tdocument.addEventListener('submit', function (e) {\r\n\t\tif (e.target && e.target.classList && e.target.classList.contains('slps-qv__form')) {\r\n\t\t\te.preventDefault();\r\n\t\t\tsubmitForm();\r\n\t\t}\r\n\t});\r\n\r\n\tdocument.addEventListener('change', function (e) {\r\n\t\tif (e.target && e.target.classList && e.target.classList.contains('slps-qty__input')) {\r\n\t\t\tvar input = e.target;\r\n\t\t\tvar maxQ = input.max !== '' ? parseInt(input.max, 10) : '';\r\n\t\t\tclampQty(input, parseInt(input.min, 10) || 1, maxQ);\r\n\t\t}\r\n\t});\r\n\r\n\tdocument.addEventListener('keydown', function (e) {\r\n\t\tif (!modal || modal.hidden) { return; }\r\n\t\tif (e.key === 'Escape' || e.key === 'Esc') {\r\n\t\t\te.preventDefault();\r\n\t\t\tcloseModal();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif (e.key === 'Tab') {\r\n\t\t\tvar focusable = qsa('button:not([disabled]), a[href], input:not([disabled]), [tabindex]:not([tabindex=\"-1\"])', dialog)\r\n\t\t\t\t.filter(function (n) { return n.offsetParent !== null; });\r\n\t\t\tif (!focusable.length) { e.preventDefault(); dialog.focus(); return; }\r\n\t\t\tvar first = focusable[0], last = focusable[focusable.length - 1];\r\n\t\t\tif (e.shiftKey && (document.activeElement === first || document.activeElement === dialog)) {\r\n\t\t\t\te.preventDefault(); last.focus();\r\n\t\t\t} else if (!e.shiftKey && document.activeElement === last) {\r\n\t\t\t\te.preventDefault(); first.focus();\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n\r\n\tfunction init() {\r\n\t\twlInit(document);\r\n\t\tensureModal();\r\n\t}\r\n\r\n\tif (document.readyState === 'loading') {\r\n\t\tdocument.addEventListener('DOMContentLoaded', init);\r\n\t} else {\r\n\t\tinit();\r\n\t}\r\n})();\r\n<\/script>\r\n\t\t\t\t<div class=\"slps-wrap slps-bordered\" id=\"slps-1\" style=\"--slps-cols:3;--slps-cols-t:3;--slps-cols-m:2;--slps-side:24px;\" data-atts=\"{&quot;category&quot;:&quot;Black-Leather- Collection&quot;,&quot;tag&quot;:&quot;&quot;,&quot;ids&quot;:&quot;&quot;,&quot;exclude&quot;:&quot;&quot;,&quot;limit&quot;:8,&quot;columns&quot;:3,&quot;columns_tablet&quot;:3,&quot;columns_mobile&quot;:2,&quot;orderby&quot;:&quot;date&quot;,&quot;order&quot;:&quot;DESC&quot;,&quot;pagination&quot;:&quot;none&quot;,&quot;on_sale&quot;:&quot;no&quot;,&quot;featured&quot;:&quot;no&quot;,&quot;hide_out_of_stock&quot;:&quot;no&quot;,&quot;swatches&quot;:&quot;yes&quot;,&quot;border&quot;:&quot;yes&quot;,&quot;side_gap&quot;:24,&quot;color_attribute&quot;:&quot;color&quot;,&quot;class&quot;:&quot;&quot;}\" data-sig=\"b33f395a8091d651a75c5c7628e0f8d686fe35f61ae7a5f30ecb681558a7bf41\" data-page=\"1\" data-max=\"0\">\r\n\t\t\t\t\t\t\t<div class=\"slps-grid\">\r\n\t\t\t\t\t\t\t<div class=\"slps-card\" data-product-id=\"342\">\r\n\t\t\t<div class=\"slps-media\">\r\n\t\t\t\t<a class=\"slps-media__link\" href=\"https:\/\/starlifeshoes.com\/index.php\/product\/black-navy-asli-color-check-karo\/\" aria-label=\"Black \/ Navy (asli color check karo)\" tabindex=\"-1\">\r\n\t\t\t\t\t<img loading=\"lazy\" width=\"600\" height=\"516\" src=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.24-PM-2-600x516.jpeg\" class=\"slps-img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 767px) 50vw, 33vw\" srcset=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.24-PM-2-600x516.jpeg 600w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.24-PM-2-300x258.jpeg 300w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.24-PM-2-768x660.jpeg 768w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.24-PM-2.jpeg 955w\" \/>\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"slps-actions\">\r\n\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-icon slps-heart\" data-id=\"342\" aria-pressed=\"false\" aria-label=\"Add to wishlist\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/button>\r\n\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-icon slps-eye\" data-slps-action=\"quick\" data-id=\"342\" aria-label=\"Quick view\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"2.8\"\/><\/svg><\/button>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-quick\" data-slps-action=\"quick\" data-id=\"342\">Select Options<\/button>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<h3 class=\"slps-title\"><a href=\"https:\/\/starlifeshoes.com\/index.php\/product\/black-navy-asli-color-check-karo\/\">Black \/ Navy (asli color check karo)<\/a><\/h3>\r\n\r\n\t\t\t\t\t\t\t<div class=\"slps-price\"><span class=\"slps-now\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">Rs.<\/span>&nbsp;2,500<\/bdi><\/span><\/span><\/div>\r\n\t\t\t\r\n\t\t\t\t\t\t\t<div class=\"slps-swatches\" role=\"group\" aria-label=\"Colour\">\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"slps-btn slps-swatch is-active\"\r\n\t\t\t\t\t\t\tstyle=\"--slps-c:#111111\"\r\n\t\t\t\t\t\t\ttitle=\"Black\"\r\n\t\t\t\t\t\t\taria-label=\"Black\"\r\n\t\t\t\t\t\t\taria-pressed=\"true\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"black\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"slps-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"slps-btn slps-swatch\"\r\n\t\t\t\t\t\t\tstyle=\"--slps-c:#1f2a44\"\r\n\t\t\t\t\t\t\ttitle=\"Navy\"\r\n\t\t\t\t\t\t\taria-label=\"Navy\"\r\n\t\t\t\t\t\t\taria-pressed=\"false\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"navy\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"slps-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"slps-card\" data-product-id=\"336\">\r\n\t\t\t<div class=\"slps-media\">\r\n\t\t\t\t<a class=\"slps-media__link\" href=\"https:\/\/starlifeshoes.com\/index.php\/product\/mens-padded-cross-strap-leather-slipper\/\" aria-label=\"Men&#039;s Padded Cross Strap Leather Slipper\" tabindex=\"-1\">\r\n\t\t\t\t\t<img loading=\"lazy\" width=\"600\" height=\"800\" src=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.26-PM-3-600x800.jpeg\" class=\"slps-img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 767px) 50vw, 33vw\" srcset=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.26-PM-3-600x800.jpeg 600w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.26-PM-3-225x300.jpeg 225w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.26-PM-3-768x1024.jpeg 768w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.26-PM-3.jpeg 896w\" \/>\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"slps-actions\">\r\n\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-icon slps-heart\" data-id=\"336\" aria-pressed=\"false\" aria-label=\"Add to wishlist\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/button>\r\n\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-icon slps-eye\" data-slps-action=\"quick\" data-id=\"336\" aria-label=\"Quick view\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"2.8\"\/><\/svg><\/button>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-quick\" data-slps-action=\"quick\" data-id=\"336\">Select Options<\/button>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<h3 class=\"slps-title\"><a href=\"https:\/\/starlifeshoes.com\/index.php\/product\/mens-padded-cross-strap-leather-slipper\/\">Men&#039;s Padded Cross Strap Leather Slipper<\/a><\/h3>\r\n\r\n\t\t\t\t\t\t\t<div class=\"slps-price\"><span class=\"slps-now\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">Rs.<\/span>&nbsp;2,500<\/bdi><\/span><\/span><\/div>\r\n\t\t\t\r\n\t\t\t\t\t\t\t<div class=\"slps-swatches\" role=\"group\" aria-label=\"Colour\">\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"slps-btn slps-swatch is-active\"\r\n\t\t\t\t\t\t\tstyle=\"--slps-c:#111111\"\r\n\t\t\t\t\t\t\ttitle=\"Black\"\r\n\t\t\t\t\t\t\taria-label=\"Black\"\r\n\t\t\t\t\t\t\taria-pressed=\"true\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"black\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"slps-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"slps-card\" data-product-id=\"315\">\r\n\t\t\t<div class=\"slps-media\">\r\n\t\t\t\t<a class=\"slps-media__link\" href=\"https:\/\/starlifeshoes.com\/index.php\/product\/mens-leather-cross-strap-flat-slipper\/\" aria-label=\"Men&#039;s Leather Cross Strap Flat Slipper\" tabindex=\"-1\">\r\n\t\t\t\t\t<img loading=\"lazy\" width=\"600\" height=\"593\" src=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.22-PM-2-600x593.jpeg\" class=\"slps-img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 767px) 50vw, 33vw\" srcset=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.22-PM-2-600x593.jpeg 600w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.22-PM-2-300x297.jpeg 300w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.22-PM-2-1024x1013.jpeg 1024w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.22-PM-2-768x759.jpeg 768w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.22-PM-2-100x100.jpeg 100w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.22-PM-2.jpeg 1074w\" \/>\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"slps-actions\">\r\n\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-icon slps-heart\" data-id=\"315\" aria-pressed=\"false\" aria-label=\"Add to wishlist\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/button>\r\n\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-icon slps-eye\" data-slps-action=\"quick\" data-id=\"315\" aria-label=\"Quick view\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"2.8\"\/><\/svg><\/button>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-quick\" data-slps-action=\"quick\" data-id=\"315\">Select Options<\/button>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<h3 class=\"slps-title\"><a href=\"https:\/\/starlifeshoes.com\/index.php\/product\/mens-leather-cross-strap-flat-slipper\/\">Men&#039;s Leather Cross Strap Flat Slipper<\/a><\/h3>\r\n\r\n\t\t\t\t\t\t\t<div class=\"slps-price\"><span class=\"slps-now\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">Rs.<\/span>&nbsp;2,500<\/bdi><\/span><\/span><\/div>\r\n\t\t\t\r\n\t\t\t\t\t\t\t<div class=\"slps-swatches\" role=\"group\" aria-label=\"Colour\">\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"slps-btn slps-swatch is-active\"\r\n\t\t\t\t\t\t\tstyle=\"--slps-c:#111111\"\r\n\t\t\t\t\t\t\ttitle=\"Black\"\r\n\t\t\t\t\t\t\taria-label=\"Black\"\r\n\t\t\t\t\t\t\taria-pressed=\"true\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"black\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"slps-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"slps-card\" data-product-id=\"145\">\r\n\t\t\t<div class=\"slps-media\">\r\n\t\t\t\t<a class=\"slps-media__link\" href=\"https:\/\/starlifeshoes.com\/index.php\/product\/the-fleur-maxi\/\" aria-label=\"The Fleur Maxi\" tabindex=\"-1\">\r\n\t\t\t\t\t<img loading=\"lazy\" width=\"600\" height=\"800\" src=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-5.20.08-PM-2-600x800.jpeg\" class=\"slps-img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 767px) 50vw, 33vw\" srcset=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-5.20.08-PM-2-600x800.jpeg 600w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-5.20.08-PM-2-225x300.jpeg 225w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-5.20.08-PM-2-768x1024.jpeg 768w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-5.20.08-PM-2-1152x1536.jpeg 1152w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-5.20.08-PM-2.jpeg 1200w\" \/>\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"slps-actions\">\r\n\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-icon slps-heart\" data-id=\"145\" aria-pressed=\"false\" aria-label=\"Add to wishlist\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/button>\r\n\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-icon slps-eye\" data-slps-action=\"quick\" data-id=\"145\" aria-label=\"Quick view\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"2.8\"\/><\/svg><\/button>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-quick\" data-slps-action=\"quick\" data-id=\"145\">Select Options<\/button>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<h3 class=\"slps-title\"><a href=\"https:\/\/starlifeshoes.com\/index.php\/product\/the-fleur-maxi\/\">The Fleur Maxi<\/a><\/h3>\r\n\r\n\t\t\t\t\t\t\t<div class=\"slps-price\"><span class=\"slps-now\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">Rs.<\/span>&nbsp;2,500<\/bdi><\/span><\/span><\/div>\r\n\t\t\t\r\n\t\t\t\t\t\t\t<div class=\"slps-swatches\" role=\"group\" aria-label=\"Colour\">\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"slps-btn slps-swatch is-active\"\r\n\t\t\t\t\t\t\tstyle=\"--slps-c:#111111\"\r\n\t\t\t\t\t\t\ttitle=\"Black\"\r\n\t\t\t\t\t\t\taria-label=\"Black\"\r\n\t\t\t\t\t\t\taria-pressed=\"true\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"black\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"slps-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"slps-btn slps-swatch\"\r\n\t\t\t\t\t\t\tstyle=\"--slps-c:#5b2c1b\"\r\n\t\t\t\t\t\t\ttitle=\"Brown\"\r\n\t\t\t\t\t\t\taria-label=\"Brown\"\r\n\t\t\t\t\t\t\taria-pressed=\"false\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"brown\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"slps-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"slps-btn slps-swatch\"\r\n\t\t\t\t\t\t\tstyle=\"--slps-c:#808080\"\r\n\t\t\t\t\t\t\ttitle=\"Gray\"\r\n\t\t\t\t\t\t\taria-label=\"Gray\"\r\n\t\t\t\t\t\t\taria-pressed=\"false\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"gray\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"slps-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"slps-card\" data-product-id=\"144\">\r\n\t\t\t<div class=\"slps-media\">\r\n\t\t\t\t<a class=\"slps-media__link\" href=\"https:\/\/starlifeshoes.com\/index.php\/product\/heritage-cross-strap-leather-chappal-contrast-stitch\/\" aria-label=\"Heritage Cross-Strap Leather Chappal (Contrast Stitch)\" tabindex=\"-1\">\r\n\t\t\t\t\t<img loading=\"lazy\" width=\"600\" height=\"800\" src=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/Whats2_at_4_28_06_PM_resized-600x800.jpg\" class=\"slps-img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 767px) 50vw, 33vw\" srcset=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/Whats2_at_4_28_06_PM_resized-600x800.jpg 600w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/Whats2_at_4_28_06_PM_resized-225x300.jpg 225w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/Whats2_at_4_28_06_PM_resized-768x1024.jpg 768w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/Whats2_at_4_28_06_PM_resized.jpg 900w\" \/>\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"slps-actions\">\r\n\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-icon slps-heart\" data-id=\"144\" aria-pressed=\"false\" aria-label=\"Add to wishlist\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/button>\r\n\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-icon slps-eye\" data-slps-action=\"quick\" data-id=\"144\" aria-label=\"Quick view\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"2.8\"\/><\/svg><\/button>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-quick\" data-slps-action=\"quick\" data-id=\"144\">Select Options<\/button>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<h3 class=\"slps-title\"><a href=\"https:\/\/starlifeshoes.com\/index.php\/product\/heritage-cross-strap-leather-chappal-contrast-stitch\/\">Heritage Cross-Strap Leather Chappal (Contrast Stitch)<\/a><\/h3>\r\n\r\n\t\t\t\t\t\t\t<div class=\"slps-price\"><span class=\"slps-now\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">Rs.<\/span>&nbsp;2,500<\/bdi><\/span><\/span><\/div>\r\n\t\t\t\r\n\t\t\t\t\t\t\t<div class=\"slps-swatches\" role=\"group\" aria-label=\"Colour\">\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"slps-btn slps-swatch is-active\"\r\n\t\t\t\t\t\t\tstyle=\"--slps-c:#111111\"\r\n\t\t\t\t\t\t\ttitle=\"Black\"\r\n\t\t\t\t\t\t\taria-label=\"Black\"\r\n\t\t\t\t\t\t\taria-pressed=\"true\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"black\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"slps-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"slps-btn slps-swatch\"\r\n\t\t\t\t\t\t\tstyle=\"--slps-c:#5b2c1b\"\r\n\t\t\t\t\t\t\ttitle=\"Brown\"\r\n\t\t\t\t\t\t\taria-label=\"Brown\"\r\n\t\t\t\t\t\t\taria-pressed=\"false\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"brown\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"slps-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"slps-btn slps-swatch\"\r\n\t\t\t\t\t\t\tstyle=\"--slps-c:#808080\"\r\n\t\t\t\t\t\t\ttitle=\"Gray\"\r\n\t\t\t\t\t\t\taria-label=\"Gray\"\r\n\t\t\t\t\t\t\taria-pressed=\"false\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"gray\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"slps-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"slps-card\" data-product-id=\"143\">\r\n\t\t\t<div class=\"slps-media\">\r\n\t\t\t\t<a class=\"slps-media__link\" href=\"https:\/\/starlifeshoes.com\/index.php\/product\/classic-criss-cross-leather-slide-hand-stitched\/\" aria-label=\"Classic Criss-Cross Leather Slide, Hand-Stitched\" tabindex=\"-1\">\r\n\t\t\t\t\t<img loading=\"lazy\" width=\"600\" height=\"800\" src=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/What_at_4_28_05_PM_resized-600x800.jpg\" class=\"slps-img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 767px) 50vw, 33vw\" srcset=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/What_at_4_28_05_PM_resized-600x800.jpg 600w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/What_at_4_28_05_PM_resized-225x300.jpg 225w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/What_at_4_28_05_PM_resized-768x1024.jpg 768w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/What_at_4_28_05_PM_resized.jpg 900w\" \/>\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"slps-actions\">\r\n\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-icon slps-heart\" data-id=\"143\" aria-pressed=\"false\" aria-label=\"Add to wishlist\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/button>\r\n\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-icon slps-eye\" data-slps-action=\"quick\" data-id=\"143\" aria-label=\"Quick view\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"2.8\"\/><\/svg><\/button>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-quick\" data-slps-action=\"quick\" data-id=\"143\">Select Options<\/button>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<h3 class=\"slps-title\"><a href=\"https:\/\/starlifeshoes.com\/index.php\/product\/classic-criss-cross-leather-slide-hand-stitched\/\">Classic Criss-Cross Leather Slide, Hand-Stitched<\/a><\/h3>\r\n\r\n\t\t\t\t\t\t\t<div class=\"slps-price\"><span class=\"slps-now\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">Rs.<\/span>&nbsp;2,500<\/bdi><\/span><\/span><\/div>\r\n\t\t\t\r\n\t\t\t\t\t\t\t<div class=\"slps-swatches\" role=\"group\" aria-label=\"Colour\">\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"slps-btn slps-swatch is-active\"\r\n\t\t\t\t\t\t\tstyle=\"--slps-c:#111111\"\r\n\t\t\t\t\t\t\ttitle=\"Black\"\r\n\t\t\t\t\t\t\taria-label=\"Black\"\r\n\t\t\t\t\t\t\taria-pressed=\"true\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"black\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"slps-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"slps-btn slps-swatch\"\r\n\t\t\t\t\t\t\tstyle=\"--slps-c:#5b2c1b\"\r\n\t\t\t\t\t\t\ttitle=\"Brown\"\r\n\t\t\t\t\t\t\taria-label=\"Brown\"\r\n\t\t\t\t\t\t\taria-pressed=\"false\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"brown\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"slps-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"slps-btn slps-swatch\"\r\n\t\t\t\t\t\t\tstyle=\"--slps-c:#808080\"\r\n\t\t\t\t\t\t\ttitle=\"Gray\"\r\n\t\t\t\t\t\t\taria-label=\"Gray\"\r\n\t\t\t\t\t\t\taria-pressed=\"false\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"gray\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"slps-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"slps-card\" data-product-id=\"142\">\r\n\t\t\t<div class=\"slps-media\">\r\n\t\t\t\t<a class=\"slps-media__link\" href=\"https:\/\/starlifeshoes.com\/index.php\/product\/royal-badge-cross-strap-comfort-slide\/\" aria-label=\"Royal Badge Cross-Strap Comfort Slide\" tabindex=\"-1\">\r\n\t\t\t\t\t<img loading=\"lazy\" width=\"600\" height=\"800\" src=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp_Image_2026-10-22_at_4_28_03_PM_resized-600x800.jpg\" class=\"slps-img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 767px) 50vw, 33vw\" srcset=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp_Image_2026-10-22_at_4_28_03_PM_resized-600x800.jpg 600w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp_Image_2026-10-22_at_4_28_03_PM_resized-225x300.jpg 225w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp_Image_2026-10-22_at_4_28_03_PM_resized-768x1024.jpg 768w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp_Image_2026-10-22_at_4_28_03_PM_resized.jpg 900w\" \/>\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"slps-actions\">\r\n\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-icon slps-heart\" data-id=\"142\" aria-pressed=\"false\" aria-label=\"Add to wishlist\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/button>\r\n\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-icon slps-eye\" data-slps-action=\"quick\" data-id=\"142\" aria-label=\"Quick view\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"2.8\"\/><\/svg><\/button>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-quick\" data-slps-action=\"quick\" data-id=\"142\">Select Options<\/button>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<h3 class=\"slps-title\"><a href=\"https:\/\/starlifeshoes.com\/index.php\/product\/royal-badge-cross-strap-comfort-slide\/\">Royal Badge Cross-Strap Comfort Slide<\/a><\/h3>\r\n\r\n\t\t\t\t\t\t\t<div class=\"slps-price\"><span class=\"slps-now\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">Rs.<\/span>&nbsp;2,500<\/bdi><\/span><\/span><\/div>\r\n\t\t\t\r\n\t\t\t\t\t\t\t<div class=\"slps-swatches\" role=\"group\" aria-label=\"Colour\">\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"slps-btn slps-swatch is-active\"\r\n\t\t\t\t\t\t\tstyle=\"--slps-c:#5b2c1b\"\r\n\t\t\t\t\t\t\ttitle=\"Brown\"\r\n\t\t\t\t\t\t\taria-label=\"Brown\"\r\n\t\t\t\t\t\t\taria-pressed=\"true\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"brown\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"slps-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"slps-card\" data-product-id=\"138\">\r\n\t\t\t<div class=\"slps-media\">\r\n\t\t\t\t<a class=\"slps-media__link\" href=\"https:\/\/starlifeshoes.com\/index.php\/product\/safari-art-503-gold-emblem-slide\/\" aria-label=\"Safari ART-503 Gold Emblem Slide\" tabindex=\"-1\">\r\n\t\t\t\t\t<img loading=\"lazy\" width=\"600\" height=\"800\" src=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-5.20.09-PM-1-600x800.jpeg\" class=\"slps-img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 767px) 50vw, 33vw\" srcset=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-5.20.09-PM-1-600x800.jpeg 600w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-5.20.09-PM-1-225x300.jpeg 225w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-5.20.09-PM-1-768x1024.jpeg 768w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-5.20.09-PM-1-1152x1536.jpeg 1152w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-5.20.09-PM-1.jpeg 1200w\" \/>\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"slps-actions\">\r\n\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-icon slps-heart\" data-id=\"138\" aria-pressed=\"false\" aria-label=\"Add to wishlist\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/button>\r\n\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-icon slps-eye\" data-slps-action=\"quick\" data-id=\"138\" aria-label=\"Quick view\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"2.8\"\/><\/svg><\/button>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"slps-btn slps-quick\" data-slps-action=\"quick\" data-id=\"138\">Select Options<\/button>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<h3 class=\"slps-title\"><a href=\"https:\/\/starlifeshoes.com\/index.php\/product\/safari-art-503-gold-emblem-slide\/\">Safari ART-503 Gold Emblem Slide<\/a><\/h3>\r\n\r\n\t\t\t\t\t\t\t<div class=\"slps-price\"><span class=\"slps-now\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\" dir=\"auto\">Rs.<\/span>&nbsp;4,999<\/bdi><\/span><\/span><\/div>\r\n\t\t\t\r\n\t\t\t\t\t\t\t<div class=\"slps-swatches\" role=\"group\" aria-label=\"Colour\">\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"slps-btn slps-swatch is-active\"\r\n\t\t\t\t\t\t\tstyle=\"--slps-c:#111111\"\r\n\t\t\t\t\t\t\ttitle=\"Black\"\r\n\t\t\t\t\t\t\taria-label=\"Black\"\r\n\t\t\t\t\t\t\taria-pressed=\"true\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"black\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"slps-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"slps-btn slps-swatch\"\r\n\t\t\t\t\t\t\tstyle=\"--slps-c:#5b2c1b\"\r\n\t\t\t\t\t\t\ttitle=\"Brown\"\r\n\t\t\t\t\t\t\taria-label=\"Brown\"\r\n\t\t\t\t\t\t\taria-pressed=\"false\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"brown\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"slps-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"slps-btn slps-swatch\"\r\n\t\t\t\t\t\t\tstyle=\"--slps-c:#808080\"\r\n\t\t\t\t\t\t\ttitle=\"Gray\"\r\n\t\t\t\t\t\t\taria-label=\"Gray\"\r\n\t\t\t\t\t\t\taria-pressed=\"false\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"gray\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"slps-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eec857d e-con-full e-flex e-con e-parent\" data-id=\"eec857d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb879a9 elementor-widget elementor-widget-html\" data-id=\"bb879a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<div class=\"starlife-full-banner\">\r\n  <img decoding=\"async\"\r\n    src=\"https:\/\/starlifeshoes-com.us.stackstaging.com\/wp-content\/uploads\/2026\/10\/Timeless-Style-Footwear-Collection-2-1024x512.png\"\r\n    alt=\"Starlif eshoes - Timeless Style Footwear Collection\"\r\n    loading=\"eager\"\r\n    fetchpriority=\"high\"\r\n  >\r\n<\/div>\r\n\r\n<style>\r\n.starlife-full-banner {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  height: auto !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  overflow: visible;\r\n  line-height: 0;\r\n}\r\n\r\n.starlife-full-banner img {\r\n  display: block !important;\r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n  height: auto !important;\r\n  min-height: 0 !important;\r\n  max-height: none !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  object-fit: contain !important;\r\n  object-position: center center;\r\n  border: 0;\r\n  border-radius: 0;\r\n  box-shadow: none;\r\n}\r\n\r\n\/* Prevent cropping on every device *\/\r\n@media (max-width: 1024px) {\r\n  .starlife-full-banner,\r\n  .starlife-full-banner img {\r\n    height: auto !important;\r\n    max-height: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d05a55 e-con-full e-flex e-con e-parent\" data-id=\"2d05a55\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d39484d elementor-widget elementor-widget-html\" data-id=\"d39484d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mls-strip\" id=\"mlsStrip\">\r\n  <div class=\"mls-track\" id=\"mlsTrack\">\r\n    <div class=\"mls-group\">\r\n\r\n      <div class=\"mls-item\">\r\n        <span class=\"mls-icon\">\r\n          <svg viewBox=\"0 0 64 64\" fill=\"none\" stroke=\"#111\" stroke-width=\"5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M12 28a20 20 0 0 1 34-12l6 6\"\/>\r\n            <path d=\"M52 8v14H38\"\/>\r\n            <path d=\"M52 36a20 20 0 0 1-34 12l-6-6\"\/>\r\n            <path d=\"M12 56V42h14\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        <span class=\"mls-text\">Easy 7-Day Returns<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"mls-item\">\r\n        <span class=\"mls-icon\">\r\n          <svg viewBox=\"0 0 64 64\" fill=\"none\" stroke=\"#111\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M6 16h30v26H6z\"\/>\r\n            <path d=\"M36 24h12l10 10v8H36z\"\/>\r\n            <circle cx=\"18\" cy=\"46\" r=\"5\" fill=\"#fff\"\/>\r\n            <circle cx=\"46\" cy=\"46\" r=\"5\" fill=\"#fff\"\/>\r\n            <path d=\"M14 29l5 5 9-9\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        <span class=\"mls-text\">Fast &amp; Reliable Shipping<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"mls-item\">\r\n        <span class=\"mls-icon\">\r\n          <svg viewBox=\"0 0 64 64\" fill=\"none\" stroke=\"#111\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M6 44h14l12 6 20-8c3-1 2-5-1-5l-14 3\"\/>\r\n            <path d=\"M20 44V32\"\/>\r\n            <circle cx=\"38\" cy=\"22\" r=\"10\"\/>\r\n            <path d=\"M38 17v10M34 20c0-2 8-2 8 0s-8 2-8 4 8 2 8 0\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        <span class=\"mls-text mls-italic\">Cash On Delivery Available<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .mls-strip{\r\n    width:100vw;\r\n    position:relative;\r\n    left:50%;\r\n    margin-left:-50vw;\r\n    background:#111;\r\n    overflow:hidden;\r\n    padding:0;\r\n  }\r\n  .mls-track{\r\n    display:flex;\r\n    width:max-content;\r\n    will-change:transform;\r\n  }\r\n  .mls-group{\r\n    display:flex;\r\n    align-items:center;\r\n    flex-shrink:0;\r\n  }\r\n  .mls-item{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:22px;\r\n    padding:0 70px 0 0;\r\n    height:70px;\r\n    white-space:nowrap;\r\n  }\r\n  .mls-icon{\r\n    width:70px;\r\n    height:70px;\r\n    border-radius:50%;\r\n    background:#fff;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    flex-shrink:0;\r\n  }\r\n  .mls-icon svg{\r\n    width:38px;\r\n    height:38px;\r\n  }\r\n  .mls-text{\r\n    color:#fff;\r\n    font-size:14px;\r\n    font-weight:500;\r\n    letter-spacing:-.2px;\r\n    font-family:inherit;\r\n  }\r\n  .mls-italic{\r\n    font-style:italic;\r\n    font-weight:600;\r\n  }\r\n  @media (max-width:767px){\r\n    .mls-item{height:56px; gap:14px; padding-right:40px;}\r\n    .mls-icon{width:56px; height:56px;}\r\n    .mls-icon svg{width:30px; height:30px;}\r\n    .mls-text{font-size:12px;}\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  var strip = document.getElementById('mlsStrip');\r\n  var track = document.getElementById('mlsTrack');\r\n  if (!strip || !track || strip.dataset.ready) return;\r\n  strip.dataset.ready = '1';\r\n\r\n  var group = track.querySelector('.mls-group');\r\n  var speed = 60;        \/\/ pixels per second (kam\/zyada karne ke liye change karo)\r\n  var pos = 0;\r\n  var last = null;\r\n  var paused = false;\r\n\r\n  \/\/ group ko itni dafa copy karo ke screen se bara ho jaye\r\n  function fill() {\r\n    var existing = track.querySelectorAll('.mls-group');\r\n    for (var i = existing.length - 1; i > 0; i--) track.removeChild(existing[i]);\r\n    var gw = group.offsetWidth;\r\n    if (!gw) return;\r\n    var copies = Math.ceil(window.innerWidth \/ gw) + 1;\r\n    for (var j = 0; j < copies; j++) track.appendChild(group.cloneNode(true));\r\n  }\r\n\r\n  function step(t) {\r\n    if (last === null) last = t;\r\n    var dt = (t - last) \/ 1000;\r\n    last = t;\r\n    if (!paused) {\r\n      pos -= speed * dt;\r\n      var gw = group.offsetWidth;\r\n      if (gw && -pos >= gw) pos += gw;\r\n      track.style.transform = 'translate3d(' + pos + 'px,0,0)';\r\n    }\r\n    requestAnimationFrame(step);\r\n  }\r\n\r\n  strip.addEventListener('mouseenter', function () { paused = true; });\r\n  strip.addEventListener('mouseleave', function () { paused = false; });\r\n\r\n  var resizeTimer;\r\n  window.addEventListener('resize', function () {\r\n    clearTimeout(resizeTimer);\r\n    resizeTimer = setTimeout(fill, 200);\r\n  });\r\n\r\n  window.addEventListener('load', fill);\r\n  fill();\r\n  requestAnimationFrame(step);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c3b73a e-flex e-con-boxed e-con e-parent\" data-id=\"2c3b73a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc37ac5 elementor-widget elementor-widget-heading\" data-id=\"fc37ac5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Top Selling<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6072276 e-con-full e-flex e-con e-parent\" data-id=\"6072276\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cdafee8 elementor-widget elementor-widget-shortcode\" data-id=\"cdafee8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style id=\"mts-css\"> .mts-wrap,.mts-modal,.mts-toast{--mts-red:#d9413a;--mts-ink:#111;--mts-muted:#6b7280;font-family:inherit;-webkit-font-smoothing:antialiased} .mts-wrap,.mts-wrap *,.mts-wrap *::before,.mts-wrap *::after,.mts-modal,.mts-modal *,.mts-modal *::before,.mts-modal *::after{box-sizing:border-box} .mts-wrap{width:100%;max-width:100%;color:var(--mts-ink);padding-left:var(--mts-side,24px);padding-right:var(--mts-side,24px)} \/* slider *\/ .mts-wrap .mts-slider{position:relative} .mts-wrap .mts-track{--c:var(--mts-cols,2);--g:var(--mts-gap,34px);display:flex;gap:var(--g);margin:0;padding:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;cursor:grab} .mts-wrap .mts-track::-webkit-scrollbar{display:none} .mts-wrap .mts-track.is-drag{scroll-snap-type:none;cursor:grabbing;user-select:none} .mts-wrap .mts-track img{-webkit-user-drag:none;user-select:none} @media(max-width:1024px){.mts-wrap .mts-track{--c:var(--mts-cols-t,2);--g:min(var(--mts-gap,34px),20px)}} @media(max-width:767px){.mts-wrap .mts-track{--c:var(--mts-cols-m,2);--g:min(var(--mts-gap,34px),10px)}} :is(.mts-wrap) button.mts-nav,:is(.mts-wrap) button.mts-nav:hover,:is(.mts-wrap) button.mts-nav:focus{position:absolute;top:40%;z-index:6;display:flex;align-items:center;justify-content:center;width:46px;height:46px;min-width:0;min-height:0;margin:-23px 0 0;padding:0;border:0;border-radius:50%;background:#fff;color:var(--mts-ink);box-shadow:0 2px 12px rgba(0,0,0,.18);line-height:0;cursor:pointer;-webkit-appearance:none;appearance:none;transition:opacity .25s,background .2s,color .2s} .mts-wrap .mts-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;pointer-events:none} .mts-wrap .mts-nav--prev{left:14px} .mts-wrap .mts-nav--next{right:14px} :is(.mts-wrap) button.mts-nav:hover{background:#000;color:#fff} .mts-wrap .mts-nav:disabled{opacity:0!important;pointer-events:none} @media(hover:hover){.mts-wrap .mts-nav{opacity:0}.mts-wrap .mts-slider:hover .mts-nav{opacity:1}} @media(hover:none){.mts-wrap .mts-nav{display:none}} .mts-wrap .mts-progress{position:relative;height:4px;margin-top:30px;background:#e8e8e8;border-radius:4px;overflow:hidden} .mts-wrap .mts-progress span{position:absolute;top:0;bottom:0;left:0;width:30%;background:#111;border-radius:4px;transition:left .15s linear} .mts-wrap .mts-slider.is-static .mts-nav,.mts-wrap .mts-slider.is-static .mts-progress{display:none} .mts-wrap .mts-empty{text-align:center;color:var(--mts-muted);margin:30px 0} \/* card *\/ .mts-wrap .mts-card{flex:0 0 calc((100% - (var(--c) - 1) * var(--g)) \/ var(--c));max-width:calc((100% - (var(--c) - 1) * var(--g)) \/ var(--c));scroll-snap-align:start;position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;margin:0;padding:0;text-align:center;background:transparent;border:0;box-shadow:none} .mts-wrap .mts-media{position:relative;width:100%;aspect-ratio:1\/1;overflow:hidden;isolation:isolate;border-radius:var(--mts-radius,0px);background:#fafafa} .mts-wrap .mts-media__link{display:block;width:100%;height:100%;margin:0;padding:0;line-height:0;text-decoration:none;border:0} .mts-wrap .mts-media img.mts-img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0;padding:0;object-fit:cover!important;border:0;border-radius:0;box-shadow:none;transition:transform .5s ease} .mts-wrap .mts-card:hover .mts-media img.mts-img{transform:scale(1.03)} \/* sale badge *\/ .mts-wrap .mts-badge{position:absolute;top:14px;left:14px;z-index:3;display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 16px;border-radius:999px;background:var(--mts-ink);color:#fff;font-size:14px;font-weight:500;line-height:1;letter-spacing:0;text-transform:none;pointer-events:none} \/* title *\/ .mts-wrap .mts-title{margin:18px 0 0;padding:0 4px;font-family:inherit;font-size:15px;font-weight:500;line-height:1.4;letter-spacing:0;text-transform:none;text-align:center;color:var(--mts-ink)} .mts-wrap .mts-title a,.mts-wrap .mts-title a:hover,.mts-wrap .mts-title a:focus{color:inherit;text-decoration:none;background:none} .mts-wrap .mts-card:hover .mts-title a{text-decoration:underline;text-underline-offset:4px} \/* price *\/ .mts-wrap .mts-price,.mts-modal .mts-qv__price{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:0 8px;line-height:1.3} .mts-wrap .mts-price{margin-top:10px;font-size:15px} .mts-wrap .mts-sale,.mts-modal .mts-sale{color:var(--mts-red);font-weight:600;text-decoration:none} .mts-wrap .mts-now,.mts-modal .mts-now{color:var(--mts-ink);font-weight:600;text-decoration:none} .mts-wrap .mts-reg,.mts-modal .mts-reg{color:var(--mts-muted);font-weight:500;text-decoration:line-through;background:none} \/* swatches *\/ .mts-wrap .mts-swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px} :is(.mts-wrap,.mts-modal) button.mts-swatch,:is(.mts-wrap,.mts-modal) button.mts-swatch:hover,:is(.mts-wrap,.mts-modal) button.mts-swatch:focus{-webkit-appearance:none;appearance:none;display:inline-flex;width:32px;height:32px;min-width:0;min-height:0;margin:0;padding:4px;border:1px solid #dcdcdc;border-radius:50%;background:transparent;box-shadow:none;line-height:0;cursor:pointer;transition:transform .2s,border-color .2s} :is(.mts-wrap,.mts-modal) button.mts-swatch:hover{transform:scale(1.15);border-color:#111} :is(.mts-wrap,.mts-modal) button.mts-swatch.is-active,:is(.mts-wrap,.mts-modal) button.mts-swatch.is-active:hover,:is(.mts-wrap,.mts-modal) button.mts-swatch.is-active:focus{border-color:var(--mts-ink);border-width:1.5px} :is(.mts-wrap,.mts-modal) button.mts-swatch:focus-visible{outline:2px solid var(--mts-ink);outline-offset:2px} :is(.mts-wrap,.mts-modal) .mts-swatch__dot{display:block;width:100%;height:100%;border-radius:50%;background:var(--mts-c,#ccc);box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)} \/* hover icons: heart + eye *\/ .mts-wrap .mts-actions{position:absolute;top:30px;right:12px;z-index:4;display:flex;flex-direction:column;gap:8px} :is(.mts-wrap) .mts-icon,:is(.mts-wrap) button.mts-icon:hover,:is(.mts-wrap) button.mts-icon:focus{display:flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:#fff;color:var(--mts-ink);box-shadow:0 2px 10px rgba(0,0,0,.14);line-height:0;text-decoration:none;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background .2s,color .2s,transform .25s,box-shadow .25s,opacity .25s} .mts-wrap .mts-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;pointer-events:none} :is(.mts-wrap) button.mts-icon:hover{background:#000;color:#fff} .mts-wrap .mts-heart.is-active svg{fill:var(--mts-red);stroke:var(--mts-red)} @media(hover:hover){ .mts-wrap .mts-icon{opacity:0;transform:translateX(16px) scale(.8);pointer-events:none} .mts-wrap .mts-card:hover .mts-icon,.mts-wrap .mts-card:focus-within .mts-icon{opacity:1;transform:none;pointer-events:auto} .mts-wrap .mts-card:hover .mts-icon:nth-child(2){transition-delay:.05s} .mts-wrap .mts-card .mts-icon:hover{transform:scale(1.12);box-shadow:0 6px 16px rgba(0,0,0,.22)} } \/* bottom bar: Add to Cart \/ Select Options *\/ :is(.mts-wrap) .mts-quick,:is(.mts-wrap) button.mts-quick:hover,:is(.mts-wrap) button.mts-quick:focus{position:absolute;left:14px;right:14px;bottom:14px;z-index:4;display:flex;align-items:center;justify-content:center;width:auto;height:46px;min-height:0;margin:0;padding:0 16px;border:0;border-radius:999px;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#444;box-shadow:0 8px 20px rgba(0,0,0,.15);font-family:inherit;font-size:16px;font-weight:500;line-height:1;letter-spacing:0;text-transform:none;text-decoration:none;cursor:pointer;-webkit-appearance:none;appearance:none} .mts-wrap .mts-quick{opacity:0;transform:translateY(calc(100% + 24px));pointer-events:none;transition:transform .3s,opacity .3s,background .2s,color .2s} @media(hover:hover){ .mts-wrap .mts-card:hover .mts-quick,.mts-wrap .mts-quick:focus-visible{opacity:1;transform:none;pointer-events:auto} :is(.mts-wrap) .mts-card .mts-quick:hover,:is(.mts-wrap) .mts-card button.mts-quick:hover,:is(.mts-wrap) .mts-card a.mts-quick:hover{background:#000;color:#fff;transform:translateY(-2px)} } .mts-wrap .mts-quick.is-loading{opacity:1;transform:none;pointer-events:none} \/* touch devices: bar always visible, eye hidden, heart stays *\/ @media(hover:none){ .mts-wrap .mts-icon[data-mts-action=\"quick\"]{display:none} .mts-wrap .mts-quick{opacity:1;transform:none;pointer-events:auto;height:42px;font-size:14px} } @media(max-width:767px){ .mts-wrap .mts-badge{top:8px;left:8px;height:26px;padding:0 12px;font-size:12px} .mts-wrap .mts-actions{top:8px;right:8px} :is(.mts-wrap) .mts-icon,:is(.mts-wrap) button.mts-icon:hover,:is(.mts-wrap) button.mts-icon:focus{width:34px;height:34px} .mts-wrap .mts-icon svg{width:16px;height:16px} .mts-wrap .mts-quick{left:8px;right:8px;bottom:8px} .mts-wrap .mts-title{margin-top:16px} :is(.mts-wrap) button.mts-swatch,:is(.mts-wrap) button.mts-swatch:hover,:is(.mts-wrap) button.mts-swatch:focus{width:30px;height:30px;padding:3px} } \/* modal (quick view) *\/ html.mts-lock{overflow:hidden!important} .mts-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:24px} .mts-modal[hidden]{display:none!important} .mts-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:mts-fade .2s ease} .mts-modal__dialog{position:relative;width:100%;max-width:1040px;height:min(520px,calc(100vh - 48px));overflow:hidden;border-radius:24px;background:#fff;color:var(--mts-ink);outline:none;box-shadow:0 24px 80px rgba(0,0,0,.35);animation:mts-pop .22s ease} @keyframes mts-fade{from{opacity:0}to{opacity:1}} @keyframes mts-pop{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}} @keyframes mts-spin{to{transform:rotate(360deg)}} @media(prefers-reduced-motion:reduce){.mts-modal__backdrop,.mts-modal__dialog{animation:none}} :is(.mts-modal) button.mts-modal__close,:is(.mts-modal) button.mts-modal__close:hover,:is(.mts-modal) button.mts-modal__close:focus{position:absolute;top:18px;right:20px;z-index:10;display:flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#2b2b2b;box-shadow:none;line-height:0;cursor:pointer} .mts-modal__body{height:100%} .mts-modal__loading,.mts-modal__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;min-height:220px;padding:24px;text-align:center} .mts-spinner{width:34px;height:34px;border:3px solid #e3e3e3;border-top-color:var(--mts-ink);border-radius:50%;animation:mts-spin .8s linear infinite} .mts-modal .mts-qv{display:grid;grid-template-columns:1fr 1fr;height:100%} .mts-modal .mts-qv__media{position:relative;height:100%;background:#fff;overflow:hidden} .mts-modal .mts-qv__media img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0;object-fit:cover!important;border:0;border-radius:0} :is(.mts-modal) button.mts-qv__nav,:is(.mts-modal) button.mts-qv__nav:hover,:is(.mts-modal) button.mts-qv__nav:focus{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:0;min-height:0;margin:-17px 0 0;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:var(--mts-ink);box-shadow:0 1px 4px rgba(0,0,0,.18);line-height:0;cursor:pointer} .mts-modal .mts-qv__nav--prev{left:14px}.mts-modal .mts-qv__nav--next{right:14px} .mts-modal .mts-qv__info{position:relative;height:100%;overflow-y:auto;padding:30px 44px 0 30px;scrollbar-width:thin} .mts-modal .mts-badge{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 14px;border-radius:999px;background:var(--mts-ink);color:#fff;font-size:14px;font-weight:500;line-height:1} .mts-modal .mts-qv__title{margin:14px 0 0;padding:0 24px 0 0;font-family:inherit;font-size:26px;font-weight:500;line-height:1.25;letter-spacing:0;text-transform:none;color:var(--mts-ink)} .mts-modal .mts-qv__price{justify-content:flex-start;gap:0 10px;margin-top:26px;font-size:28px} .mts-modal .mts-qv__price .mts-reg{font-size:20px} .mts-modal .mts-qv__desc{margin-top:24px;font-size:16px;line-height:1.65;color:#555} .mts-modal .mts-qv__desc>:first-child{margin-top:0} .mts-modal .mts-qv__desc h1,.mts-modal .mts-qv__desc h2{margin:0 0 22px;font-family:inherit;font-size:38px;font-weight:500;line-height:1.2;letter-spacing:0;text-transform:none;color:var(--mts-ink)} .mts-modal .mts-qv__desc h3,.mts-modal .mts-qv__desc h4{margin:0 0 14px;font-family:inherit;font-size:22px;font-weight:500;line-height:1.25;color:var(--mts-ink)} .mts-modal .mts-qv__desc p{margin:0 0 14px} .mts-modal .mts-qv__desc ul,.mts-modal .mts-qv__desc ol{margin:0 0 14px;padding-left:40px} .mts-modal .mts-qv__desc li{margin:0 0 12px;padding:0;font-size:16px;line-height:1.65;color:#555} .mts-modal .mts-qv__desc img{max-width:100%;height:auto} .mts-modal .mts-qv__form{margin:8px 0 0;padding:22px 0 28px;border-top:1px solid #ececec} .mts-modal .mts-qv__attr{margin:0 0 18px} .mts-modal .mts-qv__attr-head{margin:0 0 10px;font-size:15px;font-weight:500;color:var(--mts-ink)} .mts-modal .mts-qv__attr-sel{margin-left:6px;font-weight:400;color:var(--mts-muted)} .mts-modal .mts-qv__opts{display:flex;flex-wrap:wrap;gap:6px} :is(.mts-modal) button.mts-opt,:is(.mts-modal) button.mts-opt:hover,:is(.mts-modal) button.mts-opt:focus{-webkit-appearance:none;appearance:none;min-width:48px;height:42px;margin:0;padding:0 16px;border:1px solid #d8d8d8;border-radius:999px;background:#fff;color:var(--mts-ink);box-shadow:none;font-family:inherit;font-size:15px;font-weight:500;line-height:1;text-transform:none;letter-spacing:0;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s} :is(.mts-modal) button.mts-opt:hover{border-color:var(--mts-ink)} :is(.mts-modal) button.mts-opt.is-active,:is(.mts-modal) button.mts-opt.is-active:hover,:is(.mts-modal) button.mts-opt.is-active:focus{border-color:var(--mts-ink);background:var(--mts-ink);color:#fff} :is(.mts-modal) button.mts-opt:focus-visible{outline:2px solid var(--mts-ink);outline-offset:2px} .mts-modal .mts-qv__row{display:flex;align-items:center;gap:12px;margin-top:4px} .mts-modal .mts-qty{display:inline-flex;align-items:center;flex:0 0 auto;height:48px;border:1px solid #d8d8d8;border-radius:999px;background:#fff;overflow:hidden} :is(.mts-modal) button.mts-qty__btn,:is(.mts-modal) button.mts-qty__btn:hover,:is(.mts-modal) button.mts-qty__btn:focus{width:40px;height:100%;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--mts-ink);box-shadow:none;font-size:20px;line-height:1;cursor:pointer} .mts-modal input.mts-qty__input,.mts-modal input.mts-qty__input:focus{-moz-appearance:textfield;width:44px;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;text-align:center;font-family:inherit;font-size:16px;font-weight:500;color:var(--mts-ink)} .mts-modal input.mts-qty__input::-webkit-outer-spin-button,.mts-modal input.mts-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} :is(.mts-modal) button.mts-qv__add,:is(.mts-modal) button.mts-qv__add:hover,:is(.mts-modal) button.mts-qv__add:focus{flex:1 1 auto;height:48px;min-width:0;margin:0;padding:0 24px;border:0;border-radius:999px;background:var(--mts-ink);color:#fff;box-shadow:none;font-family:inherit;font-size:15px;font-weight:500;line-height:1;text-transform:none;letter-spacing:0;cursor:pointer;transition:opacity .2s} :is(.mts-modal) button.mts-qv__add:hover{opacity:.88} :is(.mts-modal) button.mts-qv__add.is-disabled,:is(.mts-modal) button.mts-qv__add.is-disabled:hover{background:#c9c9c9;color:#fff;opacity:1;cursor:not-allowed} :is(.mts-modal) button.mts-qv__add.is-loading{opacity:.7;cursor:progress} .mts-modal .mts-qv__stock{margin-top:12px;font-size:14px} .mts-modal .mts-qv__stock p{margin:0} .mts-modal .mts-qv__stock .in-stock{color:#1b8a4b} .mts-modal .mts-qv__stock .out-of-stock{color:var(--mts-red)} .mts-modal .mts-qv__msg{margin-top:12px;font-size:14px;line-height:1.5;color:var(--mts-red)} .mts-modal .mts-qv__msg.is-success{color:#1b8a4b} .mts-modal .mts-qv__msg a{margin-left:6px;color:var(--mts-ink);font-weight:500;text-decoration:underline} .mts-modal .mts-qv__msg:empty{display:none} .mts-modal .mts-qv__fade{position:sticky;bottom:0;left:0;right:0;height:56px;margin:-56px 0 0;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 85%);pointer-events:none} @media(max-width:1024px){ .mts-modal .mts-qv__info{padding:28px 36px 0 26px} .mts-modal .mts-qv__desc h1,.mts-modal .mts-qv__desc h2{font-size:32px} } @media(max-width:767px){ .mts-modal{padding:12px} .mts-modal__dialog{height:auto;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;border-radius:20px;-webkit-overflow-scrolling:touch} .mts-modal__body{height:auto} :is(.mts-modal) button.mts-modal__close,:is(.mts-modal) button.mts-modal__close:hover,:is(.mts-modal) button.mts-modal__close:focus{position:fixed;top:22px;right:22px;width:34px;height:34px;background:rgba(255,255,255,.92);box-shadow:0 1px 4px rgba(0,0,0,.18)} .mts-modal .mts-qv{display:block;height:auto} .mts-modal .mts-qv__media{height:auto;aspect-ratio:1\/1} .mts-modal .mts-qv__info{height:auto;overflow:visible;padding:20px 20px 0} .mts-modal .mts-qv__title{font-size:22px;padding-right:0} .mts-modal .mts-qv__price{font-size:22px;margin-top:16px} .mts-modal .mts-qv__price .mts-reg{font-size:16px} .mts-modal .mts-qv__desc{margin-top:18px;font-size:15px} .mts-modal .mts-qv__desc h1,.mts-modal .mts-qv__desc h2{font-size:26px;margin-bottom:14px} .mts-modal .mts-qv__desc ul,.mts-modal .mts-qv__desc ol{padding-left:24px} .mts-modal .mts-qv__fade{display:none} .mts-modal .mts-qv__form{padding-bottom:22px} .mts-modal .mts-qv__row{flex-wrap:wrap} :is(.mts-modal) button.mts-qv__add,:is(.mts-modal) button.mts-qv__add:hover,:is(.mts-modal) button.mts-qv__add:focus{flex:1 1 140px} } \/* toast *\/ .mts-toast{position:fixed;left:50%;bottom:24px;z-index:1000000;max-width:calc(100% - 32px);padding:12px 20px;border-radius:999px;background:var(--mts-ink);color:#fff;font-size:14px;line-height:1.4;text-align:center;transform:translateX(-50%);box-shadow:0 8px 30px rgba(0,0,0,.25)} .mts-toast[hidden]{display:none!important} .mts-toast a{margin-left:8px;color:#fff;font-weight:600;text-decoration:underline} @media(max-width:767px){.mts-wrap{padding-left:min(var(--mts-side,24px),14px);padding-right:min(var(--mts-side,24px),14px)}} \/* card size: 692px wide x 752px tall (image 692x~648 + title\/price\/swatches) *\/ .mts-wrap .mts-media{aspect-ratio:692\/648;flex:0 0 auto} .mts-wrap .mts-title{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} @media(min-width:1490px){ .mts-wrap .mts-card{flex:0 0 692px;width:692px;max-width:692px;height:752px} .mts-wrap .mts-media{aspect-ratio:auto;flex:1 1 auto;min-height:0} } <\/style>\r\n<div class=\"mts-modal\" id=\"mts-modal\" hidden aria-hidden=\"true\">\r\n\t<div class=\"mts-modal__backdrop\" data-mts-close><\/div>\r\n\t<div class=\"mts-modal__dialog\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"mts-qv-title\" tabindex=\"-1\">\r\n\t\t<button type=\"button\" class=\"mts-btn mts-modal__close\" data-mts-close aria-label=\"Close\">\r\n\t\t\t<svg viewBox=\"0 0 24 24\" width=\"22\" height=\"22\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 5l14 14M19 5L5 19\"\/><\/svg>\r\n\t\t<\/button>\r\n\t\t<div class=\"mts-modal__body\"><\/div>\r\n\t<\/div>\r\n<\/div>\r\n<div class=\"mts-toast\" id=\"mts-toast\" role=\"status\" aria-live=\"polite\" hidden><\/div>\r\n<script id=\"mts-js\">window.mtsConfig={\"ajaxUrl\":\"https:\\\/\\\/starlifeshoes.com\\\/wp-admin\\\/admin-ajax.php\",\"nonce\":\"90835e59f4\",\"cartUrl\":\"https:\\\/\\\/starlifeshoes.com\\\/index.php\\\/cart\\\/\",\"placeholder\":\"https:\\\/\\\/starlifeshoes.com\\\/wp-content\\\/uploads\\\/woocommerce-placeholder-1024x1024.webp\",\"i18n\":{\"addToCart\":\"Add to Cart\",\"adding\":\"Adding\\u2026\",\"viewCart\":\"View cart\",\"selectAll\":\"Please select all options before adding to cart.\",\"unavailable\":\"Sorry, this combination is unavailable.\",\"outOfStock\":\"Out of stock\",\"error\":\"Something went wrong. Please try again.\",\"loadFailed\":\"This product could not be loaded.\",\"addedToast\":\"Added to your cart.\",\"quantity\":\"Quantity\",\"prev\":\"Previous image\",\"next\":\"Next image\",\"addedMessage\":\"Added to your cart.\"}};\r\n(function () {\r\n\t'use strict';\r\n\tif (window.__mtsLoaded) { return; }\r\n\twindow.__mtsLoaded = true;\r\n\r\n\tvar cfg = window.mtsConfig || {};\r\n\tvar i18n = cfg.i18n || {};\r\n\tvar $ = window.jQuery;\r\n\r\n\tvar modal, dialog, bodyEl;\r\n\tvar lastFocus = null;\r\n\tvar state = null;\r\n\tvar requestId = 0;\r\n\tvar toastTimer = null;\r\n\tvar WL_KEY = 'mts_wishlist';\r\n\r\n\tfunction qs(sel, ctx) { return (ctx || document).querySelector(sel); }\r\n\tfunction qsa(sel, ctx) { return Array.prototype.slice.call((ctx || document).querySelectorAll(sel)); }\r\n\r\n\tfunction esc(str) {\r\n\t\treturn String(str == null ? '' : str)\r\n\t\t\t.replace(\/&\/g, '&amp;').replace(\/<\/g, '&lt;').replace(\/>\/g, '&gt;')\r\n\t\t\t.replace(\/\"\/g, '&quot;').replace(\/'\/g, '&#039;');\r\n\t}\r\n\r\n\tfunction post(action, data) {\r\n\t\tvar fd = new FormData();\r\n\t\tfd.append('action', action);\r\n\t\tfd.append('nonce', cfg.nonce || '');\r\n\t\tObject.keys(data || {}).forEach(function (key) {\r\n\t\t\tif (data[key] !== undefined && data[key] !== null) { fd.append(key, data[key]); }\r\n\t\t});\r\n\t\treturn fetch(cfg.ajaxUrl, { method: 'POST', credentials: 'same-origin', body: fd })\r\n\t\t\t.then(function (res) { return res.json().catch(function () { throw new Error('bad-json'); }); });\r\n\t}\r\n\r\n\tfunction errMessage(res) {\r\n\t\treturn (res && res.data && res.data.message) ? res.data.message : (i18n.error || 'Error');\r\n\t}\r\n\r\n\tfunction toast(html, ms) {\r\n\t\tensureModal();\r\n\t\tvar el = qs('#mts-toast');\r\n\t\tif (!el) { return; }\r\n\t\tel.innerHTML = html;\r\n\t\tel.hidden = false;\r\n\t\tclearTimeout(toastTimer);\r\n\t\ttoastTimer = setTimeout(function () { el.hidden = true; }, ms || 3500);\r\n\t}\r\n\r\n\tfunction notifyCart(data, el) {\r\n\t\tif ($ && data) {\r\n\t\t\t$(document.body).trigger('added_to_cart', [data.fragments || {}, data.cart_hash || '', $(el)]);\r\n\t\t}\r\n\t}\r\n\r\n\t\/* wishlist (browser only) *\/\r\n\tfunction wlGet() { try { return JSON.parse(localStorage.getItem(WL_KEY) || '[]'); } catch (e) { return []; } }\r\n\tfunction wlSet(list) { try { localStorage.setItem(WL_KEY, JSON.stringify(list)); } catch (e) {} }\r\n\tfunction wlInit(root) {\r\n\t\tvar list = wlGet();\r\n\t\tqsa('.mts-heart', root || document).forEach(function (btn) {\r\n\t\t\tvar on = list.indexOf(String(btn.getAttribute('data-id'))) > -1;\r\n\t\t\tbtn.classList.toggle('is-active', on);\r\n\t\t\tbtn.setAttribute('aria-pressed', on ? 'true' : 'false');\r\n\t\t});\r\n\t}\r\n\tfunction wlToggle(btn) {\r\n\t\tvar id = String(btn.getAttribute('data-id'));\r\n\t\tvar list = wlGet();\r\n\t\tvar idx = list.indexOf(id);\r\n\t\tif (idx > -1) { list.splice(idx, 1); } else { list.push(id); }\r\n\t\twlSet(list);\r\n\t\tqsa('.mts-heart[data-id=\"' + id + '\"]').forEach(function (b) {\r\n\t\t\tvar on = list.indexOf(id) > -1;\r\n\t\t\tb.classList.toggle('is-active', on);\r\n\t\t\tb.setAttribute('aria-pressed', on ? 'true' : 'false');\r\n\t\t});\r\n\t}\r\n\r\n\t\/* card interactions *\/\r\n\tfunction cardSwatch(btn) {\r\n\t\tvar card = btn.closest('.mts-card');\r\n\t\tif (!card) { return; }\r\n\t\tqsa('.mts-swatch', card).forEach(function (s) {\r\n\t\t\ts.classList.remove('is-active');\r\n\t\t\ts.setAttribute('aria-pressed', 'false');\r\n\t\t});\r\n\t\tbtn.classList.add('is-active');\r\n\t\tbtn.setAttribute('aria-pressed', 'true');\r\n\r\n\t\tvar img = qs('.mts-media img.mts-img', card);\r\n\t\tif (!img) { return; }\r\n\t\tif (!img.hasAttribute('data-orig-src')) {\r\n\t\t\timg.setAttribute('data-orig-src', img.getAttribute('src') || '');\r\n\t\t\timg.setAttribute('data-orig-srcset', img.getAttribute('srcset') || '');\r\n\t\t}\r\n\t\tvar next = btn.getAttribute('data-image');\r\n\t\tif (next) {\r\n\t\t\timg.removeAttribute('srcset');\r\n\t\t\timg.setAttribute('src', next);\r\n\t\t} else {\r\n\t\t\timg.setAttribute('src', img.getAttribute('data-orig-src'));\r\n\t\t\tvar srcset = img.getAttribute('data-orig-srcset');\r\n\t\t\tif (srcset) { img.setAttribute('srcset', srcset); }\r\n\t\t}\r\n\t}\r\n\r\n\tfunction cardPreselect(card) {\r\n\t\tvar pre = {};\r\n\t\tvar active = card ? qs('.mts-swatch.is-active', card) : null;\r\n\t\tif (active) { pre[active.getAttribute('data-attr')] = active.getAttribute('data-value'); }\r\n\t\treturn pre;\r\n\t}\r\n\r\n\tfunction addDirect(btn) {\r\n\t\tvar id = btn.getAttribute('data-id');\r\n\t\tbtn.classList.add('is-loading');\r\n\t\tpost('mts_add_to_cart', { product_id: id, quantity: 1 })\r\n\t\t\t.then(function (res) {\r\n\t\t\t\tbtn.classList.remove('is-loading');\r\n\t\t\t\tif (res && res.success) {\r\n\t\t\t\t\tnotifyCart(res.data, btn);\r\n\t\t\t\t\ttoast(esc(i18n.addedToast) + (cfg.cartUrl ? ' <a href=\"' + esc(cfg.cartUrl) + '\">' + esc(i18n.viewCart) + '<\/a>' : ''));\r\n\t\t\t\t} else {\r\n\t\t\t\t\ttoast(esc(errMessage(res)), 4500);\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.catch(function () {\r\n\t\t\t\tbtn.classList.remove('is-loading');\r\n\t\t\t\ttoast(esc(i18n.error), 4500);\r\n\t\t\t});\r\n\t}\r\n\r\n\t\/* modal *\/\r\n\tfunction ensureModal() {\r\n\t\tvar all = document.querySelectorAll('#mts-modal');\r\n\t\tif (!all.length) { return false; }\r\n\t\tmodal = all[0];\r\n\t\tfor (var i = 1; i < all.length; i++) { all[i].parentNode.removeChild(all[i]); }\r\n\t\tif (modal.parentNode !== document.body) { document.body.appendChild(modal); }\r\n\t\tvar toasts = document.querySelectorAll('#mts-toast');\r\n\t\tfor (var j = 0; j < toasts.length; j++) {\r\n\t\t\tif (j > 0) { toasts[j].parentNode.removeChild(toasts[j]); }\r\n\t\t\telse if (toasts[j].parentNode !== document.body) { document.body.appendChild(toasts[j]); }\r\n\t\t}\r\n\t\tdialog = qs('.mts-modal__dialog', modal);\r\n\t\tbodyEl = qs('.mts-modal__body', modal);\r\n\t\treturn true;\r\n\t}\r\n\r\n\tfunction lockScroll(on) {\r\n\t\tvar html = document.documentElement;\r\n\t\tif (on) {\r\n\t\t\tvar sw = window.innerWidth - html.clientWidth;\r\n\t\t\thtml.classList.add('mts-lock');\r\n\t\t\tif (sw > 0) { html.style.paddingRight = sw + 'px'; }\r\n\t\t} else {\r\n\t\t\thtml.classList.remove('mts-lock');\r\n\t\t\thtml.style.paddingRight = '';\r\n\t\t}\r\n\t}\r\n\r\n\tfunction openModal() {\r\n\t\tmodal.hidden = false;\r\n\t\tmodal.setAttribute('aria-hidden', 'false');\r\n\t\tlockScroll(true);\r\n\t\tdialog.focus();\r\n\t}\r\n\r\n\tfunction closeModal() {\r\n\t\tif (!modal || modal.hidden) { return; }\r\n\t\trequestId++;\r\n\t\tmodal.hidden = true;\r\n\t\tmodal.setAttribute('aria-hidden', 'true');\r\n\t\tbodyEl.innerHTML = '';\r\n\t\tstate = null;\r\n\t\tlockScroll(false);\r\n\t\tif (lastFocus && typeof lastFocus.focus === 'function') { lastFocus.focus(); }\r\n\t}\r\n\r\n\tfunction openQuickView(id, pre) {\r\n\t\tif (!ensureModal()) { return; }\r\n\t\tlastFocus = document.activeElement;\r\n\t\tvar current = ++requestId;\r\n\t\tbodyEl.innerHTML = '<div class=\"mts-modal__loading\"><span class=\"mts-spinner\" aria-hidden=\"true\"><\/span><\/div>';\r\n\t\topenModal();\r\n\r\n\t\tpost('mts_quick_view', { product_id: id })\r\n\t\t\t.then(function (res) {\r\n\t\t\t\tif (current !== requestId) { return; }\r\n\t\t\t\tif (!res || !res.success) { throw new Error(errMessage(res)); }\r\n\t\t\t\trenderQuickView(res.data, pre || {});\r\n\t\t\t})\r\n\t\t\t.catch(function (err) {\r\n\t\t\t\tif (current !== requestId) { return; }\r\n\t\t\t\tvar msg = (err && err.message && err.message !== 'bad-json') ? err.message : i18n.loadFailed;\r\n\t\t\t\tbodyEl.innerHTML = '<div class=\"mts-modal__error\"><p>' + esc(msg) + '<\/p><\/div>';\r\n\t\t\t});\r\n\t}\r\n\r\n\tfunction renderQuickView(d, pre) {\r\n\t\tstate = { d: d, sel: {}, variation: null, index: 0 };\r\n\r\n\t\tvar html = '<div class=\"mts-qv\">';\r\n\t\thtml += '<div class=\"mts-qv__media\"><img class=\"mts-qv__img\" alt=\"\" \/>';\r\n\t\tif (d.images.length > 1) {\r\n\t\t\thtml += '<button type=\"button\" class=\"mts-btn mts-qv__nav mts-qv__nav--prev\" aria-label=\"' + esc(i18n.prev) + '\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg><\/button>';\r\n\t\t\thtml += '<button type=\"button\" class=\"mts-btn mts-qv__nav mts-qv__nav--next\" aria-label=\"' + esc(i18n.next) + '\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9 18l6-6-6-6\"\/><\/svg><\/button>';\r\n\t\t}\r\n\t\thtml += '<\/div><div class=\"mts-qv__info\">';\r\n\t\tif (d.on_sale) { html += '<span class=\"mts-badge\">Sale<\/span>'; }\r\n\t\thtml += '<h2 class=\"mts-qv__title\" id=\"mts-qv-title\"><\/h2>';\r\n\t\thtml += '<div class=\"mts-qv__price\"><\/div>';\r\n\t\thtml += '<div class=\"mts-qv__desc\"><\/div>';\r\n\t\thtml += '<form class=\"mts-qv__form\" novalidate>';\r\n\r\n\t\td.attributes.forEach(function (attr) {\r\n\t\t\thtml += '<div class=\"mts-qv__attr\" data-name=\"' + esc(attr.name) + '\">';\r\n\t\t\thtml += '<div class=\"mts-qv__attr-head\"><span>' + esc(attr.label) + '<\/span><span class=\"mts-qv__attr-sel\"><\/span><\/div>';\r\n\t\t\thtml += '<div class=\"mts-qv__opts\" role=\"radiogroup\" aria-label=\"' + esc(attr.label) + '\">';\r\n\t\t\tattr.options.forEach(function (opt) {\r\n\t\t\t\tif (attr.type === 'color') {\r\n\t\t\t\t\thtml += '<button type=\"button\" class=\"mts-btn mts-swatch\" role=\"radio\" aria-checked=\"false\" title=\"' + esc(opt.label) + '\" aria-label=\"' + esc(opt.label) + '\" data-name=\"' + esc(attr.name) + '\" data-value=\"' + esc(opt.value) + '\" data-label=\"' + esc(opt.label) + '\" style=\"--mts-c:' + esc(opt.hex || '#ccc') + '\"><span class=\"mts-swatch__dot\"><\/span><\/button>';\r\n\t\t\t\t} else {\r\n\t\t\t\t\thtml += '<button type=\"button\" class=\"mts-btn mts-opt\" role=\"radio\" aria-checked=\"false\" data-name=\"' + esc(attr.name) + '\" data-value=\"' + esc(opt.value) + '\" data-label=\"' + esc(opt.label) + '\">' + esc(opt.label) + '<\/button>';\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\thtml += '<\/div><\/div>';\r\n\t\t});\r\n\r\n\t\tif (d.purchasable || d.type === 'variable') {\r\n\t\t\thtml += '<div class=\"mts-qv__row\">';\r\n\t\t\tif (!d.sold_individually) {\r\n\t\t\t\thtml += '<div class=\"mts-qty\">';\r\n\t\t\t\thtml += '<button type=\"button\" class=\"mts-btn mts-qty__btn\" data-step=\"-1\" aria-label=\"-\">&minus;<\/button>';\r\n\t\t\t\thtml += '<input class=\"mts-qty__input\" type=\"number\" inputmode=\"numeric\" value=\"' + esc(d.min_qty) + '\" min=\"' + esc(d.min_qty) + '\" aria-label=\"' + esc(i18n.quantity) + '\" \/>';\r\n\t\t\t\thtml += '<button type=\"button\" class=\"mts-btn mts-qty__btn\" data-step=\"1\" aria-label=\"+\">+<\/button>';\r\n\t\t\t\thtml += '<\/div>';\r\n\t\t\t}\r\n\t\t\thtml += '<button type=\"submit\" class=\"mts-btn mts-qv__add\">' + esc(i18n.addToCart) + '<\/button>';\r\n\t\t\thtml += '<\/div>';\r\n\t\t}\r\n\t\thtml += '<div class=\"mts-qv__stock\"><\/div>';\r\n\t\thtml += '<div class=\"mts-qv__msg\" role=\"status\" aria-live=\"polite\"><\/div>';\r\n\t\thtml += '<\/form><div class=\"mts-qv__fade\" aria-hidden=\"true\"><\/div><\/div><\/div>';\r\n\r\n\t\tbodyEl.innerHTML = html;\r\n\r\n\t\tqs('.mts-qv__title', bodyEl).textContent = d.title;\r\n\t\tqs('.mts-qv__desc', bodyEl).innerHTML = d.description || '';\r\n\t\tsetImage(0);\r\n\r\n\t\td.attributes.forEach(function (attr) {\r\n\t\t\tvar value = pre[attr.name] || (d.defaults && d.defaults[attr.name]) || '';\r\n\t\t\tvar valid = attr.options.some(function (o) { return o.value === value; });\r\n\t\t\tif (!valid && attr.options.length === 1) { value = attr.options[0].value; valid = true; }\r\n\t\t\tif (valid) { state.sel[attr.name] = value; }\r\n\t\t});\r\n\r\n\t\tsyncOptionUI();\r\n\t\tupdate();\r\n\t}\r\n\r\n\tfunction setImage(index, src, alt) {\r\n\t\tvar img = qs('.mts-qv__img', bodyEl);\r\n\t\tif (!img || !state) { return; }\r\n\t\tvar images = state.d.images;\r\n\t\tif (src) {\r\n\t\t\timg.src = src;\r\n\t\t\timg.alt = alt || state.d.title;\r\n\t\t\tvar found = -1;\r\n\t\t\timages.forEach(function (im, i) { if (im.src === src) { found = i; } });\r\n\t\t\tif (found > -1) { state.index = found; }\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tstate.index = (index + images.length) % images.length;\r\n\t\timg.src = images[state.index].src || cfg.placeholder;\r\n\t\timg.alt = images[state.index].alt || state.d.title;\r\n\t\timg.onerror = function () {\r\n\t\t\timg.onerror = null;\r\n\t\t\tif (cfg.placeholder) { img.src = cfg.placeholder; }\r\n\t\t};\r\n\t}\r\n\r\n\tfunction syncOptionUI() {\r\n\t\tif (!state) { return; }\r\n\t\tqsa('.mts-qv__attr', bodyEl).forEach(function (group) {\r\n\t\t\tvar name = group.getAttribute('data-name');\r\n\t\t\tvar selected = state.sel[name] || '';\r\n\t\t\tvar label = '';\r\n\t\t\tqsa('.mts-swatch, .mts-opt', group).forEach(function (btn) {\r\n\t\t\t\tvar on = btn.getAttribute('data-value') === selected && selected !== '';\r\n\t\t\t\tbtn.classList.toggle('is-active', on);\r\n\t\t\t\tbtn.setAttribute('aria-checked', on ? 'true' : 'false');\r\n\t\t\t\tif (on) { label = btn.getAttribute('data-label'); }\r\n\t\t\t});\r\n\t\t\tvar out = qs('.mts-qv__attr-sel', group);\r\n\t\t\tif (out) { out.textContent = label; }\r\n\t\t});\r\n\t}\r\n\r\n\tfunction findVariation() {\r\n\t\tvar d = state.d;\r\n\t\tvar names = d.attributes.map(function (a) { return a.name; });\r\n\t\tfor (var i = 0; i < d.variations.length; i++) {\r\n\t\t\tvar v = d.variations[i];\r\n\t\t\tvar ok = names.every(function (n) {\r\n\t\t\t\tvar vv = v.attributes[n];\r\n\t\t\t\tif (vv === undefined || vv === '') { return true; }\r\n\t\t\t\treturn String(vv).toLowerCase() === String(state.sel[n] || '').toLowerCase();\r\n\t\t\t});\r\n\t\t\tif (ok) { return v; }\r\n\t\t}\r\n\t\treturn null;\r\n\t}\r\n\r\n\tfunction setMessage(text, kind, linkHtml) {\r\n\t\tvar el = qs('.mts-qv__msg', bodyEl);\r\n\t\tif (!el) { return; }\r\n\t\tel.classList.toggle('is-success', kind === 'success');\r\n\t\tel.textContent = text || '';\r\n\t\tif (text && linkHtml) { el.insertAdjacentHTML('beforeend', linkHtml); }\r\n\t}\r\n\r\n\tfunction setDisabled(disabled) {\r\n\t\tvar btn = qs('.mts-qv__add', bodyEl);\r\n\t\tif (!btn) { return; }\r\n\t\tbtn.classList.toggle('is-disabled', !!disabled);\r\n\t\tbtn.setAttribute('aria-disabled', disabled ? 'true' : 'false');\r\n\t}\r\n\r\n\tfunction clampQty(input, min, max) {\r\n\t\tvar v = parseInt(input.value, 10);\r\n\t\tif (isNaN(v) || v < min) { v = min; }\r\n\t\tif (max !== '' && max !== null && v > max) { v = max; }\r\n\t\tinput.value = v;\r\n\t}\r\n\r\n\tfunction update() {\r\n\t\tif (!state) { return; }\r\n\t\tvar d = state.d;\r\n\t\tvar priceEl = qs('.mts-qv__price', bodyEl);\r\n\t\tvar stockEl = qs('.mts-qv__stock', bodyEl);\r\n\t\tvar qtyEl = qs('.mts-qty__input', bodyEl);\r\n\t\tvar min = d.min_qty, max = d.max_qty;\r\n\r\n\t\tif (d.type !== 'variable') {\r\n\t\t\tpriceEl.innerHTML = d.price_html || '';\r\n\t\t\tstockEl.innerHTML = d.stock_html || '';\r\n\t\t\tsetDisabled(!d.purchasable);\r\n\t\t} else {\r\n\t\t\tvar complete = d.attributes.every(function (a) { return !!state.sel[a.name]; });\r\n\t\t\tvar match = complete ? findVariation() : null;\r\n\t\t\tstate.variation = match;\r\n\r\n\t\t\tpriceEl.innerHTML = match ? match.price_html : d.price_html;\r\n\t\t\tstockEl.innerHTML = match ? (match.availability_html || '') : '';\r\n\r\n\t\t\tif (match) {\r\n\t\t\t\tmin = match.min_qty; max = match.max_qty;\r\n\t\t\t\tif (match.image) { setImage(0, match.image); }\r\n\t\t\t}\r\n\r\n\t\t\tvar msg = '', blocked = false;\r\n\t\t\tif (complete && !match) { msg = i18n.unavailable; blocked = true; }\r\n\t\t\telse if (match && (!match.is_in_stock || !match.is_purchasable)) { msg = i18n.outOfStock; blocked = true; }\r\n\t\t\telse if (!complete) { blocked = true; }\r\n\t\t\tsetDisabled(blocked);\r\n\t\t\tsetMessage(complete ? msg : '', 'error');\r\n\t\t}\r\n\r\n\t\tif (qtyEl) {\r\n\t\t\tqtyEl.min = min;\r\n\t\t\tif (max !== '' && max !== null) { qtyEl.max = max; } else { qtyEl.removeAttribute('max'); }\r\n\t\t\tclampQty(qtyEl, min, max);\r\n\t\t}\r\n\t}\r\n\r\n\tfunction submitForm() {\r\n\t\tif (!state) { return; }\r\n\t\tvar d = state.d;\r\n\t\tvar btn = qs('.mts-qv__add', bodyEl);\r\n\t\tif (!btn || btn.classList.contains('is-loading')) { return; }\r\n\r\n\t\tif (d.type === 'variable') {\r\n\t\t\tvar complete = d.attributes.every(function (a) { return !!state.sel[a.name]; });\r\n\t\t\tif (!complete) { setMessage(i18n.selectAll, 'error'); return; }\r\n\t\t\tif (!state.variation) { setMessage(i18n.unavailable, 'error'); return; }\r\n\t\t\tif (btn.classList.contains('is-disabled')) { return; }\r\n\t\t} else if (btn.classList.contains('is-disabled')) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tvar qtyEl = qs('.mts-qty__input', bodyEl);\r\n\t\tvar qty = qtyEl ? parseInt(qtyEl.value, 10) || 1 : 1;\r\n\t\tvar data = { product_id: d.id, quantity: qty };\r\n\t\tif (d.type === 'variable') {\r\n\t\t\tdata.variation_id = state.variation.variation_id;\r\n\t\t\td.attributes.forEach(function (a) { data['variation[' + a.name + ']'] = state.sel[a.name]; });\r\n\t\t}\r\n\r\n\t\tvar label = btn.textContent;\r\n\t\tbtn.classList.add('is-loading');\r\n\t\tbtn.textContent = i18n.adding;\r\n\t\tsetMessage('', 'error');\r\n\r\n\t\tpost('mts_add_to_cart', data)\r\n\t\t\t.then(function (res) {\r\n\t\t\t\tif (!state) { return; }\r\n\t\t\t\tbtn.classList.remove('is-loading');\r\n\t\t\t\tbtn.textContent = label;\r\n\t\t\t\tif (res && res.success) {\r\n\t\t\t\t\tvar link = res.data.cart_url ? '<a href=\"' + esc(res.data.cart_url) + '\">' + esc(i18n.viewCart) + '<\/a>' : '';\r\n\t\t\t\t\tsetMessage(res.data.message || i18n.addedMessage, 'success', link);\r\n\t\t\t\t\tnotifyCart(res.data, btn);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tsetMessage(errMessage(res), 'error');\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t.catch(function () {\r\n\t\t\t\tif (!state) { return; }\r\n\t\t\t\tbtn.classList.remove('is-loading');\r\n\t\t\t\tbtn.textContent = label;\r\n\t\t\t\tsetMessage(i18n.error, 'error');\r\n\t\t\t});\r\n\t}\r\n\r\n\t\/* events *\/\r\n\tdocument.addEventListener('click', function (e) {\r\n\t\tvar t = e.target;\r\n\t\tif (!t || !t.closest) { return; }\r\n\t\tvar el;\r\n\r\n\t\tif ((el = t.closest('[data-mts-close]'))) { e.preventDefault(); closeModal(); return; }\r\n\r\n\t\tif ((el = t.closest('.mts-qv__nav'))) {\r\n\t\t\tsetImage(state.index + (el.classList.contains('mts-qv__nav--next') ? 1 : -1));\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif ((el = t.closest('.mts-modal .mts-swatch, .mts-modal .mts-opt'))) {\r\n\t\t\tif (state) {\r\n\t\t\t\tstate.sel[el.getAttribute('data-name')] = el.getAttribute('data-value');\r\n\t\t\t\tsyncOptionUI();\r\n\t\t\t\tupdate();\r\n\t\t\t}\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif ((el = t.closest('.mts-qty__btn'))) {\r\n\t\t\tvar input = qs('.mts-qty__input', bodyEl);\r\n\t\t\tif (input && state) {\r\n\t\t\t\tinput.value = (parseInt(input.value, 10) || 1) + parseInt(el.getAttribute('data-step'), 10);\r\n\t\t\t\tvar maxQ = input.max !== '' ? parseInt(input.max, 10) : '';\r\n\t\t\t\tclampQty(input, parseInt(input.min, 10) || 1, maxQ);\r\n\t\t\t}\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif ((el = t.closest('.mts-wrap .mts-swatch'))) { cardSwatch(el); return; }\r\n\t\tif ((el = t.closest('.mts-wrap .mts-heart'))) { e.preventDefault(); wlToggle(el); return; }\r\n\t\tif ((el = t.closest('.mts-wrap [data-mts-action]'))) {\r\n\t\t\te.preventDefault();\r\n\t\t\tvar action = el.getAttribute('data-mts-action');\r\n\t\t\tvar id = el.getAttribute('data-id');\r\n\t\t\tif (action === 'add') { addDirect(el); }\r\n\t\t\telse { openQuickView(id, cardPreselect(el.closest('.mts-card'))); }\r\n\t\t}\r\n\t});\r\n\r\n\tdocument.addEventListener('submit', function (e) {\r\n\t\tif (e.target && e.target.classList && e.target.classList.contains('mts-qv__form')) {\r\n\t\t\te.preventDefault();\r\n\t\t\tsubmitForm();\r\n\t\t}\r\n\t});\r\n\r\n\tdocument.addEventListener('change', function (e) {\r\n\t\tif (e.target && e.target.classList && e.target.classList.contains('mts-qty__input')) {\r\n\t\t\tvar input = e.target;\r\n\t\t\tvar maxQ = input.max !== '' ? parseInt(input.max, 10) : '';\r\n\t\t\tclampQty(input, parseInt(input.min, 10) || 1, maxQ);\r\n\t\t}\r\n\t});\r\n\r\n\tdocument.addEventListener('keydown', function (e) {\r\n\t\tif (!modal || modal.hidden) { return; }\r\n\t\tif (e.key === 'Escape' || e.key === 'Esc') { e.preventDefault(); closeModal(); return; }\r\n\t\tif (e.key === 'Tab') {\r\n\t\t\tvar focusable = qsa('button:not([disabled]), a[href], input:not([disabled]), [tabindex]:not([tabindex=\"-1\"])', dialog)\r\n\t\t\t\t.filter(function (n) { return n.offsetParent !== null; });\r\n\t\t\tif (!focusable.length) { e.preventDefault(); dialog.focus(); return; }\r\n\t\t\tvar first = focusable[0], last = focusable[focusable.length - 1];\r\n\t\t\tif (e.shiftKey && (document.activeElement === first || document.activeElement === dialog)) {\r\n\t\t\t\te.preventDefault(); last.focus();\r\n\t\t\t} else if (!e.shiftKey && document.activeElement === last) {\r\n\t\t\t\te.preventDefault(); first.focus();\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n\r\n\tfunction initSliders() {\r\n\t\tqsa('.mts-slider').forEach(function (s) {\r\n\t\t\tif (s.__mts) { return; }\r\n\t\t\ts.__mts = true;\r\n\t\t\tvar track = qs('.mts-track', s);\r\n\t\t\tvar prev = qs('.mts-nav--prev', s);\r\n\t\t\tvar next = qs('.mts-nav--next', s);\r\n\t\t\tvar thumb = qs('.mts-progress span', s);\r\n\t\t\tif (!track) { return; }\r\n\r\n\t\t\tfunction step() {\r\n\t\t\t\tvar card = qs('.mts-card', track);\r\n\t\t\t\tif (!card) { return track.clientWidth; }\r\n\t\t\t\tvar gap = parseFloat(getComputedStyle(track).columnGap) || 0;\r\n\t\t\t\treturn card.offsetWidth + gap;\r\n\t\t\t}\r\n\t\t\tfunction go(dir) { track.scrollBy({ left: dir * step(), behavior: 'smooth' }); }\r\n\t\t\tfunction ui() {\r\n\t\t\t\tvar max = track.scrollWidth - track.clientWidth;\r\n\t\t\t\ts.classList.toggle('is-static', max <= 2);\r\n\t\t\t\tif (prev) { prev.disabled = track.scrollLeft <= 2; }\r\n\t\t\t\tif (next) { next.disabled = track.scrollLeft >= max - 2; }\r\n\t\t\t\tif (thumb && track.scrollWidth > 0) {\r\n\t\t\t\t\tthumb.style.width = (track.clientWidth \/ track.scrollWidth * 100) + '%';\r\n\t\t\t\t\tthumb.style.left = (track.scrollLeft \/ track.scrollWidth * 100) + '%';\r\n\t\t\t\t}\r\n\t\t\t\tvar m = qs('.mts-media', track);\r\n\t\t\t\tif (m) {\r\n\t\t\t\t\tvar top = (m.offsetHeight \/ 2) + 'px';\r\n\t\t\t\t\tif (prev) { prev.style.top = top; }\r\n\t\t\t\t\tif (next) { next.style.top = top; }\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tvar ticking = false;\r\n\t\t\ttrack.addEventListener('scroll', function () {\r\n\t\t\t\tif (ticking) { return; }\r\n\t\t\t\tticking = true;\r\n\t\t\t\trequestAnimationFrame(function () { ticking = false; ui(); });\r\n\t\t\t}, { passive: true });\r\n\t\t\twindow.addEventListener('resize', ui);\r\n\t\t\twindow.addEventListener('load', ui);\r\n\t\t\tqsa('img', track).forEach(function (im) { if (!im.complete) { im.addEventListener('load', ui); } });\r\n\t\t\tif (prev) { prev.addEventListener('click', function () { go(-1); }); }\r\n\t\t\tif (next) { next.addEventListener('click', function () { go(1); }); }\r\n\r\n\t\t\t\/* mouse drag (touch uses native scrolling) *\/\r\n\t\t\tvar down = false, moved = false, sx = 0, sl = 0;\r\n\t\t\ttrack.addEventListener('pointerdown', function (e) {\r\n\t\t\t\tif (e.pointerType !== 'mouse' || e.button !== 0) { return; }\r\n\t\t\t\tdown = true; moved = false; sx = e.clientX; sl = track.scrollLeft;\r\n\t\t\t});\r\n\t\t\twindow.addEventListener('pointermove', function (e) {\r\n\t\t\t\tif (!down) { return; }\r\n\t\t\t\tvar dx = e.clientX - sx;\r\n\t\t\t\tif (!moved && Math.abs(dx) > 5) { moved = true; track.classList.add('is-drag'); }\r\n\t\t\t\tif (moved) { track.scrollLeft = sl - dx; }\r\n\t\t\t});\r\n\t\t\twindow.addEventListener('pointerup', function () {\r\n\t\t\t\tif (!down) { return; }\r\n\t\t\t\tdown = false;\r\n\t\t\t\ttrack.classList.remove('is-drag');\r\n\t\t\t});\r\n\t\t\ttrack.addEventListener('click', function (e) {\r\n\t\t\t\tif (moved) { e.preventDefault(); e.stopPropagation(); moved = false; }\r\n\t\t\t}, true);\r\n\t\t\ttrack.addEventListener('dragstart', function (e) { e.preventDefault(); });\r\n\r\n\t\t\t\/* optional autoplay *\/\r\n\t\t\tvar ap = (parseInt(s.getAttribute('data-autoplay'), 10) || 0) * 1000;\r\n\t\t\tif (ap > 0) {\r\n\t\t\t\tvar paused = false;\r\n\t\t\t\t['mouseenter', 'focusin'].forEach(function (ev) { s.addEventListener(ev, function () { paused = true; }); });\r\n\t\t\t\t['mouseleave', 'focusout'].forEach(function (ev) { s.addEventListener(ev, function () { paused = false; }); });\r\n\t\t\t\tsetInterval(function () {\r\n\t\t\t\t\tif (paused || document.hidden || (modal && !modal.hidden)) { return; }\r\n\t\t\t\t\tvar max = track.scrollWidth - track.clientWidth;\r\n\t\t\t\t\tif (track.scrollLeft >= max - 2) { track.scrollTo({ left: 0, behavior: 'smooth' }); } else { go(1); }\r\n\t\t\t\t}, ap);\r\n\t\t\t}\r\n\r\n\t\t\tui();\r\n\t\t});\r\n\t}\r\n\r\n\tfunction init() { wlInit(document); ensureModal(); initSliders(); }\r\n\tif (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); }\r\n})();<\/script>\r\n\t\t\t\t<div class=\"mts-wrap\" id=\"mts-1\" style=\"--mts-cols:2;--mts-cols-t:2;--mts-cols-m:2;--mts-side:24px;--mts-gap:34px;--mts-radius:0px;\">\r\n\t\t\t\t\t\t\t<div class=\"mts-slider\" data-autoplay=\"0\">\r\n\t\t\t\t\t<div class=\"mts-track\">\r\n\t\t\t\t\t\t\t\t<div class=\"mts-card\" data-product-id=\"342\">\r\n\t\t\t<div class=\"mts-media\">\r\n\t\t\t\t<a class=\"mts-media__link\" href=\"https:\/\/starlifeshoes.com\/index.php\/product\/black-navy-asli-color-check-karo\/\" aria-label=\"Black \/ Navy (asli color check karo)\" tabindex=\"-1\">\r\n\t\t\t\t\t<img loading=\"lazy\" width=\"600\" height=\"516\" src=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.24-PM-2-600x516.jpeg\" class=\"mts-img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 767px) 50vw, 33vw\" srcset=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.24-PM-2-600x516.jpeg 600w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.24-PM-2-300x258.jpeg 300w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.24-PM-2-768x660.jpeg 768w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.24-PM-2.jpeg 955w\" \/>\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"mts-actions\">\r\n\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-icon mts-heart\" data-id=\"342\" aria-pressed=\"false\" aria-label=\"Add to wishlist\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/button>\r\n\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-icon mts-eye\" data-mts-action=\"quick\" data-id=\"342\" aria-label=\"Quick view\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"2.8\"\/><\/svg><\/button>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-quick\" data-mts-action=\"quick\" data-id=\"342\">Select Options<\/button>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<h3 class=\"mts-title\"><a href=\"https:\/\/starlifeshoes.com\/index.php\/product\/black-navy-asli-color-check-karo\/\">Black \/ Navy (asli color check karo)<\/a><\/h3>\r\n\r\n\t\t\t\t\t\t\t<div class=\"mts-price\"><span class=\"mts-now\">Rs.2,500 PKR<\/span><\/div>\r\n\t\t\t\r\n\t\t\t\t\t\t\t<div class=\"mts-swatches\" role=\"group\" aria-label=\"Colour\">\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"mts-btn mts-swatch is-active\"\r\n\t\t\t\t\t\t\tstyle=\"--mts-c:#111111\"\r\n\t\t\t\t\t\t\ttitle=\"Black\"\r\n\t\t\t\t\t\t\taria-label=\"Black\"\r\n\t\t\t\t\t\t\taria-pressed=\"true\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"black\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"mts-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"mts-btn mts-swatch\"\r\n\t\t\t\t\t\t\tstyle=\"--mts-c:#1f2a44\"\r\n\t\t\t\t\t\t\ttitle=\"Navy\"\r\n\t\t\t\t\t\t\taria-label=\"Navy\"\r\n\t\t\t\t\t\t\taria-pressed=\"false\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"navy\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"mts-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"mts-card\" data-product-id=\"340\">\r\n\t\t\t<div class=\"mts-media\">\r\n\t\t\t\t<a class=\"mts-media__link\" href=\"https:\/\/starlifeshoes.com\/index.php\/product\/rawan-mens-leather-arabic-style-slipper-%d8%b1%d9%88%d8%a7%d9%86\/\" aria-label=\"Rawan Men&#039;s Leather Arabic Style Slipper\" tabindex=\"-1\">\r\n\t\t\t\t\t<img loading=\"lazy\" width=\"600\" height=\"589\" src=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.23-PM-2-600x589.jpeg\" class=\"mts-img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 767px) 50vw, 33vw\" srcset=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.23-PM-2-600x589.jpeg 600w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.23-PM-2-300x295.jpeg 300w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.23-PM-2-768x754.jpeg 768w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.23-PM-2.jpeg 986w\" \/>\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"mts-actions\">\r\n\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-icon mts-heart\" data-id=\"340\" aria-pressed=\"false\" aria-label=\"Add to wishlist\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/button>\r\n\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-icon mts-eye\" data-mts-action=\"quick\" data-id=\"340\" aria-label=\"Quick view\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"2.8\"\/><\/svg><\/button>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-quick\" data-mts-action=\"quick\" data-id=\"340\">Select Options<\/button>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<h3 class=\"mts-title\"><a href=\"https:\/\/starlifeshoes.com\/index.php\/product\/rawan-mens-leather-arabic-style-slipper-%d8%b1%d9%88%d8%a7%d9%86\/\">Rawan Men&#039;s Leather Arabic Style Slipper<\/a><\/h3>\r\n\r\n\t\t\t\t\t\t\t<div class=\"mts-price\"><span class=\"mts-now\">Rs.2,500 PKR<\/span><\/div>\r\n\t\t\t\r\n\t\t\t\t\t\t\t<div class=\"mts-swatches\" role=\"group\" aria-label=\"Colour\">\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"mts-btn mts-swatch is-active\"\r\n\t\t\t\t\t\t\tstyle=\"--mts-c:#5b2c1b\"\r\n\t\t\t\t\t\t\ttitle=\"Brown\"\r\n\t\t\t\t\t\t\taria-label=\"Brown\"\r\n\t\t\t\t\t\t\taria-pressed=\"true\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"brown\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"mts-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"mts-btn mts-swatch\"\r\n\t\t\t\t\t\t\tstyle=\"--mts-c:#ab5b2b\"\r\n\t\t\t\t\t\t\ttitle=\"Tan\"\r\n\t\t\t\t\t\t\taria-label=\"Tan\"\r\n\t\t\t\t\t\t\taria-pressed=\"false\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"tan\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"mts-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"mts-card\" data-product-id=\"338\">\r\n\t\t\t<div class=\"mts-media\">\r\n\t\t\t\t<a class=\"mts-media__link\" href=\"https:\/\/starlifeshoes.com\/index.php\/product\/brown\/\" aria-label=\"Brown\" tabindex=\"-1\">\r\n\t\t\t\t\t<img loading=\"lazy\" width=\"600\" height=\"593\" src=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.26-PM-2-600x593.jpeg\" class=\"mts-img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 767px) 50vw, 33vw\" srcset=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.26-PM-2-600x593.jpeg 600w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.26-PM-2-300x296.jpeg 300w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.26-PM-2-1024x1012.jpeg 1024w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.26-PM-2-768x759.jpeg 768w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.26-PM-2-100x100.jpeg 100w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.26-PM-2.jpeg 1080w\" \/>\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"mts-actions\">\r\n\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-icon mts-heart\" data-id=\"338\" aria-pressed=\"false\" aria-label=\"Add to wishlist\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/button>\r\n\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-icon mts-eye\" data-mts-action=\"quick\" data-id=\"338\" aria-label=\"Quick view\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"2.8\"\/><\/svg><\/button>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-quick\" data-mts-action=\"quick\" data-id=\"338\">Select Options<\/button>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<h3 class=\"mts-title\"><a href=\"https:\/\/starlifeshoes.com\/index.php\/product\/brown\/\">Brown<\/a><\/h3>\r\n\r\n\t\t\t\t\t\t\t<div class=\"mts-price\"><span class=\"mts-now\">Rs.2,500 PKR<\/span><\/div>\r\n\t\t\t\r\n\t\t\t\t\t\t\t<div class=\"mts-swatches\" role=\"group\" aria-label=\"Colour\">\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"mts-btn mts-swatch is-active\"\r\n\t\t\t\t\t\t\tstyle=\"--mts-c:#5b2c1b\"\r\n\t\t\t\t\t\t\ttitle=\"Brown\"\r\n\t\t\t\t\t\t\taria-label=\"Brown\"\r\n\t\t\t\t\t\t\taria-pressed=\"true\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"brown\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"mts-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"mts-card\" data-product-id=\"336\">\r\n\t\t\t<div class=\"mts-media\">\r\n\t\t\t\t<a class=\"mts-media__link\" href=\"https:\/\/starlifeshoes.com\/index.php\/product\/mens-padded-cross-strap-leather-slipper\/\" aria-label=\"Men&#039;s Padded Cross Strap Leather Slipper\" tabindex=\"-1\">\r\n\t\t\t\t\t<img loading=\"lazy\" width=\"600\" height=\"800\" src=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.26-PM-3-600x800.jpeg\" class=\"mts-img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 767px) 50vw, 33vw\" srcset=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.26-PM-3-600x800.jpeg 600w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.26-PM-3-225x300.jpeg 225w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.26-PM-3-768x1024.jpeg 768w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.26-PM-3.jpeg 896w\" \/>\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"mts-actions\">\r\n\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-icon mts-heart\" data-id=\"336\" aria-pressed=\"false\" aria-label=\"Add to wishlist\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/button>\r\n\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-icon mts-eye\" data-mts-action=\"quick\" data-id=\"336\" aria-label=\"Quick view\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"2.8\"\/><\/svg><\/button>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-quick\" data-mts-action=\"quick\" data-id=\"336\">Select Options<\/button>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<h3 class=\"mts-title\"><a href=\"https:\/\/starlifeshoes.com\/index.php\/product\/mens-padded-cross-strap-leather-slipper\/\">Men&#039;s Padded Cross Strap Leather Slipper<\/a><\/h3>\r\n\r\n\t\t\t\t\t\t\t<div class=\"mts-price\"><span class=\"mts-now\">Rs.2,500 PKR<\/span><\/div>\r\n\t\t\t\r\n\t\t\t\t\t\t\t<div class=\"mts-swatches\" role=\"group\" aria-label=\"Colour\">\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"mts-btn mts-swatch is-active\"\r\n\t\t\t\t\t\t\tstyle=\"--mts-c:#111111\"\r\n\t\t\t\t\t\t\ttitle=\"Black\"\r\n\t\t\t\t\t\t\taria-label=\"Black\"\r\n\t\t\t\t\t\t\taria-pressed=\"true\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"black\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"mts-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"mts-card\" data-product-id=\"315\">\r\n\t\t\t<div class=\"mts-media\">\r\n\t\t\t\t<a class=\"mts-media__link\" href=\"https:\/\/starlifeshoes.com\/index.php\/product\/mens-leather-cross-strap-flat-slipper\/\" aria-label=\"Men&#039;s Leather Cross Strap Flat Slipper\" tabindex=\"-1\">\r\n\t\t\t\t\t<img loading=\"lazy\" width=\"600\" height=\"593\" src=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.22-PM-2-600x593.jpeg\" class=\"mts-img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 767px) 50vw, 33vw\" srcset=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.22-PM-2-600x593.jpeg 600w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.22-PM-2-300x297.jpeg 300w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.22-PM-2-1024x1013.jpeg 1024w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.22-PM-2-768x759.jpeg 768w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.22-PM-2-100x100.jpeg 100w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.22-PM-2.jpeg 1074w\" \/>\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"mts-actions\">\r\n\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-icon mts-heart\" data-id=\"315\" aria-pressed=\"false\" aria-label=\"Add to wishlist\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/button>\r\n\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-icon mts-eye\" data-mts-action=\"quick\" data-id=\"315\" aria-label=\"Quick view\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"2.8\"\/><\/svg><\/button>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-quick\" data-mts-action=\"quick\" data-id=\"315\">Select Options<\/button>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<h3 class=\"mts-title\"><a href=\"https:\/\/starlifeshoes.com\/index.php\/product\/mens-leather-cross-strap-flat-slipper\/\">Men&#039;s Leather Cross Strap Flat Slipper<\/a><\/h3>\r\n\r\n\t\t\t\t\t\t\t<div class=\"mts-price\"><span class=\"mts-now\">Rs.2,500 PKR<\/span><\/div>\r\n\t\t\t\r\n\t\t\t\t\t\t\t<div class=\"mts-swatches\" role=\"group\" aria-label=\"Colour\">\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"mts-btn mts-swatch is-active\"\r\n\t\t\t\t\t\t\tstyle=\"--mts-c:#111111\"\r\n\t\t\t\t\t\t\ttitle=\"Black\"\r\n\t\t\t\t\t\t\taria-label=\"Black\"\r\n\t\t\t\t\t\t\taria-pressed=\"true\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"black\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"mts-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"mts-card\" data-product-id=\"145\">\r\n\t\t\t<div class=\"mts-media\">\r\n\t\t\t\t<a class=\"mts-media__link\" href=\"https:\/\/starlifeshoes.com\/index.php\/product\/the-fleur-maxi\/\" aria-label=\"The Fleur Maxi\" tabindex=\"-1\">\r\n\t\t\t\t\t<img loading=\"lazy\" width=\"600\" height=\"800\" src=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-5.20.08-PM-2-600x800.jpeg\" class=\"mts-img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 767px) 50vw, 33vw\" srcset=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-5.20.08-PM-2-600x800.jpeg 600w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-5.20.08-PM-2-225x300.jpeg 225w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-5.20.08-PM-2-768x1024.jpeg 768w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-5.20.08-PM-2-1152x1536.jpeg 1152w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-5.20.08-PM-2.jpeg 1200w\" \/>\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"mts-actions\">\r\n\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-icon mts-heart\" data-id=\"145\" aria-pressed=\"false\" aria-label=\"Add to wishlist\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/button>\r\n\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-icon mts-eye\" data-mts-action=\"quick\" data-id=\"145\" aria-label=\"Quick view\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"2.8\"\/><\/svg><\/button>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-quick\" data-mts-action=\"quick\" data-id=\"145\">Select Options<\/button>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<h3 class=\"mts-title\"><a href=\"https:\/\/starlifeshoes.com\/index.php\/product\/the-fleur-maxi\/\">The Fleur Maxi<\/a><\/h3>\r\n\r\n\t\t\t\t\t\t\t<div class=\"mts-price\"><span class=\"mts-now\">Rs.2,500 PKR<\/span><\/div>\r\n\t\t\t\r\n\t\t\t\t\t\t\t<div class=\"mts-swatches\" role=\"group\" aria-label=\"Colour\">\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"mts-btn mts-swatch is-active\"\r\n\t\t\t\t\t\t\tstyle=\"--mts-c:#111111\"\r\n\t\t\t\t\t\t\ttitle=\"Black\"\r\n\t\t\t\t\t\t\taria-label=\"Black\"\r\n\t\t\t\t\t\t\taria-pressed=\"true\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"black\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"mts-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"mts-btn mts-swatch\"\r\n\t\t\t\t\t\t\tstyle=\"--mts-c:#5b2c1b\"\r\n\t\t\t\t\t\t\ttitle=\"Brown\"\r\n\t\t\t\t\t\t\taria-label=\"Brown\"\r\n\t\t\t\t\t\t\taria-pressed=\"false\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"brown\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"mts-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"mts-btn mts-swatch\"\r\n\t\t\t\t\t\t\tstyle=\"--mts-c:#808080\"\r\n\t\t\t\t\t\t\ttitle=\"Gray\"\r\n\t\t\t\t\t\t\taria-label=\"Gray\"\r\n\t\t\t\t\t\t\taria-pressed=\"false\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"gray\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"mts-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"mts-card\" data-product-id=\"144\">\r\n\t\t\t<div class=\"mts-media\">\r\n\t\t\t\t<a class=\"mts-media__link\" href=\"https:\/\/starlifeshoes.com\/index.php\/product\/heritage-cross-strap-leather-chappal-contrast-stitch\/\" aria-label=\"Heritage Cross-Strap Leather Chappal (Contrast Stitch)\" tabindex=\"-1\">\r\n\t\t\t\t\t<img loading=\"lazy\" width=\"600\" height=\"800\" src=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/Whats2_at_4_28_06_PM_resized-600x800.jpg\" class=\"mts-img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 767px) 50vw, 33vw\" srcset=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/Whats2_at_4_28_06_PM_resized-600x800.jpg 600w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/Whats2_at_4_28_06_PM_resized-225x300.jpg 225w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/Whats2_at_4_28_06_PM_resized-768x1024.jpg 768w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/Whats2_at_4_28_06_PM_resized.jpg 900w\" \/>\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"mts-actions\">\r\n\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-icon mts-heart\" data-id=\"144\" aria-pressed=\"false\" aria-label=\"Add to wishlist\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/button>\r\n\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-icon mts-eye\" data-mts-action=\"quick\" data-id=\"144\" aria-label=\"Quick view\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"2.8\"\/><\/svg><\/button>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-quick\" data-mts-action=\"quick\" data-id=\"144\">Select Options<\/button>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<h3 class=\"mts-title\"><a href=\"https:\/\/starlifeshoes.com\/index.php\/product\/heritage-cross-strap-leather-chappal-contrast-stitch\/\">Heritage Cross-Strap Leather Chappal (Contrast Stitch)<\/a><\/h3>\r\n\r\n\t\t\t\t\t\t\t<div class=\"mts-price\"><span class=\"mts-now\">Rs.2,500 PKR<\/span><\/div>\r\n\t\t\t\r\n\t\t\t\t\t\t\t<div class=\"mts-swatches\" role=\"group\" aria-label=\"Colour\">\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"mts-btn mts-swatch is-active\"\r\n\t\t\t\t\t\t\tstyle=\"--mts-c:#111111\"\r\n\t\t\t\t\t\t\ttitle=\"Black\"\r\n\t\t\t\t\t\t\taria-label=\"Black\"\r\n\t\t\t\t\t\t\taria-pressed=\"true\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"black\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"mts-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"mts-btn mts-swatch\"\r\n\t\t\t\t\t\t\tstyle=\"--mts-c:#5b2c1b\"\r\n\t\t\t\t\t\t\ttitle=\"Brown\"\r\n\t\t\t\t\t\t\taria-label=\"Brown\"\r\n\t\t\t\t\t\t\taria-pressed=\"false\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"brown\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"mts-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"mts-btn mts-swatch\"\r\n\t\t\t\t\t\t\tstyle=\"--mts-c:#808080\"\r\n\t\t\t\t\t\t\ttitle=\"Gray\"\r\n\t\t\t\t\t\t\taria-label=\"Gray\"\r\n\t\t\t\t\t\t\taria-pressed=\"false\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"gray\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"mts-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"mts-card\" data-product-id=\"143\">\r\n\t\t\t<div class=\"mts-media\">\r\n\t\t\t\t<a class=\"mts-media__link\" href=\"https:\/\/starlifeshoes.com\/index.php\/product\/classic-criss-cross-leather-slide-hand-stitched\/\" aria-label=\"Classic Criss-Cross Leather Slide, Hand-Stitched\" tabindex=\"-1\">\r\n\t\t\t\t\t<img loading=\"lazy\" width=\"600\" height=\"800\" src=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/What_at_4_28_05_PM_resized-600x800.jpg\" class=\"mts-img\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, (max-width: 767px) 50vw, 33vw\" srcset=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/What_at_4_28_05_PM_resized-600x800.jpg 600w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/What_at_4_28_05_PM_resized-225x300.jpg 225w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/What_at_4_28_05_PM_resized-768x1024.jpg 768w, https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/What_at_4_28_05_PM_resized.jpg 900w\" \/>\t\t\t\t<\/a>\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"mts-actions\">\r\n\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-icon mts-heart\" data-id=\"143\" aria-pressed=\"false\" aria-label=\"Add to wishlist\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg><\/button>\r\n\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-icon mts-eye\" data-mts-action=\"quick\" data-id=\"143\" aria-label=\"Quick view\"><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 12s3.6-6.5 10-6.5S22 12 22 12s-3.6 6.5-10 6.5S2 12 2 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"2.8\"\/><\/svg><\/button>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-quick\" data-mts-action=\"quick\" data-id=\"143\">Select Options<\/button>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<h3 class=\"mts-title\"><a href=\"https:\/\/starlifeshoes.com\/index.php\/product\/classic-criss-cross-leather-slide-hand-stitched\/\">Classic Criss-Cross Leather Slide, Hand-Stitched<\/a><\/h3>\r\n\r\n\t\t\t\t\t\t\t<div class=\"mts-price\"><span class=\"mts-now\">Rs.2,500 PKR<\/span><\/div>\r\n\t\t\t\r\n\t\t\t\t\t\t\t<div class=\"mts-swatches\" role=\"group\" aria-label=\"Colour\">\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"mts-btn mts-swatch is-active\"\r\n\t\t\t\t\t\t\tstyle=\"--mts-c:#111111\"\r\n\t\t\t\t\t\t\ttitle=\"Black\"\r\n\t\t\t\t\t\t\taria-label=\"Black\"\r\n\t\t\t\t\t\t\taria-pressed=\"true\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"black\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"mts-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"mts-btn mts-swatch\"\r\n\t\t\t\t\t\t\tstyle=\"--mts-c:#5b2c1b\"\r\n\t\t\t\t\t\t\ttitle=\"Brown\"\r\n\t\t\t\t\t\t\taria-label=\"Brown\"\r\n\t\t\t\t\t\t\taria-pressed=\"false\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"brown\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"mts-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\"\r\n\t\t\t\t\t\t\tclass=\"mts-btn mts-swatch\"\r\n\t\t\t\t\t\t\tstyle=\"--mts-c:#808080\"\r\n\t\t\t\t\t\t\ttitle=\"Gray\"\r\n\t\t\t\t\t\t\taria-label=\"Gray\"\r\n\t\t\t\t\t\t\taria-pressed=\"false\"\r\n\t\t\t\t\t\t\tdata-attr=\"attribute_pa_colors\"\r\n\t\t\t\t\t\t\tdata-value=\"gray\"\r\n\t\t\t\t\t\t\tdata-image=\"\"><span class=\"mts-swatch__dot\"><\/span><\/button>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-nav mts-nav--prev\" aria-label=\"Previous\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg><\/button>\r\n\t\t\t\t\t\t<button type=\"button\" class=\"mts-btn mts-nav mts-nav--next\" aria-label=\"Next\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9 18l6-6-6-6\"\/><\/svg><\/button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"mts-progress\" aria-hidden=\"true\"><span><\/span><\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20f4560 e-con-full e-flex e-con e-parent\" data-id=\"20f4560\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0cd2d3 elementor-widget elementor-widget-html\" data-id=\"f0cd2d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n=====================================================================\r\n MALIK LEATHER SHOES \u2013 HOMEPAGE VIDEO SLIDER\r\n One block: HTML + CSS + JS. Paste into an Elementor \"HTML\" widget\r\n (or any Custom HTML block) on the homepage.\r\n\r\n PLACEHOLDERS - TARTEEB (order) SE REPLACE KAREIN\r\n   Slide 1 (1st video):  [VIDEO ADD HO CHUKI] PRODUCT_URL_1 baqi hai\r\n   (Slides 1-5 mein video links add ho chuke hain; sirf POSTER_URL \/ PRODUCT_URL replace karne hain)\r\n   Slide 1 (1st video):  VIDEO_URL_1  POSTER_URL_1  PRODUCT_URL_1\r\n   Slide 2 (2nd video):  VIDEO_URL_2  POSTER_URL_2  PRODUCT_URL_2\r\n   Slide 3 (3rd video):  VIDEO_URL_3  POSTER_URL_3  PRODUCT_URL_3\r\n   Slide 4 (4th video):  VIDEO_URL_4  POSTER_URL_4  PRODUCT_URL_4\r\n   Slide 5 (5th video):  VIDEO_URL_5  POSTER_URL_5  PRODUCT_URL_5\r\n   VIDEO_URL   = direct .mp4 link\r\n   POSTER_URL  = thumbnail image (optional)\r\n   PRODUCT_URL = page jo card click par khule (har slide mein 3 jagah aata hai)\r\n   Slider mein slides isi tarteeb se left to right dikhengi.\r\n   Slider khud slowly chalta rehta hai aur kabhi khatam nahi hota (infinite loop).\r\n   Speed badalni ho to <section ... data-speed=\"30\"> ki value badlein (20 slow, 60 fast).\r\n\r\n TIPS\r\n   * Upload videos to WordPress Media Library, copy \"File URL\" (.mp4).\r\n   * Use vertical videos (9:16), muted-friendly, ideally under 8 MB each.\r\n   * Fewer than 6? Delete a whole <article class=\"mvs-card\"> ... <\/article>.\r\n   * More than 6? Copy one <article> block and paste it after the last one.\r\n   * Don't want colour dots above cards? Delete the <div class=\"mvs-dots\"> lines.\r\n   * Don't want the heading? Delete the <header class=\"mvs-head\"> block.\r\n=====================================================================\r\n-->\r\n<!-- data-speed = auto-scroll speed (pixels per second). Slow = 20, normal = 35, fast = 60. 0 = auto-scroll band. -->\r\n<section class=\"mvs\" data-mvs data-speed=\"30\" aria-label=\"Watch and shop videos\">\r\n\r\n\t<header class=\"mvs-head\">\r\n\t\t<small>WATCH &amp; SHOP<\/small>\r\n\t\t<h2>See Our Footwear in Action<\/h2>\r\n\t\t<p>Real craftsmanship, real comfort. Tap a video to explore the product.<\/p>\r\n\t<\/header>\r\n\r\n\t<div class=\"mvs-wrap\">\r\n\t\t<button type=\"button\" class=\"mvs-arrow mvs-arrow--prev\" aria-label=\"Previous videos\">\r\n\t\t\t<svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 6l-6 6 6 6\"\/><\/svg>\r\n\t\t<\/button>\r\n\r\n\t\t<div class=\"mvs-track\" tabindex=\"0\">\r\n\r\n\t\t\t<!-- ============================================================\r\n\t\t\t     SLIDE 1  (PEHLI VIDEO)\r\n\t\t\t     VIDEO_URL_1   = (ADD HO CHUKA) 1 number video\r\n\t\t\t     POSTER_URL_1  = 1 number video ki thumbnail (optional)\r\n\t\t\t     PRODUCT_URL_1 = 1 number video ka product page link\r\n\t\t\t                      (ye 3 jagah hai: 2 dots + 1 card link, teeno mein same link)\r\n\t\t\t     ============================================================ -->\r\n\t\t\t<article class=\"mvs-card\">\r\n\t\t\t\t<div class=\"mvs-dots\"><a class=\"mvs-dot\" style=\"--c:#ffffff\" href=\"PRODUCT_URL_1\" aria-label=\"White\"><\/a><a class=\"mvs-dot\" style=\"--c:#111111\" href=\"PRODUCT_URL_1\" aria-label=\"Black\"><\/a><\/div>\r\n\t\t\t\t<div class=\"mvs-media\">\r\n\t\t\t\t\t<video muted loop playsinline preload=\"none\" data-src=\"https:\/\/starlifeshoes-com.us.stackstaging.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Video-2026-10-22-at-3.35.05-PM.mp4\" data-poster=\"POSTER_URL_1\"><\/video>\r\n\t\t\t\t\t<a class=\"mvs-link\" href=\"PRODUCT_URL_1\" aria-label=\"View product\"><\/a>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/article>\r\n\r\n\t\t\t<!-- ============================================================\r\n\t\t\t     SLIDE 2  (DOOSRI VIDEO)\r\n\t\t\t     VIDEO_URL_2   = (ADD HO CHUKA) 2 number video\r\n\t\t\t     POSTER_URL_2  = 2 number video ki thumbnail (optional)\r\n\t\t\t     PRODUCT_URL_2 = 2 number video ka product page link\r\n\t\t\t                      (ye 3 jagah hai: 2 dots + 1 card link, teeno mein same link)\r\n\t\t\t     ============================================================ -->\r\n\t\t\t<article class=\"mvs-card\">\r\n\t\t\t\t<div class=\"mvs-dots\"><a class=\"mvs-dot\" style=\"--c:#ffffff\" href=\"PRODUCT_URL_2\" aria-label=\"White\"><\/a><a class=\"mvs-dot\" style=\"--c:#111111\" href=\"PRODUCT_URL_2\" aria-label=\"Black\"><\/a><\/div>\r\n\t\t\t\t<div class=\"mvs-media\">\r\n\t\t\t\t\t<video muted loop playsinline preload=\"none\" data-src=\"https:\/\/starlifeshoes-com.us.stackstaging.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Video-2026-10-22-at-3.28.53-PM.mp4\" data-poster=\"POSTER_URL_2\"><\/video>\r\n\t\t\t\t\t<a class=\"mvs-link\" href=\"PRODUCT_URL_2\" aria-label=\"View product\"><\/a>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/article>\r\n\r\n\t\t\t<!-- ============================================================\r\n\t\t\t     SLIDE 3  (TEESRI VIDEO)\r\n\t\t\t     VIDEO_URL_3   = (ADD HO CHUKA) 3 number video\r\n\t\t\t     POSTER_URL_3  = 3 number video ki thumbnail (optional)\r\n\t\t\t     PRODUCT_URL_3 = 3 number video ka product page link\r\n\t\t\t                      (ye 3 jagah hai: 2 dots + 1 card link, teeno mein same link)\r\n\t\t\t     ============================================================ -->\r\n\t\t\t<article class=\"mvs-card\">\r\n\t\t\t\t<div class=\"mvs-dots\"><a class=\"mvs-dot\" style=\"--c:#ffffff\" href=\"PRODUCT_URL_3\" aria-label=\"White\"><\/a><a class=\"mvs-dot\" style=\"--c:#111111\" href=\"PRODUCT_URL_3\" aria-label=\"Black\"><\/a><\/div>\r\n\t\t\t\t<div class=\"mvs-media\">\r\n\t\t\t\t\t<video muted loop playsinline preload=\"none\" data-src=\"https:\/\/starlifeshoes-com.us.stackstaging.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Video-2026-10-22-at-3.28.44-PM.mp4\" data-poster=\"POSTER_URL_3\"><\/video>\r\n\t\t\t\t\t<a class=\"mvs-link\" href=\"PRODUCT_URL_3\" aria-label=\"View product\"><\/a>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/article>\r\n\r\n\t\t\t<!-- ============================================================\r\n\t\t\t     SLIDE 4  (CHOTHI VIDEO)\r\n\t\t\t     VIDEO_URL_4   = (ADD HO CHUKA) 4 number video\r\n\t\t\t     POSTER_URL_4  = 4 number video ki thumbnail (optional)\r\n\t\t\t     PRODUCT_URL_4 = 4 number video ka product page link\r\n\t\t\t                      (ye 3 jagah hai: 2 dots + 1 card link, teeno mein same link)\r\n\t\t\t     ============================================================ -->\r\n\t\t\t<article class=\"mvs-card\">\r\n\t\t\t\t<div class=\"mvs-dots\"><a class=\"mvs-dot\" style=\"--c:#ffffff\" href=\"PRODUCT_URL_4\" aria-label=\"White\"><\/a><a class=\"mvs-dot\" style=\"--c:#111111\" href=\"PRODUCT_URL_4\" aria-label=\"Black\"><\/a><\/div>\r\n\t\t\t\t<div class=\"mvs-media\">\r\n\t\t\t\t\t<video muted loop playsinline preload=\"none\" data-src=\"https:\/\/starlifeshoes-com.us.stackstaging.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Video-2026-10-22-at-3.33.06-PM.mp4\" data-poster=\"POSTER_URL_4\"><\/video>\r\n\t\t\t\t\t<a class=\"mvs-link\" href=\"PRODUCT_URL_4\" aria-label=\"View product\"><\/a>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/article>\r\n\r\n\t\t\t<!-- ============================================================\r\n\t\t\t     SLIDE 5  (PANCHWI VIDEO)\r\n\t\t\t     VIDEO_URL_5   = (ADD HO CHUKA) 5 number video\r\n\t\t\t     POSTER_URL_5  = 5 number video ki thumbnail (optional)\r\n\t\t\t     PRODUCT_URL_5 = 5 number video ka product page link\r\n\t\t\t                      (ye 3 jagah hai: 2 dots + 1 card link, teeno mein same link)\r\n\t\t\t     ============================================================ -->\r\n\t\t\t<article class=\"mvs-card\">\r\n\t\t\t\t<div class=\"mvs-dots\"><a class=\"mvs-dot\" style=\"--c:#ffffff\" href=\"PRODUCT_URL_5\" aria-label=\"White\"><\/a><a class=\"mvs-dot\" style=\"--c:#111111\" href=\"PRODUCT_URL_5\" aria-label=\"Black\"><\/a><\/div>\r\n\t\t\t\t<div class=\"mvs-media\">\r\n\t\t\t\t\t<video muted loop playsinline preload=\"none\" data-src=\"https:\/\/starlifeshoes-com.us.stackstaging.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Video-2026-10-22-at-5.20.05-PM.mp4\" data-poster=\"POSTER_URL_5\"><\/video>\r\n\t\t\t\t\t<a class=\"mvs-link\" href=\"PRODUCT_URL_5\" aria-label=\"View product\"><\/a>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/article>\r\n\r\n\t\t\t<!-- 6th video add karni ho: upar wala koi <article> block copy karke yahan paste karein,\r\n\t\t\t     phir VIDEO_URL_6, POSTER_URL_6, PRODUCT_URL_6 (3 jagah) replace karein. -->\r\n\r\n\t\t<\/div>\r\n\r\n\t\t<button type=\"button\" class=\"mvs-arrow mvs-arrow--next\" aria-label=\"Next videos\">\r\n\t\t\t<svg viewBox=\"0 0 24 24\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg>\r\n\t\t<\/button>\r\n\t<\/div>\r\n<\/section>\r\n\r\n<style>\r\n.mvs{\r\n\t--mvs-gap:24px;\r\n\t--mvs-per-view:4;\r\n\t--mvs-radius:16px;\r\n\t--mvs-ink:#111;\r\n\t--mvs-mute:#6b6b6b;\r\n\tfont-family:'Inter Tight','Inter',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;\r\n\tcolor:var(--mvs-ink);\r\n\twidth:100%;\r\n\tmax-width:1440px;\r\n\tmargin:0 auto;\r\n\tpadding:56px 30px 64px;\r\n\tbox-sizing:border-box;\r\n\t-webkit-font-smoothing:antialiased;\r\n}\r\n.mvs *,.mvs *::before,.mvs *::after{box-sizing:border-box}\r\n\r\n\/* heading *\/\r\n.mvs-head{text-align:center;margin:0 auto 36px;max-width:640px}\r\n.mvs-head small{display:block;font:500 12px\/1 inherit;letter-spacing:.16em;color:#555}\r\n.mvs-head h2{margin:12px 0 10px;font:500 34px\/1.2 inherit;color:var(--mvs-ink)}\r\n.mvs-head p{margin:0;font-size:15px;line-height:1.6;color:var(--mvs-mute)}\r\n\r\n\/* slider *\/\r\n.mvs-wrap{position:relative;opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}\r\n.mvs-wrap.is-in{opacity:1;transform:none}\r\n.mvs-track{\r\n\tposition:relative;\r\n\tdisplay:flex;\r\n\tgap:var(--mvs-gap);\r\n\toverflow-x:auto;\r\n\toverflow-y:hidden;\r\n\t-webkit-overflow-scrolling:touch;\r\n\toverscroll-behavior-x:contain;\r\n\tscrollbar-width:none;\r\n\tpadding:16px 2px 44px;\r\n\tmargin:-10px -2px -20px;\r\n\toutline:0;\r\n\tcursor:grab;\r\n}\r\n.mvs-track::-webkit-scrollbar{display:none}\r\n.mvs-track.is-dragging{cursor:grabbing}\r\n.mvs-track.is-dragging .mvs-link{pointer-events:none}\r\n\r\n\/* card *\/\r\n.mvs-card{\r\n\tflex:0 0 calc((100% - (var(--mvs-per-view) - 1) * var(--mvs-gap)) \/ var(--mvs-per-view));\r\n\tmin-width:0;\r\n\tuser-select:none;-webkit-user-select:none;\r\n}\r\n\r\n\/* colour dots *\/\r\n.mvs-dots{display:flex;justify-content:center;gap:8px;height:34px;align-items:center}\r\n.mvs-dot{\r\n\twidth:22px;height:22px;border-radius:50%;\r\n\tbackground:var(--c,#111);\r\n\tborder:1px solid rgba(0,0,0,.18);\r\n\tbox-shadow:0 0 0 3px #fff,0 0 0 4px rgba(0,0,0,.08);\r\n\ttransition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;\r\n\tdisplay:block;\r\n}\r\n.mvs-dot:hover{transform:scale(1.18);box-shadow:0 0 0 3px #fff,0 0 0 4px #111}\r\n\r\n\/* media *\/\r\n.mvs-media{\r\n\tposition:relative;\r\n\taspect-ratio:9\/16;\r\n\tborder-radius:var(--mvs-radius);\r\n\toverflow:hidden;\r\n\tbackground:#e9e9e9;\r\n\ttransition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;\r\n\tisolation:isolate;\r\n\t-webkit-mask-image:-webkit-radial-gradient(white,black);\r\n}\r\n.mvs-card:hover .mvs-media{transform:translateY(-8px);box-shadow:0 22px 44px rgba(0,0,0,.18)}\r\n.mvs-media video{\r\n\tposition:absolute;inset:0;width:100%;height:100%;\r\n\tobject-fit:cover;display:block;pointer-events:none;\r\n\ttransition:transform .7s cubic-bezier(.2,.8,.2,1);\r\n\tbackground:#e9e9e9;\r\n}\r\n.mvs-card:hover .mvs-media video{transform:scale(1.04)}\r\n.mvs-media::after{\r\n\tcontent:\"\";position:absolute;inset:auto 0 0 0;height:30%;\r\n\tbackground:linear-gradient(to top,rgba(0,0,0,.28),transparent);\r\n\topacity:0;transition:opacity .35s;pointer-events:none;z-index:1;\r\n}\r\n.mvs-card:hover .mvs-media::after{opacity:1}\r\n.mvs-link{position:absolute;inset:0;z-index:2;display:block;-webkit-user-drag:none}\r\n\r\n\/* arrows *\/\r\n.mvs-arrow{\r\n\tposition:absolute;top:50%;z-index:5;\r\n\twidth:48px;height:48px;border-radius:50%;border:0;padding:0;cursor:pointer;\r\n\tbackground:#fff;color:#111;\r\n\tbox-shadow:0 6px 20px rgba(0,0,0,.16);\r\n\tdisplay:flex;align-items:center;justify-content:center;\r\n\ttransform:translateY(-50%);\r\n\ttransition:background .25s,color .25s,transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;\r\n}\r\n.mvs-arrow--prev{left:-22px}.mvs-arrow--next{right:-22px}\r\n.mvs-arrow:hover{background:#111;color:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 10px 26px rgba(0,0,0,.26)}\r\n.mvs-arrow:active{transform:translateY(-50%) scale(.95)}\r\n\r\n\/* responsive *\/\r\n@media(max-width:1280px){.mvs-arrow--prev{left:-8px}.mvs-arrow--next{right:-8px}}\r\n@media(max-width:1100px){.mvs{--mvs-per-view:3}}\r\n@media(max-width:800px){\r\n\t.mvs{--mvs-per-view:2;--mvs-gap:16px;padding:40px 20px 48px}\r\n\t.mvs-head h2{font-size:28px}\r\n}\r\n@media(max-width:560px){\r\n\t.mvs{--mvs-per-view:1.35;--mvs-gap:12px;--mvs-radius:14px;padding:32px 16px 40px}\r\n\t.mvs-head{margin-bottom:24px}.mvs-head h2{font-size:24px}.mvs-head p{font-size:14px}\r\n\t.mvs-arrow{display:none}\r\n\t.mvs-dots{height:30px}.mvs-dot{width:20px;height:20px}\r\n}\r\n@media(hover:none){\r\n\t.mvs-card:hover .mvs-media{transform:none;box-shadow:none}\r\n\t.mvs-card:hover .mvs-media video{transform:none}\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n\t.mvs-wrap,.mvs-media,.mvs-media video,.mvs-arrow{transition:none!important}\r\n\t.mvs-wrap{opacity:1;transform:none}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n'use strict';\r\nvar reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\nvar SETS = 5;            \/* how many copies of the slides are laid side by side *\/\r\nvar RESUME_DELAY = 1800; \/* ms: auto-scroll resumes this long after the visitor stops touching *\/\r\n\r\nfunction isPlaceholder(v){ return !v || \/^(VIDEO|POSTER|PRODUCT)_URL_\\d+$\/.test(v); }\r\n\r\ndocument.querySelectorAll('[data-mvs]').forEach(function(root){\r\n\tvar track = root.querySelector('.mvs-track');\r\n\tvar wrap  = root.querySelector('.mvs-wrap');\r\n\tvar prev  = root.querySelector('.mvs-arrow--prev');\r\n\tvar next  = root.querySelector('.mvs-arrow--next');\r\n\tvar originals = [].slice.call(track.querySelectorAll('.mvs-card'));\r\n\tif (!originals.length) { return; }\r\n\tvar speed = parseFloat(root.getAttribute('data-speed'));\r\n\tif (isNaN(speed)) { speed = 30; }\r\n\r\n\t\/* ---------- build the infinite loop (clones) ---------- *\/\r\n\tfunction clone(c){\r\n\t\tvar n = c.cloneNode(true);\r\n\t\tn.setAttribute('aria-hidden', 'true');\r\n\t\t[].forEach.call(n.querySelectorAll('a'), function(a){ a.setAttribute('tabindex', '-1'); });\r\n\t\treturn n;\r\n\t}\r\n\tvar set = originals.slice();\r\n\tvar reps = Math.max(1, Math.ceil(6 \/ originals.length)); \/* a set must be wider than the screen *\/\r\n\tfor (var r = 1; r < reps; r++) {\r\n\t\toriginals.forEach(function(c){ var n = clone(c); track.appendChild(n); set.push(n); });\r\n\t}\r\n\tfor (var s = 1; s < SETS; s++) {\r\n\t\tset.forEach(function(c){ track.appendChild(clone(c)); });\r\n\t}\r\n\tvar all = [].slice.call(track.querySelectorAll('.mvs-card'));\r\n\tvar N = set.length;\r\n\tvar videos = [].slice.call(track.querySelectorAll('video'));\r\n\r\n\t\/* ---------- position maths ---------- *\/\r\n\tvar x = 0, base = 0, W = 1, anim = null, lastSet = 0;\r\n\tfunction measure(){\r\n\t\tbase = all[0].offsetLeft;\r\n\t\tW = Math.max(1, all[N].offsetLeft - all[0].offsetLeft); \/* width of one full set *\/\r\n\t}\r\n\t\/* keep x inside the middle set so it can scroll forever in both directions *\/\r\n\tfunction normalize(){\r\n\t\tvar rel = x - base, d = 0;\r\n\t\twhile (rel >= 3 * W) { rel -= W; d -= W; }\r\n\t\twhile (rel < 2 * W)  { rel += W; d += W; }\r\n\t\tif (d) { x += d; if (anim) { anim.from += d; anim.to += d; } }\r\n\t\treturn d;\r\n\t}\r\n\tfunction write(){\r\n\t\tnormalize();\r\n\t\ttrack.scrollLeft = x;\r\n\t\tlastSet = track.scrollLeft;\r\n\t}\r\n\tfunction layout(keepRel){\r\n\t\tvar oldW = W, rel = (x - base) % oldW;\r\n\t\tmeasure();\r\n\t\tx = base + 2 * W + (keepRel && oldW > 1 ? (rel \/ oldW) * W : 0);\r\n\t\twrite();\r\n\t}\r\n\tmeasure();\r\n\tlayout(false);\r\n\r\n\t\/* ---------- state ---------- *\/\r\n\tvar hover = false, touching = false, dragging = false, inView = true, resumeAt = 0;\r\n\tfunction now(){ return Date.now(); }\r\n\tfunction bump(){ resumeAt = now() + RESUME_DELAY; }\r\n\r\n\t\/* ---------- animation loop ---------- *\/\r\n\tvar last = performance.now();\r\n\tfunction frame(t){\r\n\t\tvar dt = Math.min(64, t - last) \/ 1000; last = t;\r\n\t\tif (anim) {\r\n\t\t\tvar k = Math.min(1, (t - anim.t0) \/ anim.d), e = 1 - Math.pow(1 - k, 3);\r\n\t\t\tx = anim.from + (anim.to - anim.from) * e;\r\n\t\t\tif (k >= 1) { anim = null; bump(); }\r\n\t\t\twrite();\r\n\t\t} else if (speed > 0 && !reduce && inView && !hover && !touching && !dragging && !document.hidden && now() >= resumeAt) {\r\n\t\t\tx += speed * dt;\r\n\t\t\twrite();\r\n\t\t}\r\n\t\twindow.requestAnimationFrame(frame);\r\n\t}\r\n\twindow.requestAnimationFrame(frame);\r\n\r\n\t\/* visitor scrolled natively (touch swipe, trackpad, keyboard) *\/\r\n\ttrack.addEventListener('scroll', function(){\r\n\t\tif (Math.abs(track.scrollLeft - lastSet) <= 1.5) { return; } \/* our own movement *\/\r\n\t\tanim = null; bump();\r\n\t\tx = track.scrollLeft;\r\n\t\tif (normalize()) { track.scrollLeft = x; lastSet = track.scrollLeft; }\r\n\t}, {passive: true});\r\n\r\n\t\/* ---------- arrows (smooth step, either direction) ---------- *\/\r\n\tfunction step(dir){\r\n\t\tvar cw = all[0].getBoundingClientRect().width + (parseFloat(getComputedStyle(track).columnGap) || 0);\r\n\t\tvar vis = Math.max(1, Math.floor(track.clientWidth \/ cw));\r\n\t\tvar n = Math.max(1, Math.round(vis \/ 2));\r\n\t\tvar from = anim ? anim.to : x;\r\n\t\tanim = {from: x, to: from + dir * cw * n, t0: performance.now(), d: 650};\r\n\t}\r\n\tprev.addEventListener('click', function(){ step(-1); });\r\n\tnext.addEventListener('click', function(){ step(1); });\r\n\ttrack.addEventListener('keydown', function(e){\r\n\t\tif (e.key === 'ArrowRight') { step(1); }\r\n\t\tif (e.key === 'ArrowLeft') { step(-1); }\r\n\t});\r\n\r\n\t\/* ---------- mouse drag (any direction) ---------- *\/\r\n\tvar down = false, sx = 0, sl = 0, moved = false, vx = 0, lx = 0, lt = 0;\r\n\ttrack.addEventListener('pointerdown', function(e){\r\n\t\tif (e.pointerType !== 'mouse' || e.button !== 0) { return; }\r\n\t\tdown = true; moved = false; sx = e.clientX; sl = x; lx = e.clientX; lt = performance.now(); vx = 0;\r\n\t\tanim = null;\r\n\t});\r\n\twindow.addEventListener('pointermove', function(e){\r\n\t\tif (!down) { return; }\r\n\t\tvar dx = e.clientX - sx;\r\n\t\tif (!moved && Math.abs(dx) > 6) { moved = true; dragging = true; track.classList.add('is-dragging'); }\r\n\t\tif (moved) {\r\n\t\t\tvar tn = performance.now(), dt = tn - lt;\r\n\t\t\tif (dt > 0) { vx = (e.clientX - lx) \/ dt; lx = e.clientX; lt = tn; }\r\n\t\t\tx = sl - dx;\r\n\t\t\tvar d = normalize(); if (d) { sl += d; }\r\n\t\t\ttrack.scrollLeft = x; lastSet = track.scrollLeft;\r\n\t\t}\r\n\t});\r\n\twindow.addEventListener('pointerup', function(){\r\n\t\tif (!down) { return; }\r\n\t\tdown = false;\r\n\t\tif (moved) {\r\n\t\t\ttrack.classList.remove('is-dragging');\r\n\t\t\tdragging = false;\r\n\t\t\t\/* little inertia after letting go *\/\r\n\t\t\tvar to = x - vx * 260;\r\n\t\t\tanim = {from: x, to: to, t0: performance.now(), d: 700};\r\n\t\t\tbump();\r\n\t\t}\r\n\t});\r\n\ttrack.addEventListener('click', function(e){ if (moved) { e.preventDefault(); e.stopPropagation(); moved = false; } }, true);\r\n\ttrack.addEventListener('dragstart', function(e){ e.preventDefault(); });\r\n\r\n\t\/* pause on hover (mouse only) and while touching *\/\r\n\ttrack.addEventListener('pointerenter', function(e){ if (e.pointerType === 'mouse') { hover = true; } });\r\n\ttrack.addEventListener('pointerleave', function(e){ if (e.pointerType === 'mouse') { hover = false; resumeAt = now() + 500; } });\r\n\ttrack.addEventListener('touchstart', function(){ touching = true; anim = null; }, {passive: true});\r\n\ttrack.addEventListener('touchend', function(){ touching = false; bump(); }, {passive: true});\r\n\ttrack.addEventListener('touchcancel', function(){ touching = false; bump(); }, {passive: true});\r\n\r\n\t\/* keep the loop correct when the window size changes *\/\r\n\tvar rt;\r\n\twindow.addEventListener('resize', function(){ clearTimeout(rt); rt = setTimeout(function(){ layout(true); }, 120); });\r\n\twindow.addEventListener('load', function(){ layout(true); });\r\n\r\n\t\/* ---------- fade in + only animate while visible ---------- *\/\r\n\tif ('IntersectionObserver' in window) {\r\n\t\tvar io = new IntersectionObserver(function(en){\r\n\t\t\ten.forEach(function(x2){ if (x2.isIntersecting) { wrap.classList.add('is-in'); } inView = x2.isIntersecting; });\r\n\t\t}, {threshold: 0.05});\r\n\t\tio.observe(wrap);\r\n\t} else {\r\n\t\twrap.classList.add('is-in');\r\n\t}\r\n\r\n\t\/* ---------- lazy load + play only videos on screen ---------- *\/\r\n\tfunction load(v){\r\n\t\tif (v.getAttribute('data-loaded')) { return; }\r\n\t\tvar src = v.getAttribute('data-src'), poster = v.getAttribute('data-poster');\r\n\t\tif (!isPlaceholder(poster)) { v.setAttribute('poster', poster); }\r\n\t\tv.setAttribute('data-loaded', '1');\r\n\t\tif (isPlaceholder(src)) { return; }\r\n\t\tv.src = src; v.preload = 'metadata'; v.load();\r\n\t}\r\n\tfunction play(v){\r\n\t\tif (!v.src) { return; }\r\n\t\tvar p = v.play(); if (p && p.catch) { p.catch(function(){}); }\r\n\t}\r\n\tif ('IntersectionObserver' in window) {\r\n\t\tvar loader = new IntersectionObserver(function(entries){\r\n\t\t\tentries.forEach(function(en){ if (en.isIntersecting) { load(en.target); loader.unobserve(en.target); } });\r\n\t\t}, {root: null, rootMargin: '400px 400px'});\r\n\t\tvar player = new IntersectionObserver(function(entries){\r\n\t\t\tentries.forEach(function(en){\r\n\t\t\t\tvar v = en.target;\r\n\t\t\t\tif (en.isIntersecting && !reduce) { load(v); play(v); } else { v.pause(); }\r\n\t\t\t});\r\n\t\t}, {threshold: 0.35});\r\n\t\tvideos.forEach(function(v){ loader.observe(v); player.observe(v); });\r\n\t} else {\r\n\t\tvideos.forEach(function(v){ load(v); play(v); });\r\n\t}\r\n\tif (reduce) {\r\n\t\tall.forEach(function(c){\r\n\t\t\tvar v = c.querySelector('video');\r\n\t\t\tc.addEventListener('mouseenter', function(){ load(v); play(v); });\r\n\t\t\tc.addEventListener('mouseleave', function(){ v.pause(); });\r\n\t\t});\r\n\t}\r\n\tdocument.addEventListener('visibilitychange', function(){\r\n\t\tif (document.hidden) { videos.forEach(function(v){ v.pause(); }); }\r\n\t});\r\n});\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2ae63e1 e-con-full e-flex e-con e-parent\" data-id=\"2ae63e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6287a7 elementor-widget elementor-widget-shortcode\" data-id=\"b6287a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style id=\"slf-reviews-css\">.slf-reviews{--slf-black:#000;--slf-gold:#c9a227;--slf-gold-soft:#f1e3b0;--slf-cream:#faf6ec;--slf-white:#fff;--slf-muted:#5f5a4e;--slf-line:#e8dfc6;--slf-gap:24px;--slf-cols:var(--slf-cols-d,3);\r\n\tbox-sizing:border-box;width:100%;max-width:1430px;margin:0 auto;padding:40px 24px 44px;color:var(--slf-black);line-height:1.5}\r\n.slf-reviews *,.slf-reviews *::before,.slf-reviews *::after{box-sizing:border-box}\r\n.slf-reviews .slf-head{text-align:center;margin:0 0 28px}\r\n.slf-reviews .slf-title{margin:0;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.15;font-weight:700;letter-spacing:-.02em;color:var(--slf-black)}\r\n.slf-reviews .slf-title::after{content:\"\";display:block;width:44px;height:3px;margin:12px auto 0;background:var(--slf-gold);border-radius:2px}\r\n.slf-reviews .slf-subtitle{margin:12px auto 0;max-width:52ch;color:var(--slf-muted);font-size:1rem}\r\n\r\n.slf-reviews .slf-stage{position:relative;display:flex;align-items:center;gap:12px}\r\n.slf-reviews .slf-track{display:flex;gap:var(--slf-gap);flex:1 1 auto;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px;margin:-2px;align-items:stretch;overscroll-behavior-x:contain}\r\n.slf-reviews .slf-track::-webkit-scrollbar{display:none}\r\n.slf-reviews .slf-track:focus-visible{outline:2px solid var(--slf-gold);outline-offset:4px;border-radius:12px}\r\n\r\n.slf-reviews .slf-card{flex:0 0 calc((100% - (var(--slf-cols) - 1) * var(--slf-gap)) \/ var(--slf-cols));scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-align:center;\r\n\tbackground:var(--slf-white);border:1px solid var(--slf-line);border-radius:14px;padding:26px 22px 20px;margin:0;transition:border-color .25s ease,transform .25s ease}\r\n.slf-reviews .slf-card:hover{border-color:var(--slf-gold);transform:translateY(-3px)}\r\n\r\n.slf-reviews .slf-avatar{position:relative;width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--slf-black);flex:none;margin-bottom:12px;box-shadow:0 0 0 2px var(--slf-white),0 0 0 3px var(--slf-gold)}\r\n.slf-reviews .slf-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;margin:0;max-width:none;border-radius:0}\r\n.slf-reviews .slf-initial{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--slf-gold);font-weight:700;font-size:1.5rem}\r\n\r\n.slf-reviews .slf-name{margin:0;font-size:1rem;line-height:1.3;font-weight:600;color:var(--slf-black)}\r\n.slf-reviews .slf-verified{margin:4px 0 0;display:inline-flex;align-items:center;gap:4px;font-size:.78rem;color:#7a6212;background:var(--slf-cream);border:1px solid var(--slf-gold-soft);border-radius:999px;padding:1px 8px}\r\n.slf-reviews .slf-stars{display:flex;gap:2px;margin:10px 0 12px;justify-content:center}\r\n.slf-reviews .slf-star{fill:#ddd5bd}\r\n.slf-reviews .slf-star.is-on{fill:var(--slf-gold)}\r\n.slf-reviews .slf-text{margin:0;padding:0;border:0;quotes:none;font-size:.95rem;line-height:1.6;color:var(--slf-muted);overflow-wrap:anywhere;font-style:normal}\r\n.slf-reviews .slf-text::before,.slf-reviews .slf-text::after{content:none}\r\n\r\n.slf-reviews .slf-meta{margin-top:auto;padding-top:16px;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}\r\n.slf-reviews .slf-product{display:inline-flex;align-items:center;gap:8px;max-width:100%;font-size:.82rem;font-weight:600;color:var(--slf-black);text-decoration:none;border-top:1px solid var(--slf-line);padding-top:12px;width:100%;justify-content:center}\r\n.slf-reviews .slf-product:hover span{color:#8a6d0b}\r\n.slf-reviews .slf-product img{width:32px;height:32px;border-radius:6px;object-fit:cover;flex:none;margin:0}\r\n.slf-reviews .slf-product span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}\r\n.slf-reviews .slf-date{font-size:.76rem;color:#8b8573}\r\n.slf-reviews .slf-text + .slf-meta{padding-top:16px}\r\n\r\n.slf-reviews .slf-nav{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--slf-black);background:var(--slf-black);color:var(--slf-gold);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s ease,color .2s ease,opacity .2s ease}\r\n.slf-reviews .slf-nav[hidden]{display:none}\r\n.slf-reviews .slf-nav:hover:not(:disabled){background:var(--slf-gold);color:var(--slf-black);border-color:var(--slf-gold)}\r\n.slf-reviews .slf-nav:focus-visible{outline:2px solid var(--slf-gold);outline-offset:3px}\r\n.slf-reviews .slf-nav:disabled{opacity:.3;cursor:default}\r\n\r\n.slf-reviews .slf-empty{text-align:center;background:var(--slf-cream);border:1px solid var(--slf-line);border-radius:14px;padding:36px 24px;max-width:640px;margin:0 auto}\r\n.slf-reviews .slf-empty-title{margin:0 0 6px;font-size:1.2rem;font-weight:700}\r\n.slf-reviews .slf-empty-text{margin:0 0 18px;color:var(--slf-muted)}\r\n.slf-reviews a.slf-btn,.slf-reviews a.slf-btn:link,.slf-reviews a.slf-btn:visited{display:inline-block;background:var(--slf-black);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:600;padding:12px 28px;border-radius:999px;border:1px solid var(--slf-black);transition:background .2s ease,color .2s ease}\r\n.slf-reviews a.slf-btn:hover,.slf-reviews a.slf-btn:focus-visible{background:var(--slf-gold);color:var(--slf-black);border-color:var(--slf-gold)}\r\n\r\n@media (max-width:1024px){\r\n\t.slf-reviews{--slf-cols:min(var(--slf-cols-d,3),2);--slf-gap:18px;padding:32px 18px 36px}\r\n}\r\n@media (max-width:640px){\r\n\t.slf-reviews{--slf-cols:1;--slf-gap:14px;padding:28px 14px 30px}\r\n\t.slf-reviews .slf-nav{width:36px;height:36px}\r\n\t.slf-reviews .slf-stage{gap:8px}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n\t.slf-reviews .slf-card,.slf-reviews .slf-nav,.slf-reviews .slf-btn{transition:none}\r\n\t.slf-reviews .slf-card:hover{transform:none}\r\n}\r\n<\/style><section id=\"slf-reviews-1\" class=\"slf-reviews\" style=\"--slf-cols-d:3\" aria-label=\"Customer Reviews\"><header class=\"slf-head\"><h2 class=\"slf-title\">Customer Reviews<\/h2><\/header><div class=\"slf-stage\"><button type=\"button\" class=\"slf-nav slf-prev\" aria-label=\"Previous reviews\" hidden><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M15 5l-7 7 7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/button><div class=\"slf-track\" tabindex=\"0\" role=\"region\" aria-label=\"Customer reviews list\"><article class=\"slf-card\"><div class=\"slf-avatar\"><span class=\"slf-initial\" aria-hidden=\"true\">H<\/span><img loading=\"lazy\" src=\"https:\/\/secure.gravatar.com\/avatar\/344dd64147aa74879401b221d0cfea032133c66ced87f24de5c3d2cb62b80671?s=160&#038;d=404&#038;r=g\" alt=\"\" width=\"64\" height=\"64\" loading=\"lazy\" decoding=\"async\" onerror=\"this.remove()\"><\/div><h3 class=\"slf-name\">Hamza<\/h3><div class=\"slf-stars\" role=\"img\" aria-label=\"Rated 5 out of 5\"><svg class=\"slf-star is-on\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3 6.1 20.6l1.3-6.6L2.5 9.4l6.6-.8z\"\/><\/svg><svg class=\"slf-star is-on\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3 6.1 20.6l1.3-6.6L2.5 9.4l6.6-.8z\"\/><\/svg><svg class=\"slf-star is-on\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3 6.1 20.6l1.3-6.6L2.5 9.4l6.6-.8z\"\/><\/svg><svg class=\"slf-star is-on\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3 6.1 20.6l1.3-6.6L2.5 9.4l6.6-.8z\"\/><\/svg><svg class=\"slf-star is-on\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3 6.1 20.6l1.3-6.6L2.5 9.4l6.6-.8z\"\/><\/svg><\/div><blockquote class=\"slf-text\">Comfertable good stuff for daily use<\/blockquote><footer class=\"slf-meta\"><a class=\"slf-product\" href=\"https:\/\/starlifeshoes.com\/index.php\/product\/royal-badge-cross-strap-comfort-slide\/\"><img loading=\"lazy\" src=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp_Image_2026-10-22_at_4_28_03_PM_resized-150x150.jpg\" alt=\"\" width=\"32\" height=\"32\" loading=\"lazy\" decoding=\"async\"><span>Royal Badge Cross-Strap Comfort Slide<\/span><\/a><time class=\"slf-date\" datetime=\"2026-10-26T18:23:40+00:00\">October 26, 2026<\/time><\/footer><\/article><article class=\"slf-card\"><div class=\"slf-avatar\"><span class=\"slf-initial\" aria-hidden=\"true\">N<\/span><img loading=\"lazy\" src=\"https:\/\/secure.gravatar.com\/avatar\/137590ccb27769c89d4d5253bac04e8ebe52795c1337da6f61a86bf2531e1258?s=160&#038;d=404&#038;r=g\" alt=\"\" width=\"64\" height=\"64\" loading=\"lazy\" decoding=\"async\" onerror=\"this.remove()\"><\/div><h3 class=\"slf-name\">Nexora Holdings Pvt Ltd<\/h3><div class=\"slf-stars\" role=\"img\" aria-label=\"Rated 5 out of 5\"><svg class=\"slf-star is-on\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3 6.1 20.6l1.3-6.6L2.5 9.4l6.6-.8z\"\/><\/svg><svg class=\"slf-star is-on\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3 6.1 20.6l1.3-6.6L2.5 9.4l6.6-.8z\"\/><\/svg><svg class=\"slf-star is-on\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3 6.1 20.6l1.3-6.6L2.5 9.4l6.6-.8z\"\/><\/svg><svg class=\"slf-star is-on\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3 6.1 20.6l1.3-6.6L2.5 9.4l6.6-.8z\"\/><\/svg><svg class=\"slf-star is-on\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3 6.1 20.6l1.3-6.6L2.5 9.4l6.6-.8z\"\/><\/svg><\/div><blockquote class=\"slf-text\">Very Nice Product<\/blockquote><footer class=\"slf-meta\"><a class=\"slf-product\" href=\"https:\/\/starlifeshoes.com\/index.php\/product\/black-navy-asli-color-check-karo\/\"><img loading=\"lazy\" src=\"https:\/\/starlifeshoes.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-25-at-7.00.24-PM-2-150x150.jpeg\" alt=\"\" width=\"32\" height=\"32\" loading=\"lazy\" decoding=\"async\"><span>Black \/ Navy (asli color check karo)<\/span><\/a><time class=\"slf-date\" datetime=\"2026-10-26T18:21:18+00:00\">October 26, 2026<\/time><\/footer><\/article><\/div><button type=\"button\" class=\"slf-nav slf-next\" aria-label=\"Next reviews\" hidden><svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M9 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/button><\/div><\/section><script id=\"slf-reviews-js\">(function () {\r\n\tfunction init(root) {\r\n\t\tif (root.getAttribute('data-slf-ready')) { return; }\r\n\t\troot.setAttribute('data-slf-ready', '1');\r\n\t\tvar track = root.querySelector('.slf-track');\r\n\t\tvar prev = root.querySelector('.slf-prev');\r\n\t\tvar next = root.querySelector('.slf-next');\r\n\t\tif (!track || !prev || !next) { return; }\r\n\t\tvar reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n\t\tfunction update() {\r\n\t\t\tvar overflow = track.scrollWidth > track.clientWidth + 2;\r\n\t\t\tprev.hidden = next.hidden = !overflow;\r\n\t\t\tif (!overflow) { return; }\r\n\t\t\tprev.disabled = track.scrollLeft <= 2;\r\n\t\t\tnext.disabled = track.scrollLeft + track.clientWidth >= track.scrollWidth - 2;\r\n\t\t}\r\n\t\tfunction go(dir) {\r\n\t\t\ttrack.scrollBy({ left: dir * track.clientWidth, behavior: reduce ? 'auto' : 'smooth' });\r\n\t\t}\r\n\t\tprev.addEventListener('click', function () { go(-1); });\r\n\t\tnext.addEventListener('click', function () { go(1); });\r\n\t\ttrack.addEventListener('scroll', function () { window.requestAnimationFrame(update); }, { passive: true });\r\n\t\ttrack.addEventListener('keydown', function (e) {\r\n\t\t\tif (e.key === 'ArrowRight') { go(1); e.preventDefault(); }\r\n\t\t\tif (e.key === 'ArrowLeft') { go(-1); e.preventDefault(); }\r\n\t\t});\r\n\t\twindow.addEventListener('resize', update);\r\n\t\tupdate();\r\n\t}\r\n\tfunction boot() {\r\n\t\tvar list = document.querySelectorAll('.slf-reviews');\r\n\t\tfor (var i = 0; i < list.length; i++) { init(list[i]); }\r\n\t}\r\n\tif (document.readyState === 'loading') {\r\n\t\tdocument.addEventListener('DOMContentLoaded', boot);\r\n\t} else {\r\n\t\tboot();\r\n\t}\r\n\t\/\/ Elementor editor re-renders widgets dynamically.\r\n\twindow.addEventListener('elementor\/frontend\/init', function () {\r\n\t\tif (window.elementorFrontend && elementorFrontend.hooks) {\r\n\t\t\telementorFrontend.hooks.addAction('frontend\/element_ready\/shortcode.default', boot);\r\n\t\t}\r\n\t});\r\n})();\r\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a28ec5 e-con-full e-flex e-con e-parent\" data-id=\"7a28ec5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c77515 elementor-widget elementor-widget-shortcode\" data-id=\"1c77515\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style id=\"starlife-fm-css\">.sfq,.sfm{--c-black:#000;--c-gold:#c9a227;--c-gold-soft:#f1e3b0;--c-cream:#faf6ec;--c-line:#e8dfc6;--c-muted:#5f5a4e;box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:48px 20px;color:var(--c-black);line-height:1.6}\r\n.sfq *,.sfq *::before,.sfq *::after,.sfm *,.sfm *::before,.sfm *::after{box-sizing:border-box}\r\n.sfq .sfq-head,.sfm .sfm-head{text-align:center;margin:0 auto 32px;max-width:680px}\r\n.sfq .sfq-title,.sfm .sfm-title{margin:0;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.15;font-weight:700;letter-spacing:-.02em;color:var(--c-black)}\r\n.sfq .sfq-title::after,.sfm .sfm-title::after{content:\"\";display:block;width:44px;height:3px;margin:12px auto 0;background:var(--c-gold);border-radius:2px}\r\n.sfq .sfq-intro,.sfm .sfm-desc{margin:14px 0 0;color:var(--c-muted);font-size:1rem}\r\n.sfq .sfq-list{max-width:900px;margin:0 auto;padding:0;list-style:none}\r\n.sfq .sfq-item{margin:0;padding:0;border-bottom:1px solid var(--c-line);list-style:none}\r\n.sfq .sfq-item:first-child{border-top:1px solid var(--c-line)}\r\n.sfq .sfq-q{margin:0;font-size:1rem;font-weight:600}\r\n.sfq button.sfq-btn{-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:0;padding:20px 4px;background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--c-black);font:inherit;font-weight:600;font-size:1.02rem;line-height:1.4;text-align:left;text-transform:none;letter-spacing:normal;cursor:pointer;transition:color .2s ease}\r\n.sfq button.sfq-btn:hover{color:#8a6d0b;background:transparent}\r\n.sfq button.sfq-btn:focus-visible{outline:2px solid var(--c-gold);outline-offset:2px;border-radius:4px}\r\n.sfq .sfq-icon{position:relative;flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--c-gold);color:var(--c-black);transition:background .2s ease}\r\n.sfq .sfq-icon::before,.sfq .sfq-icon::after{content:\"\";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:currentColor;transition:transform .25s ease}\r\n.sfq .sfq-icon::after{transform:rotate(90deg)}\r\n.sfq .sfq-item.is-open .sfq-icon{background:var(--c-gold)}\r\n.sfq .sfq-item.is-open .sfq-icon::after{transform:rotate(0)}\r\n.sfq .sfq-panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .3s ease,visibility 0s .3s}\r\n.sfq .sfq-item.is-open .sfq-panel{grid-template-rows:1fr;visibility:visible;transition-delay:0s}\r\n.sfq .sfq-panel-inner{overflow:hidden;min-height:0}\r\n.sfq .sfq-a{padding:0 48px 22px 4px;color:var(--c-muted);font-size:.98rem;overflow-wrap:anywhere}\r\n.sfq .sfq-a p{margin:0 0 .8em}\r\n.sfq .sfq-a p:last-child{margin-bottom:0}\r\n.sfq .sfq-a a{color:#8a6d0b;text-decoration:underline}\r\n.sfq.sfq-nojs .sfq-panel{grid-template-rows:1fr;visibility:visible}\r\n.sfq .sfq-note{max-width:900px;margin:0 auto 16px;padding:10px 14px;background:#fff;border:1px dashed var(--c-gold);border-radius:8px;font-size:.88rem;color:var(--c-muted)}\r\n.sfm .sfm-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}\r\n.sfm .sfm-info{background:#fff;border:1px solid var(--c-line);border-radius:14px;padding:20px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:20px 40px}\r\n.sfm .sfm-info h3{margin:0 0 4px;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8a6d0b}\r\n.sfm .sfm-info p{margin:0;overflow-wrap:anywhere}\r\n.sfm .sfm-info a{color:var(--c-black);text-decoration:underline;text-decoration-color:var(--c-gold);text-underline-offset:3px}\r\n.sfm a.sfm-btn,.sfm a.sfm-btn:link,.sfm a.sfm-btn:visited{display:inline-block;margin:0 0 0 auto;padding:12px 26px;background:var(--c-black);color:#fff;border:1px solid var(--c-black);border-radius:999px;font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background .2s ease,color .2s ease}\r\n.sfm a.sfm-btn:hover,.sfm a.sfm-btn:focus-visible{background:var(--c-gold);border-color:var(--c-gold);color:var(--c-black)}\r\n.sfm .sfm-frame{position:relative;width:100%;aspect-ratio:16\/7;min-height:380px;border:1px solid var(--c-line);border-radius:14px;overflow:hidden;background:#fff}\r\n.sfm .sfm-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}\r\n.sfm .sfm-empty{text-align:center;max-width:640px;margin:0 auto;padding:36px 24px;background:#fff;border:1px solid var(--c-line);border-radius:14px}\r\n.sfm .sfm-empty p{margin:0;font-weight:600}\r\n@media (max-width:900px){\r\n.sfm .sfm-frame{aspect-ratio:4\/3;min-height:320px}\r\n.sfm a.sfm-btn{margin-left:0}\r\n}\r\n@media (max-width:640px){\r\n.sfq,.sfm{padding:36px 14px}\r\n.sfq button.sfq-btn{padding:16px 2px;font-size:1rem}\r\n.sfq .sfq-a{padding-right:6px}\r\n.sfm .sfm-info{padding:18px}\r\n.sfm .sfm-frame{aspect-ratio:1\/1;min-height:300px}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n.sfq *,.sfm *{transition:none!important}\r\n}<\/style><section class=\"sfq sfq-nojs\" aria-labelledby=\"sfq-2-title\"><header class=\"sfq-head\"><h2 class=\"sfq-title\" id=\"sfq-2-title\">Frequently Asked Questions<\/h2><p class=\"sfq-intro\">Quick answers to common questions about ordering, delivery and returns.<\/p><\/header><ul class=\"sfq-list\"><li class=\"sfq-item\"><h3 class=\"sfq-q\"><button type=\"button\" class=\"sfq-btn\" id=\"sfq-2-btn-0\" aria-expanded=\"false\" aria-controls=\"sfq-2-panel-0\"><span>What type of leather do you use?<\/span><span class=\"sfq-icon\" aria-hidden=\"true\"><\/span><\/button><\/h3><div class=\"sfq-panel\" id=\"sfq-2-panel-0\" role=\"region\" aria-labelledby=\"sfq-2-btn-0\"><div class=\"sfq-panel-inner\"><div class=\"sfq-a\"><p>At Malik Leather Shoes, we focus on offering footwear made with carefully selected materials that balance style, comfort, and durability. The exact type of leather may vary depending on the product. For accurate material details, please check the individual product description or contact our support team before placing your order. We want you to have clear information about the materials used so you can choose the footwear that best suits your needs.<\/p>\n<\/div><\/div><\/div><\/li><li class=\"sfq-item\"><h3 class=\"sfq-q\"><button type=\"button\" class=\"sfq-btn\" id=\"sfq-2-btn-1\" aria-expanded=\"false\" aria-controls=\"sfq-2-panel-1\"><span>How long does delivery take?<\/span><span class=\"sfq-icon\" aria-hidden=\"true\"><\/span><\/button><\/h3><div class=\"sfq-panel\" id=\"sfq-2-panel-1\" role=\"region\" aria-labelledby=\"sfq-2-btn-1\"><div class=\"sfq-panel-inner\"><div class=\"sfq-a\"><p>Our estimated delivery time is <strong>3\u20135 business days after dispatch<\/strong>, depending on your location and the courier service. Delivery may take longer in some areas or during busy periods. Once your order has been dispatched, tracking details may be shared if they are available. We recommend providing a complete and accurate delivery address and contact number to help avoid delays.<\/p>\n<\/div><\/div><\/div><\/li><li class=\"sfq-item\"><h3 class=\"sfq-q\"><button type=\"button\" class=\"sfq-btn\" id=\"sfq-2-btn-2\" aria-expanded=\"false\" aria-controls=\"sfq-2-panel-2\"><span>Do you offer nationwide delivery?<\/span><span class=\"sfq-icon\" aria-hidden=\"true\"><\/span><\/button><\/h3><div class=\"sfq-panel\" id=\"sfq-2-panel-2\" role=\"region\" aria-labelledby=\"sfq-2-btn-2\"><div class=\"sfq-panel-inner\"><div class=\"sfq-a\"><p>Yes, we deliver across the country. Shipping charges and delivery time may vary based on location and order size.<\/p>\n<\/div><\/div><\/div><\/li><li class=\"sfq-item\"><h3 class=\"sfq-q\"><button type=\"button\" class=\"sfq-btn\" id=\"sfq-2-btn-3\" aria-expanded=\"false\" aria-controls=\"sfq-2-panel-3\"><span>Can I return or exchange my order if the size or product is not suitable?<\/span><span class=\"sfq-icon\" aria-hidden=\"true\"><\/span><\/button><\/h3><div class=\"sfq-panel\" id=\"sfq-2-panel-3\" role=\"region\" aria-labelledby=\"sfq-2-btn-3\"><div class=\"sfq-panel-inner\"><div class=\"sfq-a\"><p>If you receive a product that does not meet your expectations, please contact our customer support team to ask about the available return or exchange options. Eligibility, time limits, and conditions depend on our confirmed return policy. Before placing an order, we recommend checking the product details and size information carefully. Our goal is to help you get the information you need and make your shopping experience as smooth as possible.<\/p>\n<\/div><\/div><\/div><\/li><\/ul><\/section><script id=\"starlife-fm-js\">(function () {\r\n  function init(root) {\r\n    if (root.getAttribute('data-ready')) { return; }\r\n    root.setAttribute('data-ready', '1');\r\n    root.classList.remove('sfq-nojs');\r\n    var items = root.querySelectorAll('.sfq-item');\r\n    function set(item, open) {\r\n      item.classList.toggle('is-open', open);\r\n      var b = item.querySelector('.sfq-btn');\r\n      var p = item.querySelector('.sfq-panel');\r\n      if (b) { b.setAttribute('aria-expanded', open ? 'true' : 'false'); }\r\n      if (p) { p.setAttribute('aria-hidden', open ? 'false' : 'true'); }\r\n    }\r\n    for (var i = 0; i < items.length; i++) {\r\n      (function (item) {\r\n        set(item, false);\r\n        var b = item.querySelector('.sfq-btn');\r\n        if (!b) { return; }\r\n        b.addEventListener('click', function () {\r\n          var open = !item.classList.contains('is-open');\r\n          for (var j = 0; j < items.length; j++) { set(items[j], false); }\r\n          set(item, open);\r\n        });\r\n      })(items[i]);\r\n    }\r\n  }\r\n  function boot() {\r\n    var list = document.querySelectorAll('.sfq');\r\n    for (var i = 0; i < list.length; i++) { init(list[i]); }\r\n  }\r\n  if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', boot); } else { boot(); }\r\n})();<\/script>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e711c46 elementor-widget elementor-widget-shortcode\" data-id=\"e711c46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><section class=\"sfm\" aria-labelledby=\"sfm-3-title\"><header class=\"sfm-head\"><h2 class=\"sfm-title\" id=\"sfm-3-title\">Find Our Store<\/h2><\/header><div class=\"sfm-grid\"><div class=\"sfm-frame\"><iframe src=\"https:\/\/www.google.com\/maps?q=PESHAWAR%2CDALA%20ZAK%20ROAD%20KABOTER%20CHOK%20PAKHA%20GULAM&#038;output=embed\" title=\"Find Our Store\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\" allowfullscreen><\/iframe><\/div><div class=\"sfm-info\"><div><h3>Address<\/h3><p>PESHAWAR,DALA ZAK ROAD KABOTER CHOK PAKHA GULAM<\/p><\/div><a class=\"sfm-btn\" href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&#038;destination=PESHAWAR%2CDALA%20ZAK%20ROAD%20KABOTER%20CHOK%20PAKHA%20GULAM\" target=\"_blank\" rel=\"noopener noreferrer\">Get directions<\/a><\/div><\/div><\/section><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ce4de9 e-con-full e-flex e-con e-parent\" data-id=\"4ce4de9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5411496 elementor-widget elementor-widget-shortcode\" data-id=\"5411496\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Your browser does not support HTML5 video. Walk in style, save more Sale is live \u2013 up to 30% off [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-86","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/starlifeshoes.com\/index.php\/wp-json\/wp\/v2\/pages\/86","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/starlifeshoes.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/starlifeshoes.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/starlifeshoes.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/starlifeshoes.com\/index.php\/wp-json\/wp\/v2\/comments?post=86"}],"version-history":[{"count":64,"href":"https:\/\/starlifeshoes.com\/index.php\/wp-json\/wp\/v2\/pages\/86\/revisions"}],"predecessor-version":[{"id":263,"href":"https:\/\/starlifeshoes.com\/index.php\/wp-json\/wp\/v2\/pages\/86\/revisions\/263"}],"wp:attachment":[{"href":"https:\/\/starlifeshoes.com\/index.php\/wp-json\/wp\/v2\/media?parent=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}